@calcom/atoms 2.8.7 → 2.9.0

package/dist/booker/components/booker-component.js

@@ -0,0 +1,596 @@
+import { jsx as i, jsxs as W, Fragment as x } from "react/jsx-runtime";
+import { LazyMotion as Li, domAnimation as Di, AnimatePresence as Bi } from "framer-motion";
+import { useSearchParams as Ai } from "next/navigation";
+import { useRef as Re, useMemo as Pe, useEffect as Fe } from "react";
+import Ui from "react-sticky-box";
+import { Toaster as Hi } from "sonner";
+import { shallow as H } from "zustand/shallow";
+import { DatePicker as ze } from "../../calendar-view/components/date-picker.js";
+import { LargeCalendar as Ri } from "../../calendar-view/components/large-calendar.js";
+import { Dialog as Pi, DialogContent as Fi } from "../../components/ui/dialog.js";
+import { PUBLIC_INVALIDATE_AVAILABLE_SLOTS_ON_BOOKING_FORM as zi, CLOUDFLARE_SITE_ID as Ki, CLOUDFLARE_USE_TURNSTILE_IN_BOOKER as qi } from "../../constants/app.js";
+import { BookerLayouts as l } from "../../contracts/booker.js";
+import { cn as m } from "../../lib/utils.js";
+import "../../vendor/dayjs/index.js";
+import { getQueryParam as ji } from "../../vendor/query-param.js";
+import { scrollIntoViewSmooth as Qi } from "../../vendor/scroll.js";
+import { useBookerStoreContext as O } from "../booker-store-provider.js";
+import { useBookerResizeAnimation as Ci, fadeInLeft as R, getBookerSizeClassNames as Gi } from "../config.js";
+import { useEmbedUiConfig as $i } from "../hooks/embed-stubs.js";
+import { useIsQuickAvailabilityCheckFeatureEnabled as Xi } from "../hooks/use-is-quick-availability-check-feature-enabled.js";
+import { useNonEmptyScheduleDays as Ji } from "../hooks/use-non-empty-schedule-days.js";
+import { useSkipConfirmStep as Yi } from "../hooks/use-skip-confirm-step.js";
+import { isBookingDryRun as Zi } from "../utils/is-booking-dry-run.js";
+import { isTimeSlotAvailable as Ni } from "../utils/is-timeslot-available.js";
+import { AvailableTimeSlots as Ke } from "./available-time-slots.js";
+import { BookEventForm as eo } from "./book-event-form/book-event-form.js";
+import { BookFormAsModal as io } from "./book-event-form/book-form-as-modal.js";
+import { DryRunMessage as oo } from "./dry-run-message.js";
+import { EventMeta as to } from "./event-meta.js";
+import { ExternalRedirectInterstitial as ro } from "./external-redirect-interstitial.js";
+import { HavingTroubleFindingTime as no } from "./having-trouble-finding-time.js";
+import { Header as lo } from "./header.js";
+import { InstantBooking as ao } from "./instant-booking.js";
+import { OverlayCalendar as fo } from "./overlay-calendar/overlay-calendar.js";
+import { RedirectToInstantMeetingModal as bo } from "./redirect-to-instant-meeting-modal.js";
+import { BookerSection as M } from "./section.js";
+import { SlotSelectionModalHeader as po } from "./slot-selection-modal-header.js";
+import { NotFound as co } from "./unavailable.js";
+import { UnpublishedEntity as mo } from "./unpublished-entity.js";
+import { VerifyCodeDialog as ko } from "./verify-code-dialog.js";
+import G from "dayjs";
+var $ = {};
+const go = ({
+  username: P,
+  eventSlug: qe,
+  hideBranding: So = !1,
+  entity: X,
+  isInstantMeeting: I = !1,
+  onGoBackInstantMeeting: J,
+  onConnectNowInstantMeeting: je,
+  onOverlayClickNoCalendar: Qe,
+  onClickOverlayContinue: Ce,
+  onOverlaySwitchStateChange: Ge,
+  sessionUsername: $e,
+  rescheduleUid: Xe,
+  hasSession: Je,
+  extraOptions: Y,
+  bookings: Ye,
+  verifyEmail: Ze,
+  slots: Z,
+  calendars: Ne,
+  bookerForm: ei,
+  event: t,
+  bookerLayout: ii,
+  schedule: n,
+  verifyCode: c,
+  isPlatform: d,
+  orgBannerUrl: N,
+  customClassNames: e,
+  areInstantMeetingParametersSet: oi = !1,
+  userLocale: ti,
+  hasValidLicense: Eo,
+  isBookingDryRun: ri,
+  hashedLink: ni,
+  confirmButtonDisabled: F,
+  timeZones: ee,
+  eventMetaChildren: li,
+  roundRobinHideOrgAndTeam: ai,
+  hideOrgTeamAvatar: di,
+  showNoAvailabilityDialog: ie,
+  TimezoneSelect: oe,
+  isPlatformBookerEmbed: fi = !1,
+  renderCaptchaElement: z,
+  renderTagManager: te
+}) => {
+  var Ie, Ve, se, ue, _e, we, ve, We, xe, Oe, Le, De, Be, Ae;
+  const bi = Ai(), [a, k] = O(
+    (o) => [o.state, o.setState],
+    H
+  ), g = O((o) => o.selectedDate), [pi, K] = O(
+    (o) => [o.isSlotSelectionModalVisible, o.setIsSlotSelectionModalVisible],
+    H
+  ), {
+    shouldShowFormInDialog: re,
+    hasDarkBackground: ho,
+    extraDays: b,
+    columnViewExtraDays: ne,
+    isMobile: S,
+    layout: r,
+    hideEventTypeDetails: V,
+    isEmbed: f,
+    bookerLayouts: ci,
+    slotsViewOnSmallScreen: q
+  } = ii, [s, le] = O(
+    (o) => [o.seatedEventData, o.setSeatedEventData],
+    H
+  ), { selectedTimeslot: p, setSelectedTimeslot: E, allSelectedTimeslots: mi } = Z, [ki, gi] = O(
+    (o) => [o.dayCount, o.setDayCount],
+    H
+  ), L = Ji((Ie = n == null ? void 0 : n.data) == null ? void 0 : Ie.slots).filter(
+    (o) => G(g).diff(o, "day") <= 0
+  ), ae = L.length < b ? (b - L.length + 1) * 7 : 0, h = L.slice(0, b + 1);
+  if (L.length !== 0) {
+    const o = h.length === b + 1 ? h.length - 2 : h.length - 1;
+    ne.current = Math.abs(G(g).diff(h[o], "day")) + ae;
+  }
+  const Si = Math.abs(G(g).diff(h[h.length - 1], "day")) + ae, Ei = Ci(r, a), j = Re(null), hi = Xi(), yi = S ? "div" : Ui, Ti = Pe(
+    () => {
+      var o, w, v;
+      return {
+        eventMetaContainer: (o = e == null ? void 0 : e.eventMetaCustomClassNames) == null ? void 0 : o.eventMetaContainer,
+        eventMetaTitle: (w = e == null ? void 0 : e.eventMetaCustomClassNames) == null ? void 0 : w.eventMetaTitle,
+        eventMetaTimezoneSelect: (v = e == null ? void 0 : e.eventMetaCustomClassNames) == null ? void 0 : v.eventMetaTimezoneSelect
+      };
+    },
+    [
+      (Ve = e == null ? void 0 : e.eventMetaCustomClassNames) == null ? void 0 : Ve.eventMetaContainer,
+      (se = e == null ? void 0 : e.eventMetaCustomClassNames) == null ? void 0 : se.eventMetaTitle,
+      (ue = e == null ? void 0 : e.eventMetaCustomClassNames) == null ? void 0 : ue.eventMetaTimezoneSelect
+    ]
+  ), { bookerFormErrorRef: de, key: fe, formEmail: be, bookingForm: u, errors: pe } = ei, {
+    handleBookEvent: Q,
+    errors: ce,
+    loadingStates: D,
+    expiryTime: me,
+    instantVideoMeetingUrl: ke,
+    instantConnectCooldownMs: Mi,
+    bookingUid: Ii,
+    pendingRedirect: B,
+    confirmRedirect: Vi,
+    goBackToSuccessPage: si
+  } = Ye, ge = u.watch("cfToken"), {
+    isEmailVerificationModalVisible: ui,
+    setEmailVerificationModalVisible: _i,
+    handleVerifyEmail: C,
+    renderConfirmNotVerifyEmailButtonCond: y,
+    isVerificationCodeSending: A
+  } = Ze, { overlayBusyDates: wi, isOverlayCalendarEnabled: vi, connectedCalendars: Wi, onToggleCalendar: xi } = Ne, Se = Re(!1), Oi = $i(), Ee = () => {
+    q || S && !Se.current && j.current && !Oi.disableAutoScroll && (Qi(j.current, f), Se.current = !0);
+  }, T = Yi(
+    u,
+    a,
+    I,
+    r === l.WEEK_VIEW,
+    (_e = t == null ? void 0 : t.data) == null ? void 0 : _e.bookingFields,
+    (we = t == null ? void 0 : t.data) == null ? void 0 : we.locations
+  ), _ = !!(!(typeof process < "u" && ($ == null ? void 0 : $.NEXT_PUBLIC_IS_E2E)) && z && Ki && qi === "1" && (a === "booking" || a === "selecting_time" && T)), he = (o) => {
+    E(o), T || K(!1);
+  };
+  Fe(() => {
+    if (t.isPending) return k("loading");
+    if (!g) return k("selecting_date");
+    if (!p) return k("selecting_time");
+    const o = !I && r !== l.WEEK_VIEW;
+    return k(p && T && o ? "selecting_time" : "booking");
+  }, [
+    t.isPending,
+    g,
+    p,
+    k,
+    T,
+    r,
+    I
+  ]);
+  const U = hi ? mi.filter((o) => !Ni({
+    scheduleData: (n == null ? void 0 : n.data) ?? null,
+    slotToCheckInIso: o,
+    quickAvailabilityChecks: Z.quickAvailabilityChecks
+  })) : [], ye = ji("slot");
+  Fe(() => {
+    if (d) return;
+    const o = ye || null;
+    o !== p && E(o);
+  }, [ye, E, p, d]);
+  const Te = (o) => y ? Q(o) : C(), Me = Pe(() => {
+    var o, w, v, Ue;
+    return a !== "booking" ? null : /* @__PURE__ */ i(
+      eo,
+      {
+        timeslot: p,
+        shouldRenderCaptcha: _,
+        onCancel: () => {
+          var He;
+          E(null), zi && ((He = n == null ? void 0 : n.invalidate) == null || He.call(n)), s != null && s.bookingUid && le({
+            ...s,
+            bookingUid: void 0,
+            attendees: void 0
+          });
+        },
+        onSubmit: () => y ? Q() : C(),
+        errorRef: de,
+        errors: { ...pe, ...ce },
+        isTimeslotUnavailable: !I && U.includes(p || ""),
+        loadingStates: D,
+        renderConfirmNotVerifyEmailButtonCond: y,
+        bookingForm: u,
+        eventQuery: t,
+        extraOptions: Y,
+        isVerificationCodeSending: A,
+        confirmButtonDisabled: F,
+        classNames: {
+          confirmButton: (o = e == null ? void 0 : e.confirmStep) == null ? void 0 : o.confirmButton,
+          backButton: (w = e == null ? void 0 : e.confirmStep) == null ? void 0 : w.backButton
+        },
+        isPlatform: d,
+        isPlatformBookerEmbed: fi,
+        children: !d && /* @__PURE__ */ i(
+          bo,
+          {
+            expiryTime: me,
+            bookingUid: Ii,
+            instantVideoMeetingUrl: ke,
+            onGoBack: () => {
+              J();
+            },
+            orgName: (Ue = (v = t.data) == null ? void 0 : v.entity) == null ? void 0 : Ue.name
+          }
+        )
+      },
+      fe
+    );
+  }, [
+    de,
+    ke,
+    a,
+    u,
+    ce,
+    t,
+    me,
+    Y,
+    pe,
+    Q,
+    C,
+    fe,
+    D,
+    J,
+    y,
+    s,
+    le,
+    E,
+    d,
+    _,
+    A,
+    U
+  ]);
+  return X.considerUnpublished && !Xe ? /* @__PURE__ */ i(mo, { ...X }) : t.isSuccess && !t.data ? /* @__PURE__ */ i(co, {}) : a === "loading" ? null : /* @__PURE__ */ W(x, { children: [
+    t.data && te ? te(t.data) : /* @__PURE__ */ i(x, {}),
+    (ri || Zi(bi)) && /* @__PURE__ */ i(oo, { isEmbed: f }),
+    /* @__PURE__ */ W(
+      "div",
+      {
+        className: m(
+          "main",
+          "text-default flex min-h-full w-full flex-col items-center",
+          r === l.MONTH_VIEW && !f && "my-20 ",
+          r === l.MONTH_VIEW ? "overflow-visible" : "overflow-clip",
+          `${e == null ? void 0 : e.bookerWrapper}`
+        ),
+        children: [
+          /* @__PURE__ */ i(
+            "div",
+            {
+              ref: Ei,
+              "data-testid": "booker-container",
+              className: m(
+                ...Gi(r, a, V),
+                "bg-default dark:bg-cal-muted grid max-w-full items-start dark:scheme-dark sm:transition-[width] sm:duration-300 sm:motion-reduce:transition-none md:flex-row",
+                (r === l.MONTH_VIEW || f) && "border-subtle rounded-md",
+                !f && "sm:transition-[width] sm:duration-300",
+                f && r === l.MONTH_VIEW && "border-booker sm:border-booker-width",
+                !f && r === l.MONTH_VIEW && "border-subtle border",
+                `${e == null ? void 0 : e.bookerContainer}`
+              ),
+              children: /* @__PURE__ */ W(Bi, { children: [
+                !I && /* @__PURE__ */ i(
+                  M,
+                  {
+                    area: "header",
+                    className: m(
+                      r === l.MONTH_VIEW && "fixed top-4 z-10 ltr:right-4 rtl:left-4",
+                      (r === l.COLUMN_VIEW || r === l.WEEK_VIEW) && "bg-default dark:bg-cal-muted sticky top-0 z-10 h-full -ml-px ltr:border-l rtl:border-r",
+                      r === l.COLUMN_VIEW && "border-default",
+                      r === l.WEEK_VIEW && "border-subtle"
+                    ),
+                    children: d && r === l.MONTH_VIEW ? /* @__PURE__ */ i(x, {}) : /* @__PURE__ */ i(
+                      lo,
+                      {
+                        isMyLink: P === $e,
+                        eventSlug: qe,
+                        enabledLayouts: ci.enabledLayouts,
+                        extraDays: r === l.COLUMN_VIEW ? ne.current : b,
+                        isMobile: S,
+                        nextSlots: Si,
+                        renderOverlay: () => f ? null : /* @__PURE__ */ i(
+                          fo,
+                          {
+                            isOverlayCalendarEnabled: vi,
+                            connectedCalendars: Wi,
+                            overlayBusyDates: wi,
+                            onToggleCalendar: xi,
+                            hasSession: Je,
+                            handleClickContinue: Ce,
+                            handleSwitchStateChange: Ge,
+                            handleClickNoCalendar: () => {
+                              Qe();
+                            },
+                            isPlatform: d
+                          }
+                        )
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ i(yi, { className: m("relative z-10 flex [grid-area:meta]"), children: /* @__PURE__ */ W(
+                  M,
+                  {
+                    area: "meta",
+                    className: "max-w-screen flex w-full flex-col md:w-(--booker-meta-width)",
+                    children: [
+                      !V && N && /* @__PURE__ */ i(
+                        "img",
+                        {
+                          loading: "eager",
+                          className: "-mb-9 h-auto w-full object-contain object-top ltr:rounded-tl-md rtl:rounded-tr-md sm:h-[70px] sm:object-cover",
+                          alt: "org banner",
+                          src: N
+                        }
+                      ),
+                      !V && /* @__PURE__ */ i(
+                        to,
+                        {
+                          selectedTimeslot: p,
+                          classNames: Ti,
+                          event: t.data,
+                          isPending: t.isPending,
+                          isPlatform: d,
+                          TimezoneSelect: oe,
+                          isPrivateLink: !!ni,
+                          locale: ti,
+                          timeZones: ee,
+                          roundRobinHideOrgAndTeam: ai,
+                          hideOrgTeamAvatar: di,
+                          hideEventTypeDetails: V,
+                          children: li
+                        }
+                      ),
+                      r !== l.MONTH_VIEW && !(r === "mobile" && a === "booking") && /* @__PURE__ */ i("div", { className: "mt-auto px-5 py-3", children: /* @__PURE__ */ i(
+                        ze,
+                        {
+                          classNames: e == null ? void 0 : e.datePickerCustomClassNames,
+                          event: t,
+                          slots: (ve = n == null ? void 0 : n.data) == null ? void 0 : ve.slots,
+                          isLoading: n.isPending,
+                          scrollToTimeSlots: Ee,
+                          showNoAvailabilityDialog: ie,
+                          onDateChange: () => {
+                            q && K(!0);
+                          }
+                        }
+                      ) })
+                    ]
+                  }
+                ) }, "meta"),
+                /* @__PURE__ */ i(
+                  M,
+                  {
+                    area: "main",
+                    className: "sticky top-0 -ml-px h-full p-6 md:w-(--booker-main-width) md:border-l",
+                    ...R,
+                    visible: a === "booking" && !re,
+                    children: Me
+                  },
+                  "book-event-form"
+                ),
+                /* @__PURE__ */ i(
+                  M,
+                  {
+                    area: "main",
+                    visible: a !== "booking" && r === l.MONTH_VIEW,
+                    ...R,
+                    initial: "visible",
+                    className: m(
+                      "md:border-subtle -ml-px h-full shrink px-5 py-3 lg:w-(--booker-main-width)",
+                      V ? "" : "md:border-l"
+                    ),
+                    children: /* @__PURE__ */ i(
+                      ze,
+                      {
+                        classNames: e == null ? void 0 : e.datePickerCustomClassNames,
+                        event: t,
+                        slots: (We = n == null ? void 0 : n.data) == null ? void 0 : We.slots,
+                        isLoading: n.isPending,
+                        scrollToTimeSlots: Ee,
+                        showNoAvailabilityDialog: ie
+                      }
+                    )
+                  },
+                  "datepicker"
+                ),
+                /* @__PURE__ */ i(
+                  M,
+                  {
+                    area: "main",
+                    visible: r === l.WEEK_VIEW,
+                    className: "border-subtle sticky top-0 -ml-px h-full md:border-l",
+                    ...R,
+                    children: /* @__PURE__ */ i(
+                      Ri,
+                      {
+                        extraDays: b,
+                        schedule: n.data,
+                        isLoading: n.isPending,
+                        event: t
+                      }
+                    )
+                  },
+                  "enable-calendar"
+                ),
+                /* @__PURE__ */ i(
+                  M,
+                  {
+                    area: { default: "main", month_view: "timeslots" },
+                    visible: !(q && S) && (r !== l.WEEK_VIEW && a === "selecting_time" || r === l.COLUMN_VIEW),
+                    className: m(
+                      "flex h-full w-full flex-col overflow-x-auto px-5 py-3 pb-0 rtl:border-r ltr:md:border-l",
+                      r === l.COLUMN_VIEW ? "border-default" : "border-subtle rtl:border-default",
+                      r === l.MONTH_VIEW && "h-full overflow-hidden md:w-(--booker-timeslots-width)",
+                      r !== l.MONTH_VIEW && "sticky top-0"
+                    ),
+                    ref: j,
+                    ...R,
+                    children: /* @__PURE__ */ i(
+                      Ke,
+                      {
+                        onAvailableTimeSlotSelect: he,
+                        customClassNames: e == null ? void 0 : e.availableTimeSlotsCustomClassNames,
+                        extraDays: b,
+                        limitHeight: r === l.MONTH_VIEW,
+                        schedule: n,
+                        isLoading: n.isPending,
+                        seatsPerTimeSlot: (xe = t.data) == null ? void 0 : xe.seatsPerTimeSlot,
+                        unavailableTimeSlots: U,
+                        showAvailableSeatsCount: (Oe = t.data) == null ? void 0 : Oe.seatsShowAvailabilityCount,
+                        event: t,
+                        loadingStates: D,
+                        renderConfirmNotVerifyEmailButtonCond: y,
+                        isVerificationCodeSending: A,
+                        onSubmit: Te,
+                        skipConfirmStep: T,
+                        shouldRenderCaptcha: _,
+                        watchedCfToken: ge,
+                        confirmButtonDisabled: F,
+                        confirmStepClassNames: e == null ? void 0 : e.confirmStep,
+                        isPlatform: d
+                      }
+                    )
+                  },
+                  "timeslots"
+                )
+              ] })
+            }
+          ),
+          /* @__PURE__ */ i(
+            no,
+            {
+              visible: a !== "booking" && r === l.MONTH_VIEW && !S,
+              dayCount: ki,
+              isScheduleLoading: n.isLoading,
+              onButtonClick: () => {
+                gi(null);
+              }
+            }
+          ),
+          a !== "booking" && ((Le = t.data) == null ? void 0 : Le.showInstantEventConnectNowModal) && oi && /* @__PURE__ */ i(
+            "div",
+            {
+              className: m(
+                "animate-fade-in-up z-40 my-2 opacity-0",
+                r === l.MONTH_VIEW && f ? "" : "fixed bottom-2"
+              ),
+              style: { animationDelay: "1s" },
+              children: /* @__PURE__ */ i(
+                ao,
+                {
+                  event: t.data,
+                  cooldownMs: Mi,
+                  onConnectNow: () => {
+                    je();
+                  }
+                }
+              )
+            }
+          ),
+          _ && z && /* @__PURE__ */ i("div", { className: "mb-6 mt-auto pt-6", children: z((o) => {
+            u.setValue("cfToken", o);
+          }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(x, { children: c && be ? /* @__PURE__ */ i(
+      ko,
+      {
+        isOpenDialog: ui,
+        setIsOpenDialog: _i,
+        email: be,
+        isUserSessionRequiredToVerify: !1,
+        verifyCodeWithSessionNotRequired: c.verifyCodeWithSessionNotRequired,
+        verifyCodeWithSessionRequired: c.verifyCodeWithSessionRequired,
+        error: c.error,
+        resetErrors: c.resetErrors,
+        isPending: c.isPending,
+        setIsPending: c.setIsPending,
+        isPlatform: d
+      }
+    ) : /* @__PURE__ */ i(x, {}) }),
+    /* @__PURE__ */ i(
+      io,
+      {
+        onCancel: () => E(null),
+        visible: a === "booking" && re,
+        isPlatform: d,
+        eventLength: (De = t.data) == null ? void 0 : De.length,
+        children: Me
+      }
+    ),
+    /* @__PURE__ */ i(Pi, { open: S && pi, children: /* @__PURE__ */ W(
+      Fi,
+      {
+        enableOverflow: !0,
+        className: "fixed! inset-0! top-0! left-0! h-screen! max-h-screen! w-screen! max-w-none! translate-x-0! translate-y-0! rounded-none! m-0! px-8 pt-0 pb-8",
+        children: [
+          /* @__PURE__ */ i(
+            po,
+            {
+              onClick: () => K(!1),
+              event: t.data,
+              isPlatform: d,
+              TimezoneSelect: oe,
+              timeZones: ee,
+              selectedDate: g
+            }
+          ),
+          /* @__PURE__ */ i(
+            Ke,
+            {
+              onAvailableTimeSlotSelect: he,
+              customClassNames: e == null ? void 0 : e.availableTimeSlotsCustomClassNames,
+              extraDays: b,
+              limitHeight: r === l.MONTH_VIEW,
+              schedule: n,
+              isLoading: n.isPending,
+              seatsPerTimeSlot: (Be = t.data) == null ? void 0 : Be.seatsPerTimeSlot,
+              unavailableTimeSlots: U,
+              showAvailableSeatsCount: (Ae = t.data) == null ? void 0 : Ae.seatsShowAvailabilityCount,
+              event: t,
+              loadingStates: D,
+              renderConfirmNotVerifyEmailButtonCond: y,
+              isVerificationCodeSending: A,
+              onSubmit: Te,
+              skipConfirmStep: T,
+              shouldRenderCaptcha: _,
+              watchedCfToken: ge,
+              confirmButtonDisabled: F,
+              confirmStepClassNames: e == null ? void 0 : e.confirmStep,
+              hideAvailableTimesHeader: !0,
+              isPlatform: d
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ i(Hi, { position: "bottom-right" }),
+    /* @__PURE__ */ i(
+      ro,
+      {
+        isOpen: !!B,
+        redirectUrl: (B == null ? void 0 : B.url) ?? "",
+        onContinue: Vi,
+        onGoBack: si
+      }
+    )
+  ] });
+}, ft = (P) => /* @__PURE__ */ i(Li, { strict: !0, features: Di, children: /* @__PURE__ */ i(go, { ...P }) });
+export {
+  ft as Booker
+};

package/dist/booker/components/booker-section.d.ts

@@ -0,0 +1,15 @@
+import { MotionProps } from 'framer-motion';
+import { BookerAreas, BookerLayout } from '../../contracts';
+type GridArea = BookerAreas | ({
+    [key in BookerLayout]?: BookerAreas;
+} & {
+    default: BookerAreas;
+});
+export declare const BookerSection: import('react').ForwardRefExoticComponent<{
+    children: React.ReactNode;
+    area: GridArea;
+    visible?: boolean;
+    className?: string;
+} & MotionProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=booker-section.d.ts.map

package/dist/booker/components/booker-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booker-section.d.ts","sourceRoot":"","sources":["../../../src/booker/components/booker-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAIjD,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIjE,KAAK,QAAQ,GAAG,WAAW,GAAG,CAAC;KAAG,GAAG,IAAI,YAAY,CAAC,CAAC,EAAE,WAAW;CAAE,GAAG;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,CAAC,CAAC;AAoBnG,eAAO,MAAM,aAAa;cAjBd,KAAK,CAAC,SAAS;UACnB,QAAQ;cACJ,OAAO;gBACL,MAAM;gEAkClB,CAAC"}

package/dist/booker/components/booker-section.js

@@ -0,0 +1,19 @@
+import { jsx as f } from "react/jsx-runtime";
+import { m as l } from "framer-motion";
+import { forwardRef as u } from "react";
+import { cn as c } from "../../lib/utils.js";
+import { useBookerStoreContext as p } from "../booker-store-provider.js";
+const t = {
+  calendar: "[grid-area:calendar]",
+  main: "[grid-area:main]",
+  meta: "[grid-area:meta]",
+  timeslots: "[grid-area:timeslots]",
+  header: "[grid-area:header]"
+}, N = u(function({ children: a, area: r, visible: o, className: i, ...m }, n) {
+  const d = p((s) => s.layout);
+  let e;
+  return typeof r == "string" ? e = t[r] : e = t[r[d] || r.default], !o && typeof o < "u" ? null : /* @__PURE__ */ f(l.div, { ref: n, className: c(e, i), layout: !0, ...m, children: a });
+});
+export {
+  N as BookerSection
+};

package/dist/booker/components/dry-run-message.d.ts

@@ -0,0 +1,4 @@
+export declare const DryRunMessage: ({ isEmbed }: {
+    isEmbed?: boolean;
+}) => JSX.Element | null;
+//# sourceMappingURL=dry-run-message.d.ts.map

package/dist/booker/components/dry-run-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dry-run-message.d.ts","sourceRoot":"","sources":["../../../src/booker/components/dry-run-message.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,GAAI,aAAa;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,uBAwB/D,CAAC"}

package/dist/booker/components/dry-run-message.js

@@ -0,0 +1,22 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useState as o } from "react";
+import { InfoIcon as n } from "../../components/ui/icons.js";
+import { useAtomsLocale as d } from "../../hooks/use-atoms-locale.js";
+const f = ({ isEmbed: t }) => {
+  const { t: r } = d(), [s, a] = o(!0);
+  return s ? /* @__PURE__ */ e(
+    "div",
+    {
+      "data-testid": "dry-run-banner",
+      onClick: () => a(!1),
+      className: `bg-default border-subtle fixed left-1/2 ${t ? "top-0" : "top-4"} z-50 -translate-x-1/2 transform cursor-pointer items-center gap-3 rounded-xl border p-3 text-sm shadow-md`,
+      children: /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(n, { className: "h-5 w-5 text-orange-500" }) }),
+        /* @__PURE__ */ e("div", { className: "text-emphasis font-medium", "data-testid": "dry-run-msg", children: r("dry_run_mode_active") })
+      ] })
+    }
+  ) : null;
+};
+export {
+  f as DryRunMessage
+};

package/dist/booker/components/event-meta/available-event-locations.d.ts

@@ -0,0 +1,6 @@
+import { LocationObject } from '../../../vendor/locations';
+export declare function AvailableEventLocations({ locations, isPlatform, }: {
+    locations: LocationObject[];
+    isPlatform?: boolean;
+}): JSX.Element | null;
+//# sourceMappingURL=available-event-locations.d.ts.map

package/dist/booker/components/event-meta/available-event-locations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"available-event-locations.d.ts","sourceRoot":"","sources":["../../../../src/booker/components/event-meta/available-event-locations.tsx"],"names":[],"mappings":"AAKA,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAC;AAoDnC,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,UAAkB,GACnB,EAAE;IACD,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,sBAmDA"}