@wix/form-elements 1.74.0 → 1.76.0

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

@@ -1,1005 +0,0 @@
-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 { ab as ce, aa as ct, ae as ke, ad as mt, c as ut, as as dt, ar as ft, ai as me, af as Se, ak as Dt, ah as Et, F as St } from "./form-C6WwBcGP.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-Cac83bU5.js";
-import { z as De, R as yt, A as Ie, i as Lt, j as Oe, h as _t, B as Nt, q as At } from "./form-element-classes-DDKCTFQj.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-DQZ5XAdn.js";
-import { L as kt } from "./field-label-headless-DoxfHHaj.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
-};