@calcom/atoms 2.7.2 → 2.8.1

package/src/vendor/parse-dates.ts

@@ -1,107 +0,0 @@
-import { RRule } from "rrule";
-
-import dayjs, { type Dayjs } from "./dayjs";
-import type { RecurringEvent } from "./recurring";
-import { detectBrowserTimeFormat, TimeFormat } from "./time-format";
-
-const ISO8601_OFFSET_FORMAT = /^(.*)([+-])(\d{2}):(\d{2})|(Z)$/;
-
-function parseZone(date?: string | Dayjs | Date | null, format?: unknown, locale?: string, strict?: boolean) {
-  if (typeof date !== "string") {
-    return dayjs(date as Dayjs, format as never, locale, strict);
-  }
-  const match = date.match(ISO8601_OFFSET_FORMAT);
-  if (match === null) {
-    return;
-  }
-  if (match[0] === "Z") {
-    return dayjs(
-      date,
-      {
-        utc: true,
-        ...(typeof format === "string" ? { format } : (format as object)),
-      } as never,
-      locale,
-      strict
-    );
-  }
-  const [, dateTime, sign, tzHour, tzMinute] = match;
-  const uOffset: number = parseInt(tzHour) * 60 + parseInt(tzMinute, 10);
-  const offset = sign === "+" ? uOffset : -uOffset;
-
-  return dayjs(
-    dateTime,
-    {
-      $offset: offset,
-      ...(typeof format === "string" ? { format } : (format as object)),
-    } as never,
-    locale,
-    strict
-  );
-}
-
-type ExtraOptions = { withDefaultTimeFormat?: boolean; selectedTimeFormat?: TimeFormat };
-
-const processDate = (
-  date: string | null | Dayjs,
-  language: string,
-  timeZone: string,
-  options?: ExtraOptions
-) => {
-  const parsedZone = parseZone(date);
-  if (!parsedZone?.isValid()) return "Invalid date";
-  const formattedTime = parsedZone?.format(
-    options?.withDefaultTimeFormat
-      ? TimeFormat.TWELVE_HOUR
-      : options?.selectedTimeFormat || detectBrowserTimeFormat
-  );
-  return `${formattedTime}, ${dayjs(date)
-    .toDate()
-    .toLocaleString(language, { dateStyle: "full", timeZone })}`;
-};
-
-export const parseDate = (
-  date: string | null | Dayjs,
-  language: string,
-  timeZone: string,
-  options?: ExtraOptions
-) => {
-  if (!date) return ["No date"];
-  return processDate(date, language, timeZone, options);
-};
-
-export const parseRecurringDates = (
-  {
-    startDate,
-    timeZone,
-    recurringEvent,
-    recurringCount,
-    selectedTimeFormat,
-    withDefaultTimeFormat,
-  }: {
-    startDate: string | null | Dayjs;
-    timeZone: string;
-    recurringEvent: RecurringEvent | null;
-    recurringCount: number;
-    selectedTimeFormat?: TimeFormat;
-    withDefaultTimeFormat?: boolean;
-  },
-  language: string
-): [string[], Date[]] => {
-  const { count, ...restRecurringEvent } = recurringEvent || ({} as RecurringEvent);
-  const rule = new RRule({
-    ...restRecurringEvent,
-    count: recurringCount,
-    dtstart: new Date(dayjs(startDate as never).valueOf()),
-  });
-
-  const startUtcOffset = dayjs(startDate as never).utcOffset();
-  const times = rule.all().map((t) => {
-    return dayjs.utc(t).add(startUtcOffset - dayjs(t).utcOffset(), "minute");
-  });
-  const dateStrings = times.map((t) => {
-    return processDate(t.tz(timeZone), language, timeZone, { selectedTimeFormat, withDefaultTimeFormat });
-  });
-
-  return [dateStrings, times.map((t) => t.toDate())];
-};

package/src/vendor/payments.ts

