@calcom/atoms 2.8.0 → 2.8.1

package/src/booker/hooks/__tests__/use-skip-confirm-step.test.ts

@@ -1,54 +0,0 @@
-import { renderHook } from "@testing-library/react";
-import type { UseFormReturn } from "react-hook-form";
-import { describe, expect, it } from "vitest";
-import { useSkipConfirmStep } from "../use-skip-confirm-step";
-
-const form = {} as unknown as UseFormReturn<Record<string, unknown>>;
-
-describe("useSkipConfirmStep", () => {
-  it("returns false by default", () => {
-    const { result } = renderHook(() => useSkipConfirmStep(form, "selecting_date", false, false, []));
-    expect(result.current).toBe(false);
-  });
-
-  it("returns false when bookingFields is undefined", () => {
-    const { result } = renderHook(() => useSkipConfirmStep(form, "selecting_time", false, false));
-    expect(result.current).toBe(false);
-  });
-
-  it("returns false when multiple locations are available", () => {
-    const { result } = renderHook(() =>
-      useSkipConfirmStep(
-        form,
-        "selecting_time",
-        false,
-        false,
-        [],
-        [{ type: "inPerson" } as const, { type: "phone" } as const]
-      )
-    );
-    expect(result.current).toBe(false);
-  });
-
-  it("returns false when it is an instant meeting", () => {
-    const { result } = renderHook(() => useSkipConfirmStep(form, "selecting_time", true, false, []));
-    expect(result.current).toBe(false);
-  });
-
-  it("returns false in week view", () => {
-    const { result } = renderHook(() => useSkipConfirmStep(form, "selecting_time", false, true, []));
-    expect(result.current).toBe(false);
-  });
-
-  it("returns false in booking state", () => {
-    const { result } = renderHook(() => useSkipConfirmStep(form, "booking", false, false, []));
-    expect(result.current).toBe(false);
-  });
-
-  it("returns false with a single allowed location", () => {
-    const { result } = renderHook(() =>
-      useSkipConfirmStep(form, "selecting_time", false, false, [], [{ type: "inPerson" } as const])
-    );
-    expect(result.current).toBe(false);
-  });
-});

package/src/booker/hooks/__tests__/use-slots-for-date.test.tsx

@@ -1,65 +0,0 @@
-import { act, renderHook } from "@testing-library/react";
-import { describe, expect, it } from "vitest";
-import { useSlotsForAvailableDates, useSlotsForDate } from "../use-slots-for-date";
-
-describe("useSlotsForDate", () => {
-  it("returns empty array when date is null", () => {
-    const { result } = renderHook(() => useSlotsForDate(null, { "2024-06-17": [] }));
-    expect(result.current).toEqual([]);
-  });
-
-  it("returns empty array when slots is undefined", () => {
-    const { result } = renderHook(() => useSlotsForDate("2024-06-17", undefined));
-    expect(result.current).toEqual([]);
-  });
-
-  it("returns the slots for the given date", () => {
-    const slots = {
-      "2024-06-17": [{ time: "10:00" }, { time: "11:00" }],
-      "2024-06-18": [{ time: "12:00" }],
-    };
-    const { result } = renderHook(() => useSlotsForDate("2024-06-17", slots));
-    expect(result.current).toEqual([{ time: "10:00" }, { time: "11:00" }]);
-  });
-
-  it("returns empty array for a missing date", () => {
-    const { result } = renderHook(() => useSlotsForDate("2024-06-19", { "2024-06-17": [] }));
-    expect(result.current).toEqual([]);
-  });
-});
-
-describe("useSlotsForAvailableDates", () => {
-  it("returns empty array when slots is undefined", () => {
-    const { result } = renderHook(() => useSlotsForAvailableDates(["2024-06-17"], undefined));
-    expect(result.current.slotsPerDay).toEqual([]);
-  });
-
-  it("returns one entry per non-null date", () => {
-    const slots = {
-      "2024-06-17": [{ time: "10:00" }],
-      "2024-06-18": [{ time: "12:00" }],
-    };
-    const { result } = renderHook(() => useSlotsForAvailableDates(["2024-06-17", null, "2024-06-18"], slots));
-    expect(result.current.slotsPerDay).toHaveLength(2);
-    expect(result.current.slotsPerDay[0].date).toBe("2024-06-17");
-    expect(result.current.slotsPerDay[1].date).toBe("2024-06-18");
-  });
-
-  it("toggleConfirmButton flips showConfirmButton on the clicked slot", () => {
-    const slots = {
-      "2024-06-17": [
-        { time: "10:00", showConfirmButton: false },
-        { time: "11:00", showConfirmButton: true },
-      ],
-    };
-    const { result } = renderHook(() => useSlotsForAvailableDates(["2024-06-17"], slots));
-    act(() => {
-      result.current.toggleConfirmButton({ time: "10:00", showConfirmButton: false } as unknown as {
-        time: string;
-      });
-    });
-    const daySlots = result.current.slotsPerDay[0].slots;
-    expect(daySlots[0].showConfirmButton).toBe(true);
-    expect(daySlots[1].showConfirmButton).toBe(false);
-  });
-});

