EscolaLMS/sdk

import {
  createContext,
  FunctionComponent,
  PropsWithChildren,
  useCallback,
  useContext,
  useRef,
} from "react";
import {
  EscolaLMSContextConfig,
  EscolaLMSContextReadConfig,
  ContextStateValue,
} from "../types";
import { defaultConfig } from "../defaults";
import { fetchDataType } from "../states";

import { useLocalStorage } from "../../hooks/useLocalStorage";
import * as API from "../../../types/api";
import { getDefaultData } from "../index";

import { dictionariesAccess as getDictionariesAccess } from "../../../services/dictionary";
import { UserContext } from "../user";

export const DictionariesAccessContext: React.Context<
  Pick<EscolaLMSContextConfig, "dictionariesAccess" | "fetchDictionariesAccess">
> = createContext({
  dictionariesAccess: defaultConfig.dictionariesAccess,
  fetchDictionariesAccess: defaultConfig.fetchDictionariesAccess,
});

export interface DictionariesAccessContextProviderType {
  apiUrl: string;
  defaults?: Partial<Pick<EscolaLMSContextReadConfig, "dictionariesAccess">>;
  ssrHydration?: boolean;
}

export const DictionariesAccessContextProvider: FunctionComponent<
  PropsWithChildren<DictionariesAccessContextProviderType>
> = ({ children, defaults, apiUrl, ssrHydration }) => {
  const abortControllers = useRef<Record<string, AbortController | null>>({});
  const { token } = useContext(UserContext);

  const [dictionariesAccess, setDictionariesAccess] = useLocalStorage<
    ContextStateValue<API.DictionariesAccess>
  >(
    "lms",
    "dictionariesAccess",
    getDefaultData("dictionariesAccess", {
      ...defaultConfig,
      ...defaults,
    }),
    ssrHydration
  );

  const fetchDictionariesAccess = useCallback(() => {
    return token
      ? fetchDataType<API.DictionariesAccess>({
          controllers: abortControllers.current,
          controller: `dictionariesAccess`,
          mode: "value",
          fetchAction: getDictionariesAccess.bind(
            null,
            apiUrl,
            token
          )({
            signal: abortControllers.current?.[`dictionariesAccess`]?.signal,
          }),
          setState: setDictionariesAccess,
        })
      : Promise.reject("noToken");
  }, [token]);

  return (
    <DictionariesAccessContext.Provider
      value={{
        dictionariesAccess,
        fetchDictionariesAccess,
      }}
    >
      {children}
    </DictionariesAccessContext.Provider>
  );
};