59 lines
1.7 KiB
TypeScript
59 lines
1.7 KiB
TypeScript
import type { FormValues } from "pages/event-types/[type]";
|
|
import { useFormContext } from "react-hook-form";
|
|
|
|
import type { GetAppData, SetAppData } from "@calcom/app-store/EventTypeAppContext";
|
|
import type { EventTypeAppsList } from "@calcom/app-store/utils";
|
|
|
|
const useAppsData = () => {
|
|
const formMethods = useFormContext<FormValues>();
|
|
const allAppsData = formMethods.watch("metadata")?.apps || {};
|
|
|
|
const setAllAppsData = (_allAppsData: typeof allAppsData) => {
|
|
formMethods.setValue(
|
|
"metadata",
|
|
{
|
|
...formMethods.getValues("metadata"),
|
|
apps: _allAppsData,
|
|
},
|
|
{ shouldDirty: true }
|
|
);
|
|
};
|
|
|
|
const getAppDataGetter = (appId: EventTypeAppsList): GetAppData => {
|
|
return function (key) {
|
|
const appData = allAppsData[appId as keyof typeof allAppsData] || {};
|
|
if (key) {
|
|
return appData[key as keyof typeof appData];
|
|
}
|
|
return appData;
|
|
};
|
|
};
|
|
|
|
const eventTypeFormMetadata = formMethods.getValues("metadata");
|
|
|
|
const getAppDataSetter = (
|
|
appId: EventTypeAppsList,
|
|
appCategories: string[],
|
|
credentialId?: number
|
|
): SetAppData => {
|
|
return function (key, value) {
|
|
// Always get latest data available in Form because consequent calls to setData would update the Form but not allAppsData(it would update during next render)
|
|
const allAppsDataFromForm = formMethods.getValues("metadata")?.apps || {};
|
|
const appData = allAppsDataFromForm[appId];
|
|
setAllAppsData({
|
|
...allAppsDataFromForm,
|
|
[appId]: {
|
|
...appData,
|
|
[key]: value,
|
|
credentialId,
|
|
appCategories,
|
|
},
|
|
});
|
|
};
|
|
};
|
|
|
|
return { getAppDataGetter, getAppDataSetter, eventTypeFormMetadata };
|
|
};
|
|
|
|
export default useAppsData;
|