package/src/booker/hooks/__tests__/use-stable-timezone.test.ts

@@ -1,74 +0,0 @@
-/**
- * @vitest-environment jsdom
- */
-import { renderHook } from "@testing-library/react";
-import { describe, expect, it } from "vitest";
-
-import { useStableTimezone } from "../use-stable-timezone";
-
-describe("useStableTimezone", () => {
-  it("returns the raw timezone when no restriction schedule is provided", () => {
-    const { result } = renderHook(() => useStableTimezone("America/New_York"));
-    expect(result.current).toBe("America/New_York");
-  });
-
-  it("returns the raw timezone when restriction schedule is undefined", () => {
-    const { result } = renderHook(() => useStableTimezone("America/New_York", undefined));
-    expect(result.current).toBe("America/New_York");
-  });
-
-  it("returns the raw timezone when restriction schedule id is null", () => {
-    const { result } = renderHook(() =>
-      useStableTimezone("America/New_York", { id: null, useBookerTimezone: false })
-    );
-    expect(result.current).toBe("America/New_York");
-  });
-
-  it("returns the raw timezone when restriction schedule id is 0", () => {
-    const { result } = renderHook(() =>
-      useStableTimezone("America/New_York", { id: 0, useBookerTimezone: false })
-    );
-    expect(result.current).toBe("America/New_York");
-  });
-
-  it("returns the raw timezone when useBookerTimezone is true (timezone should follow the booker)", () => {
-    const { result } = renderHook(() =>
-      useStableTimezone("America/New_York", { id: 1, useBookerTimezone: true })
-    );
-    expect(result.current).toBe("America/New_York");
-  });
-
-  it("pins to initial timezone when restriction schedule exists and useBookerTimezone is false", () => {
-    let timezone = "America/New_York";
-    const { result, rerender } = renderHook(() =>
-      useStableTimezone(timezone, { id: 1, useBookerTimezone: false })
-    );
-    expect(result.current).toBe("America/New_York");
-
-    timezone = "Europe/London";
-    rerender();
-    expect(result.current).toBe("America/New_York");
-  });
-
-  it("follows timezone changes when useBookerTimezone is true", () => {
-    let timezone = "America/New_York";
-    const { result, rerender } = renderHook(() =>
-      useStableTimezone(timezone, { id: 1, useBookerTimezone: true })
-    );
-    expect(result.current).toBe("America/New_York");
-
-    timezone = "Europe/London";
-    rerender();
-    expect(result.current).toBe("Europe/London");
-  });
-
-  it("follows timezone changes when there is no restriction schedule", () => {
-    let timezone = "America/New_York";
-    const { result, rerender } = renderHook(() => useStableTimezone(timezone));
-    expect(result.current).toBe("America/New_York");
-
-    timezone = "Europe/London";
-    rerender();
-    expect(result.current).toBe("Europe/London");
-  });
-});

package/src/booker/hooks/__tests__/use-times-for-schedule.test.tsx

