import {
  GetCurrenciesQuery,
  GetLanguagesQuery,
  GetWebsiteInterfaceQuery,
} from "graphql/generated";
import { getReadySdk } from "graphql/sdk";
import { GetStaticPropsContext } from "next";

export interface AppStaticProps {
  langui: Exclude<
    Exclude<
      GetWebsiteInterfaceQuery["websiteInterfaces"],
      null | undefined
    >["data"][number]["attributes"],
    null | undefined
  >;
  currencies: Exclude<
    GetCurrenciesQuery["currencies"],
    null | undefined
  >["data"];
  languages: Exclude<GetLanguagesQuery["languages"], null | undefined>["data"];
}

export async function getAppStaticProps(
  context: GetStaticPropsContext
): Promise<AppStaticProps> {
  const sdk = getReadySdk();
  const languages = (await sdk.getLanguages()).languages;

  if (languages?.data) {
    languages.data.sort((a, b) =>
      a.attributes && b.attributes
        ? a.attributes.localized_name.localeCompare(b.attributes.localized_name)
        : 0
    );
  }

  const currencies = (await sdk.getCurrencies()).currencies;
  if (currencies?.data) {
    currencies.data.sort((a, b) =>
      a.attributes && b.attributes
        ? a.attributes.code.localeCompare(b.attributes.code)
        : 0
    );
  }

  const langui = (
    await sdk.getWebsiteInterface({
      language_code: context.locale ?? "en",
    })
  ).websiteInterfaces?.data[0].attributes;

  return {
    langui: langui ?? ({} as AppStaticProps["langui"]),
    currencies: currencies?.data ?? ({} as AppStaticProps["currencies"]),
    languages: languages?.data ?? ({} as AppStaticProps["languages"]),
  };
}