remoteConfigHooks.ts

import isEqual from 'react-fast-compare';
import { useStore } from 'store/useStore';
import { getCurrentStoreLocale } from 'store/stores/helpers';
import { StoreCode, StoreLocale } from 'store/stores/types';
// import { logError } from 'utils/genericError';
import { RemoteConfigByLocale, RemoteConfigByStore, RemoteConfigState } from './types';

const safeConfig = <T, U extends string>(config: T, scope: U, name: string) => {
  const { isRemoteConfigReady, remoteConfig } = useStore.getState();
  if (config || !isRemoteConfigReady) return config;
  else {
    // logError(
    console.log(
      `Remote config ${name} for ${scope} is not defined`,
      new Error('Remote config is not defined'),
      { name, scope },
      { name, scope, config, isRemoteConfigReady, remoteConfig },
    );
  }
};

export const useRemoteConfig = <T extends keyof RemoteConfigState>(configName: T) => {
  const config = useStore(state => state.remoteConfig[configName], isEqual);
  return safeConfig(config, 'root', configName);
};

export const useRemoteConfigByStore = <T extends keyof RemoteConfigByStore>(configName: T) => {
  const currentStore = useStore(state => state.currentStore);
  const remoteConfig = useStore(state => state.remoteConfig[configName], isEqual);

  if (currentStore) {
    const config = remoteConfig?.[currentStore] as RemoteConfigByStore[T][StoreCode];
    return safeConfig(config, currentStore, configName);
  }
};

export const useRemoteConfigByLocale = <T extends keyof RemoteConfigByLocale>(configName: T) => {
  const currentStore = useStore(state => state.currentStore);
  const currentLocale = getCurrentStoreLocale(currentStore);
  const remoteConfig = useStore(state => state.remoteConfig[configName], isEqual);

  if (currentLocale) {
    const config = remoteConfig?.[currentLocale] as RemoteConfigByLocale[T][StoreLocale];
    return safeConfig(config, currentLocale, configName);
  }
};