@@ -1,132 +0,0 @@
-import { renderHook } from "@testing-library/react";
-import type { ReactNode } from "react";
-import { describe, expect, it } from "vitest";
-import { BookerStoreProvider, useBookerStoreContext } from "../../booker-store-provider";
-import { useTimesForSchedule } from "../use-times-for-schedule";
-
-function Wrapper({ children }: { children: ReactNode }) {
-  return <BookerStoreProvider>{children}</BookerStoreProvider>;
-}
-
-function useSetStoreMonth(month: string | null) {
-  return useBookerStoreContext((s) => s.setMonth)(month);
-}
-
-describe("useTimesForSchedule", () => {
-  it("returns a [startTime, endTime] tuple", () => {
-    const { result } = renderHook(
-      () =>
-        useTimesForSchedule({
-          month: "2030-06",
-          selectedDate: "2030-06-15",
-          dayCount: null,
-        }),
-      { wrapper: Wrapper }
-    );
-    expect(result.current).toHaveLength(2);
-    expect(() => new Date(result.current[0])).not.toThrow();
-    expect(() => new Date(result.current[1])).not.toThrow();
-  });
-
-  it("uses dayCount when provided with a selectedDate", () => {
-    const { result } = renderHook(
-      () =>
-        useTimesForSchedule({
-          month: null,
-          selectedDate: "2030-06-15",
-          dayCount: 7,
-        }),
-      { wrapper: Wrapper }
-    );
-    const [start, end] = result.current;
-    expect(new Date(start).toISOString()).toContain("2030-06-15");
-    const diffMs = new Date(end).getTime() - new Date(start).getTime();
-    expect(diffMs / (1000 * 60 * 60 * 24)).toBeCloseTo(7, 0);
-  });
-
-  it("falls back to month startOf when dayCount is provided without selectedDate and month ≠ current month", () => {
-    const { result } = renderHook(
-      () => {
-        useSetStoreMonth("2099-12");
-        return useTimesForSchedule({
-          month: null,
-          selectedDate: null,
-          dayCount: 7,
-        });
-      },
-      { wrapper: Wrapper }
-    );
-    const [start, end] = result.current;
-    expect(start).toContain("2099-12-01");
-    const diffMs = new Date(end).getTime() - new Date(start).getTime();
-    expect(diffMs / (1000 * 60 * 60 * 24)).toBeCloseTo(7, 0);
-  });
-
-  it("uses month boundaries when no dayCount is provided", () => {
-    const { result } = renderHook(
-      () => {
-        useSetStoreMonth("2030-06");
-        return useTimesForSchedule({
-          month: null,
-          selectedDate: null,
-          dayCount: null,
-        });
-      },
-      { wrapper: Wrapper }
-    );
-    const [start, end] = result.current;
-    expect(start).toContain("2030-06-01");
-    expect(end).toContain("2030-06-");
-  });
-
-  it("falls back to props.month when the store clears its month", () => {
-    const { result } = renderHook(
-      () => {
-        useSetStoreMonth(null);
-        return useTimesForSchedule({
-          month: "2030-06",
-          selectedDate: null,
-          dayCount: null,
-        });
-      },
-      { wrapper: Wrapper }
-    );
-    const [start] = result.current;
-    expect(start).toMatch(/^\d{4}-\d{2}-01/);
-  });
-
-  it("returns a valid range when no month is set and dayCount is provided", () => {
-    const { result } = renderHook(
-      () =>
-        useTimesForSchedule({
-          month: null,
-          selectedDate: null,
-          dayCount: 7,
-        }),
-      { wrapper: Wrapper }
-    );
-    const [start, end] = result.current;
-    expect(new Date(end).getTime()).toBeGreaterThan(new Date(start).getTime());
-  });
-
-  it("uses a bookerLayout's prefetch hint to extend endTime across months when no dayCount is set", () => {
-    const { result } = renderHook(
-      () => {
-        useSetStoreMonth("2030-06");
-        return useTimesForSchedule({
-          month: null,
-          selectedDate: null,
-          dayCount: null,
-          bookerLayout: {
-            layout: "column_view",
-            extraDays: 7,
-            columnViewExtraDays: { current: 7 },
-          },
-        });
-      },
-      { wrapper: Wrapper }
-    );
-    const [start, end] = result.current;
-    expect(new Date(start).getTime()).toBeLessThan(new Date(end).getTime());
-  });
-});

package/src/booker/hooks/embed-stubs.ts

@@ -1,30 +0,0 @@
-/**
- * In the @calcom/atoms SDK we are never inside the legacy @calcom/embed-core
- * iframe context. These no-op stubs let hooks that were originally written
- * against that API compile and run cleanly without pulling the embed-core
- * package in.
- */
-export const useIsEmbed = (): boolean => {
-  if (typeof window === "undefined") return false;
-  try {
-    return window.parent !== window;
-  } catch {
-    return true;
-  }
-};
-
-export const useEmbedType = (): string | undefined => undefined;
-
-export const useEmbedUiConfig = (): {
-  layout?: "week_view" | "month_view" | "column_view" | null;
-  hideEventTypeDetails?: boolean;
-  disableAutoScroll?: boolean;
-} => ({});
-
-export const useSlotsViewOnSmallScreen = (): boolean => false;
-
-export const useEmbedStyles = (_name: string): Record<string, string | number> => ({});
-
-export const updateEmbedBookerState = (_args: { bookerState: string; slotsQuery: unknown }): void => {
-  // No-op: atoms SDK doesn't run inside the legacy embed-core iframe
-};

