@calcom/atoms 2.8.0 → 2.8.1

package/src/booker/utils/is-month-change.ts

@@ -1,5 +0,0 @@
-export const isMonthChange = (currentMonth: number, nextMonth: number) => {
-  if (isNaN(currentMonth) || isNaN(nextMonth)) return false;
-  if (currentMonth === nextMonth) return false;
-  return true;
-};

package/src/booker/utils/is-month-view-prefetch-enabled.ts

@@ -1,14 +0,0 @@
-import dayjs from "../../vendor/dayjs";
-
-export const isMonthViewPrefetchEnabled = (date: string, month: string | null) => {
-  const isValidDate = dayjs(date).isValid();
-  const twoWeeksAfter = dayjs(month).startOf("month").add(2, "week");
-  const isSameMonth = dayjs().isSame(dayjs(month), "month");
-  const isAfter2Weeks = dayjs().isAfter(twoWeeksAfter);
-
-  if (isAfter2Weeks && (!isValidDate || isSameMonth)) {
-    return true;
-  }
-
-  return false;
-};

package/src/booker/utils/is-prefetch-next-month-enabled.ts

@@ -1,27 +0,0 @@
-import { BookerLayouts } from "../../contracts";
-import { isMonthChange } from "./is-month-change";
-import { isMonthViewPrefetchEnabled } from "./is-month-view-prefetch-enabled";
-
-export const isPrefetchNextMonthEnabled = (
-  bookerLayout: string,
-  date: string,
-  dateMonth: number,
-  monthAfterAddingExtraDays: number,
-  monthAfterAddingExtraDaysColumnView: number,
-  month: string | null,
-  extraDays?: number
-) => {
-  if (bookerLayout === BookerLayouts.WEEK_VIEW) {
-    return !!extraDays && isMonthChange(dateMonth, monthAfterAddingExtraDays);
-  }
-
-  if (bookerLayout === BookerLayouts.COLUMN_VIEW) {
-    return isMonthChange(dateMonth, monthAfterAddingExtraDaysColumnView);
-  }
-
-  if (bookerLayout === BookerLayouts.MONTH_VIEW || bookerLayout === "mobile") {
-    return isMonthViewPrefetchEnabled(date, month);
-  }
-
-  return false;
-};

package/src/booker/utils/is-timeslot-available.ts

