@wix/form-elements 1.74.0 → 1.76.0

package/dist/component/appointment-rac-BQsFMmBg.js

@@ -0,0 +1,1016 @@
+import o, { useRef as X, useState as Q, useEffect as H, createContext as $e, useContext as Ge, useMemo as P, useCallback as ie } from "react";
+import { RicosViewer as it } from "@wix/ricos/viewer";
+import M from "classnames";
+import { ab as ce, aa as lt, ae as ve, ad as ct, c as mt, as as ut, ar as dt, ai as me, af as Se, ak as ft, ah as Dt, F as Et } from "./form-BpHElSwH.js";
+import { C as Ce } from "./chevron-down-icon-CcpVm6B-.js";
+import { E as St } from "./error-icon-hZxQ6DEy.js";
+import { H as fe } from "./custom-focus-class-_483Pkwp.js";
+import { s as De } from "./field-rac.module-DjmaTYkc.js";
+import { z as pt, Q as _t, a as Lt, x as We, h as yt, X as Nt, p as At, i as bt, a3 as It } from "./form-element-classes-BXNs5k3q.js";
+import { u as Ot } from "./use-element-state-class-name-CC65g9mT.js";
+import { ListBox as gt, Button as ke, ListBoxItem as Tt, RadioGroup as vt, RadioField as kt, RadioButton as Rt } from "react-aria-components";
+import { f as T, a as le } from "./find-child-C60k4CxG.js";
+import { D as wt, E as Mt } from "./field-error-headless-C5ZsFUKv.js";
+import { L as Ft } from "./field-label-headless-CS5OYsiI.js";
+import { F as ht } from "./fieldset-headless-CD3fds9J.js";
+import { g as Ct } from "./get-first-day-of-the-week-DvnsxYhQ.js";
+import "date-fns";
+import { V as Ze } from "./headless-styles-CmcyA_pi.js";
+function Wt(e) {
+  return { evid: 40, src: 16, endpoint: "", params: e };
+}
+var Oe = /* @__PURE__ */ (function(e) {
+  return e.BOOKING_NOT_INSTALL = "BOOKING_NOT_INSTALL", e.NO_AVAILABILITY_DATES_FOUND = "NO_AVAILABILITY_DATES_FOUND", e.GENERAL = "GENERAL", e;
+})({}), z = /* @__PURE__ */ (function(e) {
+  return e.LOADING = "LOADING", e.DONE = "DONE", e.ERROR = "ERROR", e;
+})({});
+const V = 4;
+var j = /* @__PURE__ */ (function(e) {
+  return e.FORM = "form", e.NO_AVAILABILITY_FOR_DATE = "no availability for date empty state", e.NO_AVAILABILITY_AT_ALL = "no availability at all empty state", e.SLOT = "slot", e.DATE = "date", e.PAGINATION = "pagination", e.SHOW_MORE = "show more", e;
+})({}), te = /* @__PURE__ */ (function(e) {
+  return e.LOAD = "load", e.CLICK = "click", e;
+})({});
+const Bt = (e) => {
+  var n;
+  return {
+    bookingsServiceId: e == null ? void 0 : e.id,
+    formGuid: (n = e == null ? void 0 : e.form) == null ? void 0 : n.id,
+    serviceProperties: Ut(e)
+  };
+}, Ut = (e) => {
+  var n;
+  return JSON.stringify({
+    serviceId: e == null ? void 0 : e.id,
+    serviceType: e == null ? void 0 : e.type,
+    locationIds: (n = e == null ? void 0 : e.locations) == null ? void 0 : n.map((t) => t.id).filter((t) => t),
+    staffMemberIds: e == null ? void 0 : e.staffMemberIds,
+    isOfferedAsPricingPlan: !1
+  });
+}, Ve = (e) => {
+  var u;
+  const { appointmentFieldProps: n } = Re(), { isEditor: t, isComposer: a } = ce(), s = lt(), r = e || ((u = n == null ? void 0 : n.initialData) == null ? void 0 : u.service);
+  if (!(t || a))
+    return {
+      ...s,
+      report: (i) => s == null ? void 0 : s.report(Wt({
+        ...Bt(r),
+        ...i
+      }))
+    };
+};
+var ge;
+(function(e) {
+  e.UNDEFINED = "UNDEFINED", e.OWNER_BUSINESS = "OWNER_BUSINESS", e.OWNER_CUSTOM = "OWNER_CUSTOM", e.CUSTOM = "CUSTOM";
+})(ge || (ge = {}));
+var Be;
+(function(e) {
+  e.UNKNOWN_REQUESTED_GENDER = "UNKNOWN_REQUESTED_GENDER", e.ANY_MALE = "ANY_MALE", e.ANY_FEMALE = "ANY_FEMALE";
+})(Be || (Be = {}));
+var Ue;
+(function(e) {
+  e.UNKNOWN_LOCATION_TYPE = "UNKNOWN_LOCATION_TYPE", e.BUSINESS = "BUSINESS", e.CUSTOM = "CUSTOM", e.CUSTOMER = "CUSTOMER";
+})(Ue || (Ue = {}));
+var xe;
+(function(e) {
+  e.UNKNOWN_REQUESTED_GENDER = "UNKNOWN_REQUESTED_GENDER", e.ANY_MALE = "ANY_MALE", e.ANY_FEMALE = "ANY_FEMALE";
+})(xe || (xe = {}));
+var Pe;
+(function(e) {
+  e.ASC = "ASC", e.DESC = "DESC";
+})(Pe || (Pe = {}));
+const xt = (e) => {
+  const { service: n } = e || {};
+  return (n == null ? void 0 : n.id) ? null : {
+    type: Oe.GENERAL,
+    message: "Service ID is missing"
+  };
+}, Pt = ({ appointmentFieldProps: e, isEditor: n, isComposer: t }) => {
+  const { initialData: a } = e, s = Yt();
+  if (n || t)
+    return {
+      ...s,
+      timezone: qe(),
+      dataStatus: z.DONE
+    };
+  {
+    const r = xt(a);
+    if (r)
+      return {
+        dataStatus: z.ERROR,
+        error: r
+      };
+  }
+  return {
+    ...s,
+    dataStatus: z.LOADING
+  };
+}, zt = (e, n) => {
+  const t = /* @__PURE__ */ new Date(), a = new Date(t);
+  a.setMonth(a.getMonth() + e);
+  const s = new Date(t.toLocaleString("en-US", {
+    timeZone: n
+  })), r = new Date(a.toLocaleString("en-US", {
+    timeZone: n
+  }));
+  return {
+    startDate: s,
+    endDate: r
+  };
+}, qe = () => Intl.DateTimeFormat().resolvedOptions().timeZone, Ht = (e) => {
+  var n, t, a;
+  if ((t = (n = e == null ? void 0 : e[0]) == null ? void 0 : n.slot) != null && t.startDate)
+    return new Date((a = e[0].slot) == null ? void 0 : a.startDate);
+}, Yt = ({ duration: e = 60, timezone: n = "UTC" } = {}) => {
+  var E, f;
+  const t = "267d1c11-8019-4e3d-b9c6-cd2b859c69e2", a = /* @__PURE__ */ new Date(), s = [], r = [], u = a.toISOString().split("T")[0], i = 10, l = 18;
+  let c = /* @__PURE__ */ new Date(`${u}T${i}:00:00`), d = new Date(c);
+  d.setMinutes(d.getMinutes() + e);
+  let S = !1;
+  for (; d.getHours() < l || d.getHours() === l && d.getMinutes() === 0; ) {
+    const g = {
+      slot: {
+        serviceId: t,
+        startDate: c.toISOString(),
+        endDate: d.toISOString(),
+        location: {
+          locationType: ge.CUSTOM
+        }
+      },
+      bookable: !0,
+      totalSpots: 1,
+      openSpots: 1,
+      bookingPolicyViolations: {
+        tooEarlyToBook: !1,
+        tooLateToBook: !1,
+        bookOnlineDisabled: !1
+      },
+      nestedSlots: []
+    };
+    r.push(g), S || (s.push(g), S = !0), c = new Date(d), d = new Date(c), d.setMinutes(d.getMinutes() + e);
+  }
+  return {
+    availabilitySlots: r,
+    availabilityDates: s,
+    timezone: n,
+    currentSlotBulkSize: V,
+    selectedDate: s.length > 0 && ((f = (E = s[0]) == null ? void 0 : E.slot) != null && f.startDate) ? new Date(s[0].slot.startDate) : void 0
+  };
+};
+function Kt(e) {
+  var f;
+  const { initialData: n, onChange: t, value: a } = e, { isEditor: s, isComposer: r } = ce(), u = (f = n == null ? void 0 : n.service) == null ? void 0 : f.id, { actions: i } = ve(), l = X(i);
+  l.current = i;
+  const c = !!(i != null && i.getAvailabilityDates && (i != null && i.getAvailabilitySlots)), [d, S] = Q(null), E = Ve(n == null ? void 0 : n.service);
+  return H(() => {
+    u && !s && !r && c && (async () => {
+      var W, N, A, Y, B;
+      const v = qe(), O = {
+        currentSlotBulkSize: V,
+        timezone: v,
+        dataStatus: z.LOADING
+      };
+      try {
+        const U = async (oe) => {
+          var k, _;
+          const { startDate: se, endDate: $ } = zt(oe, v);
+          return (_ = (k = l.current) == null ? void 0 : k.getAvailabilityDates) == null ? void 0 : _.call(k, {
+            serviceId: u,
+            fromDate: se,
+            toDate: $,
+            timeZone: v
+          });
+        };
+        if (O.availabilityDates = await U(2), (W = O.availabilityDates) != null && W.length || (O.availabilityDates = await U(6)), !((N = O.availabilityDates) != null && N.length)) {
+          E == null || E.report({
+            action: te.LOAD,
+            component: j.NO_AVAILABILITY_AT_ALL
+          }), S({
+            dataStatus: z.ERROR,
+            error: {
+              type: Oe.NO_AVAILABILITY_DATES_FOUND,
+              message: "No availability dates found"
+            }
+          });
+          return;
+        }
+        O.selectedDate = Ht(O.availabilityDates), O.selectedDate && (O.availabilitySlots = await ((Y = (A = l.current) == null ? void 0 : A.getAvailabilitySlots) == null ? void 0 : Y.call(A, {
+          serviceId: u,
+          timeZone: v,
+          selectedDate: O.selectedDate
+        }))), E == null || E.report({
+          action: te.LOAD,
+          component: (B = O.availabilityDates) != null && B.length ? j.FORM : j.NO_AVAILABILITY_FOR_DATE
+        }), a != null && a.startDate || t(void 0), S({
+          ...O,
+          dataStatus: z.DONE
+        });
+      } catch (U) {
+        console.error(U), S({
+          dataStatus: z.ERROR,
+          error: {
+            type: Oe.GENERAL,
+            message: "An error occurred in initialAppointmentState"
+          }
+        });
+      }
+    })();
+  }, [
+    s,
+    r,
+    u,
+    c
+  ]), d;
+}
+const Qe = /* @__PURE__ */ $e({
+  appointmentState: {},
+  setAppointmentState: () => {
+  }
+}), $t = ({ appointmentFieldProps: e, children: n }) => {
+  const { isEditor: t, isComposer: a } = ce(), [s, r] = Q(() => Pt({
+    appointmentFieldProps: e,
+    isEditor: t,
+    isComposer: a
+  })), u = Kt(e);
+  return H(() => {
+    u && r({
+      ...s,
+      ...u
+    });
+  }, [
+    u
+  ]), /* @__PURE__ */ o.createElement(Qe.Provider, {
+    value: {
+      appointmentFieldProps: e,
+      appointmentState: s,
+      setAppointmentState: (i) => r({
+        ...s,
+        ...i
+      })
+    }
+  }, n);
+}, Re = () => Ge(Qe), Gt = (e, n) => {
+  if (e.startOfWeek.getMonth() === e.endOfWeek.getMonth())
+    return new Intl.DateTimeFormat(n, {
+      month: "long",
+      year: "numeric"
+    }).format(e.endOfWeek);
+  const t = new Intl.DateTimeFormat(n, {
+    month: "short"
+  }).format(e.startOfWeek), a = new Intl.DateTimeFormat(n, {
+    month: "short",
+    year: "numeric"
+  }).format(e.endOfWeek);
+  return `${t} - ${a}`;
+}, Zt = (e) => !(e != null && e.startDate) || !(e != null && e.endDate) || !(e != null && e.timeZone) ? null : {
+  startDate: e == null ? void 0 : e.startDate,
+  endDate: e == null ? void 0 : e.endDate,
+  timeZone: e == null ? void 0 : e.timeZone
+}, ze = ({ timezone: e, language: n, formatType: t }) => {
+  var s;
+  return (s = new Intl.DateTimeFormat(n, {
+    timeZone: e,
+    timeZoneName: t === "name" ? "long" : "short"
+  }).formatToParts(/* @__PURE__ */ new Date()).find(({ type: r }) => r === "timeZoneName")) == null ? void 0 : s.value;
+}, Vt = ({ timezone: e, language: n }) => {
+  const t = ze({
+    timezone: e,
+    language: n,
+    formatType: "name"
+  }), a = ze({
+    timezone: e,
+    language: n,
+    formatType: "offset"
+  });
+  return `${t} (${a})`;
+}, ne = (e, n) => e.getFullYear() === n.getFullYear() && e.getMonth() === n.getMonth() && e.getDate() === n.getDate(), qt = (e, n) => {
+  const t = new Date(e);
+  t.setDate(e.getDate() - n);
+  const a = new Date(e);
+  return a.setDate(e.getDate() + n), {
+    fromDate: t,
+    toDate: a
+  };
+}, Qt = ({ setIsReloadingSlots: e }) => {
+  const { appointmentFieldProps: n, appointmentState: t, setAppointmentState: a } = Re(), { value: s } = n, { actions: r } = ve();
+  H(() => {
+    (async () => {
+      var i, l;
+      if (s != null && s.startDate && (t != null && t.selectedDate) && (t == null ? void 0 : t.dataStatus) === z.DONE && !ne(new Date(s.startDate), t == null ? void 0 : t.selectedDate)) {
+        e(!0);
+        const d = new Date(s.startDate), { fromDate: S, toDate: E } = qt(d, 8), [f, g] = await Promise.all([
+          (i = r == null ? void 0 : r.getAvailabilityDates) == null ? void 0 : i.call(r, {
+            serviceId: n == null ? void 0 : n.initialData.service.id,
+            timeZone: (t == null ? void 0 : t.timezone) || "",
+            fromDate: S,
+            toDate: E
+          }),
+          (l = r == null ? void 0 : r.getAvailabilitySlots) == null ? void 0 : l.call(r, {
+            serviceId: n == null ? void 0 : n.initialData.service.id,
+            timeZone: (t == null ? void 0 : t.timezone) || "",
+            selectedDate: d
+          })
+        ]);
+        a({
+          availabilityDates: f,
+          selectedDate: d,
+          availabilitySlots: g
+        }), e(!1);
+      }
+    })();
+  }, [
+    s,
+    t == null ? void 0 : t.dataStatus
+  ]);
+}, jt = (e, n) => !e || !n.length ? e : e.filter((t) => {
+  var a;
+  return !n.includes(((a = t == null ? void 0 : t.slot) == null ? void 0 : a.startDate) ?? "");
+}), Ee = (e) => !(e != null && e.startDate) || !(e != null && e.endDate) ? "" : `${e == null ? void 0 : e.startDate}_${e == null ? void 0 : e.endDate}`, Xt = ({ locale: e, endDate: n, startDate: t, timezone: a }) => {
+  const s = {
+    hour: "numeric",
+    minute: "numeric",
+    timeZone: a
+  }, r = new Intl.DateTimeFormat(e, s).format(new Date(t)), u = new Intl.DateTimeFormat(e, s).format(new Date(n));
+  return `${r} - ${u}`;
+}, Jt = ({ selectedDate: e, locale: n, timezone: t }) => e ? new Intl.DateTimeFormat(n, {
+  weekday: "long",
+  month: "short",
+  day: "numeric",
+  timeZone: t
+}).format(e) : "", en = (e, n) => {
+  let t;
+  return n.forEach((a, s) => {
+    var r, u;
+    Ee({
+      startDate: (r = a == null ? void 0 : a.slot) == null ? void 0 : r.startDate,
+      endDate: (u = a == null ? void 0 : a.slot) == null ? void 0 : u.endDate
+    }) === e && (t = s);
+  }), t;
+};
+var tn = /* @__PURE__ */ (function(e) {
+  return e.OS_LOCATION = "OS_LOCATION", e.CUSTOM_LOCATION = "CUSTOM_LOCATION", e;
+})({});
+const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
+  var n;
+  return ((n = e == null ? void 0 : e.params) == null ? void 0 : n.reason) === nn;
+}, on = ({ error: e, selectedSlot: n }) => {
+  const { isExperimentEnabled: t } = ct(), a = t(mt.BIF_SLOT_HOLD), [s, r] = Q(He), u = a && an(e), i = n == null ? void 0 : n.startDate, l = X(!1);
+  return H(() => {
+    if (!u) {
+      l.current = !1;
+      return;
+    }
+    l.current || (l.current = !0, i && r((c) => c.includes(i) ? c : [
+      ...c,
+      i
+    ]));
+  }, [
+    u,
+    i
+  ]), a ? s : He;
+}, q = 7, Te = (e) => {
+  const n = new Date(e);
+  return n.setHours(0, 0, 0, 0), n;
+}, sn = (e) => {
+  const n = new Date(e);
+  return n.setHours(23, 59, 59, 999), n;
+}, ee = (e, n) => {
+  const t = new Date(e);
+  return t.setDate(t.getDate() + n), t;
+}, Ye = (e, n) => {
+  const t = Te(e), a = (t.getDay() - n + q) % q;
+  return ee(t, -a);
+}, rn = (e) => `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`, ln = (e, n, t) => {
+  const a = new Intl.DateTimeFormat(t, {
+    month: "short",
+    day: "numeric"
+  });
+  return typeof a.formatRange == "function" ? a.formatRange(e, n) : `${a.format(e)} - ${a.format(n)}`;
+}, cn = (e, n = []) => n.some((t) => {
+  var a;
+  return !!((a = t.slot) != null && a.startDate) && ne(new Date(t.slot.startDate), e);
+}), mn = () => {
+  var he;
+  const { appointmentFieldProps: e, appointmentState: n, setAppointmentState: t } = Re(), { language: a, isEditor: s, isComposer: r, isMobile: u } = ce(), { t: i } = ut(), { actions: l } = ve(), c = Ve(), [d, S] = Q(!1), [E, f] = Q(!1), [g, v] = Q(), [O, W] = Q();
+  Qt({
+    setIsReloadingSlots: S
+  });
+  const { onChange: N, value: A, target: Y, initialData: B, formatDescription: U, locationType: oe, error: se } = e, { availabilityDates: $, availabilitySlots: k, timezone: _ = "", selectedDate: L, currentSlotBulkSize: R, dataStatus: G, error: ue } = n, K = (he = B == null ? void 0 : B.service) == null ? void 0 : he.id, Z = G === z.LOADING, J = d || E, pe = !!ue, Me = on({
+    error: se,
+    selectedSlot: A
+  }), y = P(() => jt(k, Me), [
+    k,
+    Me
+  ]);
+  H(() => {
+    N == null || N(Zt(A));
+  }, [
+    A == null ? void 0 : A.startDate,
+    A == null ? void 0 : A.endDate,
+    _
+  ]), dt((D) => {
+    const b = D == null ? void 0 : D[Y];
+    k != null && k.length && t({
+      availabilitySlots: k.filter((I) => {
+        var w;
+        return ((w = I == null ? void 0 : I.slot) == null ? void 0 : w.startDate) !== (b == null ? void 0 : b.startDate);
+      })
+    });
+  }), H(() => {
+    if (y != null && y.length && R) {
+      const D = en(Ee(A ?? void 0), y);
+      D && D + 1 > R && t({
+        currentSlotBulkSize: D + 1
+      });
+    } else !(y != null && y.length) && A && (N == null || N(void 0));
+  }, [
+    A,
+    y,
+    $
+  ]);
+  const _e = P(() => Ct(a), [
+    a
+  ]), Fe = X(L);
+  H(() => {
+    const D = Fe.current;
+    Fe.current = L, !!L && (!D || !ne(D, L)) && v(void 0);
+  }, [
+    L
+  ]);
+  const h = P(() => g ?? Ye(L ?? /* @__PURE__ */ new Date(), _e), [
+    g,
+    L,
+    _e
+  ]), Je = P(() => {
+    const D = Te(/* @__PURE__ */ new Date()), b = new Intl.DateTimeFormat(a, {
+      weekday: u ? "narrow" : "short"
+    }), I = new Intl.DateTimeFormat(a, {
+      day: "numeric"
+    }), w = new Intl.DateTimeFormat(a, {
+      weekday: "long",
+      month: "long",
+      day: "numeric"
+    });
+    return Array.from({
+      length: q
+    }, (re, be) => {
+      const x = ee(h, be), Ie = !!L && ne(x, L), rt = Te(x) < D;
+      return {
+        key: rn(x),
+        date: x,
+        isSelected: Ie,
+        isAvailable: !Z && !J && !Ie && cn(x, $),
+        isDisabled: rt || J && !Ie,
+        isToday: ne(x, D),
+        dayOfMonthLabel: I.format(x),
+        weekdayLabel: b.format(x),
+        label: w.format(x),
+        availabilityLabel: i("form.appointment.accessibility.calendar.has-availability.aria-label")
+      };
+    });
+  }, [
+    h,
+    L,
+    $,
+    Z,
+    J,
+    a,
+    u,
+    i
+  ]), Le = Ee(A ?? void 0) || void 0, ye = P(() => Z || d ? [] : (y ?? []).slice(0, R).flatMap((D) => {
+    const { startDate: b, endDate: I } = D.slot ?? {};
+    if (!b || !I)
+      return [];
+    const w = Ee({
+      startDate: b,
+      endDate: I
+    });
+    return [
+      {
+        key: w,
+        startDate: b,
+        endDate: I,
+        timeRange: Xt({
+          startDate: b,
+          endDate: I,
+          locale: a,
+          timezone: _
+        }),
+        isSelected: w === Le
+      }
+    ];
+  }), [
+    y,
+    R,
+    Z,
+    d,
+    a,
+    _,
+    Le
+  ]), Ne = !d && !!(y != null && y.length) && (R || V) < y.length, Ae = h > Ye(/* @__PURE__ */ new Date(), _e), et = ie(
+    async (D) => {
+      var b;
+      if (!(J || L && ne(D, L))) {
+        S(!0), N == null || N(void 0), t({
+          currentSlotBulkSize: V,
+          selectedDate: D,
+          availabilitySlots: void 0
+        }), c == null || c.report({
+          action: te.CLICK,
+          component: j.DATE
+        });
+        try {
+          const I = await ((b = l == null ? void 0 : l.getAvailabilitySlots) == null ? void 0 : b.call(l, {
+            serviceId: K,
+            timeZone: _,
+            selectedDate: D
+          }));
+          t({
+            currentSlotBulkSize: V,
+            selectedDate: D,
+            availabilitySlots: I
+          });
+        } catch {
+        } finally {
+          S(!1);
+        }
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      J,
+      L,
+      K,
+      _,
+      l,
+      N,
+      c
+    ]
+  ), de = X(0), tt = ie(
+    async (D) => {
+      var re;
+      if (D < 0 && !Ae)
+        return;
+      const b = h, I = ee(h, D * q);
+      if (v(I), s || r)
+        return;
+      const w = ++de.current;
+      f(!0), c == null || c.report({
+        action: te.CLICK,
+        component: j.PAGINATION
+      });
+      try {
+        const be = await ((re = l == null ? void 0 : l.getAvailabilityDates) == null ? void 0 : re.call(l, {
+          serviceId: K,
+          timeZone: _,
+          fromDate: I,
+          toDate: sn(ee(I, q - 1))
+        }));
+        w === de.current && t({
+          availabilityDates: be
+        });
+      } catch {
+        w === de.current && v(b);
+      } finally {
+        w === de.current && f(!1);
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      Ae,
+      h,
+      s,
+      r,
+      K,
+      _,
+      l,
+      c
+    ]
+  ), nt = ie(
+    (D) => {
+      const b = ye.find((re) => re.key === D);
+      if (!b)
+        return;
+      const { startDate: I, endDate: w } = b;
+      c == null || c.report({
+        action: te.CLICK,
+        component: j.SLOT,
+        startTime: new Date(I).valueOf(),
+        endTime: new Date(w).valueOf()
+      }), N == null || N({
+        startDate: I,
+        endDate: w,
+        timeZone: _
+      });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      ye,
+      _,
+      N,
+      c
+    ]
+  ), at = ie(() => {
+    if (!Ne)
+      return;
+    const D = R || V;
+    c == null || c.report({
+      action: te.CLICK,
+      component: j.SHOW_MORE
+    }), W(D), t({
+      currentSlotBulkSize: D + V
+    });
+  }, [
+    Ne,
+    R,
+    c
+  ]), ot = ie(() => W(void 0), []), st = P(() => {
+    if (pe)
+      return i("form.appointment.empty-state.notification.text");
+    if (!Z && !d && !(y != null && y.length))
+      return i("form.appointment.slots-not-found.text");
+  }, [
+    pe,
+    Z,
+    d,
+    y == null ? void 0 : y.length,
+    i
+  ]);
+  return {
+    days: Je,
+    slots: ye,
+    selectedSlotKey: Le,
+    selectDate: et,
+    selectSlot: nt,
+    changeWeek: tt,
+    showMoreSlots: at,
+    canGoToPreviousWeek: Ae,
+    hasMoreSlots: Ne,
+    hasError: pe,
+    isLoading: Z,
+    isRefetching: J,
+    isReloadingSlots: d,
+    weekRangeLabel: ln(h, ee(h, q - 1), a),
+    weekCaptionLabel: Gt({
+      startOfWeek: h,
+      endOfWeek: ee(h, q - 1)
+    }, a),
+    selectedDateLabel: Jt({
+      selectedDate: L,
+      locale: a,
+      timezone: _
+    }),
+    timezoneLabel: _ ? `${i("form.appointment.timezone.label")}: ${Vt({
+      timezone: _,
+      language: a
+    })}` : "",
+    formatLabel: oe === tn.OS_LOCATION ? i("form.appointment.meeting-format.in-person-location-method-os-location") : U,
+    notificationMessage: st,
+    showMoreSlotsLabel: i("form.appointment.show-more-slots.text"),
+    previousWeekLabel: i("form.appointment.accessibility.calendar.previous-week.aria-label"),
+    nextWeekLabel: i("form.appointment.accessibility.calendar.next-week.aria-label"),
+    pendingFocusIndex: O,
+    consumePendingFocusIndex: ot
+  };
+}, je = $e(void 0), Xe = (e) => `${e}-timezone-note`, F = () => {
+  const e = Ge(je);
+  if (typeof e > "u")
+    throw new Error("Appointment parts must be used inside an <Appointment> component");
+  return e;
+}, we = () => {
+  const { disabled: e, readOnly: n } = me();
+  return !!e || !!n;
+}, C = ({ children: e, className: n }) => {
+  const { days: t, selectDate: a, weekRangeLabel: s } = F(), r = T(e, C.PreviousWeek), u = T(e, C.Heading), i = T(e, C.NextWeek), l = T(e, C.Day) ?? /* @__PURE__ */ o.createElement(C.Day, null), c = P(() => t.filter((f) => f.isSelected).map((f) => f.key), [
+    t
+  ]), d = we(), S = P(() => t.filter((f) => d || f.isDisabled).map((f) => f.key), [
+    t,
+    d
+  ]), E = (f) => {
+    if (f === "all")
+      return;
+    const [g] = [
+      ...f
+    ], v = t.find(({ key: O }) => O === g);
+    v && a(v.date);
+  };
+  return /* @__PURE__ */ o.createElement("div", {
+    className: n
+  }, r, u, i, /* @__PURE__ */ o.createElement(gt, {
+    "aria-label": s,
+    orientation: "horizontal",
+    selectionMode: "single",
+    selectedKeys: c,
+    disabledKeys: S,
+    onSelectionChange: E
+  }, t.map((f) => le(l, {
+    key: f.key,
+    day: f
+  }))));
+}, un = ({ children: e, className: n }) => {
+  const { changeWeek: t, canGoToPreviousWeek: a, previousWeekLabel: s, nextWeekLabel: r } = F(), u = we(), i = X(null), l = X(!1);
+  return H(() => {
+    var S, E, f;
+    if (a || !l.current)
+      return;
+    l.current = !1;
+    const c = document.activeElement;
+    if (c !== document.body && c !== i.current)
+      return;
+    const d = ((E = (S = i.current) == null ? void 0 : S.closest("fieldset")) == null ? void 0 : E.querySelectorAll("button")) ?? [];
+    (f = Array.from(d).find((g) => g.getAttribute("aria-label") === r)) == null || f.focus();
+  }, [
+    a,
+    r
+  ]), /* @__PURE__ */ o.createElement(ke, {
+    ref: i,
+    className: n,
+    "aria-label": s,
+    isDisabled: !a || u,
+    onPress: () => {
+      l.current = !0, t(-1);
+    }
+  }, e ?? "‹");
+}, dn = ({ children: e, className: n }) => {
+  const { changeWeek: t, nextWeekLabel: a } = F(), s = we();
+  return /* @__PURE__ */ o.createElement(ke, {
+    className: n,
+    "aria-label": a,
+    isDisabled: s,
+    onPress: () => t(1)
+  }, e ?? "›");
+}, fn = ({ children: e, className: n }) => {
+  const { weekCaptionLabel: t, weekRangeLabel: a } = F();
+  return /* @__PURE__ */ o.createElement("span", {
+    className: n,
+    "aria-live": "polite"
+  }, e ? e({
+    label: t,
+    weekRange: a
+  }) : /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("span", {
+    "aria-hidden": "true"
+  }, t), /* @__PURE__ */ o.createElement("span", {
+    style: Ze
+  }, a)));
+}, Dn = ({ children: e, className: n, ...t }) => {
+  const { day: a } = t;
+  return /* @__PURE__ */ o.createElement(Tt, {
+    id: a.key,
+    className: n,
+    textValue: a.label,
+    "aria-label": a.isAvailable ? `${a.label}, ${a.availabilityLabel}` : a.label,
+    "data-available": a.isAvailable || void 0,
+    "data-today": a.isToday || void 0
+  }, e ? e({
+    ...a,
+    date: new Date(a.date)
+  }) : /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("span", null, a.weekdayLabel), /* @__PURE__ */ o.createElement("span", null, a.dayOfMonthLabel)));
+};
+C.PreviousWeek = un;
+C.Heading = fn;
+C.NextWeek = dn;
+C.Day = Dn;
+const Ke = 'input[type="radio"]', ae = ({ children: e, className: n, ...t }) => {
+  const { hasTimezoneNote: a } = t, { slots: s, selectedSlotKey: r, selectSlot: u, selectedDateLabel: i, isReloadingSlots: l, timezoneLabel: c, pendingFocusIndex: d, consumePendingFocusIndex: S } = F(), { id: E, disabled: f, readOnly: g, required: v, hasError: O } = me(), { inputId: W, labelId: N, ariaDescribedBy: A } = Se(), Y = X(null), B = `${W}-slots-label`, U = T(e, ae.Label), oe = T(e, ae.Slot) ?? /* @__PURE__ */ o.createElement(ae.Slot, null), se = !!U && !!i, $ = [
+    A,
+    a && c ? Xe(W) : void 0
+  ].filter(Boolean).join(" ") || void 0, k = (_) => {
+    var L, R, G;
+    (G = (R = (L = Y.current) == null ? void 0 : L.querySelectorAll(Ke)) == null ? void 0 : R[_]) == null || G.focus();
+  };
+  return ft(() => {
+    var G, ue;
+    if (!!((G = Y.current) != null && G.querySelector(Ke))) {
+      k(0);
+      return;
+    }
+    const L = Array.from(((ue = document.getElementById(W)) == null ? void 0 : ue.querySelectorAll('[role="option"]')) ?? []), R = L.find((K) => K.getAttribute("aria-selected") === "true") ?? L.find((K) => K.getAttribute("aria-disabled") !== "true");
+    R == null || R.focus();
+  }, E), H(() => {
+    d !== void 0 && (k(d), S());
+  }, [
+    d,
+    s.length
+  ]), /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("div", {
+    role: "status",
+    style: Ze
+  }, s.length > 0 ? i : void 0), /* @__PURE__ */ o.createElement(vt, {
+    ref: Y,
+    className: n,
+    value: r ?? null,
+    onChange: u,
+    isDisabled: f,
+    isReadOnly: g,
+    isRequired: v,
+    isInvalid: O,
+    "aria-labelledby": se ? B : N,
+    "aria-describedby": $,
+    "data-refetch": l || void 0
+  }, le(U, {
+    labelId: B
+  }), s.map((_) => le(oe, {
+    key: _.key,
+    slot: _
+  }))));
+}, En = ({ children: e, className: n, ...t }) => {
+  const { selectedDateLabel: a } = F(), { labelId: s } = t;
+  return a ? /* @__PURE__ */ o.createElement("div", {
+    id: s,
+    className: n
+  }, e ? e({
+    label: a
+  }) : a) : null;
+}, Sn = ({ children: e, className: n, ...t }) => {
+  const { slot: a } = t;
+  return /* @__PURE__ */ o.createElement(kt, {
+    value: a.key,
+    "aria-label": a.timeRange
+  }, /* @__PURE__ */ o.createElement(Rt, {
+    className: n
+  }, e ? e(a) : a.timeRange));
+};
+ae.Label = En;
+ae.Slot = Sn;
+const m = ({ children: e, className: n }) => {
+  const t = me(), { id: a, FieldLayout: s } = t, { labelId: r, inputId: u, ariaDescribedBy: i } = Se(), l = Dt(Et.APPOINTMENT), c = P(() => ({
+    ...t,
+    initialData: l,
+    inputId: u,
+    ariaLabelledBy: r,
+    ariaDescribedBy: i,
+    fieldId: a
+  }), [
+    t,
+    l,
+    u,
+    r,
+    i,
+    a
+  ]), d = T(e, m.Label), S = T(e, m.Description), E = T(e, m.Error);
+  return /* @__PURE__ */ o.createElement(s, {
+    fieldId: a,
+    renderLabel: () => le(d, {
+      as: "div"
+    }),
+    renderInput: () => /* @__PURE__ */ o.createElement($t, {
+      appointmentFieldProps: c
+    }, /* @__PURE__ */ o.createElement(_n, {
+      className: n
+    }, e)),
+    renderDescription: () => /* @__PURE__ */ o.createElement(o.Fragment, null, E, S)
+  });
+}, pn = {
+  visibility: "hidden"
+}, _n = ({ children: e, className: n }) => {
+  const { required: t, onFocus: a, onBlur: s } = me(), { inputId: r, labelId: u, ariaDescribedBy: i } = Se(), l = mn(), c = T(e, m.Loader), d = T(e, m.Notification), S = T(e, m.Dates), E = T(e, m.Timezone), f = T(e, m.Format), g = T(e, m.Slots), v = T(e, m.ShowMoreSlots);
+  return /* @__PURE__ */ o.createElement(je.Provider, {
+    value: l
+  }, /* @__PURE__ */ o.createElement(ht, {
+    id: r,
+    className: n,
+    ariaLabelledBy: u,
+    ariaDescribedBy: i,
+    required: t,
+    onFocus: a,
+    onBlur: s
+  }, c, l.hasError ? d : /* @__PURE__ */ o.createElement("div", {
+    style: l.isLoading ? pn : void 0
+  }, S, E, f, le(g, {
+    hasTimezoneNote: !!E
+  }), d, v)));
+}, Ln = ({ children: e, className: n }) => {
+  const { isLoading: t, isRefetching: a } = F();
+  return !t && !a ? null : /* @__PURE__ */ o.createElement("div", {
+    className: n,
+    role: "status",
+    "aria-live": "polite",
+    "data-initial": t || void 0,
+    "data-refetch": !t && a || void 0
+  }, e);
+}, yn = ({ children: e, className: n }) => {
+  const { notificationMessage: t } = F();
+  return t ? /* @__PURE__ */ o.createElement("div", {
+    className: n,
+    role: "status"
+  }, e ? e({
+    message: t
+  }) : t) : null;
+}, Nn = ({ children: e, className: n }) => {
+  const { timezoneLabel: t } = F(), { inputId: a } = Se();
+  return t ? /* @__PURE__ */ o.createElement("span", {
+    id: Xe(a),
+    className: n
+  }, e ? e({
+    label: t
+  }) : t) : null;
+}, An = ({ children: e, className: n }) => {
+  const { formatLabel: t } = F();
+  return t ? /* @__PURE__ */ o.createElement("span", {
+    className: n
+  }, e ? e({
+    label: t
+  }) : t) : null;
+}, bn = ({ children: e, className: n }) => {
+  const { hasMoreSlots: t, showMoreSlots: a, showMoreSlotsLabel: s } = F(), { disabled: r, readOnly: u } = me();
+  return t ? /* @__PURE__ */ o.createElement(ke, {
+    className: n,
+    isDisabled: !!r || !!u,
+    onPress: a
+  }, e ? e({
+    label: s
+  }) : s) : null;
+};
+m.Label = Ft;
+m.Loader = Ln;
+m.Notification = yn;
+m.Dates = C;
+m.Timezone = Nn;
+m.Format = An;
+m.Slots = ae;
+m.ShowMoreSlots = bn;
+m.Description = wt;
+m.Error = Mt;
+const In = "_appointment_743lv_1", On = "_dates_743lv_5", gn = "_weekHeading_743lv_26", Tn = "_weekButton_743lv_35", vn = "_previousWeek_743lv_67", kn = "_nextWeek_743lv_71", Rn = "_day_743lv_83", wn = "_weekdayLabel_743lv_97", Mn = "_dayNumber_743lv_109", Fn = "_indicator_743lv_174", hn = "_hint_743lv_204", Cn = "_slots_743lv_217", Wn = "_slotsMobile_743lv_226", Bn = "_slotsLabel_743lv_230", Un = "_slot_743lv_217", xn = "_slotHover_743lv_269", Pn = "_slotSelected_743lv_277", zn = "_showMoreSlots_743lv_331", Hn = "_loader_743lv_361", Yn = "_notification_743lv_397", p = {
+  appointment: In,
+  dates: On,
+  weekHeading: gn,
+  weekButton: Tn,
+  previousWeek: vn,
+  nextWeek: kn,
+  day: Rn,
+  weekdayLabel: wn,
+  dayNumber: Mn,
+  indicator: Fn,
+  hint: hn,
+  slots: Cn,
+  slotsMobile: Wn,
+  slotsLabel: Bn,
+  slot: Un,
+  slotHover: xn,
+  slotSelected: Pn,
+  showMoreSlots: zn,
+  loader: Hn,
+  notification: Yn
+}, Kn = ({ content: e, locale: n }) => /* @__PURE__ */ o.createElement(it, {
+  content: e,
+  locale: n
+}), $n = {
+  base: p.slot,
+  selected: p.slotSelected,
+  hover: p.slotHover
+}, Gn = () => {
+  const { isMobile: e } = ce(), n = Ot({
+    globalClasses: It,
+    moduleClasses: $n
+  });
+  return /* @__PURE__ */ o.createElement(m, {
+    className: p.appointment
+  }, /* @__PURE__ */ o.createElement(m.Label, {
+    className: M(pt, De.label)
+  }, /* @__PURE__ */ o.createElement(m.Label.Required, {
+    className: M(_t, De.requiredMark)
+  })), /* @__PURE__ */ o.createElement(m.Loader, {
+    className: p.loader
+  }), /* @__PURE__ */ o.createElement(m.Dates, {
+    className: M(Lt, p.dates)
+  }, /* @__PURE__ */ o.createElement(m.Dates.PreviousWeek, {
+    className: M(fe, p.weekButton, p.previousWeek)
+  }, /* @__PURE__ */ o.createElement(Ce, null)), /* @__PURE__ */ o.createElement(m.Dates.Heading, {
+    className: p.weekHeading
+  }), /* @__PURE__ */ o.createElement(m.Dates.NextWeek, {
+    className: M(fe, p.weekButton, p.nextWeek)
+  }, /* @__PURE__ */ o.createElement(Ce, null)), /* @__PURE__ */ o.createElement(m.Dates.Day, {
+    className: M(fe, p.day)
+  }, (t) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("span", {
+    className: p.weekdayLabel
+  }, t.weekdayLabel), /* @__PURE__ */ o.createElement("span", {
+    className: p.dayNumber
+  }, t.dayOfMonthLabel, /* @__PURE__ */ o.createElement("span", {
+    className: p.indicator
+  }))))), /* @__PURE__ */ o.createElement(m.Timezone, {
+    className: M(We, p.hint)
+  }), /* @__PURE__ */ o.createElement(m.Format, {
+    className: M(We, p.hint)
+  }), /* @__PURE__ */ o.createElement(m.Slots, {
+    className: M(p.slots, {
+      [p.slotsMobile]: e
+    })
+  }, /* @__PURE__ */ o.createElement(m.Slots.Label, {
+    className: M(yt, p.slotsLabel)
+  }), /* @__PURE__ */ o.createElement(m.Slots.Slot, {
+    className: ({ isSelected: t, isHovered: a, isDisabled: s, isReadOnly: r }) => n({
+      isSelected: t,
+      isHovered: a && !t && !s && !r
+    })
+  }, (t) => t.timeRange)), /* @__PURE__ */ o.createElement(m.Notification, {
+    className: p.notification
+  }), /* @__PURE__ */ o.createElement(m.ShowMoreSlots, {
+    className: M(Nt, fe, p.showMoreSlots)
+  }), /* @__PURE__ */ o.createElement(m.Error, {
+    className: M(At, De.error)
+  }, /* @__PURE__ */ o.createElement(St, null), /* @__PURE__ */ o.createElement(m.Error.Text, null)), /* @__PURE__ */ o.createElement(m.Description, {
+    className: M(bt, De.description)
+  }, Kn));
+}, ua = () => /* @__PURE__ */ o.createElement(Gn, null);
+export {
+  ua as AppointmentRAC
+};