package/src/booker/hooks/use-available-time-slots.ts

@@ -1,48 +0,0 @@
-import { useMemo } from "react";
-import type { CalendarAvailableTimeslots } from "../../contracts";
-import dayjs from "../../vendor/dayjs";
-
-type LooseUser = Record<string, unknown>;
-
-export interface IGetAvailableSlots {
-  slots: Record<
-    string,
-    {
-      time: string;
-      attendees?: number;
-      bookingUid?: string;
-      away?: boolean;
-      fromUser?: LooseUser;
-      toUser?: LooseUser;
-      reason?: string;
-      emoji?: string;
-      showNotePublicly?: boolean;
-    }[]
-  >;
-  troubleshooter?: any;
-}
-
-interface UseAvailableTimeSlotsProps {
-  eventDuration: number;
-  schedule?: IGetAvailableSlots;
-}
-
-export const useAvailableTimeSlots = ({ schedule, eventDuration }: UseAvailableTimeSlotsProps) => {
-  return useMemo(() => {
-    const availableTimeslots: CalendarAvailableTimeslots = {};
-    if (!schedule || !schedule.slots) return availableTimeslots;
-
-    for (const day in schedule.slots) {
-      availableTimeslots[day] = schedule.slots[day].map((slot) => {
-        const { time, ...rest } = slot;
-        return {
-          start: dayjs(time).toDate(),
-          end: dayjs(time).add(eventDuration, "minutes").toDate(),
-          ...rest,
-        };
-      });
-    }
-
-    return availableTimeslots;
-  }, [schedule, eventDuration]);
-};

package/src/booker/hooks/use-booker-layout.ts

