@calcom/atoms 2.8.0 → 2.8.2

package/src/vendor/form-builder/utils/get-field-identifier.ts

@@ -1,5 +0,0 @@
-import { getValidRhfFieldName } from "../utils";
-
-export const getFieldIdentifier = (name: string) => {
-  return getValidRhfFieldName(name);
-};

package/src/vendor/form-builder/utils/variants-config.ts

@@ -1,71 +0,0 @@
-import type z from "zod";
-import type { fieldSchema } from "../base-schema";
-import { fieldTypesConfigMap } from "../field-types";
-
-type ConfigVariants = NonNullable<ReturnType<typeof getConfig>>["variants"];
-type Field = z.infer<typeof fieldSchema>;
-type Translate = (key: string, options?: Record<string, unknown>) => string;
-
-function getTranslatedConfigVariants(
-  configVariants: ConfigVariants,
-  translate: Translate,
-  fieldType: Field["type"]
-) {
-  const fieldTypeVariantsConfig = fieldTypesConfigMap[fieldType]?.variantsConfig?.variants;
-
-  return Object.entries(configVariants).reduce(
-    (variantsConfigVariants, [variantName, variant]) => {
-      const variantFieldsMap =
-        fieldTypeVariantsConfig?.[variantName as keyof typeof fieldTypeVariantsConfig]?.fieldsMap;
-
-      const translatedFields = variant.fields.map((field) => {
-        const defaultLabel =
-          variantFieldsMap?.[field.name as keyof typeof variantFieldsMap]?.defaultLabel ?? "";
-        const label = (field.label?.trim() ? field.label : defaultLabel) ?? "";
-        const placeholder = field.placeholder ?? "";
-        return {
-          ...field,
-          label: translate(label),
-          placeholder: translate(placeholder),
-        };
-      });
-      variantsConfigVariants[variantName] = {
-        ...variant,
-        fields: translatedFields,
-      };
-
-      return variantsConfigVariants;
-    },
-    {} as typeof configVariants
-  );
-}
-
-export const getConfig = (field: Pick<Field, "variantsConfig" | "type">) => {
-  const fieldVariantsConfig = field.variantsConfig;
-  const fieldTypeConfig = fieldTypesConfigMap[field.type as keyof typeof fieldTypesConfigMap];
-
-  if (!fieldTypeConfig) throw new Error(`Invalid field.type ${field.type}}`);
-
-  const defaultVariantsConfig = fieldTypeConfig?.variantsConfig?.defaultValue;
-  const variantsConfig = fieldVariantsConfig || defaultVariantsConfig;
-
-  if (fieldTypeConfig.propsType === "variants" && !variantsConfig) {
-    throw new Error(`propsType variants must have variantsConfig`);
-  }
-  return variantsConfig;
-};
-
-export const getTranslatedConfig = (field: Pick<Field, "variantsConfig" | "type">, translate: Translate) => {
-  const variantsConfig = getConfig(field);
-  if (!variantsConfig) return variantsConfig;
-  const newVariantsConfigVariants = getTranslatedConfigVariants(
-    variantsConfig.variants,
-    translate,
-    field.type
-  );
-
-  return {
-    ...variantsConfig,
-    variants: newVariantsConfigVariants,
-  };
-};

package/src/vendor/form-builder/utils.ts

