@calcom/atoms 2.8.7 → 2.9.0

package/dist/calendar-view/components/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/calendar-view/components/date-picker.tsx"],"names":[],"mappings":"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"}

package/dist/calendar-view/components/date-picker.js

@@ -0,0 +1,285 @@
+import { jsxs as A, jsx as i, Fragment as G } from "react/jsx-runtime";
+import { useEffect as et } from "react";
+import { shallow as nt } from "zustand/shallow";
+import { useBookerStoreContext as L } from "../../booker/booker-store-provider.js";
+import { useEmbedStyles as W, useSlotsViewOnSmallScreen as it } from "../../booker/hooks/embed-stubs.js";
+import { Button as q } from "../../components/ui/button.js";
+import { SkeletonText as J } from "../../components/ui/skeleton.js";
+import { Tooltip as rt } from "../../components/ui/tooltip.js";
+import { useAtomsLocale as Q } from "../../hooks/use-atoms-locale.js";
+import { cn as p } from "../../lib/utils.js";
+import "../../vendor/dayjs/index.js";
+import { daysInMonth as at, yyyymmdd as x } from "../../vendor/dayjs-utils.js";
+import { formatDateTime as ot } from "../../vendor/format-date-time.js";
+import { getAvailableDatesInMonth as dt } from "../../vendor/get-available-dates-in-month.js";
+import { weekdayNames as lt } from "../../vendor/weekday.js";
+import { NoAvailabilityDialog as ct } from "./no-availability-dialog.js";
+import M from "dayjs";
+const ht = ({
+  date: b,
+  active: s,
+  disabled: a,
+  away: O,
+  emoji: S,
+  customClassName: n,
+  showMonthTooltip: e,
+  isFirstDayOfNextMonth: T,
+  ...g
+}) => {
+  const { t: v } = Q(), f = W(), P = W(), D = /* @__PURE__ */ A(
+    "button",
+    {
+      type: "button",
+      style: a ? { ...P } : { ...f },
+      className: p(
+        "disabled:text-bookinglighter absolute bottom-0 left-0 right-0 top-0 mx-auto w-full rounded-md border-2 border-transparent text-center text-sm font-medium transition disabled:cursor-default disabled:border-transparent disabled:font-light",
+        s ? "bg-brand-default text-brand" : a ? n ? "" : " text-mute" : n != null && n.dayActive ? `hover:border-brand-default ${n.dayActive}` : "hover:border-brand-default text-emphasis bg-emphasis"
+      ),
+      "data-testid": "day",
+      "data-disabled": a,
+      disabled: a,
+      ...g,
+      children: [
+        O && /* @__PURE__ */ i("span", { "data-testid": "away-emoji", children: S }),
+        !O && b.date(),
+        b.isToday() && /* @__PURE__ */ i(
+          "span",
+          {
+            className: p(
+              "bg-brand-default absolute left-1/2 top-1/2 flex h-[5px] w-[5px] -translate-x-1/2 translate-y-[8px] items-center justify-center rounded-full align-middle sm:translate-y-[12px]",
+              s && "bg-brand-accent"
+            ),
+            children: /* @__PURE__ */ i("span", { className: "sr-only", children: v("today") })
+          }
+        )
+      ]
+    }
+  ), w = e ? /* @__PURE__ */ i(rt, { content: b.format("MMMM"), children: D }) : D;
+  return /* @__PURE__ */ A(G, { children: [
+    T && /* @__PURE__ */ i(
+      "div",
+      {
+        className: p(
+          "absolute top-0 z-10 mx-auto w-fit rounded-full font-semibold uppercase tracking-wide",
+          s ? "text-white" : "text-default",
+          a && "bg-emphasis"
+        ),
+        style: {
+          fontSize: "10px",
+          lineHeight: "13px",
+          padding: a ? "0 3px" : "3px 3px 3px 4px"
+        },
+        children: b.format("MMM")
+      }
+    ),
+    w
+  ] });
+}, ft = ({
+  minDate: b,
+  excludedDates: s = [],
+  browsingDate: a,
+  weekStart: O,
+  DayComponent: S = ht,
+  selected: n,
+  month: e,
+  nextMonthButton: T,
+  eventSlug: g,
+  slots: v,
+  customClassName: f,
+  isBookingInPast: P,
+  isCompact: D,
+  showNoAvailabilityDialog: w = !0,
+  noFutureAvailability: j = !1,
+  noAvailabilityDescription: E,
+  slotsViewOnSmallScreen: c,
+  ...d
+}) => {
+  const $ = it(), V = c ?? $;
+  L((t) => t.layout);
+  const y = dt({
+    browsingDate: a.toDate(),
+    minDate: b,
+    includedDates: d.includedDates
+  }), Y = M(), F = a.startOf("month"), m = Y.isAfter(F.add(2, "week"));
+  let k = [];
+  const z = (t) => (a.set("date", t).day() - O + 7) % 7, R = at(a), X = d.showExtraDays ?? !0, U = m && !D && X;
+  if (U) {
+    const o = z(8);
+    k = Array(o).fill(null);
+    for (let l = 8; l <= R; l++)
+      k.push(a.set("date", l));
+    const h = k.length % 7, r = (h > 0 ? 7 - h : 0) + 7, u = a.add(1, "month");
+    for (let l = 0; l < r; l++)
+      k.push(u.set("date", 1 + l));
+  } else {
+    const t = z(1);
+    k = Array(t).fill(null);
+    for (let o = 1; o <= R; o++)
+      k.push(a.set("date", o));
+  }
+  const [H] = L((t) => [t.selectedDatesAndTimes], nt), Z = (t) => Array.isArray(n) ? Array.isArray(n) && (n == null ? void 0 : n.some((o) => x(o) === x(t))) : n && x(n) === x(t) ? !0 : g && H && H[g] && Object.keys(H[g]).length > 0 ? Object.keys(H[g]).some((o) => x(M(o)) === x(t)) : !1, _ = k.map((t) => {
+    if (!t) return { day: null, disabled: !0 };
+    const o = x(t), h = (v == null ? void 0 : v[o]) || [], r = h.find((B) => B.away) || null, u = t.month() !== a.month(), l = m && !D && u && t.date() === 1, I = y == null ? void 0 : y.includes(o), N = s.includes(o), C = h.some((B) => !B.away), K = h.length > 0 && h.every((B) => B.away), tt = (r == null ? void 0 : r.toUser) || (r == null ? void 0 : r.showNotePublicly);
+    return {
+      day: t,
+      disabled: K ? !tt : u ? !C : !I || N,
+      away: K,
+      emoji: r == null ? void 0 : r.emoji,
+      isFirstDayOfNextMonth: l
+    };
+  });
+  return et(() => {
+    var h;
+    if (V || n instanceof Array) return;
+    const t = (h = _.find((r) => !r.disabled)) == null ? void 0 : h.day, o = n ? _.some(({ day: r, disabled: u }) => {
+      if (r && x(r) === x(n) && !u) return !0;
+    }) : !1;
+    if (!o && t) {
+      const r = !(n != null && n.isValid());
+      d.onChange(t, r);
+    }
+    o && d.onChange(M(n), !0), t || d.onChange(null);
+  }), /* @__PURE__ */ A(G, { children: [
+    _.map(({ day: t, disabled: o, away: h, emoji: r, isFirstDayOfNextMonth: u }, l) => /* @__PURE__ */ i("div", { className: "relative w-full pt-[100%]", children: t === null ? /* @__PURE__ */ i("div", {}, `e-${l}`) : d.isLoading ? /* @__PURE__ */ i(
+      "button",
+      {
+        className: "bg-cal-muted text-muted absolute bottom-0 left-0 right-0 top-0 mx-auto flex w-full items-center justify-center rounded-sm border-transparent text-center font-medium opacity-90 transition",
+        disabled: !0,
+        children: /* @__PURE__ */ i(J, { className: "h-8 w-9" })
+      },
+      `e-${l}`
+    ) : /* @__PURE__ */ i(
+      S,
+      {
+        customClassName: {
+          dayContainer: f == null ? void 0 : f.datePickerDate,
+          dayActive: f == null ? void 0 : f.datePickerDateActive
+        },
+        date: t,
+        onClick: () => {
+          var I;
+          d.onChange(t), (I = d == null ? void 0 : d.scrollToTimeSlots) == null || I.call(d);
+        },
+        disabled: o,
+        active: Z(t),
+        away: h,
+        emoji: r,
+        showMonthTooltip: U && !o && t.month() !== a.month(),
+        isFirstDayOfNextMonth: u
+      }
+    ) }, t === null ? `e-${l}` : `day-${t.format()}`)),
+    !d.isLoading && !P && y && (y == null ? void 0 : y.length) === 0 && w && /* @__PURE__ */ i(
+      ct,
+      {
+        month: e,
+        nextMonthButton: T,
+        description: E,
+        noFutureAvailability: j
+      }
+    )
+  ] });
+}, Bt = ({
+  weekStart: b = 0,
+  className: s,
+  locale: a,
+  selected: O,
+  onMonthChange: S,
+  slots: n,
+  customClassNames: e,
+  includedDates: T,
+  isCompact: g,
+  showNoAvailabilityDialog: v,
+  noFutureAvailability: f,
+  noAvailabilityDescription: P,
+  slotsViewOnSmallScreen: D,
+  ...w
+}) => {
+  const j = w.minDate, E = w.browsingDate || M().startOf("month"), c = j && E.valueOf() < j.valueOf() ? M(j) : E, { i18n: d, t: $ } = Q(), V = L((m) => m.bookingData), y = V ? new Date(V.endTime) < /* @__PURE__ */ new Date() : !1, Y = (m) => {
+    S && S(c.add(m, "month"));
+  }, F = c ? ot(new Date(c.year(), c.month()), {
+    locale: a || d.language,
+    month: "long"
+  }) : null;
+  return /* @__PURE__ */ A("div", { className: s, children: [
+    /* @__PURE__ */ A("div", { className: "mb-1 flex items-center justify-between text-xl", children: [
+      /* @__PURE__ */ i("span", { className: "text-default w-1/2 text-base", children: c ? /* @__PURE__ */ A("time", { dateTime: c.format("YYYY-MM"), "data-testid": "selected-month-label", children: [
+        /* @__PURE__ */ i("strong", { className: p("text-emphasis font-semibold", e == null ? void 0 : e.datePickerTitle), children: F }),
+        " ",
+        /* @__PURE__ */ i("span", { className: p("text-subtle font-medium", e == null ? void 0 : e.datePickerTitle), children: c.format("YYYY") })
+      ] }) : /* @__PURE__ */ i(J, { className: "h-8 w-24" }) }),
+      /* @__PURE__ */ i("div", { className: "text-emphasis", children: /* @__PURE__ */ A("div", { className: "flex", children: [
+        /* @__PURE__ */ i(
+          q,
+          {
+            className: p(
+              "group p-1 opacity-70 transition hover:opacity-100 rtl:rotate-180",
+              !c.isAfter(M()) && "disabled:text-bookinglighter hover:bg-background hover:opacity-70",
+              e == null ? void 0 : e.datePickerToggle
+            ),
+            onClick: () => Y(-1),
+            disabled: !c.isAfter(M()),
+            "data-testid": "decrementMonth",
+            color: "minimal",
+            variant: "icon",
+            StartIcon: "chevron-left",
+            "aria-label": $("view_previous_month")
+          }
+        ),
+        /* @__PURE__ */ i(
+          q,
+          {
+            className: p(
+              "group p-1 opacity-70 transition hover:opacity-100 rtl:rotate-180",
+              `${(e == null ? void 0 : e.datePickerToggle) ?? ""}`
+            ),
+            onClick: () => Y(1),
+            "data-testid": "incrementMonth",
+            color: "minimal",
+            variant: "icon",
+            StartIcon: "chevron-right",
+            "aria-label": $("view_next_month")
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "border-subtle mb-2 grid grid-cols-7 gap-4 border-b border-t text-center md:mb-0 md:border-0", children: lt(a, b, "short").map((m) => /* @__PURE__ */ i(
+      "div",
+      {
+        className: p(
+          "text-emphasis my-4 text-xs font-medium uppercase tracking-widest",
+          e == null ? void 0 : e.datePickerDays
+        ),
+        children: m
+      },
+      m
+    )) }),
+    /* @__PURE__ */ i("div", { className: "relative grid grid-cols-7 grid-rows-6 gap-1 text-center", children: /* @__PURE__ */ i(
+      ft,
+      {
+        customClassName: {
+          datePickerDate: e == null ? void 0 : e.datePickersDates,
+          datePickerDateActive: e == null ? void 0 : e.datePickerDatesActive
+        },
+        weekStart: b,
+        selected: O,
+        ...w,
+        browsingDate: c,
+        month: F,
+        nextMonthButton: () => Y(1),
+        slots: n,
+        includedDates: T,
+        isBookingInPast: y,
+        isCompact: g,
+        showNoAvailabilityDialog: v,
+        noFutureAvailability: f,
+        noAvailabilityDescription: P,
+        slotsViewOnSmallScreen: D
+      }
+    ) })
+  ] });
+};
+export {
+  Bt as DatePicker,
+  ht as Day,
+  Bt as default
+};

package/dist/calendar-view/components/large-calendar.d.ts

@@ -0,0 +1,19 @@
+import { BookerEvent, CalendarAvailableTimeslots } from '../../contracts';
+import { OutOfOfficeRenderProps } from '../scheduler/types/state';
+export declare const LargeCalendar: ({ extraDays, availableTimeslots, schedule, isLoading, event, events: injectedEvents, onEmptyCellClick, renderOutOfOffice, }: {
+    extraDays: number;
+    availableTimeslots?: CalendarAvailableTimeslots | undefined;
+    schedule?: {
+        slots?: Record<string, Array<{
+            time: string;
+        } & Record<string, unknown>>>;
+    };
+    isLoading: boolean;
+    event?: {
+        data?: Pick<BookerEvent, "length" | "id"> | null;
+    };
+    events?: Array<Record<string, unknown>>;
+    onEmptyCellClick?: (date: Date) => void;
+    renderOutOfOffice?: (props: OutOfOfficeRenderProps) => React.ReactNode;
+}) => JSX.Element;
+//# sourceMappingURL=large-calendar.d.ts.map

package/dist/calendar-view/components/large-calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"large-calendar.d.ts","sourceRoot":"","sources":["../../../src/calendar-view/components/large-calendar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAiB,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAO9F,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGvE,eAAO,MAAM,aAAa,GAAI,6HAiB3B;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,0BAA0B,GAAG,SAAS,CAAC;IAC5D,QAAQ,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;KAAE,CAAC;IACzF,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;KAClD,CAAC;IACF,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE,gBA8JA,CAAC"}

package/dist/calendar-view/components/large-calendar.js

@@ -0,0 +1,133 @@
+import { jsx as k } from "react/jsx-runtime";
+import { useMemo as f, useEffect as A } from "react";
+import { useBookerStoreContext as x } from "../../booker/booker-store-provider.js";
+import { useBookerTime as L } from "../../booker/hooks/use-booker-time.js";
+import { useBookings as Q } from "../../hooks/bookings/use-bookings.js";
+import { useCalendarsBusyTimes as _ } from "../../hooks/use-calendars-busy-times.js";
+import { useConnectedCalendars as q } from "../../hooks/use-connected-calendars.js";
+import "../../vendor/dayjs/index.js";
+import { getQueryParam as G } from "../../vendor/query-param.js";
+import { localStorage as J } from "../../vendor/webstorage.js";
+import { Calendar as K } from "../scheduler/components/calendar.js";
+import a from "dayjs";
+const it = ({
+  extraDays: B,
+  availableTimeslots: C,
+  // Webapp callers still pass `schedule` (the raw trpc slot payload) instead
+  // of pre-converted `availableTimeslots`. We accept it here and convert
+  // inline so callers don't have to re-thread `useAvailableTimeSlots`.
+  schedule: p,
+  isLoading: P,
+  event: s,
+  // Injection points for non-platform consumers (e.g. the webapp booker
+  // week view) — when `events` is passed it replaces atoms's internal
+  // platform-bookings/overlay-busy combine logic; `onEmptyCellClick`
+  // forwards to the underlying scheduler so empty-cell taps can drive
+  // the booker store.
+  events: T,
+  onEmptyCellClick: F,
+  renderOutOfOffice: w
+}) => {
+  var b, E, O;
+  const y = x((t) => t.selectedDate), H = x((t) => t.selectedDuration), N = G("overlayCalendar") === "true" || ((b = J) == null ? void 0 : b.getItem("overlayCalendarSwitchDefault")), { timezone: h } = L(), i = H || ((E = s == null ? void 0 : s.data) == null ? void 0 : E.length) || 30, l = p == null ? void 0 : p.slots, R = f(() => {
+    if (!l) return;
+    const t = {};
+    for (const r in l)
+      t[r] = l[r].map((o) => {
+        const { time: e, ...d } = o;
+        return {
+          start: a(e).toDate(),
+          end: a(e).add(i, "minutes").toDate(),
+          ...d
+        };
+      });
+    return t;
+  }, [l, i]), z = C !== void 0 ? C : R, c = y ? a(y).toDate() : a().toDate(), g = a(c).add(B - 1, "day").toDate(), D = !!T, { data: m, isPending: V } = Q({
+    take: 150,
+    skip: 0,
+    eventTypeId: (O = s == null ? void 0 : s.data) == null ? void 0 : O.id,
+    afterStart: c.toISOString(),
+    beforeEnd: g.toISOString(),
+    status: ["upcoming", "past", "recurring"],
+    enabled: !D
+  }), { data: S, isPending: M } = q({
+    enabled: !D
+  }), u = S == null ? void 0 : S.connectedCalendars.flatMap((t) => {
+    var r;
+    return ((r = t.calendars) == null ? void 0 : r.filter((o) => o.isSelected === !0).map((o) => ({
+      credentialId: o.credentialId,
+      externalId: o.externalId
+    }))) ?? [];
+  }), { data: n } = _({
+    loggedInUsersTz: h,
+    dateFrom: c.toISOString(),
+    dateTo: g.toISOString(),
+    calendarsToLoad: u ?? [],
+    enabled: !!(!D && !M && (u != null && u.length))
+  });
+  A(() => {
+  }, [N]);
+  const v = f(
+    () => (m ?? []).map((t) => ({
+      booking: t,
+      startTime: a(t.start).valueOf(),
+      endTime: a(t.end).valueOf()
+    })).sort((t, r) => t.startTime - r.startTime),
+    [m]
+  ), I = f(() => {
+    const t = (n == null ? void 0 : n.data) ?? [];
+    return v.length ? t.filter((r) => {
+      const o = a(r.start).valueOf(), e = a(r.end).valueOf();
+      for (const { startTime: d, endTime: j } of v) {
+        if (d >= e) break;
+        if (!(j <= o))
+          return !1;
+      }
+      return !0;
+    }) : t;
+  }, [n == null ? void 0 : n.data, v]), U = f(() => {
+    const t = m ?? [], r = I.map((e, d) => ({
+      id: d,
+      title: "Busy",
+      start: new Date(e.start),
+      end: new Date(e.end),
+      options: {
+        status: "ACCEPTED",
+        "data-test-id": "troubleshooter-busy-event",
+        className: "border-[1.5px]"
+      }
+    }));
+    return [...t.map((e) => ({
+      id: e.id,
+      title: e.title ?? "Busy",
+      start: new Date(e.start),
+      end: new Date(e.end),
+      options: {
+        status: e.status.toUpperCase(),
+        "data-test-id": "troubleshooter-busy-event",
+        className: "border-[1.5px]"
+      }
+    })), ...r];
+  }, [m, I]);
+  return /* @__PURE__ */ k("div", { className: "h-full [--calendar-dates-sticky-offset:66px]", children: /* @__PURE__ */ k(
+    K,
+    {
+      isPending: P,
+      availableTimeslots: z,
+      startHour: 0,
+      endHour: 23,
+      events: T ?? U,
+      startDate: c,
+      endDate: g,
+      gridCellsPerHour: 60 / i,
+      hoverEventDuration: i,
+      hideHeader: !0,
+      timezone: h,
+      onEmptyCellClick: F,
+      renderOutOfOffice: w
+    }
+  ) });
+};
+export {
+  it as LargeCalendar
+};

package/dist/calendar-view/components/no-availability-dialog.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Pure no-availability dialog. Business logic about *why* the month has
+ * no availability (ROLLING/RANGE period limits) lives with the caller —
+ * atoms just renders the dialog based on `description` and whether the
+ * caller thinks a "view next month" button makes sense.
+ */
+export declare const NoAvailabilityDialog: ({ month, nextMonthButton, description, noFutureAvailability, }: {
+    month: string | null;
+    nextMonthButton: () => void;
+    description?: string;
+    /**
+     * When true the dialog treats the next month as unavailable too: the
+     * close button becomes primary and the "view next month" button is
+     * hidden.
+     */
+    noFutureAvailability?: boolean;
+}) => JSX.Element;
+export default NoAvailabilityDialog;
+//# sourceMappingURL=no-availability-dialog.d.ts.map

package/dist/calendar-view/components/no-availability-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-availability-dialog.d.ts","sourceRoot":"","sources":["../../../src/calendar-view/components/no-availability-dialog.tsx"],"names":[],"mappings":"AAeA;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,gEAKlC;IACD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,gBAmCA,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/calendar-view/components/no-availability-dialog.js

@@ -0,0 +1,45 @@
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { Button as r } from "../../components/ui/button.js";
+import { Dialog as h } from "../../components/ui/controlled-dialog.js";
+import { DialogContent as p, DialogHeader as D, DialogTitle as f, DialogDescription as _, DialogFooter as u } from "../../components/ui/dialog.js";
+import { useAtomsLocale as x } from "../../hooks/use-atoms-locale.js";
+const j = ({
+  month: a,
+  nextMonthButton: c,
+  description: e,
+  noFutureAvailability: l = !1
+}) => {
+  const { t: i } = x(), [s, n] = g(!0), m = () => n(!1);
+  return /* @__PURE__ */ o(h, { open: s, onOpenChange: (d) => n(d), children: /* @__PURE__ */ t(p, { children: [
+    /* @__PURE__ */ t(D, { children: [
+      /* @__PURE__ */ o(f, { children: i("no_availability_in_month", { month: a }) }),
+      e ? /* @__PURE__ */ o(_, { children: e }) : null
+    ] }),
+    /* @__PURE__ */ t(u, { children: [
+      /* @__PURE__ */ o(
+        r,
+        {
+          color: l ? "primary" : "secondary",
+          onClick: m,
+          "data-testid": "close_dialog_button",
+          children: i("close")
+        }
+      ),
+      !l && /* @__PURE__ */ o(
+        r,
+        {
+          color: "primary",
+          onClick: c,
+          "data-testid": "view_next_month",
+          EndIcon: "arrow-right",
+          children: i("view_next_month")
+        }
+      )
+    ] })
+  ] }) });
+};
+export {
+  j as NoAvailabilityDialog,
+  j as default
+};

package/dist/calendar-view/event-type-calendar-view-component.d.ts

@@ -0,0 +1,7 @@
+import { CalendarViewPlatformWrapperAtomPropsForIndividual, CalendarViewPlatformWrapperAtomPropsForTeam } from '../calendar-view/wrappers/calendar-view-platform-wrapper';
+export declare const EventTypeCalendarViewComponent: (props: (CalendarViewPlatformWrapperAtomPropsForIndividual & {
+    teamId?: number;
+}) | (CalendarViewPlatformWrapperAtomPropsForTeam & {
+    username?: string | string[];
+})) => JSX.Element;
+//# sourceMappingURL=event-type-calendar-view-component.d.ts.map

package/dist/calendar-view/event-type-calendar-view-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-type-calendar-view-component.d.ts","sourceRoot":"","sources":["../../src/calendar-view/event-type-calendar-view-component.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,iDAAiD,EACjD,2CAA2C,EAC5C,MAAM,0DAA0D,CAAC;AAUlE,eAAO,MAAM,8BAA8B,GACzC,OACI,CAAC,iDAAiD,GAAG;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,GACF,CAAC,2CAA2C,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE,CAAC,gBA0HrF,CAAC"}

package/dist/calendar-view/event-type-calendar-view-component.js

@@ -0,0 +1,105 @@
+import { jsxs as M, jsx as m } from "react/jsx-runtime";
+import { useMemo as k } from "react";
+import { shallow as U } from "zustand/shallow";
+import { formatUsername as j } from "../booker/booker-platform-wrapper.js";
+import { useBookerStoreContext as n, useInitializeBookerStoreContext as N } from "../booker/booker-store-provider.js";
+import { BookerSection as h } from "../booker/components/booker-section.js";
+import { Header as V } from "../booker/components/header.js";
+import { useAvailableTimeSlots as F } from "../booker/hooks/use-available-time-slots.js";
+import { useBookerLayout as G } from "../booker/hooks/use-booker-layout.js";
+import { useStableTimezone as H } from "../booker/hooks/use-stable-timezone.js";
+import { useTimesForSchedule as W } from "../booker/hooks/use-times-for-schedule.js";
+import { AtomsWrapper as Z } from "../components/atoms-wrapper.js";
+import { useAtomGetPublicEvent as _ } from "../hooks/event-types/public/use-atom-get-public-event.js";
+import { useEventType as q } from "../hooks/event-types/public/use-event-type.js";
+import { useTeamEventType as J } from "../hooks/event-types/public/use-team-event-type.js";
+import { useAvailableSlots as K } from "../hooks/use-available-slots.js";
+import { getUsernameList as D } from "../vendor/get-username-list.js";
+import { useTimePreferences as O } from "../vendor/time-preferences.js";
+import { LargeCalendar as Q } from "./components/large-calendar.js";
+const ye = (t) => {
+  var f, b, g, y, v, S, T;
+  const r = !!t.teamId, i = t.teamId ? t.teamId : void 0, a = k(() => t.username ? j(t.username) : "", [t.username]), { isPending: p } = q(a, t.eventSlug, r), { isPending: L } = J(i, t.eventSlug, r), s = n((o) => o.selectedDuration), e = _({
+    username: a,
+    eventSlug: t.eventSlug,
+    isTeamEvent: r,
+    teamId: i,
+    selectedDuration: s
+  }), l = G((b = (f = e.data) == null ? void 0 : f.profile) == null ? void 0 : b.bookerLayouts), B = n((o) => o.selectedDate), d = n((o) => o.month), [x] = n((o) => [o.dayCount, o.setDayCount], U), [C, I] = W({
+    month: d,
+    dayCount: x,
+    selectedDate: B,
+    bookerLayout: l
+  }), { timezone: P } = O(), u = H(
+    P,
+    ((g = e == null ? void 0 : e.data) == null ? void 0 : g.restrictionScheduleId) != null ? { id: e.data.restrictionScheduleId, useBookerTimezone: e.data.useBookerTimezone } : void 0
+  ), z = k(() => D(a ?? "").length > 1, [a]), E = n((o) => o.bookingData);
+  N({
+    ...t,
+    eventId: (y = e == null ? void 0 : e.data) == null ? void 0 : y.id,
+    layout: "week_view",
+    username: a,
+    bookingData: E,
+    isPlatform: !0,
+    allowUpdatingUrlParams: !1
+  });
+  const c = K({
+    usernameList: D(a),
+    eventTypeId: ((v = e == null ? void 0 : e.data) == null ? void 0 : v.id) ?? 0,
+    startTime: C,
+    endTime: I,
+    timeZone: u,
+    duration: s ?? void 0,
+    teamMemberEmail: void 0,
+    ...r ? {
+      isTeamEvent: r,
+      teamId: i
+    } : {},
+    enabled: !!(i || a) && !!d && !!u && (r ? !L : !p) && !!((S = e == null ? void 0 : e.data) != null && S.id),
+    orgSlug: void 0,
+    eventTypeSlug: z ? "dynamic" : t.eventSlug || ""
+  }), w = n((o) => o.selectedDuration) || ((T = e == null ? void 0 : e.data) == null ? void 0 : T.length) || 30, A = F({ schedule: c.data, eventDuration: w });
+  return /* @__PURE__ */ M(Z, { children: [
+    /* @__PURE__ */ m(
+      h,
+      {
+        area: "header",
+        className: "bg-default dark:bg-muted sticky top-0 z-10 border-default ltr:border-l rtl:border-r",
+        children: /* @__PURE__ */ m(
+          V,
+          {
+            isPlatform: !0,
+            isCalendarView: !0,
+            isMyLink: !0,
+            eventSlug: t.eventSlug,
+            enabledLayouts: l.bookerLayouts.enabledLayouts,
+            extraDays: 7,
+            isMobile: !1,
+            nextSlots: 6
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ m(
+      h,
+      {
+        area: "main",
+        visible: !0,
+        className: "border-subtle sticky top-0 ml-[-1px] h-full md:border-l",
+        children: /* @__PURE__ */ m(
+          Q,
+          {
+            extraDays: 7,
+            availableTimeslots: A,
+            isLoading: c.isPending,
+            event: e
+          }
+        )
+      },
+      "large-calendar"
+    )
+  ] });
+};
+export {
+  ye as EventTypeCalendarViewComponent
+};

package/dist/calendar-view/index.d.ts

@@ -0,0 +1,2 @@
+export { CalendarViewPlatformWrapper } from './wrappers/calendar-view-platform-wrapper';
+//# sourceMappingURL=index.d.ts.map

package/dist/calendar-view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/calendar-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC"}

package/dist/calendar-view/index.js

@@ -0,0 +1,4 @@
+import { CalendarViewPlatformWrapper as e } from "./wrappers/calendar-view-platform-wrapper.js";
+export {
+  e as CalendarViewPlatformWrapper
+};

package/dist/calendar-view/scheduler/components/calendar.d.ts

@@ -0,0 +1,4 @@
+import { CalendarComponentProps } from '../types/state';
+export declare function Calendar(props: CalendarComponentProps): JSX.Element;
+export default Calendar;
+//# sourceMappingURL=calendar.d.ts.map

package/dist/calendar-view/scheduler/components/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/calendar-view/scheduler/components/calendar.tsx"],"names":[],"mappings":"AAMA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AA6L7D,wBAAgB,QAAQ,CAAC,KAAK,EAAE,sBAAsB,eAmBrD;AAcD,eAAe,QAAQ,CAAC"}