@@ -1,107 +0,0 @@
-type TranslationFunction = (key: string, options?: Record<string, unknown>) => string;
-
-type AppData = {
-  enabled?: boolean;
-  price?: number;
-  currency?: string;
-  appCategories?: string[];
-  [key: string]: unknown;
-};
-
-type EventTypeMetadataApps = Record<string, AppData | undefined>;
-
-/**
- * Returns true when the event-type has >1 (or ≥1 inclusive) enabled payment app.
- * Ported verbatim; app categories are matched by the "payment" string, and
- * legacy apps that just expose {price, enabled} also count.
- */
-export function checkForMultiplePaymentApps(
-  metadata: { apps?: EventTypeMetadataApps } | null | undefined,
-  inclusive = false
-) {
-  let enabledPaymentApps = 0;
-  for (const appKey in metadata?.apps) {
-    const app = metadata?.apps[appKey];
-    if (!app) continue;
-    if (app.appCategories && app.appCategories.includes("payment") && app.enabled) {
-      enabledPaymentApps++;
-    } else if ("price" in app && app.enabled) {
-      enabledPaymentApps++;
-    }
-  }
-  return inclusive ? enabledPaymentApps >= 1 : enabledPaymentApps > 1;
-}
-
-export type PaymentAppData = {
-  enabled: boolean;
-  price: number;
-  currency: string;
-  appId: string | null;
-  paymentOption?: string;
-  credentialId?: number;
-  refundPolicy?: string;
-  refundDaysCount?: number;
-  refundCountCalendarDays?: boolean;
-};
-
-/**
- * Looks up the payment app data for an event-type. Simplified: atoms skips
- * the legacy-stripe backward-compatibility branch (the current platform
- * SDK always deals with typed metadata.apps).
- */
-export function getPaymentAppData(
-  _eventType: {
-    price?: number;
-    currency?: string;
-    metadata?: { apps?: EventTypeMetadataApps } | null;
-  },
-  _forcedGet?: boolean
-): PaymentAppData {
-  const metadataApps = _eventType.metadata?.apps;
-  if (!metadataApps) {
-    return { enabled: false, price: 0, currency: "usd", appId: null };
-  }
-  for (const appId of Object.keys(metadataApps)) {
-    const app = metadataApps[appId];
-    if (!app || !app.enabled || !app.price) continue;
-    return {
-      enabled: !!app.enabled,
-      price: _eventType.price || app.price || 0,
-      currency: _eventType.currency || app.currency || "usd",
-      appId,
-      paymentOption: (app.paymentOption as string | undefined) ?? "ON_BOOKING",
-      credentialId: app.credentialId as number | undefined,
-      refundPolicy: app.refundPolicy as string | undefined,
-      refundDaysCount: app.refundDaysCount as number | undefined,
-      refundCountCalendarDays: app.refundCountCalendarDays as boolean | undefined,
-    };
-  }
-  return {
-    enabled: false,
-    price: 0,
-    currency: "usd",
-    appId: null,
-    paymentOption: "ON_BOOKING",
-    credentialId: undefined,
-    refundPolicy: undefined,
-    refundDaysCount: undefined,
-    refundCountCalendarDays: undefined,
-  };
-}
-
-/**
- * Human-readable location message for the success/confirmation screen.
- * Simplified: atoms returns the location string verbatim unless it's an
- * URL, in which case it uses t("meeting_url_in_confirmation_email") as a
- * pointer. The feature-side implementation consults the app-store location
- * catalog for per-app copy, which the atoms SDK doesn't need.
- */
-export function getSuccessPageLocationMessage(
-  location: string | null | undefined,
-  t: TranslationFunction,
-  _bookingStatus?: string
-): string {
-  if (!location) return "";
-  if (/^https?:\/\//.test(location)) return t("meeting_url_in_confirmation_email");
-  return location;
-}

package/src/vendor/phone-input/phone-input.tsx

@@ -1,121 +0,0 @@
-"use client";
-
-import { isSupportedCountry } from "libphonenumber-js";
-import type { CSSProperties } from "react";
-import { useEffect, useState } from "react";
-import PhoneInputReact from "react-phone-input-2";
-import "react-phone-input-2/lib/style.css";
-
-import { useBookerStore } from "../../booker/store";
-import { cn } from "../../lib/utils";
-import { CUSTOM_PHONE_MASKS } from "./phone-masks";
-
-export type PhoneInputProps = {
-  value?: string;
-  id?: string;
-  placeholder?: string;
-  required?: boolean;
-  className?: string;
-  name?: string;
-  disabled?: boolean;
-  onChange: (value: string) => void;
-  defaultCountry?: string;
-  inputStyle?: CSSProperties;
-  flagButtonStyle?: CSSProperties;
-};
-
-function useDefaultCountry(providedDefault: string): string {
-  const defaultPhoneCountryFromStore = useBookerStore((state) => state.defaultPhoneCountry);
-  const [defaultCountry, setDefaultCountry] = useState<string>(
-    defaultPhoneCountryFromStore || providedDefault
-  );
-
-  useEffect(() => {
-    if (defaultPhoneCountryFromStore) {
-      setDefaultCountry(defaultPhoneCountryFromStore);
-      return;
-    }
-    const navCountry = navigator.language.split("-")[1]?.toUpperCase();
-    if (navCountry && isSupportedCountry(navCountry)) {
-      setDefaultCountry(navCountry.toLowerCase());
-    } else {
-      setDefaultCountry(providedDefault);
-    }
-  }, [defaultPhoneCountryFromStore, providedDefault]);
-
-  return defaultCountry;
-}
-
-function PhoneInput({
-  name,
-  className = "",
-  onChange,
-  value,
-  defaultCountry = "us",
-  inputStyle,
-  flagButtonStyle,
-  ...rest
-}: PhoneInputProps) {
-  const effectiveDefaultCountry = useDefaultCountry(defaultCountry);
-  const [countryForInput, setCountryForInput] = useState(effectiveDefaultCountry);
-
-  useEffect(() => {
-    if (value) return;
-    setCountryForInput(effectiveDefaultCountry);
-  }, [effectiveDefaultCountry, value]);
-
-  useEffect(() => {
-    if (!value) return;
-    const sanitized = value
-      .trim()
-      .replace(/[^\d+]/g, "")
-      .replace(/^\+?/, "+");
-    if (sanitized === "+" || sanitized === "") return;
-    if (value !== sanitized) {
-      onChange(sanitized);
-    }
-  }, []);
-
-  return (
-    <PhoneInputReact
-      {...rest}
-      value={value ? value.trim().replace(/^\+?/, "+") : undefined}
-      country={countryForInput}
-      enableSearch
-      disableSearchIcon
-      masks={CUSTOM_PHONE_MASKS}
-      inputProps={{
-        name,
-        required: rest.required,
-        placeholder: rest.placeholder,
-        autoComplete: "tel",
-      }}
-      onChange={(val: string) => {
-        onChange(val.startsWith("+") ? val : `+${val}`);
-      }}
-      containerClass={cn(
-        "hover:border-emphasis focus-within:border-emphasis border-default !bg-default rounded-md border focus-within:outline-none focus-within:ring-0 focus-within:ring-brand-default disabled:cursor-not-allowed",
-        className
-      )}
-      inputClass="text-sm focus:ring-0 !bg-default text-default placeholder:text-muted"
-      buttonClass="text-emphasis !bg-default"
-      buttonStyle={{ ...flagButtonStyle }}
-      searchClass="!text-default !bg-default"
-      dropdownClass="!text-default !bg-default"
-      inputStyle={{ width: "inherit", border: 0, ...inputStyle }}
-      searchStyle={{
-        display: "flex",
-        flexDirection: "row",
-        alignItems: "center",
-        padding: "6px 12px",
-        gap: "8px",
-        width: "296px",
-        height: "28px",
-        marginLeft: "-4px",
-      }}
-      dropdownStyle={{ width: "max-content" }}
-    />
-  );
-}
-
-export default PhoneInput;

package/src/vendor/phone-input/phone-masks.ts

@@ -1,7 +0,0 @@
-export const CUSTOM_PHONE_MASKS = {
-  ci: ".. .. .. .. ..",
-  bj: ".. .. .. .. ..",
-  at: "... ..........",
-  ar: "(..) .........",
-  fi: ".. ... .. ...",
-};

package/src/vendor/query-param.ts

@@ -1,37 +0,0 @@
-export const updateQueryParam = (param: string, value: string | number, shouldReplace = true) => {
-  if (typeof window === "undefined") return;
-
-  const url = new URL(window.location.href);
-  if (url.searchParams.get(param) === value) return;
-
-  if (value === "" || value === "null") {
-    removeQueryParam(param, shouldReplace);
-    return;
-  }
-  url.searchParams.set(param, `${value}`);
-
-  if (shouldReplace) {
-    window.history.replaceState({ ...window.history.state, as: url.href }, "", url.href);
-  } else {
-    window.history.pushState({ ...window.history.state, as: url.href }, "", url.href);
-  }
-};
-
-export const getQueryParam = (param: string) => {
-  if (typeof window === "undefined") return;
-  return new URLSearchParams(window.location.search).get(param);
-};
-
-export const removeQueryParam = (param: string, shouldReplace = true) => {
-  if (typeof window === "undefined") return;
-
-  const url = new URL(window.location.href);
-  if (!url.searchParams.get(param)) return;
-
-  url.searchParams.delete(param);
-  if (shouldReplace) {
-    window.history.replaceState({ ...window.history.state, as: url.href }, "", url.href);
-  } else {
-    window.history.pushState({ ...window.history.state, as: url.href }, "", url.href);
-  }
-};

package/src/vendor/recurring.ts

@@ -1,58 +0,0 @@
-export enum Frequency {
-  YEARLY = 0,
-  MONTHLY = 1,
-  WEEKLY = 2,
-  DAILY = 3,
-  HOURLY = 4,
-  MINUTELY = 5,
-  SECONDLY = 6,
-}
-
-export type RecurringEvent = {
-  freq: Frequency;
-  interval: number;
-  count: number;
-};
-
-type Translate = (key: string, options?: Record<string, unknown>) => string;
-
-export const getRecurringFreq = ({
-  t,
-  recurringEvent,
-}: {
-  t: Translate;
-  recurringEvent: RecurringEvent;
-}): string => {
-  if (recurringEvent.interval && recurringEvent.freq >= 0) {
-    return t("every_for_freq", {
-      freq: `${recurringEvent.interval > 1 ? recurringEvent.interval : ""} ${t(
-        Frequency[recurringEvent.freq].toString().toLowerCase(),
-        {
-          count: recurringEvent.interval,
-        }
-      )}`,
-    });
-  }
-  return "";
-};
-
-export const getEveryFreqFor = ({
-  t,
-  recurringEvent,
-  recurringCount,
-  recurringFreq,
-}: {
-  t: Translate;
-  recurringEvent: RecurringEvent;
-  recurringCount?: number;
-  recurringFreq?: string;
-}): string => {
-  if (recurringEvent.freq != null) {
-    return `${recurringFreq || getRecurringFreq({ t, recurringEvent })} ${
-      recurringCount || recurringEvent.count
-    } ${t("occurrence", {
-      count: recurringCount || recurringEvent.count,
-    })}`;
-  }
-  return "";
-};

package/src/vendor/schedule-list-item.ts

@@ -1,47 +0,0 @@
-export type Schedule = {
-  isDefault: boolean;
-  id: number;
-  name: string;
-  timeZone: string | null;
-  availability: Array<{
-    id: number;
-    userId: number | null;
-    startTime: Date | string;
-    endTime: Date | string;
-    eventTypeId: number | null;
-    date: Date | string | null;
-    days: number[];
-    scheduleId: number | null;
-    createdAt?: Date | string | null;
-    updatedAt?: Date | string | null;
-  }>;
-};
-
-export type ScheduleListItemRaw = {
-  isDefault: boolean;
-  id: number;
-  name: string;
-  timeZone: string | null;
-  availability: {
-    id: number;
-    userId: number | null;
-    startTime: Date | string;
-    endTime: Date | string;
-    eventTypeId: number | null;
-    date: Date | string | null;
-    days: number[];
-    scheduleId: number | null;
-    createdAt: Date | string | null;
-    updatedAt: Date | string | null;
-  }[];
-};
-
-export const getScheduleListItemData = (schedule: ScheduleListItemRaw) => ({
-  ...schedule,
-  availability: schedule.availability.map((avail) => ({
-    ...avail,
-    startTime: new Date(avail.startTime),
-    endTime: new Date(avail.endTime),
-    date: avail.date ? new Date(avail.date) : null,
-  })),
-});

package/src/vendor/scroll.ts

@@ -1,4 +0,0 @@
-export function scrollIntoViewSmooth(element: HTMLElement, _isEmbed = false) {
-  if (typeof window === "undefined") return;
-  element.scrollIntoView({ behavior: "smooth", block: "start" });
-}

package/src/vendor/server-trans.tsx

@@ -1,88 +0,0 @@
-import type { FC, ReactElement, ReactNode } from "react";
-import { createElement, Fragment, isValidElement } from "react";
-
-type TranslationFunction = (key: string, options?: Record<string, unknown>) => string;
-
-type ServerTransProps = {
-  i18nKey: string;
-  t: TranslationFunction;
-  values?: Record<string, string | number>;
-  /**
-   * Optional component mapping for token-style interpolation.
-   * Mirrors i18next Trans behavior for `<1>...</1>` and `<custom>...</custom>`
-   * tokens, but only supports array/record-keyed React elements — enough
-   * for the few atoms consumers that need markup in a translation.
-   */
-  components?: ReactElement[] | Record<string, ReactElement>;
-  children?: ReactNode;
-  parent?: React.ElementType;
-};
-
-/**
- * Minimal atoms-local ServerTrans. Replaces @calcom/lib/components/ServerTrans
- * for the narrow set of atoms consumers that only need value interpolation
- * (+ optional numbered/named component slots).
- */
-const ServerTrans: FC<ServerTransProps> = ({
-  i18nKey,
-  t,
-  values = {},
-  components = [],
-  children,
-  parent,
-}) => {
-  const translationOptions = { ...values, interpolation: { escapeValue: false } };
-  const content = t(i18nKey, translationOptions);
-
-  if (!content && children) return <>{children}</>;
-  if (!content) return <></>;
-
-  const getComponentByKey = (key: string): ReactElement | null => {
-    if (Array.isArray(components)) {
-      const index = parseInt(key, 10);
-      if (!Number.isNaN(index) && components[index] && isValidElement(components[index])) {
-        return components[index];
-      }
-      return null;
-    }
-    const match = components[key];
-    return match && isValidElement(match) ? match : null;
-  };
-
-  // Parse `<token>text</token>` segments. If no tokens are found we render
-  // the plain string — this is the common case.
-  const tokenRegex = /<([a-zA-Z0-9_-]+)>([\s\S]*?)<\/\1>/g;
-  const nodes: ReactNode[] = [];
-  let lastIndex = 0;
-  let match: RegExpExecArray | null;
-
-  while ((match = tokenRegex.exec(content)) !== null) {
-    const [fullMatch, tag, innerText] = match;
-    if (match.index > lastIndex) nodes.push(content.slice(lastIndex, match.index));
-    const replacement = getComponentByKey(tag);
-    if (replacement) {
-      nodes.push(createElement(replacement.type as React.ElementType, replacement.props, innerText));
-    } else {
-      nodes.push(fullMatch);
-    }
-    lastIndex = match.index + fullMatch.length;
-  }
-
-  if (lastIndex === 0) {
-    return parent ? createElement(parent, null, content) : <>{content}</>;
-  }
-  if (lastIndex < content.length) nodes.push(content.slice(lastIndex));
-
-  const wrapped = (
-    <Fragment>
-      {nodes.map((node, idx) => (
-        <Fragment key={idx}>{node}</Fragment>
-      ))}
-    </Fragment>
-  );
-
-  return parent ? createElement(parent, null, wrapped) : wrapped;
-};
-
-export default ServerTrans;
-export { ServerTrans };

package/src/vendor/slugify.ts

@@ -1,28 +0,0 @@
-export const slugify = (str: string, forDisplayingInput?: boolean) => {
-  if (!str) {
-    return "";
-  }
-
-  const s = str
-    .toLowerCase()
-    .trim()
-    .normalize("NFD")
-    // @ts-expect-error - Unicode property escapes require ES6+ target in some TS configs
-    .replace(/\p{Diacritic}/gu, "")
-    // @ts-expect-error - Unicode property escapes require ES6+ target in some TS configs
-    .replace(/[^.\p{L}\p{N}\p{Zs}\p{Emoji}]+/gu, "-")
-    .replace(/[\s_#]+/g, "-")
-    .replace(/^-+/, "")
-    .replace(/\.{2,}/g, ".")
-    .replace(/^\.+/, "")
-    .replace(
-      /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g,
-      ""
-    )
-    .replace(/\s+/g, " ")
-    .replace(/-+/g, "-");
-
-  return forDisplayingInput ? s : s.replace(/-+$/, "").replace(/\.*$/, "");
-};
-
-export default slugify;