@@ -1,48 +0,0 @@
-export const preprocessNameFieldDataWithVariant = (
-  variantName: "fullName" | "firstAndLastName",
-  value: string | Record<"firstName" | "lastName", string> | undefined
-) => {
-  if (variantName === "firstAndLastName") {
-    return getFirstAndLastName(value);
-  } else {
-    return getFullName(value);
-  }
-};
-
-export const getFullName = (name: string | { firstName: string; lastName?: string } | undefined) => {
-  if (!name) {
-    return "";
-  }
-  let nameString = "";
-  if (typeof name === "string") {
-    nameString = name;
-  } else {
-    nameString = name.firstName;
-    if (name.lastName) {
-      nameString = `${nameString} ${name.lastName}`;
-    }
-  }
-  return nameString;
-};
-
-function getFirstAndLastName(value: string | Record<"firstName" | "lastName", string> | undefined) {
-  let newValue: Record<"firstName" | "lastName", string>;
-  value = value || "";
-  if (typeof value === "string") {
-    try {
-      newValue = JSON.parse(value);
-    } catch (e) {
-      const parts = value.split(" ").map((part) => part.trim());
-      const firstName = parts[0];
-      const lastName = parts.slice(1).join(" ");
-      newValue = { firstName, lastName };
-    }
-  } else {
-    newValue = value;
-  }
-  return newValue;
-}
-
-export const getValidRhfFieldName = (fieldName: string) => {
-  return fieldName.replace(/[^a-zA-Z0-9-_]/g, "-");
-};

package/src/vendor/form-builder-widgets/index.tsx

@@ -1,213 +0,0 @@
-// @ts-nocheck — react-select prop narrowing against raw widget generic contracts
-"use client";
-
-import type { ChangeEvent } from "react";
-
-import { Select } from "../../components/ui/select";
-import { TextArea, TextField } from "../../components/ui/text-field";
-
-export type CommonProps<
-  TVal extends
-    | string
-    | boolean
-    | string[]
-    | {
-        value: string;
-        optionValue: string;
-      },
-> = {
-  placeholder?: string;
-  readOnly?: boolean;
-  className?: string;
-  name?: string;
-  label?: string;
-  value: TVal;
-  setValue: (value: TVal) => void;
-};
-
-export type SelectLikeComponentProps<
-  TVal extends
-    | string
-    | string[]
-    | {
-        value: string;
-        optionValue: string;
-      } = string,
-> = {
-  options: {
-    label: string;
-    value: TVal extends (infer P)[]
-      ? P
-      : TVal extends {
-            value: string;
-          }
-        ? TVal["value"]
-        : TVal;
-  }[];
-} & CommonProps<TVal>;
-
-export type SelectLikeComponentPropsRAQB<TVal extends string | string[] = string> = {
-  listValues: { title: string; value: TVal extends (infer P)[] ? P : TVal }[];
-} & CommonProps<TVal>;
-
-export type TextLikeComponentProps<TVal extends string | string[] | boolean = string> = CommonProps<TVal> & {
-  name?: string;
-};
-
-export type TextLikeComponentPropsRAQB<TVal extends string | boolean = string> =
-  TextLikeComponentProps<TVal> & {
-    customProps?: object;
-    type?: "text" | "number" | "email" | "tel" | "url";
-    maxLength?: number;
-    noLabel?: boolean;
-  };
-
-const TextAreaWidget = (props: TextLikeComponentPropsRAQB) => {
-  const { value, setValue, readOnly, placeholder, maxLength, customProps, ...remainingProps } = props;
-
-  const onChange = (e: ChangeEvent<HTMLTextAreaElement>) => {
-    setValue(e.target.value);
-  };
-
-  const textValue = value || "";
-  return (
-    <TextArea
-      value={textValue as string}
-      placeholder={placeholder}
-      className="mb-2"
-      disabled={readOnly}
-      onChange={onChange}
-      maxLength={maxLength}
-      {...(customProps as object)}
-      {...remainingProps}
-    />
-  );
-};
-
-const TextWidget = (props: TextLikeComponentPropsRAQB) => {
-  const {
-    value,
-    noLabel,
-    setValue,
-    readOnly,
-    placeholder,
-    customProps,
-    type = "text",
-    ...remainingProps
-  } = props;
-  const onChange = (e: ChangeEvent<HTMLInputElement>) => {
-    setValue(e.target.value);
-  };
-  const textValue = value || "";
-  return (
-    <TextField
-      size="sm"
-      containerClassName="w-full mb-2"
-      type={type}
-      value={textValue as string}
-      noLabel={noLabel}
-      placeholder={placeholder}
-      disabled={readOnly}
-      onChange={onChange}
-      {...remainingProps}
-      {...(customProps as object)}
-    />
-  );
-};
-
-function NumberWidget({ value, setValue, ...remainingProps }: TextLikeComponentPropsRAQB) {
-  return (
-    <TextField
-      size="sm"
-      type="number"
-      labelSrOnly={remainingProps.noLabel}
-      containerClassName="w-full"
-      className="mb-2"
-      value={value as string}
-      onChange={(e) => {
-        setValue(e.target.value);
-      }}
-      {...remainingProps}
-    />
-  );
-}
-
-const MultiSelectWidget = ({
-  listValues,
-  setValue,
-  value,
-  ...remainingProps
-}: SelectLikeComponentPropsRAQB<string[]>) => {
-  if (!listValues) {
-    return null;
-  }
-  const selectItems = listValues.map((item) => ({
-    label: item.title,
-    value: item.value,
-  }));
-
-  const optionsFromList = selectItems.filter((item) => value?.includes(item.value));
-
-  if (optionsFromList.length === 0 && value?.length) {
-    setValue([]);
-  }
-
-  return (
-    <Select
-      size="sm"
-      aria-label="multi-select-dropdown"
-      className="mb-2"
-      onChange={(items) => {
-        setValue((items as { value: string }[])?.map((item) => item.value) ?? []);
-      }}
-      value={optionsFromList}
-      isMulti={true}
-      isDisabled={remainingProps.readOnly}
-      options={selectItems}
-      {...remainingProps}
-    />
-  );
-};
-
-function SelectWidget({ listValues, setValue, value, ...remainingProps }: SelectLikeComponentPropsRAQB) {
-  if (!listValues) {
-    return null;
-  }
-  const selectItems = listValues.map((item) => ({
-    label: item.title,
-    value: item.value,
-  }));
-  const optionFromList = selectItems.find((item) => item.value === value);
-
-  if (!optionFromList && value) {
-    setValue("");
-  }
-
-  return (
-    <Select
-      size="sm"
-      aria-label="select-dropdown"
-      className="data-testid-select mb-2"
-      onChange={(item) => {
-        if (!item) {
-          return;
-        }
-        setValue((item as { value: string }).value);
-      }}
-      isDisabled={remainingProps.readOnly}
-      value={optionFromList}
-      options={selectItems}
-      {...remainingProps}
-    />
-  );
-}
-
-const Widgets = {
-  TextWidget,
-  TextAreaWidget,
-  SelectWidget,
-  NumberWidget,
-  MultiSelectWidget,
-};
-
-export default Widgets;

