weseek__growi/packages/app/src/stores/personal-settings.tsx

import { useTranslation } from 'next-i18next';
import useSWR, { SWRConfiguration, SWRResponse } from 'swr';

import { IExternalAccount } from '~/interfaces/external-account';
import { IUser } from '~/interfaces/user';
import { useIsGuestUser } from '~/stores/context';
import loggerFactory from '~/utils/logger';

import { apiv3Get, apiv3Put } from '../client/util/apiv3-client';

import { useStaticSWR } from './use-static-swr';

const logger = loggerFactory('growi:stores:personal-settings');


export const useSWRxPersonalSettings = (config?: SWRConfiguration): SWRResponse<IUser, Error> => {
  const { data: isGuestUser } = useIsGuestUser();

  const key = !isGuestUser ? '/personal-setting' : null;

  return useSWR(
    key,
    endpoint => apiv3Get(endpoint).then(response => response.data.currentUser),
    config,
  );
};

export type IPersonalSettingsInfoOption = {
  sync: () => void,
  updateBasicInfo: () => Promise<void>,
  associateLdapAccount: (account: { username: string, password: string }) => Promise<void>,
  disassociateLdapAccount: (account: { providerType: string, accountId: string }) => Promise<void>,
}

export const usePersonalSettings = (config?: SWRConfiguration): SWRResponse<IUser, Error> & IPersonalSettingsInfoOption => {
  const { i18n } = useTranslation();
  const { data: personalSettingsDataFromDB, mutate: revalidate } = useSWRxPersonalSettings(config);
  const key = personalSettingsDataFromDB != null ? 'personalSettingsInfo' : null;

  const swrResult = useStaticSWR<IUser, Error>(key, undefined, { fallbackData: personalSettingsDataFromDB });

  // Sync with database
  const sync = async(): Promise<void> => {
    const { mutate } = swrResult;
    const result = await revalidate();
    mutate(result);
  };

  const updateBasicInfo = async(): Promise<void> => {
    const { data } = swrResult;

    if (data == null) {
      return;
    }

    const updateData = {
      name: data.name,
      email: data.email,
      isEmailPublished: data.isEmailPublished,
      lang: data.lang,
      slackMemberId: data.slackMemberId,
    };

    // invoke API
    try {
      await apiv3Put('/personal-setting/', updateData);
      i18n.changeLanguage(updateData.lang);
    }
    catch (err) {
      logger.error(err);
      throw new Error('Failed to update personal data');
    }
  };


  const associateLdapAccount = async(account): Promise<void> => {
    try {
      await apiv3Put('/personal-setting/associate-ldap', account);
    }
    catch (err) {
      logger.error(err);
      throw new Error('Failed to associate ldap account');
    }
  };

  const disassociateLdapAccount = async(account): Promise<void> => {
    try {
      await apiv3Put('/personal-setting/disassociate-ldap', account);
    }
    catch (err) {
      logger.error(err);
      throw new Error('Failed to disassociate ldap account');
    }
  };

  return {
    ...swrResult,
    sync,
    updateBasicInfo,
    associateLdapAccount,
    disassociateLdapAccount,
  };
};

export const useSWRxPersonalExternalAccounts = (): SWRResponse<IExternalAccount[], Error> => {
  return useSWR(
    '/personal-setting/external-accounts',
    endpoint => apiv3Get(endpoint).then(response => response.data.externalAccounts),
  );
};