@@ -1,78 +0,0 @@
-import dayjs from "../../vendor/dayjs";
-
-type Maybe<T> = T | undefined;
-type QuickAvailabilityCheck = { utcStartIso: string; status: string };
-type DateInBookerTimeZone = string;
-type SlotInIsoFormat = string;
-type SlotsInIso = { time: SlotInIsoFormat }[];
-type ScheduleData = {
-  slots: Record<DateInBookerTimeZone, SlotsInIso>;
-};
-
-const isValidISOFormat = (dateStr: string) => {
-  if (dateStr.length < 16) return false;
-  return dateStr[4] === "-" && dateStr[7] === "-" && dateStr[10] === "T" && dateStr[13] === ":";
-};
-
-const isSlotEquivalent = ({
-  slotTimeInIso,
-  slotToCheckInIso,
-}: {
-  slotTimeInIso: string;
-  slotToCheckInIso: string;
-}): boolean => {
-  if (slotTimeInIso === slotToCheckInIso) return true;
-  if (!isValidISOFormat(slotTimeInIso) || !isValidISOFormat(slotToCheckInIso)) return true;
-  return slotTimeInIso.slice(0, 16) === slotToCheckInIso.slice(0, 16);
-};
-
-function _isSlotPresent(slotsInIsoForDate: Maybe<SlotsInIso>, slotToCheckInIso: SlotInIsoFormat) {
-  if (!slotsInIsoForDate) return false;
-  return slotsInIsoForDate.some((slot) => isSlotEquivalent({ slotTimeInIso: slot.time, slotToCheckInIso }));
-}
-
-function _isSlotPresentInSchedule({
-  scheduleData,
-  dateInGMT,
-  slotToCheckInIso,
-}: {
-  scheduleData: ScheduleData;
-  dateInGMT: string;
-  slotToCheckInIso: SlotInIsoFormat;
-}) {
-  const dateBefore = dayjs(dateInGMT).subtract(1, "day").format("YYYY-MM-DD");
-  const dateAfter = dayjs(dateInGMT).add(1, "day").format("YYYY-MM-DD");
-
-  const slotsInIsoForDate = scheduleData.slots[dateInGMT] as Maybe<SlotsInIso>;
-  const slotsInIsoForDateBefore = scheduleData.slots[dateBefore] as Maybe<SlotsInIso>;
-  const slotsInIsoForDateAfter = scheduleData.slots[dateAfter] as Maybe<SlotsInIso>;
-
-  if (_isSlotPresent(slotsInIsoForDate, slotToCheckInIso)) return true;
-  if (_isSlotPresent(slotsInIsoForDateBefore, slotToCheckInIso)) return true;
-  if (_isSlotPresent(slotsInIsoForDateAfter, slotToCheckInIso)) return true;
-  return false;
-}
-
-export const isTimeSlotAvailable = ({
-  scheduleData,
-  slotToCheckInIso,
-  quickAvailabilityChecks,
-}: {
-  scheduleData: ScheduleData | null;
-  slotToCheckInIso: SlotInIsoFormat;
-  quickAvailabilityChecks: QuickAvailabilityCheck[];
-}) => {
-  const isUnavailableAsPerQuickCheck =
-    quickAvailabilityChecks &&
-    quickAvailabilityChecks.some(
-      (slot) => slot.utcStartIso === slotToCheckInIso && slot.status !== "available"
-    );
-
-  if (isUnavailableAsPerQuickCheck) return false;
-  if (!scheduleData) return true;
-
-  const dateInGMT = isValidISOFormat(slotToCheckInIso) ? slotToCheckInIso.split("T")[0] : null;
-  if (!dateInGMT) return true;
-
-  return _isSlotPresentInSchedule({ scheduleData, dateInGMT, slotToCheckInIso });
-};

package/src/booker/utils/layout.ts

@@ -1,5 +0,0 @@
-import { bookerLayoutOptions } from "../../contracts";
-
-export const validateLayout = (layout?: "week_view" | "month_view" | "column_view" | null) => {
-  return bookerLayoutOptions.find((validLayout) => validLayout === layout);
-};

package/src/booker-embed/__tests__/use-get-routing-form-url-props.test.tsx