package/src/vendor/format-date-time.ts

@@ -1,138 +0,0 @@
-import dayjs from "./dayjs";
-
-type DateTimeStyle = "full" | "long" | "medium" | "short";
-
-interface DateTimeFormatOptions {
-  locale: string;
-  timeZone?: string;
-  dateStyle?: DateTimeStyle;
-  timeStyle?: DateTimeStyle;
-  month?: "numeric" | "2-digit" | "long" | "short" | "narrow";
-  hour12?: boolean;
-}
-
-const MAX_FORMATTER_CACHE = 1000;
-const MAX_WEEKDAY_CACHE = 500;
-
-const WEEKDAY_FORMATS = { short: "ddd", long: "dddd" } as const;
-const MONTH_FORMATS = { long: "MMMM", short: "MMM", numeric: "M", "2-digit": "MM", narrow: "MMM" } as const;
-const DATE_FORMATS = {
-  full: "dddd, MMMM D, YYYY",
-  long: "MMMM D, YYYY",
-  medium: "MMM D, YYYY",
-  short: "M/D/YY",
-} as const;
-
-const localeSupport = new Map<string, boolean>();
-const formatterCache = new Map<string, Intl.DateTimeFormat>();
-const weekdayCache = new Map<string, string[]>();
-
-function isSupported(locale: string): boolean {
-  if (!locale) return false;
-  let supported = localeSupport.get(locale);
-  if (supported === undefined) {
-    supported = Intl.DateTimeFormat.supportedLocalesOf([locale]).length > 0;
-    localeSupport.set(locale, supported);
-  }
-  return supported;
-}
-
-function getFormatter(locale: string, options: Intl.DateTimeFormatOptions): Intl.DateTimeFormat {
-  const key = `${locale}|${JSON.stringify(options)}`;
-  let formatter = formatterCache.get(key);
-
-  if (!formatter) {
-    if (formatterCache.size >= MAX_FORMATTER_CACHE) {
-      formatterCache.clear();
-    }
-    formatter = new Intl.DateTimeFormat(locale, options);
-    formatterCache.set(key, formatter);
-  }
-
-  return formatter;
-}
-
-function buildIntlOptions(options: DateTimeFormatOptions, includeMonth = true): Intl.DateTimeFormatOptions {
-  const { timeZone, dateStyle, timeStyle, month, hour12 } = options;
-  return {
-    ...(timeZone && { timeZone }),
-    ...(dateStyle && { dateStyle }),
-    ...(timeStyle && { timeStyle }),
-    ...(includeMonth && month && { month }),
-    ...(hour12 !== undefined && { hour12 }),
-  };
-}
-
-function formatWithDayjs(date: Date, options: DateTimeFormatOptions): string {
-  const { locale, dateStyle, timeStyle, month, hour12, timeZone } = options;
-  const resolvedLocale = locale || "en";
-  const dayjsDate = timeZone
-    ? dayjs(date).tz(timeZone).locale(resolvedLocale)
-    : dayjs(date).locale(resolvedLocale);
-
-  if (month) {
-    const formatted = dayjsDate.format(MONTH_FORMATS[month] || "MMM");
-    return month === "narrow" ? formatted.charAt(0) : formatted;
-  }
-
-  const parts: string[] = [];
-  if (dateStyle) parts.push(DATE_FORMATS[dateStyle]);
-  if (timeStyle) parts.push(hour12 ? "h:mm A" : "HH:mm");
-
-  return dayjsDate.format(parts.join(" ") || "YYYY-MM-DD HH:mm");
-}
-
-function getDateForWeekday(day: number): Date {
-  const today = new Date();
-  const diff = day - today.getDay();
-  const target = new Date(today);
-  target.setDate(today.getDate() + diff);
-  return target;
-}
-
-export function formatDateTime(date: Date, options: DateTimeFormatOptions): string {
-  if (isSupported(options.locale)) {
-    return getFormatter(options.locale, buildIntlOptions(options)).format(date);
-  }
-  return formatWithDayjs(date, options);
-}
-
-export function formatDateTimeRange(startDate: Date, endDate: Date, options: DateTimeFormatOptions): string {
-  if (isSupported(options.locale)) {
-    return getFormatter(options.locale, buildIntlOptions(options, false)).formatRange(startDate, endDate);
-  }
-  return `${formatWithDayjs(startDate, options)} — ${formatWithDayjs(endDate, options)}`;
-}
-
-export function formatWeekday(locale: string, day: number, format: "short" | "long"): string {
-  if (isSupported(locale)) {
-    return getFormatter(locale, { weekday: format }).format(getDateForWeekday(day));
-  }
-  return dayjs().day(day).locale(locale).format(WEEKDAY_FORMATS[format]);
-}
-
-export function getWeekdayNames(locale: string, weekStart = 0, format: "short" | "long" = "long"): string[] {
-  const cacheKey = `${locale}|${weekStart}|${format}`;
-  let names = weekdayCache.get(cacheKey);
-
-  if (!names) {
-    if (weekdayCache.size >= MAX_WEEKDAY_CACHE) {
-      weekdayCache.clear();
-    }
-
-    if (isSupported(locale)) {
-      const formatter = getFormatter(locale, { weekday: format });
-      names = Array.from({ length: 7 }, (_, i) => formatter.format(getDateForWeekday((i + weekStart) % 7)));
-    } else {
-      names = Array.from({ length: 7 }, (_, i) =>
-        dayjs()
-          .day((i + weekStart) % 7)
-          .locale(locale)
-          .format(WEEKDAY_FORMATS[format])
-      );
-    }
-    weekdayCache.set(cacheKey, names);
-  }
-
-  return names;
-}

