@wix/form-elements 0.0.0-stage → 1.54.0

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

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