124 lines
4.1 KiB
TypeScript
124 lines
4.1 KiB
TypeScript
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
|
import { useEffect, type ReactNode } from "react";
|
|
|
|
import type { API_VERSIONS_ENUM } from "@calcom/platform-constants";
|
|
import { VERSION_2024_06_14 } from "@calcom/platform-constants";
|
|
import type deTranslations from "@calcom/web/public/static/locales/de/common.json";
|
|
import type enTranslations from "@calcom/web/public/static/locales/en/common.json";
|
|
// import type esTranslations from "@calcom/web/public/static/locales/es/common.json";
|
|
// import type frTranslations from "@calcom/web/public/static/locales/fr/common.json";
|
|
// import type ptBrTranslations from "@calcom/web/public/static/locales/pt-BR/common.json";
|
|
|
|
import http from "../lib/http";
|
|
import { BaseCalProvider } from "./BaseCalProvider";
|
|
|
|
export type enTranslationKeys = keyof typeof enTranslations;
|
|
// export type frTranslationKeys = keyof typeof frTranslations;
|
|
export type deTranslationKeys = keyof typeof deTranslations;
|
|
// export type esTranslationKeys = keyof typeof esTranslations;
|
|
// export type ptBrTranslationKeys = keyof typeof ptBrTranslations;
|
|
export type translationKeys =
|
|
| enTranslationKeys
|
|
// | frTranslationKeys
|
|
| deTranslationKeys
|
|
// | esTranslationKeys
|
|
// | ptBrTranslationKeys;
|
|
|
|
const FR = "fr";
|
|
export const EN = "en";
|
|
const PT_BR = "pt-BR";
|
|
export const DE = "de";
|
|
const ES = "es";
|
|
export const CAL_PROVIDER_LANGUAUES = [EN, DE] as const; // Nur Deutsch und Englisch als verfügbare Sprachen
|
|
export type CalProviderLanguagesType = (typeof CAL_PROVIDER_LANGUAUES)[number];
|
|
|
|
const queryClient = new QueryClient();
|
|
|
|
// type i18nFrProps = {
|
|
// labels?: Partial<Record<frTranslationKeys, string>>;
|
|
// language?: "fr";
|
|
// };
|
|
|
|
type i18nEnProps = {
|
|
labels?: Partial<Record<enTranslationKeys, string>>;
|
|
language?: "en";
|
|
};
|
|
|
|
// type i18nPtBrProps = {
|
|
// labels?: Partial<Record<ptBrTranslationKeys, string>>;
|
|
// language?: "pt-BR";
|
|
// };
|
|
|
|
type i18nDeProps = {
|
|
labels?: Partial<Record<deTranslationKeys, string>>;
|
|
language?: "de";
|
|
};
|
|
|
|
// type i18nEsProps = {
|
|
// labels?: Partial<Record<esTranslationKeys, string>>;
|
|
// language?: "es";
|
|
// };
|
|
|
|
export type i18nProps = i18nEnProps | i18nDeProps; // Nur Deutsch und Englisch
|
|
|
|
export type CalProviderProps = {
|
|
children?: ReactNode;
|
|
clientId: string;
|
|
accessToken?: string;
|
|
options: { refreshUrl?: string; apiUrl: string };
|
|
autoUpdateTimezone?: boolean;
|
|
onTimezoneChange?: () => void;
|
|
version?: API_VERSIONS_ENUM;
|
|
} & i18nProps;
|
|
|
|
/**
|
|
* Renders a CalProvider component.
|
|
*
|
|
* @component
|
|
* @param {string} props.clientId - The platform oauth client ID.
|
|
* @param {string} props.accessToken - The access token of your managed user. - Optional
|
|
* @param {object} props.options - The options object.
|
|
* @param {string} [options.apiUrl] - The API URL. https://api.cal.com/v2
|
|
* @param {string} [options.refreshUrl] - The url point to your refresh endpoint. - Optional, required if accessToken is provided.
|
|
* @param {boolean} [autoUpdateTimezone=true] - Whether to automatically update the timezone. - Optional
|
|
* @param {function} props.onTimezoneChange - The callback function for timezone change. - Optional
|
|
* @param {ReactNode} props.children - The child components. - Optional
|
|
* @returns {JSX.Element} The rendered CalProvider component.
|
|
*/
|
|
export function CalProvider({
|
|
clientId,
|
|
accessToken,
|
|
options,
|
|
children,
|
|
autoUpdateTimezone = true,
|
|
labels,
|
|
language = DE, // Standardsprache auf Deutsch gesetzt
|
|
onTimezoneChange,
|
|
version = VERSION_2024_06_14,
|
|
}: CalProviderProps) {
|
|
useEffect(() => {
|
|
http.setVersionHeader(version);
|
|
}, [version]);
|
|
|
|
useEffect(() => {
|
|
if (accessToken) {
|
|
queryClient.resetQueries();
|
|
}
|
|
}, [accessToken]);
|
|
|
|
return (
|
|
<QueryClientProvider client={queryClient}>
|
|
<BaseCalProvider
|
|
autoUpdateTimezone={autoUpdateTimezone}
|
|
onTimezoneChange={onTimezoneChange}
|
|
clientId={clientId}
|
|
accessToken={accessToken}
|
|
options={options}
|
|
version={version}
|
|
labels={labels as Record<translationKeys, string>}
|
|
language={language}>
|
|
{children}
|
|
</BaseCalProvider>
|
|
</QueryClientProvider>
|
|
);
|
|
} |