package/src/vendor/get-available-dates-in-month.ts

@@ -1,36 +0,0 @@
-import dayjs from "./dayjs";
-import { daysInMonth, yyyymmdd } from "./dayjs-utils";
-
-/**
- * Compute the bookable dates of a month:
- *  - intersect with `includedDates`
- *  - past dates are dropped
- *  - last day of month is inclusive
- */
-export function getAvailableDatesInMonth({
-  browsingDate,
-  minDate = new Date(),
-  includedDates,
-}: {
-  browsingDate: Date;
-  minDate?: Date;
-  includedDates?: string[];
-}): string[] {
-  const dates: string[] = [];
-  const lastDateOfMonth = new Date(
-    browsingDate.getFullYear(),
-    browsingDate.getMonth(),
-    daysInMonth(browsingDate)
-  );
-  for (
-    let date = browsingDate > minDate ? browsingDate : minDate;
-    date < lastDateOfMonth || dayjs(date).isSame(lastDateOfMonth, "day");
-    date = new Date(date.getFullYear(), date.getMonth(), date.getDate() + 1)
-  ) {
-    if (includedDates && !includedDates.includes(yyyymmdd(date))) {
-      continue;
-    }
-    dates.push(yyyymmdd(date));
-  }
-  return dates;
-}

package/src/vendor/get-avatar-url.ts