@@ -1,133 +0,0 @@
-import { renderHook } from "@testing-library/react";
-import { describe, expect, it } from "vitest";
-import { useGetRoutingFormUrlProps } from "../use-get-routing-form-url-props";
-
-describe("useGetRoutingFormUrlProps", () => {
-  it("returns undefined when no routingFormUrl is provided", () => {
-    const { result } = renderHook(() => useGetRoutingFormUrlProps({ routingFormUrl: undefined }));
-    expect(result.current).toBeUndefined();
-  });
-
-  it("returns undefined when routingFormUrl is an empty string", () => {
-    const { result } = renderHook(() => useGetRoutingFormUrlProps({ routingFormUrl: "" }));
-    expect(result.current).toBeUndefined();
-  });
-
-  it("parses a user routing url with a username and event slug", () => {
-    const { result } = renderHook(() =>
-      useGetRoutingFormUrlProps({ routingFormUrl: "https://cal.com/alice/30min" })
-    );
-    expect(result.current?.username).toBe("alice");
-    expect(result.current?.eventTypeSlug).toBe("30min");
-    expect(result.current?.teamId).toBeUndefined();
-    expect(result.current?.organizationId).toBeUndefined();
-  });
-
-  it("parses a team routing url and leaves username undefined", () => {
-    const { result } = renderHook(() =>
-      useGetRoutingFormUrlProps({ routingFormUrl: "https://cal.com/team/acme/group" })
-    );
-    expect(result.current?.username).toBeUndefined();
-    expect(result.current?.eventTypeSlug).toBe("group");
-  });
-
-  it("throws when the event type slug is missing", () => {
-    expect(() =>
-      renderHook(() => useGetRoutingFormUrlProps({ routingFormUrl: "https://cal.com/alice/" }))
-    ).toThrow(/Event type slug is not defined/);
-  });
-
-  it("throws when the username is missing on a non-team url", () => {
-    expect(() =>
-      renderHook(() => useGetRoutingFormUrlProps({ routingFormUrl: "https://cal.com//30min" }))
-    ).toThrow(/username not defined/);
-  });
-
-  it("copies default form values from query params when present", () => {
-    const { result } = renderHook(() =>
-      useGetRoutingFormUrlProps({
-        routingFormUrl:
-          "https://cal.com/alice/30min?firstName=Jane&lastName=Doe&name=Jane%20Doe&email=jane%40example.com&notes=hello&rescheduleReason=conflict",
-      })
-    );
-    expect(result.current?.defaultFormValues).toMatchObject({
-      firstName: "Jane",
-      lastName: "Doe",
-      name: "Jane Doe",
-      email: "jane@example.com",
-      notes: "hello",
-      rescheduleReason: "conflict",
-    });
-  });
-
-  it("keeps all guests when multiple guest query params are provided", () => {
-    const { result } = renderHook(() =>
-      useGetRoutingFormUrlProps({
-        routingFormUrl: "https://cal.com/alice/30min?guests=a%40example.com&guests=b%40example.com",
-      })
-    );
-    expect(result.current?.defaultFormValues?.guests).toEqual(["a@example.com", "b@example.com"]);
-  });
-
-  it("omits defaultFormValues keys when their params are absent", () => {
-    const { result } = renderHook(() =>
-      useGetRoutingFormUrlProps({ routingFormUrl: "https://cal.com/alice/30min" })
-    );
-    expect(result.current?.defaultFormValues).toEqual({});
-  });
-
-  it("parses numeric cal.orgId and cal.teamId params", () => {
-    const { result } = renderHook(() =>
-      useGetRoutingFormUrlProps({
-        routingFormUrl: "https://cal.com/alice/30min?cal.orgId=1&cal.teamId=2",
-      })
-    );
-    expect(result.current?.organizationId).toBe(1);
-    expect(result.current?.teamId).toBe(2);
-  });
-
-  it("copies the cal.routedTeamMemberIds, cal.reroutingFormResponses, and related params", () => {
-    const { result } = renderHook(() =>
-      useGetRoutingFormUrlProps({
-        routingFormUrl:
-          "https://cal.com/alice/30min?cal.routedTeamMemberIds=1%2C2&cal.reroutingFormResponses=%7B%7D&cal.skipContactOwner=true&cal.isBookingDryRun=true&cal.routingFormResponseId=999&cal.salesforce.rrSkipToAccountLookupField=custom",
-      })
-    );
-    expect(result.current?.["cal.routedTeamMemberIds"]).toBe("1,2");
-    expect(result.current?.["cal.reroutingFormResponses"]).toBe("{}");
-    expect(result.current?.["cal.skipContactOwner"]).toBe("true");
-    expect(result.current?.["cal.isBookingDryRun"]).toBe("true");
-    expect(result.current?.["cal.routingFormResponseId"]).toBe("999");
-    expect(result.current?.["cal.salesforce.rrSkipToAccountLookupField"]).toBe("custom");
-  });
-
-  it("copies the CRM-related query params", () => {
-    const { result } = renderHook(() =>
-      useGetRoutingFormUrlProps({
-        routingFormUrl:
-          "https://cal.com/alice/30min?cal.teamMemberEmail=bob%40example.com&cal.crmOwnerRecordType=Contact&cal.crmAppSlug=salesforce",
-      })
-    );
-    expect(result.current?.teamMemberEmail).toBe("bob@example.com");
-    expect(result.current?.crmOwnerRecordType).toBe("Contact");
-    expect(result.current?.crmAppSlug).toBe("salesforce");
-  });
-
-  it("omits optional cal.* props when their query params are absent", () => {
-    const { result } = renderHook(() =>
-      useGetRoutingFormUrlProps({ routingFormUrl: "https://cal.com/alice/30min" })
-    );
-    const props = result.current;
-    expect(props).toBeDefined();
-    expect(props && "cal.routedTeamMemberIds" in props).toBe(false);
-    expect(props && "teamMemberEmail" in props).toBe(false);
-    expect(props && "crmOwnerRecordType" in props).toBe(false);
-    expect(props && "crmAppSlug" in props).toBe(false);
-    expect(props?.teamId).toBeUndefined();
-    expect(props?.organizationId).toBeUndefined();
-  });
-
-  it("throws when the URL is malformed", () => {
-    expect(() => renderHook(() => useGetRoutingFormUrlProps({ routingFormUrl: "not-a-url" }))).toThrow();
-  });
-});

