@calcom/atoms 2.8.7 → 2.9.0

package/dist/booker/components/having-trouble-finding-time.js

@@ -0,0 +1,33 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { Icon as s } from "../../components/ui/icon.js";
+import { InfoIcon as u } from "../../components/ui/icons.js";
+import { BOOKER_NUMBER_OF_DAYS_TO_LOAD as d } from "../../constants/app.js";
+import { useAtomsLocale as c } from "../../hooks/use-atoms-locale.js";
+var l = {};
+function N(e) {
+  const { t: i } = c(), [r, o] = m(!1);
+  return !e.visible || l.NEXT_PUBLIC_BOOKER_NUMBER_OF_DAYS_TO_LOAD == "0" && d == 0 || !l.NEXT_PUBLIC_BOOKER_NUMBER_OF_DAYS_TO_LOAD || r && !e.isScheduleLoading || e.isScheduleLoading || !e.dayCount ? null : /* @__PURE__ */ n("div", { className: "bg-default border-subtle mt-6 flex w-1/2 min-w-0 items-center justify-between rounded-[32px] border p-3 text-sm leading-none shadow-sm lg:w-1/3", children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center gap-2 overflow-x-hidden", children: [
+      /* @__PURE__ */ t(u, { className: "text-default h-4 w-4" }),
+      /* @__PURE__ */ t("p", { className: "w-full leading-none", children: i("having_trouble_finding_time") })
+    ] }),
+    /* @__PURE__ */ n(
+      "button",
+      {
+        className: "inline-flex items-center gap-2 font-medium",
+        onClick: (a) => {
+          a.preventDefault(), e.onButtonClick(), o(!0);
+        },
+        children: [
+          i("show_more"),
+          " ",
+          /* @__PURE__ */ t(s, { name: "arrow-right", className: "h-4 w-4" })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  N as HavingTroubleFindingTime
+};

package/dist/booker/components/header.d.ts

@@ -0,0 +1,18 @@
+import { BookerLayouts } from '../../contracts';
+export declare function Header({ extraDays, isMobile, enabledLayouts, nextSlots, eventSlug, isMyLink, renderOverlay, isCalendarView, isPlatform, webappUrl, }: {
+    extraDays: number;
+    isMobile: boolean;
+    enabledLayouts?: readonly (BookerLayouts | string)[];
+    nextSlots: number;
+    eventSlug: string;
+    isMyLink: boolean;
+    renderOverlay?: () => JSX.Element | null;
+    isCalendarView?: boolean;
+    isPlatform?: boolean;
+    /**
+     * Base URL for the troubleshoot link shown to link owners. Consumers that
+     * don't need the link can omit this — the tooltip disappears with it.
+     */
+    webappUrl?: string;
+}): JSX.Element | null;
+//# sourceMappingURL=header.d.ts.map

package/dist/booker/components/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/booker/components/header.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAShD,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,cAAc,EACd,SAAS,EACT,SAAS,EACT,QAAQ,EACR,aAAa,EACb,cAAc,EACd,UAAkB,EAClB,SAAS,GACV,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAIlB,cAAc,CAAC,EAAE,SAAS,CAAC,aAAa,GAAG,MAAM,CAAC,EAAE,CAAC;IACrD,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sBA+HA"}

package/dist/booker/components/header.js

@@ -0,0 +1,216 @@
+import { jsxs as e, jsx as o, Fragment as _ } from "react/jsx-runtime";
+import { useMemo as k, useCallback as z } from "react";
+import { shallow as G } from "zustand/shallow";
+import { Button as g } from "../../components/ui/button.js";
+import { ButtonGroup as H } from "../../components/ui/button-group.js";
+import { CalendarIcon as U, Grid3x3Icon as R, Columns3Icon as A } from "../../components/ui/icons.js";
+import { ToggleGroup as K } from "../../components/ui/toggle-group.js";
+import { Tooltip as L } from "../../components/ui/tooltip.js";
+import { BookerLayouts as n } from "../../contracts/booker.js";
+import "../../contracts/bookings.js";
+import "../../contracts/event-types.js";
+import { useAtomsLocale as W } from "../../hooks/use-atoms-locale.js";
+import "../../vendor/dayjs/index.js";
+import { formatDateTime as q } from "../../vendor/format-date-time.js";
+import { useBookerStoreContext as N } from "../booker-store-provider.js";
+import { useIsEmbed as C } from "../hooks/embed-stubs.js";
+import { useInitializeWeekStart as J } from "../hooks/use-initialize-week-start.js";
+import { TimeFormatToggle as Q } from "./time-format-toggle.js";
+import S from "dayjs";
+function Nt({
+  extraDays: r,
+  isMobile: d,
+  enabledLayouts: l,
+  nextSlots: m,
+  eventSlug: Y,
+  isMyLink: a,
+  renderOverlay: s,
+  isCalendarView: f,
+  isPlatform: u = !1,
+  webappUrl: b
+}) {
+  const { t: D, i18n: y } = W(), V = C(), [i, v] = N((t) => [t.layout, t.setLayout], G), T = N((t) => t.selectedDate), $ = N((t) => t.setSelectedDate), w = N((t) => t.addToSelectedDate), B = f !== void 0 ? !f : i === n.MONTH_VIEW, h = S(), c = T ? S(T) : h, F = k(() => {
+    const t = h.diff(c, "days");
+    return t > 3 || t < -3;
+  }, [h, c]);
+  J(u, f ?? !1);
+  const M = z(
+    (t) => {
+      i === t || !t || v(t);
+    },
+    [v, i]
+  );
+  if (d || !l) return null;
+  if (B)
+    return /* @__PURE__ */ e("div", { className: "flex gap-2", children: [
+      a && !V && b ? /* @__PURE__ */ o(L, { content: D("troubleshooter_tooltip"), side: "bottom", children: /* @__PURE__ */ o(
+        g,
+        {
+          color: "primary",
+          target: "_blank",
+          href: `${b}/availability/troubleshoot?eventType=${Y}`,
+          children: D("need_help")
+        }
+      ) }) : s == null ? void 0 : s(),
+      /* @__PURE__ */ o(
+        I,
+        {
+          layout: i,
+          enabledLayouts: l,
+          onLayoutToggle: M,
+          isPlatform: u
+        }
+      )
+    ] });
+  const p = c.add(i === n.COLUMN_VIEW ? r : r - 1, "days"), j = () => c.format("MMM") === p.format("MMM"), x = () => c.format("YYYY") === p.format("YYYY"), E = (t) => q(t, { locale: y.language ?? "en", month: "short" });
+  return /* @__PURE__ */ e("div", { className: "border-default relative z-10 flex h-full border-b px-5 py-4", children: [
+    /* @__PURE__ */ e("div", { className: "flex items-center gap-5 rtl:grow", children: [
+      /* @__PURE__ */ o(() => /* @__PURE__ */ e("h3", { className: "min-w-[150px] text-base font-semibold leading-4", children: [
+        E(c.toDate()),
+        " ",
+        c.format("D"),
+        !x() && /* @__PURE__ */ e("span", { className: "text-subtle", children: [
+          ", ",
+          c.format("YYYY"),
+          " "
+        ] }),
+        "-",
+        " ",
+        !j() && E(p.toDate()),
+        " ",
+        p.format("D"),
+        ",",
+        " ",
+        /* @__PURE__ */ o("span", { className: "text-subtle", children: x() ? c.format("YYYY") : p.format("YYYY") })
+      ] }), {}),
+      /* @__PURE__ */ e(H, { children: [
+        /* @__PURE__ */ o(
+          g,
+          {
+            className: "group rtl:ml-1 rtl:rotate-180",
+            variant: "icon",
+            color: "minimal",
+            StartIcon: "chevron-left",
+            "aria-label": "Previous Day",
+            onClick: () => w(i === n.COLUMN_VIEW ? -m : -r)
+          }
+        ),
+        /* @__PURE__ */ o(
+          g,
+          {
+            className: "group rtl:mr-1 rtl:rotate-180",
+            variant: "icon",
+            color: "minimal",
+            StartIcon: "chevron-right",
+            "aria-label": "Next Day",
+            onClick: () => w(i === n.COLUMN_VIEW ? m : r)
+          }
+        ),
+        F && /* @__PURE__ */ o(
+          g,
+          {
+            className: "capitalize ltr:ml-2 rtl:mr-2",
+            color: "secondary",
+            onClick: () => {
+              const t = (f ? h.startOf("week") : h).format("YYYY-MM-DD");
+              $({ date: t });
+            },
+            children: D("today")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "ml-auto flex gap-2", children: [
+      s == null ? void 0 : s(),
+      /* @__PURE__ */ o(Q, {}),
+      /* @__PURE__ */ o("div", { className: "fixed top-4 ltr:right-4 rtl:left-4", children: /* @__PURE__ */ o(
+        I,
+        {
+          layout: i,
+          enabledLayouts: l,
+          onLayoutToggle: M,
+          isPlatform: u
+        }
+      ) }),
+      /* @__PURE__ */ o("div", { className: "pointer-events-none opacity-0", "aria-hidden": !0, children: /* @__PURE__ */ o(
+        I,
+        {
+          layout: i,
+          enabledLayouts: l,
+          onLayoutToggle: M,
+          isPlatform: u
+        }
+      ) })
+    ] })
+  ] });
+}
+const X = ({
+  onLayoutToggle: r,
+  layout: d,
+  enabledLayouts: l,
+  isPlatform: m = !1
+}) => {
+  const Y = C(), { t: a } = W(), s = k(
+    () => [
+      {
+        value: n.MONTH_VIEW,
+        label: /* @__PURE__ */ e(_, { children: [
+          /* @__PURE__ */ o(U, { className: "h-4 w-4" }),
+          /* @__PURE__ */ e("span", { className: "sr-only", children: [
+            "$",
+            a("switch_monthly")
+          ] })
+        ] }),
+        tooltip: a("switch_monthly")
+      },
+      {
+        value: n.WEEK_VIEW,
+        label: /* @__PURE__ */ e(_, { children: [
+          /* @__PURE__ */ o(R, { className: "h-4 w-4" }),
+          /* @__PURE__ */ e("span", { className: "sr-only", children: [
+            "$",
+            a("switch_weekly")
+          ] })
+        ] }),
+        tooltip: a("switch_weekly")
+      },
+      {
+        value: n.COLUMN_VIEW,
+        label: /* @__PURE__ */ e(_, { children: [
+          /* @__PURE__ */ o(A, { className: "h-4 w-4" }),
+          /* @__PURE__ */ e("span", { className: "sr-only", children: [
+            "$",
+            a("switch_columnview")
+          ] })
+        ] }),
+        tooltip: a("switch_columnview")
+      }
+    ].filter((f) => l == null ? void 0 : l.includes(f.value)),
+    [a, l]
+  );
+  return Y || m ? null : /* @__PURE__ */ o(
+    K,
+    {
+      onValueChange: r,
+      defaultValue: d,
+      "aria-label": a("layout"),
+      options: s
+    }
+  );
+}, I = ({
+  enabledLayouts: r,
+  onLayoutToggle: d,
+  layout: l,
+  isPlatform: m = !1
+}) => r.length <= 1 ? null : /* @__PURE__ */ o(
+  X,
+  {
+    onLayoutToggle: d,
+    layout: l,
+    enabledLayouts: r,
+    isPlatform: m
+  }
+);
+export {
+  Nt as Header
+};

package/dist/booker/components/instant-booking.d.ts

@@ -0,0 +1,16 @@
+import { BookerEvent } from '../../contracts';
+interface IInstantBookingProps {
+    onConnectNow: () => void;
+    event: Pick<BookerEvent, "entity" | "schedulingType"> & {
+        subsetOfUsers: Array<{
+            name?: string | null;
+            username?: string | null;
+            avatarUrl?: string | null;
+            bookerUrl: string;
+        }>;
+    };
+    cooldownMs?: number;
+}
+export declare const InstantBooking: ({ onConnectNow, event, cooldownMs }: IInstantBookingProps) => JSX.Element;
+export {};
+//# sourceMappingURL=instant-booking.d.ts.map

package/dist/booker/components/instant-booking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instant-booking.d.ts","sourceRoot":"","sources":["../../../src/booker/components/instant-booking.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,UAAU,oBAAoB;IAC5B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,gBAAgB,CAAC,GAAG;QACtD,aAAa,EAAE,KAAK,CAAC;YACnB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;YACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;YACzB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;YAC1B,SAAS,EAAE,MAAM,CAAC;SACnB,CAAC,CAAC;KACJ,CAAC;IACF,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,GAAI,qCAAyC,oBAAoB,gBAmD3F,CAAC"}

package/dist/booker/components/instant-booking.js

@@ -0,0 +1,53 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Button as i } from "../../components/ui/button.js";
+import { Tooltip as a } from "../../components/ui/tooltip.js";
+import { UserAvatarGroupWithOrg as m } from "../../components/ui/user-avatar-group-with-org.js";
+import { useAtomsLocale as c } from "../../hooks/use-atoms-locale.js";
+const b = ({ onConnectNow: o, event: r, cooldownMs: n = 0 }) => {
+  const { t: s } = c(), l = n > 0;
+  return /* @__PURE__ */ t("div", { className: " bg-default border-subtle mx-2 block items-center gap-3 rounded-xl border p-[6px] text-sm shadow-sm delay-1000 sm:flex", children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center gap-3 ps-1", children: [
+      /* @__PURE__ */ t("div", { className: "relative", children: [
+        /* @__PURE__ */ e(
+          m,
+          {
+            size: "sm",
+            className: "border-muted",
+            organization: {
+              slug: r.entity.orgSlug,
+              name: r.entity.name || "",
+              logoUrl: r.entity.logoUrl ?? null
+            },
+            users: r.subsetOfUsers.slice(0, 2),
+            disableHref: !0
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "border-muted absolute -bottom-0.5 -right-1 h-2 w-2 rounded-full border bg-green-500" })
+      ] }),
+      /* @__PURE__ */ e("div", { children: s("dont_want_to_wait") })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "mt-2 flex items-center gap-3 sm:mt-0", children: l ? /* @__PURE__ */ e(a, { content: s("just_connected_description"), children: /* @__PURE__ */ e("span", { className: "inline-flex", children: /* @__PURE__ */ e(
+      i,
+      {
+        disabled: l,
+        color: "primary",
+        onClick: () => o(),
+        size: "sm",
+        className: "w-full justify-center rounded-lg sm:w-auto",
+        children: s("connect_now")
+      }
+    ) }) }) : /* @__PURE__ */ e(
+      i,
+      {
+        color: "primary",
+        onClick: () => o(),
+        size: "sm",
+        className: "w-full justify-center rounded-lg sm:w-auto",
+        children: s("connect_now")
+      }
+    ) })
+  ] });
+};
+export {
+  b as InstantBooking
+};

package/dist/booker/components/out-of-office-in-slots.d.ts

@@ -0,0 +1,19 @@
+type OutOfOfficeUser = {
+    id?: number | null;
+    username?: string | null;
+    displayName?: string | null;
+} | null | undefined;
+interface IOutOfOfficeInSlotsProps {
+    date: string;
+    fromUser?: OutOfOfficeUser;
+    toUser?: OutOfOfficeUser;
+    emoji?: string;
+    reason?: string;
+    notes?: string | null;
+    showNotePublicly?: boolean;
+    borderDashed?: boolean;
+    className?: string;
+}
+export declare const OutOfOfficeInSlots: (props: IOutOfOfficeInSlotsProps) => JSX.Element | null;
+export {};
+//# sourceMappingURL=out-of-office-in-slots.d.ts.map

package/dist/booker/components/out-of-office-in-slots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"out-of-office-in-slots.d.ts","sourceRoot":"","sources":["../../../src/booker/components/out-of-office-in-slots.tsx"],"names":[],"mappings":"AAQA,KAAK,eAAe,GAChB;IACE,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,GACD,IAAI,GACJ,SAAS,CAAC;AAEd,UAAU,wBAAwB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,wBAAwB,uBAsFjE,CAAC"}

package/dist/booker/components/out-of-office-in-slots.js

@@ -0,0 +1,65 @@
+import { jsx as e, jsxs as n, Fragment as d } from "react/jsx-runtime";
+import { useSearchParams as w, useRouter as g } from "next/navigation";
+import { Button as _ } from "../../components/ui/button.js";
+import { useAtomsLocale as k } from "../../hooks/use-atoms-locale.js";
+import { cn as u } from "../../lib/utils.js";
+import { ServerTrans as $ } from "../../vendor/server-trans.js";
+const C = (p) => {
+  const { t: s } = k(), {
+    fromUser: l,
+    toUser: t,
+    emoji: h = "🏝️",
+    reason: i,
+    borderDashed: x = !0,
+    date: f,
+    className: y,
+    notes: r,
+    showNotePublicly: N
+  } = p, o = w(), b = g(), a = !l && i;
+  return !a && !l ? null : /* @__PURE__ */ e("div", { className: u("relative h-full pb-5", y), children: /* @__PURE__ */ n(
+    "div",
+    {
+      className: u(
+        "flex h-full flex-col items-center justify-start rounded-md border bg-white px-4 py-4 font-normal dark:bg-transparent",
+        x && "border-dashed"
+      ),
+      children: [
+        /* @__PURE__ */ e("div", { className: "bg-emphasis flex h-14 w-14 flex-col items-center justify-center rounded-full", children: /* @__PURE__ */ e("span", { className: "m-auto text-center text-lg", children: h }) }),
+        /* @__PURE__ */ e("div", { className: "stack-y-2 max-h-[300px] w-full overflow-y-auto text-center", children: a ? /* @__PURE__ */ n(d, { children: [
+          /* @__PURE__ */ e("p", { className: "mt-2 text-base font-bold", children: i }),
+          /* @__PURE__ */ e("p", { className: "text-subtle text-center text-sm", children: s("holiday_no_availability") })
+        ] }) : /* @__PURE__ */ n(d, { children: [
+          /* @__PURE__ */ e("p", { className: "mt-2 text-base font-bold", children: s("ooo_user_is_ooo", { displayName: l == null ? void 0 : l.displayName }) }),
+          r && N && /* @__PURE__ */ e("p", { className: "text-subtle mt-2 max-h-[120px] overflow-y-auto break-words px-2 text-center text-sm italic", children: r }),
+          (l == null ? void 0 : l.displayName) && (t == null ? void 0 : t.displayName) && /* @__PURE__ */ e("p", { className: "text-center text-sm", children: /* @__PURE__ */ e(
+            $,
+            {
+              t: s,
+              i18nKey: "ooo_slots_returning",
+              values: { displayName: t.displayName },
+              components: [/* @__PURE__ */ e("strong", { children: "username" }, "username")]
+            }
+          ) })
+        ] }) }),
+        !a && (t == null ? void 0 : t.id) && /* @__PURE__ */ e(
+          _,
+          {
+            className: "mt-8 max-w-[90%]",
+            variant: "button",
+            color: "secondary",
+            onClick: () => {
+              const c = o == null ? void 0 : o.get("month"), m = o == null ? void 0 : o.get("layout"), v = (o == null ? void 0 : o.get("date")) || f;
+              b.push(
+                `/${t.username}?${c ? `month=${c}&` : ""}date=${v}${m ? `&layout=${m}` : ""}`
+              );
+            },
+            children: /* @__PURE__ */ e("span", { className: "block overflow-hidden text-ellipsis whitespace-nowrap", children: s("ooo_slots_book_with", { displayName: t.displayName }) })
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  C as OutOfOfficeInSlots
+};

package/dist/booker/components/overlay-calendar/overlay-calendar-continue-modal.d.ts

@@ -0,0 +1,8 @@
+interface IOverlayCalendarContinueModalProps {
+    open?: boolean;
+    onClose?: (state: boolean) => void;
+    onContinue: () => void;
+}
+export declare function OverlayCalendarContinueModal(props: IOverlayCalendarContinueModalProps): JSX.Element;
+export {};
+//# sourceMappingURL=overlay-calendar-continue-modal.d.ts.map

package/dist/booker/components/overlay-calendar/overlay-calendar-continue-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-calendar-continue-modal.d.ts","sourceRoot":"","sources":["../../../../src/booker/components/overlay-calendar/overlay-calendar-continue-modal.tsx"],"names":[],"mappings":"AAeA,UAAU,kCAAkC;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,kCAAkC,eAyBrF"}

package/dist/booker/components/overlay-calendar/overlay-calendar-continue-modal.js

@@ -0,0 +1,29 @@
+import { jsx as e, jsxs as r, Fragment as t } from "react/jsx-runtime";
+import { Button as a } from "../../../components/ui/button.js";
+import { Dialog as l } from "../../../components/ui/controlled-dialog.js";
+import { DialogContent as i, DialogHeader as c, DialogTitle as m, DialogDescription as d, DialogFooter as s } from "../../../components/ui/dialog.js";
+import { APP_NAME as f } from "../../../constants/app.js";
+import { useAtomsLocale as h } from "../../../hooks/use-atoms-locale.js";
+function _(o) {
+  const { t: n } = h();
+  return /* @__PURE__ */ e(l, { open: o.open, onOpenChange: o.onClose, children: /* @__PURE__ */ r(i, { children: [
+    /* @__PURE__ */ r(c, { children: [
+      /* @__PURE__ */ e(m, { children: n("overlay_my_calendar") }),
+      /* @__PURE__ */ e(d, { children: n("overlay_my_calendar_toc") })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e(
+      a,
+      {
+        "data-testid": "overlay-calendar-continue-button",
+        onClick: () => o.onContinue(),
+        className: "gap w-full items-center justify-center font-semibold",
+        StartIcon: "calendar-search",
+        children: n("continue_with", { appName: f })
+      }
+    ) }),
+    /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(t, {}) })
+  ] }) });
+}
+export {
+  _ as OverlayCalendarContinueModal
+};

package/dist/booker/components/overlay-calendar/overlay-calendar-settings-modal.d.ts

@@ -0,0 +1,11 @@
+type IOverlayCalendarSettingsModalProps = {
+    open?: boolean;
+    onClose?: (state: boolean) => void;
+    onClickNoCalendar?: () => void;
+    onToggleConnectedCalendar: (externalCalendarId: string, credentialId: number) => void;
+    checkIsCalendarToggled: (externalCalendarId: string, credentialId: number) => boolean;
+    isPlatform?: boolean;
+};
+export declare function OverlayCalendarSettingsModal({ open, onClose, onClickNoCalendar, onToggleConnectedCalendar, checkIsCalendarToggled, isPlatform, }: IOverlayCalendarSettingsModalProps): JSX.Element;
+export {};
+//# sourceMappingURL=overlay-calendar-settings-modal.d.ts.map

package/dist/booker/components/overlay-calendar/overlay-calendar-settings-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-calendar-settings-modal.d.ts","sourceRoot":"","sources":["../../../../src/booker/components/overlay-calendar/overlay-calendar-settings-modal.tsx"],"names":[],"mappings":"AAsBA,KAAK,kCAAkC,GAAG;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,yBAAyB,EAAE,CAAC,kBAAkB,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACtF,sBAAsB,EAAE,CAAC,kBAAkB,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAaF,wBAAgB,4BAA4B,CAAC,EAC3C,IAAI,EACJ,OAAO,EACP,iBAAiB,EACjB,yBAAyB,EACzB,sBAAsB,EACtB,UAAkB,GACnB,EAAE,kCAAkC,GAAG,GAAG,CAAC,OAAO,CA+ElD"}

package/dist/booker/components/overlay-calendar/overlay-calendar-settings-modal.js

@@ -0,0 +1,86 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import v from "next/image";
+import N from "next/link";
+import { Fragment as w } from "react";
+import { Alert as C } from "../../../components/ui/alert.js";
+import { Dialog as k } from "../../../components/ui/controlled-dialog.js";
+import { DialogContent as _, DialogHeader as y, DialogTitle as D, DialogDescription as I, DialogClose as S } from "../../../components/ui/dialog.js";
+import { EmptyScreen as L } from "../../../components/ui/empty-screen.js";
+import { SkeletonContainer as T, SkeletonText as s } from "../../../components/ui/skeleton.js";
+import { Switch as $ } from "../../../components/ui/switch.js";
+import { useAtomsLocale as O } from "../../../hooks/use-atoms-locale.js";
+import { useConnectedCalendars as j } from "../../../hooks/use-connected-calendars.js";
+import { cn as A } from "../../../lib/utils.js";
+const E = () => /* @__PURE__ */ e(T, { children: /* @__PURE__ */ l("div", { className: "stack-y-4 mt-3 rounded-xl border border-subtle px-4 py-4", children: [
+  /* @__PURE__ */ e(s, { className: "h-4 w-full" }),
+  /* @__PURE__ */ e(s, { className: "h-4 w-full" }),
+  /* @__PURE__ */ e(s, { className: "h-4 w-full" }),
+  /* @__PURE__ */ e(s, { className: "h-4 w-full" })
+] }) });
+function W({
+  open: c,
+  onClose: p,
+  onClickNoCalendar: g,
+  onToggleConnectedCalendar: f,
+  checkIsCalendarToggled: u,
+  isPlatform: i = !1
+}) {
+  var d;
+  const { t: a } = O(), { data: n, isLoading: x } = j({ enabled: !!c });
+  let o;
+  return x ? o = /* @__PURE__ */ e(E, {}) : ((d = n == null ? void 0 : n.connectedCalendars) == null ? void 0 : d.length) === 0 ? o = /* @__PURE__ */ e(
+    L,
+    {
+      Icon: "calendar",
+      headline: a("no_calendar_installed"),
+      description: a("no_calendar_installed_description"),
+      buttonText: a("add_a_calendar"),
+      buttonOnClick: g
+    }
+  ) : o = ((n == null ? void 0 : n.connectedCalendars) ?? []).map((r) => {
+    var m;
+    return /* @__PURE__ */ l(w, { children: [
+      r.error && !r.calendars && /* @__PURE__ */ e(C, { severity: "error", title: r.error.message }),
+      (r == null ? void 0 : r.error) === void 0 && r.calendars && /* @__PURE__ */ l("div", { className: "flex-col rounded-md border-subtle border p-4 mt-3", children: [
+        /* @__PURE__ */ l("div", { className: "flex w-full flex-1 items-center space-x-3 pb-4 rtl:space-x-reverse", children: [
+          r.integration.logo && /* @__PURE__ */ e(
+            v,
+            {
+              className: A("h-10 w-10", r.integration.logo.includes("-dark") && "dark:invert"),
+              width: 40,
+              height: 40,
+              src: i ? `https://app.cal.com${r.integration.logo}` : r.integration.logo,
+              alt: `${r.integration.title} logo`
+            }
+          ),
+          /* @__PURE__ */ l("div", { className: "grow truncate pl-2", children: [
+            /* @__PURE__ */ e("h3", { className: "space-x-2 rtl:space-x-reverse text-emphasis text-base font-semibold", children: /* @__PURE__ */ e(N, { href: `/apps/${r.integration.slug}`, children: r.integration.name || r.integration.title }) }),
+            /* @__PURE__ */ e("p", { className: "text-subtle text-sm", children: (m = r.primary) == null ? void 0 : m.email })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "border-subtle w-full border-t pt-4", children: /* @__PURE__ */ e("ul", { className: "stack-y-4", children: r.calendars.map((t, b) => {
+          const h = t.integrationTitle ?? `calendar-switch-${b}`;
+          return /* @__PURE__ */ e("li", { className: "flex gap-3", children: /* @__PURE__ */ e(
+            $,
+            {
+              id: h,
+              label: t.name,
+              checked: u(t.externalId, r.credentialId),
+              onCheckedChange: () => f(t.externalId, r.credentialId)
+            }
+          ) }, h);
+        }) }) })
+      ] })
+    ] }, r.credentialId);
+  }), /* @__PURE__ */ e(k, { isPlatform: i, open: c, onOpenChange: p, children: /* @__PURE__ */ l(_, { className: "pb-4", children: [
+    /* @__PURE__ */ l(y, { children: [
+      /* @__PURE__ */ e(D, { children: a("calendar_settings") }),
+      /* @__PURE__ */ e(I, { children: a("view_overlay_calendar_events") })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "no-scrollbar max-h-full overflow-y-scroll", children: o }),
+    /* @__PURE__ */ e("div", { className: "mt-4 flex gap-2 self-end", children: /* @__PURE__ */ e(S, { children: a("done") }) })
+  ] }) });
+}
+export {
+  W as OverlayCalendarSettingsModal
+};

package/dist/booker/components/overlay-calendar/overlay-calendar-switch.d.ts

@@ -0,0 +1,8 @@
+interface OverlayCalendarSwitchProps {
+    enabled?: boolean;
+    hasSession: boolean;
+    onStateChange: (state: boolean) => void;
+}
+export declare function OverlayCalendarSwitch({ enabled, hasSession, onStateChange }: OverlayCalendarSwitchProps): JSX.Element;
+export {};
+//# sourceMappingURL=overlay-calendar-switch.d.ts.map

package/dist/booker/components/overlay-calendar/overlay-calendar-switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-calendar-switch.d.ts","sourceRoot":"","sources":["../../../../src/booker/components/overlay-calendar/overlay-calendar-switch.tsx"],"names":[],"mappings":"AAWA,UAAU,0BAA0B;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,0BAA0B,eAuDvG"}

package/dist/booker/components/overlay-calendar/overlay-calendar-switch.js

@@ -0,0 +1,61 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { useEffect as f } from "react";
+import { Button as u } from "../../../components/ui/button.js";
+import { Switch as v } from "../../../components/ui/switch.js";
+import { useAtomsLocale as p } from "../../../hooks/use-atoms-locale.js";
+import { cn as y } from "../../../lib/utils.js";
+import { useBookerStoreContext as h } from "../../booker-store-provider.js";
+import { useOverlayCalendarStore as c } from "./store.js";
+function N({ enabled: s, hasSession: t, onStateChange: r }) {
+  const { t: d } = p(), o = c((e) => e.setContinueWithProviderModal), m = c(
+    (e) => e.setCalendarSettingsOverlayModal
+  ), i = h((e) => e.layout), a = s;
+  return f(() => {
+    !t && a && (r(!1), o(!0));
+  }, [t, a, o, r]), /* @__PURE__ */ n(
+    "div",
+    {
+      className: y(
+        "hidden gap-2",
+        i === "week_view" || i === "column_view" ? "xl:flex" : "md:flex"
+      ),
+      children: [
+        /* @__PURE__ */ n("div", { className: "flex items-center gap-2 pr-2", children: [
+          /* @__PURE__ */ l(
+            v,
+            {
+              "data-testid": "overlay-calendar-switch",
+              checked: a,
+              id: "overlayCalendar",
+              onCheckedChange: (e) => {
+                t ? r(e) : o(e);
+              }
+            }
+          ),
+          /* @__PURE__ */ l(
+            "label",
+            {
+              htmlFor: "overlayCalendar",
+              className: "text-emphasis text-sm font-medium leading-none hover:cursor-pointer",
+              children: d("overlay_my_calendar")
+            }
+          )
+        ] }),
+        t && /* @__PURE__ */ l(
+          u,
+          {
+            size: "base",
+            "data-testid": "overlay-calendar-settings-button",
+            variant: "icon",
+            color: "secondary",
+            StartIcon: "settings",
+            onClick: () => m(!0)
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  N as OverlayCalendarSwitch
+};