@@ -1,15 +0,0 @@
-import { z } from "zod";
-
-import { AVATAR_FALLBACK, CAL_URL } from "../constants";
-
-export const getAbsoluteAvatarUrl = (url: string): string => {
-  const isAbsolute = z.string().url().safeParse(url).success;
-  return isAbsolute ? url : CAL_URL + url;
-};
-
-export const getUserAvatarUrl = (user: { avatarUrl?: string | null } | undefined): string => {
-  if (user?.avatarUrl) {
-    return getAbsoluteAvatarUrl(user.avatarUrl);
-  }
-  return CAL_URL + AVATAR_FALLBACK;
-};

package/src/vendor/get-routed-team-member-ids.ts

@@ -1,9 +0,0 @@
-export const getRoutedTeamMemberIdsFromSearchParams = (searchParams: URLSearchParams) => {
-  const routedTeamMemberIdsParam = searchParams.get("cal.routedTeamMemberIds");
-  return typeof routedTeamMemberIdsParam === "string"
-    ? routedTeamMemberIdsParam
-        .split(",")
-        .filter(Boolean)
-        .map((id) => parseInt(id, 10))
-    : null;
-};

package/src/vendor/get-stripe.ts

@@ -1,17 +0,0 @@
-import type { Stripe } from "@stripe/stripe-js";
-import { loadStripe } from "@stripe/stripe-js/pure";
-
-const stripePublicKey = process.env.NEXT_PUBLIC_STRIPE_PUBLIC_KEY || "";
-let stripePromise: Promise<Stripe | null>;
-
-/**
- * Lazily loads Stripe.js once per session.
- */
-const getStripe = (userPublicKey?: string) => {
-  if (!stripePromise) {
-    stripePromise = loadStripe(userPublicKey || stripePublicKey);
-  }
-  return stripePromise;
-};
-
-export default getStripe;

package/src/vendor/get-username-list.ts

@@ -1,14 +0,0 @@
-import { slugify } from "./slugify";
-
-const arrayCast = (value: unknown | unknown[]): string[] => {
-  if (Array.isArray(value)) return value.filter((v): v is string => typeof v === "string");
-  return typeof value === "string" ? [value] : [];
-};
-
-export const getUsernameList = (users: string | string[] | undefined): string[] => {
-  const normalized = arrayCast(users);
-  const allUsers = normalized
-    .flatMap((user) => user.replace(/( |%20|%2b)/gi, "+").split("+"))
-    .filter(Boolean);
-  return ([] as string[]).concat(...allUsers.map((userSlug) => slugify(userSlug)));
-};