package/src/booker-embed/booker-embed.tsx

@@ -1,117 +0,0 @@
-// @ts-nocheck — atoms wrapper/hook over loose contracts + Radix 1.x
-import { BookerPlatformWrapper } from "../booker/booker-platform-wrapper";
-import type {
-  BookerPlatformWrapperAtomPropsForIndividual,
-  BookerPlatformWrapperAtomPropsForTeam,
-} from "../booker/types";
-import { CalProvider } from "../cal-provider/cal-provider";
-import { useGetRoutingFormUrlProps } from "./use-get-routing-form-url-props";
-
-export const BookerEmbed = (
-  props:
-    | {
-        routingFormUrl: string;
-        apiUrl?: string;
-        bannerUrl?: BookerPlatformWrapperAtomPropsForTeam["bannerUrl"];
-        customClassNames?: BookerPlatformWrapperAtomPropsForTeam["customClassNames"];
-        onCreateBookingSuccess?: BookerPlatformWrapperAtomPropsForTeam["onCreateBookingSuccess"];
-        onCreateBookingError?: BookerPlatformWrapperAtomPropsForTeam["onCreateBookingError"];
-        onCreateRecurringBookingSuccess?: BookerPlatformWrapperAtomPropsForTeam["onCreateRecurringBookingSuccess"];
-        onCreateRecurringBookingError?: BookerPlatformWrapperAtomPropsForTeam["onCreateRecurringBookingError"];
-        onReserveSlotSuccess?: BookerPlatformWrapperAtomPropsForTeam["onReserveSlotSuccess"];
-        onReserveSlotError?: BookerPlatformWrapperAtomPropsForTeam["onReserveSlotError"];
-        onDeleteSlotSuccess?: BookerPlatformWrapperAtomPropsForTeam["onDeleteSlotSuccess"];
-        onDeleteSlotError?: BookerPlatformWrapperAtomPropsForTeam["onDeleteSlotError"];
-        view?: BookerPlatformWrapperAtomPropsForTeam["view"];
-        onDryRunSuccess?: BookerPlatformWrapperAtomPropsForTeam["onDryRunSuccess"];
-        hostsLimit?: BookerPlatformWrapperAtomPropsForTeam["hostsLimit"];
-        metadata?: BookerPlatformWrapperAtomPropsForTeam["metadata"];
-        handleCreateBooking?: BookerPlatformWrapperAtomPropsForTeam["handleCreateBooking"];
-        handleSlotReservation?: BookerPlatformWrapperAtomPropsForTeam["handleSlotReservation"];
-        preventEventTypeRedirect?: BookerPlatformWrapperAtomPropsForTeam["preventEventTypeRedirect"];
-      }
-    | (BookerPlatformWrapperAtomPropsForIndividual & {
-        organizationId?: number;
-        apiUrl?: string;
-        routingFormUrl?: undefined;
-      })
-    | (BookerPlatformWrapperAtomPropsForTeam & {
-        organizationId?: number;
-        apiUrl?: string;
-        routingFormUrl?: undefined;
-      })
-) => {
-  // Use Routing Form Url To Display Correct Booker
-  const routingFormUrlProps = useGetRoutingFormUrlProps(props);
-  if (props?.routingFormUrl && routingFormUrlProps) {
-    const {
-      organizationId,
-      teamId: routingTeamId,
-      eventTypeSlug,
-      username,
-      defaultFormValues,
-      teamMemberEmail,
-      crmOwnerRecordType,
-      crmAppSlug,
-      ...routingFormSearchParams
-    } = routingFormUrlProps;
-    const { onDryRunSuccess, apiUrl, ...rest } = props;
-    return (
-      <CalProvider
-        clientId={import.meta.env.VITE_BOOKER_EMBED_OAUTH_CLIENT_ID}
-        isEmbed={true}
-        organizationId={organizationId}
-        options={{
-          apiUrl: apiUrl ?? import.meta.env.VITE_BOOKER_EMBED_API_URL,
-        }}
-      >
-        <BookerPlatformWrapper
-          {...(routingTeamId
-            ? {
-                eventSlug: eventTypeSlug,
-                isTeamEvent: true,
-                teamId: routingTeamId || 0,
-                username: "",
-              }
-            : {
-                eventSlug: eventTypeSlug,
-                username: username ?? "",
-                isTeamEvent: false,
-              })}
-          routingFormSearchParams={routingFormSearchParams}
-          defaultFormValues={defaultFormValues}
-          teamMemberEmail={teamMemberEmail}
-          crmOwnerRecordType={crmOwnerRecordType}
-          crmAppSlug={crmAppSlug}
-          onDryRunSuccess={() => {
-            if (onDryRunSuccess) {
-              onDryRunSuccess();
-            } else {
-              window.location.href = `https://app.cal.com/booking/dry-run-successful`;
-            }
-          }}
-          {...rest}
-        />
-      </CalProvider>
-    );
-  }
-
-  // If Not For From Routing, Use Props
-  if (props?.routingFormUrl === undefined) {
-    const { apiUrl, ...restProps } = props;
-    return (
-      <CalProvider
-        clientId={import.meta.env.VITE_BOOKER_EMBED_OAUTH_CLIENT_ID}
-        isEmbed={true}
-        organizationId={props?.organizationId}
-        options={{
-          apiUrl: apiUrl ?? import.meta.env.VITE_BOOKER_EMBED_API_URL,
-        }}
-      >
-        <BookerPlatformWrapper {...restProps} />
-      </CalProvider>
-    );
-  }
-
-  return <></>;
-};