@@ -1,131 +0,0 @@
-// @ts-nocheck — atoms wrapper over loose contracts + Radix prop-pick
-import { useEffect, useRef } from "react";
-import { shallow } from "zustand/shallow";
-import type { BookerEvent, BookerLayout, BookerLayouts } from "../../contracts";
-import { defaultBookerLayoutSettings } from "../../contracts";
-import useMediaQuery from "../../vendor/hooks/use-media-query";
-import { getQueryParam } from "../../vendor/query-param";
-import { useBookerStoreContext } from "../booker-store-provider";
-import { extraDaysConfig } from "../config";
-import { validateLayout } from "../utils/layout";
-import { useEmbedType, useEmbedUiConfig, useIsEmbed, useSlotsViewOnSmallScreen } from "./embed-stubs";
-
-export type UseBookerLayoutType = ReturnType<typeof useBookerLayout>;
-
-/**
- * Injection point for the legacy `@calcom/embed-core` iframe state. Atoms
- * defaults to no-op stubs (atoms SDK never runs inside that iframe). The
- * webapp wrapper calls the real `@calcom/embed-core/embed-iframe` hooks at
- * its own level and passes values down, avoiding a "hook-of-hooks" pattern
- * that would violate the rules of hooks if the underlying hooks differ in
- * shape between stubs and the real implementations.
- *
- * Types are deliberately permissive (`| null | undefined`, `unknown` for
- * extra config keys) so the webapp can pass `useIsEmbed`/`useEmbedType` /
- * `useEmbedUiConfig` returns directly without coercion, and so atoms types
- * stay decoupled from `@calcom/embed-core`'s `UiConfig`.
- */
-export type UseBookerLayoutEmbedState = {
-  isEmbed: boolean | undefined;
-  embedType: string | null | undefined;
-  embedUiConfig: {
-    layout?: "week_view" | "month_view" | "column_view" | null;
-    hideEventTypeDetails?: boolean;
-    disableAutoScroll?: boolean;
-    [key: string]: unknown;
-  };
-  slotsViewOnSmallScreen: boolean;
-};
-
-export type UseBookerLayoutOptions = {
-  embedState?: UseBookerLayoutEmbedState;
-};
-
-export const useBookerLayout = (
-  profileBookerLayouts: BookerEvent["profile"]["bookerLayouts"] | undefined | null,
-  options: UseBookerLayoutOptions = {}
-) => {
-  const [_layout, setLayout] = useBookerStoreContext((state) => [state.layout, state.setLayout], shallow);
-  // Always call the stub hooks (rules of hooks) — but if the caller injected
-  // real embed state, prefer those values. The stubs are lightweight no-ops.
-  const stubIsEmbed = useIsEmbed();
-  const stubEmbedType = useEmbedType();
-  const stubEmbedUiConfig = useEmbedUiConfig();
-  const stubSlotsViewOnSmallScreen = useSlotsViewOnSmallScreen();
-  const isEmbed = options.embedState ? options.embedState.isEmbed : stubIsEmbed;
-  const embedType = options.embedState ? options.embedState.embedType : stubEmbedType;
-  const embedUiConfig = options.embedState ? options.embedState.embedUiConfig : stubEmbedUiConfig;
-  const slotsViewOnSmallScreen = options.embedState
-    ? options.embedState.slotsViewOnSmallScreen
-    : stubSlotsViewOnSmallScreen;
-  const isMobile = useMediaQuery("(max-width: 768px)");
-  const isTablet = useMediaQuery("(max-width: 1024px)");
-  const layout = isEmbed ? (isMobile ? "mobile" : validateLayout(embedUiConfig.layout) || _layout) : _layout;
-  const extraDays = isTablet ? extraDaysConfig[layout].tablet : extraDaysConfig[layout].desktop;
-  const hasDarkBackground = isEmbed && embedType !== "inline";
-  const columnViewExtraDays = useRef<number>(
-    isTablet ? extraDaysConfig[layout].tablet : extraDaysConfig[layout].desktop
-  );
-  const bookerLayouts = profileBookerLayouts || defaultBookerLayoutSettings;
-  const defaultLayout = isEmbed
-    ? validateLayout(embedUiConfig.layout) || bookerLayouts.defaultLayout
-    : bookerLayouts.defaultLayout;
-
-  useEffect(() => {
-    if (isMobile && layout !== "mobile") {
-      setLayout("mobile");
-    } else if (!isMobile && layout === "mobile") {
-      setLayout(defaultLayout);
-    }
-  }, [isMobile, setLayout, layout, defaultLayout]);
-
-  useEffect(() => {
-    const layoutFromQuery = getQueryParam("layout") as BookerLayouts;
-    if (
-      !isMobile &&
-      !isEmbed &&
-      validateLayout(layoutFromQuery) &&
-      bookerLayouts?.enabledLayouts?.length &&
-      layoutFromQuery !== _layout
-    ) {
-      const validLayout = bookerLayouts.enabledLayouts.find((userLayout) => userLayout === layoutFromQuery);
-      if (validLayout) setLayout(validLayout);
-    }
-  }, [bookerLayouts, setLayout, _layout, isEmbed, isMobile]);
-
-  const shouldShowFormInDialogMap: Record<BookerLayout, boolean> = {
-    mobile: !isEmbed,
-    month_view: false,
-    week_view: true,
-    column_view: true,
-  };
-
-  const shouldShowFormInDialog = shouldShowFormInDialogMap[layout];
-
-  const hideEventTypeDetailsParam = getQueryParam("hideEventTypeDetails");
-  const hideEventTypeDetails = isEmbed
-    ? embedUiConfig.hideEventTypeDetails
-    : typeof hideEventTypeDetailsParam === "string"
-      ? hideEventTypeDetailsParam === "true"
-      : false;
-
-  const showTimezoneWhenHiddenParam = getQueryParam("showTimezoneWhenEventDetailsHidden");
-  const showTimezoneWhenEventDetailsHidden =
-    embedUiConfig.showTimezoneWhenEventDetailsHidden === true || showTimezoneWhenHiddenParam === "true";
-
-  return {
-    shouldShowFormInDialog,
-    hasDarkBackground,
-    extraDays,
-    columnViewExtraDays,
-    isMobile,
-    isEmbed,
-    isTablet,
-    layout,
-    defaultLayout,
-    hideEventTypeDetails,
-    showTimezoneWhenEventDetailsHidden,
-    slotsViewOnSmallScreen,
-    bookerLayouts,
-  };
-};

package/src/booker/hooks/use-booker-time.ts

@@ -1,21 +0,0 @@
-import { shallow } from "zustand/shallow";
-
-import { useTimePreferences } from "../../vendor/time-preferences";
-import { useBookerStoreContext } from "../booker-store-provider";
-import { getBookerTimezone } from "../utils/get-booker-timezone";
-
-export const useBookerTime = () => {
-  const [timezoneFromBookerStore] = useBookerStoreContext((state) => [state.timezone], shallow);
-  const { timezone: timezoneFromTimePreferences, timeFormat } = useTimePreferences();
-  const timezone = getBookerTimezone({
-    storeTimezone: timezoneFromBookerStore,
-    bookerUserPreferredTimezone: timezoneFromTimePreferences,
-  });
-
-  return {
-    timezone,
-    timeFormat,
-    timezoneFromBookerStore,
-    timezoneFromTimePreferences,
-  };
-};

