* add functionality to change location in booking and send out mail * add i18n * change location with dropdown like in event-types * small fixes and code clean up * clean code * improve format of current Location string * clean code * clear selection when dialog closed * added mutation and changed props (first working verison) * clean code * clean code * clean code * clean code * fix typo * change maxHeight of select * use useWatch for selectedLocation * pass default values with props * set current location directly in useState * clear selected values when updating location * fix trpc query for credentialst * change icons for editing booking * improve naming of variables * remove unnecessary orderBy * use locationOptionsToString method * fix current location naming for Cal Video * add phone input * save phone number as location of booking * remove input field for phone number for event-types * fix redirection issue * show previous selected location in event-type * remove attendee number from selection for booking * make first letter of location lowercase * remove input field for attendee phone number * clear Errors when changing location type * set location details to optional * clean code * fixing issue that dropdown doesn't close when dialog opens * clean code * make overflow visibile in dialog * fix existing bug with address not showing in event-type settings * fix issue with losing focus after validation * close rejection dialog * small spelling fixes * fix issue with LocationChangeEmail * fix failing E2E test * fix failing E2E test * fix E2E test * bug fix for saving user phone, and other minor changes * merge main * improve text * fix UI of booking list * Delete admin * remove selection after update and submit * add translation for error message * add default values for checkbox * add "your phone number" to locations on booking page * remove duplicate attributes from viewer.bookings Co-authored-by: Omar López <zomars@me.com> * check if user is authorized to make changes to booking * remove location string * clan code for displayLocaitonPublicly checkbox * fetch locationOptions on server side * remove trpc query for credentials * fix phone number input * fix labels of host and attendee phone number for booking page * Migrates edit location to tRPC * Link elemnt should only be used in `a` tags * Adds missin router * Migrates locationOptions to tRPC query * Type fixes Co-authored-by: CarinaWolli <wollencarina@gmail.com> Co-authored-by: Alan <alannnc@gmail.com> Co-authored-by: Omar López <zomars@me.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
153 lines
4.5 KiB
TypeScript
153 lines
4.5 KiB
TypeScript
import { Prisma } from "@prisma/client";
|
|
import { TFunction } from "next-i18next";
|
|
|
|
import type { App } from "@calcom/types/App";
|
|
|
|
import { LocationType } from "./locations";
|
|
// If you import this file on any app it should produce circular dependency
|
|
// import appStore from "./index";
|
|
import { appStoreMetadata } from "./metadata";
|
|
|
|
const ALL_APPS_MAP = Object.keys(appStoreMetadata).reduce((store, key) => {
|
|
store[key] = appStoreMetadata[key as keyof typeof appStoreMetadata];
|
|
return store;
|
|
}, {} as Record<string, App>);
|
|
|
|
const credentialData = Prisma.validator<Prisma.CredentialArgs>()({
|
|
select: { id: true, type: true, key: true, userId: true, appId: true },
|
|
});
|
|
|
|
type CredentialData = Prisma.CredentialGetPayload<typeof credentialData>;
|
|
|
|
export const ALL_APPS = Object.values(ALL_APPS_MAP);
|
|
|
|
type OptionTypeBase = {
|
|
label: string;
|
|
value: LocationType;
|
|
disabled?: boolean;
|
|
};
|
|
|
|
function translateLocations(locations: OptionTypeBase[], t: TFunction) {
|
|
return locations.map((l) => ({
|
|
...l,
|
|
label: t(l.label),
|
|
}));
|
|
}
|
|
const defaultLocations: OptionTypeBase[] = [
|
|
{ value: LocationType.InPerson, label: "in_person_meeting" },
|
|
{ value: LocationType.Link, label: "link_meeting" },
|
|
{ value: LocationType.Phone, label: "attendee_phone_number" },
|
|
{ value: LocationType.UserPhone, label: "host_phone_number" },
|
|
];
|
|
|
|
export function getLocationOptions(integrations: AppMeta, t: TFunction) {
|
|
const locations = [...defaultLocations];
|
|
integrations.forEach((app) => {
|
|
if (app.locationOption) {
|
|
locations.push(app.locationOption);
|
|
}
|
|
});
|
|
|
|
return translateLocations(locations, t);
|
|
}
|
|
|
|
/**
|
|
* This should get all available apps to the user based on his saved
|
|
* credentials, this should also get globally available apps.
|
|
*/
|
|
function getApps(userCredentials: CredentialData[]) {
|
|
const apps = ALL_APPS.map((appMeta) => {
|
|
const credentials = userCredentials.filter((credential) => credential.type === appMeta.type);
|
|
let locationOption: OptionTypeBase | null = null;
|
|
|
|
/** If the app is a globally installed one, let's inject it's key */
|
|
if (appMeta.isGlobal) {
|
|
credentials.push({
|
|
id: +new Date().getTime(),
|
|
type: appMeta.type,
|
|
key: appMeta.key!,
|
|
userId: +new Date().getTime(),
|
|
appId: appMeta.slug,
|
|
});
|
|
}
|
|
|
|
/** Check if app has location option AND add it if user has credentials for it */
|
|
if (credentials.length > 0 && appMeta?.locationType) {
|
|
locationOption = {
|
|
value: appMeta.locationType,
|
|
label: appMeta.locationLabel || "No label set",
|
|
disabled: false,
|
|
};
|
|
}
|
|
|
|
const credential: typeof credentials[number] | null = credentials[0] || null;
|
|
return {
|
|
...appMeta,
|
|
/**
|
|
* @deprecated use `credentials`
|
|
*/
|
|
credential,
|
|
credentials,
|
|
/** Option to display in `location` field while editing event types */
|
|
locationOption,
|
|
};
|
|
});
|
|
|
|
return apps;
|
|
}
|
|
|
|
export type AppMeta = ReturnType<typeof getApps>;
|
|
|
|
export function hasIntegrationInstalled(type: App["type"]): boolean {
|
|
return ALL_APPS.some((app) => app.type === type && !!app.installed);
|
|
}
|
|
|
|
export function getLocationTypes(): string[] {
|
|
return ALL_APPS.reduce((locations, app) => {
|
|
if (typeof app.locationType === "string") {
|
|
locations.push(app.locationType);
|
|
}
|
|
return locations;
|
|
}, [] as string[]);
|
|
}
|
|
|
|
export function getLocationLabels(t: TFunction) {
|
|
const defaultLocationLabels = defaultLocations.reduce((locations, location) => {
|
|
if(location.label === "attendee_phone_number") {
|
|
locations[location.value] = t("your_number")
|
|
return locations
|
|
}
|
|
if(location.label === "host_phone_number") {
|
|
locations[location.value] = `${t("phone_call")} (${t("number_provided")})`
|
|
return locations
|
|
}
|
|
locations[location.value] = t(location.label);
|
|
return locations;
|
|
}, {} as Record<LocationType, string>);
|
|
|
|
return ALL_APPS.reduce((locations, app) => {
|
|
if (typeof app.locationType === "string") {
|
|
locations[app.locationType] = t(app.locationLabel || "No label set");
|
|
}
|
|
return locations;
|
|
}, defaultLocationLabels);
|
|
}
|
|
|
|
export function getAppName(name: string): string | null {
|
|
return ALL_APPS_MAP[name as keyof typeof ALL_APPS_MAP]?.name ?? null;
|
|
}
|
|
|
|
export function getAppType(name: string): string {
|
|
const type = ALL_APPS_MAP[name as keyof typeof ALL_APPS_MAP].type;
|
|
|
|
if (type.endsWith("_calendar")) {
|
|
return "Calendar";
|
|
}
|
|
if (type.endsWith("_payment")) {
|
|
return "Payment";
|
|
}
|
|
return "Unknown";
|
|
}
|
|
|
|
export default getApps;
|