package/src/vendor/hooks/__tests__/use-router-query.test.ts

@@ -1,37 +0,0 @@
-import { renderHook } from "@testing-library/react";
-import { describe, expect, it, vi } from "vitest";
-import { useRouterQuery } from "../use-router-query";
-
-vi.mock("next/navigation", () => ({
-  useSearchParams: () => new URLSearchParams(globalThis.__TEST_SEARCH__ ?? ""),
-}));
-
-function setSearch(qs: string) {
-  (globalThis as unknown as { __TEST_SEARCH__: string }).__TEST_SEARCH__ = qs;
-}
-
-describe("useRouterQuery", () => {
-  it("returns empty object when there are no params", () => {
-    setSearch("");
-    const { result } = renderHook(() => useRouterQuery());
-    expect(result.current).toEqual({});
-  });
-
-  it("returns a flat object for single-value params", () => {
-    setSearch("foo=1&bar=2");
-    const { result } = renderHook(() => useRouterQuery());
-    expect(result.current).toEqual({ foo: "1", bar: "2" });
-  });
-
-  it("collects duplicate keys into an array", () => {
-    setSearch("tag=a&tag=b&tag=c");
-    const { result } = renderHook(() => useRouterQuery());
-    expect(result.current).toEqual({ tag: ["a", "b", "c"] });
-  });
-
-  it("mixes single-value and array-value params", () => {
-    setSearch("single=x&multi=a&multi=b");
-    const { result } = renderHook(() => useRouterQuery());
-    expect(result.current).toEqual({ single: "x", multi: ["a", "b"] });
-  });
-});

package/src/vendor/hooks/use-debounce.ts

@@ -1,17 +0,0 @@
-import { useEffect, useState } from "react";
-
-export function useDebounce<T>(value: T, delay: number): T {
-  const [debouncedValue, setDebouncedValue] = useState<T>(value);
-
-  useEffect(() => {
-    const timeout = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay);
-
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, [value, delay]);
-
-  return debouncedValue;
-}

package/src/vendor/hooks/use-media-query.ts

@@ -1,24 +0,0 @@
-import { useCallback, useSyncExternalStore } from "react";
-
-const getServerSnapshot = () => undefined;
-
-const useMediaQuery = (query: string) => {
-  const subscribe = useCallback(
-    (callback: () => void) => {
-      const media = window.matchMedia(query);
-      media.addEventListener("change", callback);
-      return () => media.removeEventListener("change", callback);
-    },
-    [query]
-  );
-
-  const getSnapshot = useCallback(() => {
-    return window.matchMedia(query).matches;
-  }, [query]);
-
-  const matches = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-
-  return matches ?? false;
-};
-
-export default useMediaQuery;

package/src/vendor/hooks/use-router-query.ts

@@ -1,34 +0,0 @@
-import { useSearchParams } from "next/navigation";
-
-function fromEntriesWithDuplicateKeys(entries: IterableIterator<[string, string]> | null) {
-  const result: Record<string, string | string[]> = {};
-
-  if (entries === null) {
-    return result;
-  }
-
-  const iter = entries as unknown as { [Symbol.iterator](): Iterator<[string, string]> };
-  const it = iter[Symbol.iterator]();
-  let step = it.next();
-  while (!step.done) {
-    const [key, value] = step.value;
-    if (Object.hasOwn(result, key)) {
-      let currentValue = result[key];
-      if (!Array.isArray(currentValue)) {
-        currentValue = [currentValue];
-      }
-      currentValue.push(value);
-      result[key] = currentValue;
-    } else {
-      result[key] = value;
-    }
-    step = it.next();
-  }
-  return result;
-}
-
-export const useRouterQuery = () => {
-  const searchParams = useSearchParams();
-  const routerQuery = fromEntriesWithDuplicateKeys(searchParams?.entries() ?? null);
-  return routerQuery;
-};