package/src/booker/hooks/use-booking-form.ts

@@ -1,108 +0,0 @@
-// @ts-nocheck — generic resolver/inputs from caller
-"use client";
-
-import { useEffect, useRef } from "react";
-import { type Resolver, type UseFormReturn, useForm } from "react-hook-form";
-
-/**
- * Form values consumed by Booker's BookEventForm. Common response fields
- * are shaped explicitly so consumers calling `getValues("responses.X")`
- * get usable types back instead of `unknown`. Other fields stay loose
- * via the `[key: string]: unknown` index.
- */
-export type BookingFormValues = {
-  locationType?: string;
-  responses: {
-    name?: string | { firstName: string; lastName?: string };
-    email?: string;
-    notes?: string;
-    guests?: string[];
-    phone?: string;
-    smsReminderNumber?: string;
-    [key: string]: unknown;
-  } | null;
-  globalError: undefined;
-  cfToken?: string;
-};
-
-export type UseBookingFormReturnType = {
-  bookingForm: UseFormReturn<BookingFormValues>;
-  bookerFormErrorRef: React.RefObject<HTMLDivElement>;
-  key: string;
-  formEmail: string;
-  formName: string;
-  beforeVerifyEmail: () => void;
-  formErrors: { hasFormErrors: boolean; formErrors: unknown };
-  errors: { hasFormErrors: boolean; formErrors: unknown };
-};
-
-export type UseBookingFormOptions = {
-  /**
-   * Resolver injected by webapp wrappers. Webapp passes a zod resolver
-   * derived from `getBookingResponsesSchema(event.bookingFields)`. atoms
-   * standalone consumers omit this and rely on server validation.
-   */
-  schemaResolver?: Resolver<BookingFormValues>;
-  /** Prefilled / restored initial values (from session, query params, etc). */
-  initialValues?: Partial<BookingFormValues>;
-  /**
-   * Stable key that changes when initial values are recomputed. The hook
-   * re-`reset()`s the form when this changes so prefill-after-async-load
-   * works without dropping user input.
-   */
-  key?: string;
-};
-
-/**
- * Booker form-state hook. Owns the `useForm` instance and surfaces
- * convenience getters (formEmail, formName, error state). Schema
- * generation and initial-value computation are injected via
- * `UseBookingFormOptions` so atoms can stay free of Prisma / form-builder
- * deps while webapp wrappers can layer them in.
- */
-export const useBookingForm = ({
-  schemaResolver,
-  initialValues,
-  key = "atoms-default",
-}: UseBookingFormOptions = {}): UseBookingFormReturnType => {
-  const bookerFormErrorRef = useRef<HTMLDivElement>(null);
-  const bookingForm = useForm<BookingFormValues>({
-    defaultValues: initialValues ?? { responses: null, globalError: undefined },
-    resolver: schemaResolver,
-  });
-
-  useEffect(() => {
-    if (initialValues) {
-      bookingForm.reset(initialValues);
-    }
-  }, [key]);
-
-  const email = bookingForm.watch("responses.email");
-  const nameValue = bookingForm.watch("responses.name");
-  const formName =
-    typeof nameValue === "string"
-      ? nameValue
-      : nameValue && typeof nameValue === "object"
-        ? `${nameValue.firstName ?? ""} ${nameValue.lastName ?? ""}`.trim()
-        : "";
-
-  const beforeVerifyEmail = () => {
-    bookingForm.clearErrors();
-  };
-
-  const errors = {
-    hasFormErrors: Boolean(bookingForm.formState.errors["globalError"]),
-    formErrors: bookingForm.formState.errors["globalError"],
-  };
-
-  return {
-    bookingForm,
-    bookerFormErrorRef,
-    key,
-    formEmail: typeof email === "string" ? email : "",
-    formName,
-    beforeVerifyEmail,
-    formErrors: errors,
-    errors,
-  };
-};

package/src/booker/hooks/use-bookings-types.ts

@@ -1,10 +0,0 @@
-export interface IUseBookingLoadingStates {
-  creatingBooking: boolean;
-  creatingRecurringBooking: boolean;
-  creatingInstantBooking: boolean;
-}
-
-export interface IUseBookingErrors {
-  hasDataErrors: boolean;
-  dataErrors: unknown;
-}