package/src/booker-embed/index.ts

@@ -1 +0,0 @@
-export { BookerEmbed } from "./booker-embed";

package/src/booker-embed/use-get-routing-form-url-props.tsx

@@ -1,95 +0,0 @@
-import { useMemo } from "react";
-import type { BookerPlatformWrapperAtomPropsForTeam } from "../booker/booker-platform-wrapper";
-import type { RoutingFormSearchParamsForEmbed } from "../contracts";
-
-export type useGetRoutingFormUrlPropsReturnType = RoutingFormSearchParamsForEmbed;
-
-export const useGetRoutingFormUrlProps = ({ routingFormUrl }: { routingFormUrl?: string }) => {
-  const routingFormUrlProps = useMemo(() => {
-    if (routingFormUrl) {
-      const routingUrl = new URL(routingFormUrl);
-      const pathNameParams = routingUrl.pathname.split("/");
-
-      if (pathNameParams.length < 2) {
-        throw new Error("Invalid routing form url.");
-      }
-
-      const eventTypeSlug = pathNameParams[pathNameParams.length - 1];
-      const isTeamUrl = pathNameParams[1] === "team";
-      const username = isTeamUrl ? undefined : pathNameParams[1];
-      const routingSearchParams = routingUrl.searchParams;
-      if (!eventTypeSlug) {
-        throw new Error("Event type slug is not defined within the routing form url");
-      }
-      if (!isTeamUrl && !username) {
-        throw new Error("username not defined within the routing form url");
-      }
-      const defaultFormValues = {
-        ...(routingSearchParams.get("firstName") && {
-          ["firstName"]: routingSearchParams.get("firstName") ?? undefined,
-        }),
-        ...(routingSearchParams.get("lastName") && {
-          ["lastName"]: routingSearchParams.get("lastName") ?? undefined,
-        }),
-        ...(routingSearchParams.get("name") && {
-          ["name"]: routingSearchParams.get("name") ?? undefined,
-        }),
-        ...(routingSearchParams.get("email") && {
-          ["email"]: routingSearchParams.get("email") ?? undefined,
-        }),
-        ...(routingSearchParams.get("notes") && {
-          ["notes"]: routingSearchParams.get("notes") ?? undefined,
-        }),
-        ...(routingSearchParams.get("rescheduleReason") && {
-          ["rescheduleReason"]: routingSearchParams.get("rescheduleReason") ?? undefined,
-        }),
-        ...(routingSearchParams.get("guests") && {
-          ["guests"]: routingSearchParams.getAll("guests") ?? undefined,
-        }),
-      } satisfies Partial<BookerPlatformWrapperAtomPropsForTeam["defaultFormValues"]>;
-
-      const routingformProps = {
-        organizationId: routingSearchParams.get("cal.orgId")
-          ? Number(routingSearchParams.get("cal.orgId"))
-          : undefined,
-        teamId: routingSearchParams.get("cal.teamId")
-          ? Number(routingSearchParams.get("cal.teamId"))
-          : undefined,
-        username,
-        eventTypeSlug,
-        ...(routingSearchParams.get("cal.routedTeamMemberIds") && {
-          ["cal.routedTeamMemberIds"]: routingSearchParams.get("cal.routedTeamMemberIds") ?? undefined,
-        }),
-        ...(routingSearchParams.get("cal.reroutingFormResponses") && {
-          ["cal.reroutingFormResponses"]: routingSearchParams.get("cal.reroutingFormResponses") ?? undefined,
-        }),
-        ...(routingSearchParams.get("cal.skipContactOwner") && {
-          ["cal.skipContactOwner"]: routingSearchParams.get("cal.skipContactOwner") ?? undefined,
-        }),
-        ...(routingSearchParams.get("cal.isBookingDryRun") && {
-          ["cal.isBookingDryRun"]: routingSearchParams.get("cal.isBookingDryRun") ?? undefined,
-        }),
-        ...(routingSearchParams.get("cal.routingFormResponseId") && {
-          ["cal.routingFormResponseId"]: routingSearchParams.get("cal.routingFormResponseId") ?? undefined,
-        }),
-        ...(routingSearchParams.get("cal.salesforce.rrSkipToAccountLookupField") && {
-          ["cal.salesforce.rrSkipToAccountLookupField"]:
-            routingSearchParams.get("cal.salesforce.rrSkipToAccountLookupField") ?? undefined,
-        }),
-        ...(routingSearchParams.get("cal.teamMemberEmail") && {
-          teamMemberEmail: routingSearchParams.get("cal.teamMemberEmail") ?? undefined,
-        }),
-        ...(routingSearchParams.get("cal.crmOwnerRecordType") && {
-          crmOwnerRecordType: routingSearchParams.get("cal.crmOwnerRecordType") ?? undefined,
-        }),
-        ...(routingSearchParams.get("cal.crmAppSlug") && {
-          crmAppSlug: routingSearchParams.get("cal.crmAppSlug") ?? undefined,
-        }),
-      } satisfies RoutingFormSearchParamsForEmbed;
-      return { ...routingformProps, defaultFormValues };
-    }
-    return;
-  }, [routingFormUrl]);
-
-  return routingFormUrlProps;
-};