@wix/form-elements 1.77.0 → 1.79.0

package/dist/component/{appointment-rac-BQsFMmBg.js → appointment-rac-lokvpd_p.js}

@@ -1,17 +1,17 @@
-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 o, { useRef as J, useState as j, 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 { 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-1k13yOes.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 { s as De } from "./field-rac.module-ColNPUt0.js";
+import { z as pt, P as _t, a as Lt, x as We, h as yt, W as Nt, p as At, i as bt, a2 as It } from "./form-element-classes-BuM-vthE.js";
+import { u as Ot } from "./use-element-state-class-name-DkaI8J4Y.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 { D as wt, E as Mt } from "./field-error-headless-Lb5aaoR3.js";
+import { L as Ft } from "./field-label-headless-C1VDQVhB.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";
@@ -25,7 +25,7 @@ var Oe = /* @__PURE__ */ (function(e) {
   return e.LOADING = "LOADING", e.DONE = "DONE", e.ERROR = "ERROR", e;
 })({});
 const V = 4;
-var j = /* @__PURE__ */ (function(e) {
+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;
@@ -158,9 +158,9 @@ const xt = (e) => {
 };
 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);
+  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 = J(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);
+  const c = !!(i != null && i.getAvailabilityDates && (i != null && i.getAvailabilitySlots)), [d, S] = j(null), E = Ve(n == null ? void 0 : n.service);
   return H(() => {
     u && !s && !r && c && (async () => {
       var W, N, A, Y, B;
@@ -183,7 +183,7 @@ function Kt(e) {
         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
+            component: Q.NO_AVAILABILITY_AT_ALL
           }), S({
             dataStatus: z.ERROR,
             error: {
@@ -199,7 +199,7 @@ function Kt(e) {
           selectedDate: O.selectedDate
         }))), E == null || E.report({
           action: te.LOAD,
-          component: (B = O.availabilityDates) != null && B.length ? j.FORM : j.NO_AVAILABILITY_FOR_DATE
+          component: (B = O.availabilityDates) != null && B.length ? Q.FORM : Q.NO_AVAILABILITY_FOR_DATE
         }), a != null && a.startDate || t(void 0), S({
           ...O,
           dataStatus: z.DONE
@@ -221,12 +221,12 @@ function Kt(e) {
     c
   ]), d;
 }
-const Qe = /* @__PURE__ */ $e({
+const je = /* @__PURE__ */ $e({
   appointmentState: {},
   setAppointmentState: () => {
   }
 }), $t = ({ appointmentFieldProps: e, children: n }) => {
-  const { isEditor: t, isComposer: a } = ce(), [s, r] = Q(() => Pt({
+  const { isEditor: t, isComposer: a } = ce(), [s, r] = j(() => Pt({
     appointmentFieldProps: e,
     isEditor: t,
     isComposer: a
@@ -238,7 +238,7 @@ const Qe = /* @__PURE__ */ $e({
     });
   }, [
     u
-  ]), /* @__PURE__ */ o.createElement(Qe.Provider, {
+  ]), /* @__PURE__ */ o.createElement(je.Provider, {
     value: {
       appointmentFieldProps: e,
       appointmentState: s,
@@ -248,7 +248,7 @@ const Qe = /* @__PURE__ */ $e({
       })
     }
   }, n);
-}, Re = () => Ge(Qe), Gt = (e, n) => {
+}, Re = () => Ge(je), Gt = (e, n) => {
   if (e.startOfWeek.getMonth() === e.endOfWeek.getMonth())
     return new Intl.DateTimeFormat(n, {
       month: "long",
@@ -290,7 +290,7 @@ const Qe = /* @__PURE__ */ $e({
     fromDate: t,
     toDate: a
   };
-}, Qt = ({ setIsReloadingSlots: e }) => {
+}, jt = ({ setIsReloadingSlots: e }) => {
   const { appointmentFieldProps: n, appointmentState: t, setAppointmentState: a } = Re(), { value: s } = n, { actions: r } = ve();
   H(() => {
     (async () => {
@@ -321,17 +321,17 @@ const Qe = /* @__PURE__ */ $e({
     s,
     t == null ? void 0 : t.dataStatus
   ]);
-}, jt = (e, n) => !e || !n.length ? e : e.filter((t) => {
+}, Qt = (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 }) => {
+}), Ee = (e) => !(e != null && e.startDate) || !(e != null && e.endDate) ? "" : `${e == null ? void 0 : e.startDate}_${e == null ? void 0 : e.endDate}`, Jt = ({ 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, {
+}, Xt = ({ selectedDate: e, locale: n, timezone: t }) => e ? new Intl.DateTimeFormat(n, {
   weekday: "long",
   month: "short",
   day: "numeric",
@@ -353,7 +353,7 @@ 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);
+  const { isExperimentEnabled: t } = ct(), a = t(mt.BIF_SLOT_HOLD), [s, r] = j(He), u = a && an(e), i = n == null ? void 0 : n.startDate, l = J(!1);
   return H(() => {
     if (!u) {
       l.current = !1;
@@ -390,14 +390,14 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
   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({
+  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] = j(!1), [E, f] = j(!1), [g, v] = j(), [O, W] = j();
+  jt({
     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({
+  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, X = d || E, pe = !!ue, Me = on({
     error: se,
     selectedSlot: A
-  }), y = P(() => jt(k, Me), [
+  }), y = P(() => Qt(k, Me), [
     k,
     Me
   ]);
@@ -429,7 +429,7 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
   ]);
   const _e = P(() => Ct(a), [
     a
-  ]), Fe = X(L);
+  ]), Fe = J(L);
   H(() => {
     const D = Fe.current;
     Fe.current = L, !!L && (!D || !ne(D, L)) && v(void 0);
@@ -440,7 +440,7 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
     g,
     L,
     _e
-  ]), Je = P(() => {
+  ]), Xe = P(() => {
     const D = Te(/* @__PURE__ */ new Date()), b = new Intl.DateTimeFormat(a, {
       weekday: u ? "narrow" : "short"
     }), I = new Intl.DateTimeFormat(a, {
@@ -458,8 +458,8 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
         key: rn(x),
         date: x,
         isSelected: Ie,
-        isAvailable: !Z && !J && !Ie && cn(x, $),
-        isDisabled: rt || J && !Ie,
+        isAvailable: !Z && !X && !Ie && cn(x, $),
+        isDisabled: rt || X && !Ie,
         isToday: ne(x, D),
         dayOfMonthLabel: I.format(x),
         weekdayLabel: b.format(x),
@@ -472,7 +472,7 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
     L,
     $,
     Z,
-    J,
+    X,
     a,
     u,
     i
@@ -489,7 +489,7 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
         key: w,
         startDate: b,
         endDate: I,
-        timeRange: Xt({
+        timeRange: Jt({
           startDate: b,
           endDate: I,
           locale: a,
@@ -509,14 +509,14 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
   ]), 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))) {
+      if (!(X || 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
+          component: Q.DATE
         });
         try {
           const I = await ((b = l == null ? void 0 : l.getAvailabilitySlots) == null ? void 0 : b.call(l, {
@@ -537,7 +537,7 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
-      J,
+      X,
       L,
       K,
       _,
@@ -545,7 +545,7 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
       N,
       c
     ]
-  ), de = X(0), tt = ie(
+  ), de = J(0), tt = ie(
     async (D) => {
       var re;
       if (D < 0 && !Ae)
@@ -556,7 +556,7 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
       const w = ++de.current;
       f(!0), c == null || c.report({
         action: te.CLICK,
-        component: j.PAGINATION
+        component: Q.PAGINATION
       });
       try {
         const be = await ((re = l == null ? void 0 : l.getAvailabilityDates) == null ? void 0 : re.call(l, {
@@ -593,7 +593,7 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
       const { startDate: I, endDate: w } = b;
       c == null || c.report({
         action: te.CLICK,
-        component: j.SLOT,
+        component: Q.SLOT,
         startTime: new Date(I).valueOf(),
         endTime: new Date(w).valueOf()
       }), N == null || N({
@@ -615,7 +615,7 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
     const D = R || V;
     c == null || c.report({
       action: te.CLICK,
-      component: j.SHOW_MORE
+      component: Q.SHOW_MORE
     }), W(D), t({
       currentSlotBulkSize: D + V
     });
@@ -636,7 +636,7 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
     i
   ]);
   return {
-    days: Je,
+    days: Xe,
     slots: ye,
     selectedSlotKey: Le,
     selectDate: et,
@@ -647,14 +647,14 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
     hasMoreSlots: Ne,
     hasError: pe,
     isLoading: Z,
-    isRefetching: J,
+    isRefetching: X,
     isReloadingSlots: d,
     weekRangeLabel: ln(h, ee(h, q - 1), a),
     weekCaptionLabel: Gt({
       startOfWeek: h,
       endOfWeek: ee(h, q - 1)
     }, a),
-    selectedDateLabel: Jt({
+    selectedDateLabel: Xt({
       selectedDate: L,
       locale: a,
       timezone: _
@@ -671,8 +671,8 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
     pendingFocusIndex: O,
     consumePendingFocusIndex: ot
   };
-}, je = $e(void 0), Xe = (e) => `${e}-timezone-note`, F = () => {
-  const e = Ge(je);
+}, Qe = $e(void 0), Je = (e) => `${e}-timezone-note`, F = () => {
+  const e = Ge(Qe);
   if (typeof e > "u")
     throw new Error("Appointment parts must be used inside an <Appointment> component");
   return e;
@@ -707,7 +707,7 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
     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);
+  const { changeWeek: t, canGoToPreviousWeek: a, previousWeekLabel: s, nextWeekLabel: r } = F(), u = we(), i = J(null), l = J(!1);
   return H(() => {
     var S, E, f;
     if (a || !l.current)
@@ -770,9 +770,9 @@ 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, $ = [
+  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 = J(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
+    a && c ? Je(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();
@@ -862,7 +862,7 @@ const m = ({ children: e, className: n }) => {
   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, {
+  return /* @__PURE__ */ o.createElement(Qe.Provider, {
     value: l
   }, /* @__PURE__ */ o.createElement(ht, {
     id: r,
@@ -897,7 +897,7 @@ const m = ({ children: e, className: n }) => {
 }, Nn = ({ children: e, className: n }) => {
   const { timezoneLabel: t } = F(), { inputId: a } = Se();
   return t ? /* @__PURE__ */ o.createElement("span", {
-    id: Xe(a),
+    id: Je(a),
     className: n
   }, e ? e({
     label: t

package/dist/component/{bookings-address-rac-AJNyTdok.js → bookings-address-rac-CU5NjBsy.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { M as o } from "./multiline-address-field-rac-D4Ibno80.js";
+import { M as o } from "./multiline-address-field-rac-CBhxL2MB.js";
 const s = () => /* @__PURE__ */ e.createElement(o, null);
 export {
   s as BookingsAddressRAC

package/dist/component/{bookings-email-rac-BHZ0MFgI.js → bookings-email-rac-h3VGXrSQ.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { E as e } from "./email-input-field-rac-BQKK2O7L.js";
+import { E as e } from "./email-input-field-rac-DCKR6Yco.js";
 const m = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   m as BookingsEmailRAC

package/dist/component/{bookings-first-name-rac-Bw5FuWNX.js → bookings-first-name-rac-BtsTk_1b.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { T as e } from "./text-input-field-rac-CbnKn03g.js";
+import { T as e } from "./text-input-field-rac-TSY90sCu.js";
 const m = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   m as BookingsFirstNameRAC

package/dist/component/{bookings-header-rac-C1M2Pg1f.js → bookings-header-rac-BApE1hIE.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { H as r } from "./header-field-rac-D4UYcmok.js";
+import { H as r } from "./header-field-rac-BeFf5qfw.js";
 const a = () => /* @__PURE__ */ e.createElement(r, {
   truncate: !1
 });

package/dist/component/{bookings-last-name-rac-DKkPY0CO.js → bookings-last-name-rac-BnO5iij1.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { T as e } from "./text-input-field-rac-CbnKn03g.js";
+import { T as e } from "./text-input-field-rac-TSY90sCu.js";
 const m = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   m as BookingsLastNameRAC

package/dist/component/{bookings-login-bar-rac-P6pziSl1.js → bookings-login-bar-rac-BT1npKru.js}

@@ -1,9 +1,9 @@
 import o from "react";
 import E from "classnames";
-import { ai as d, as as B, ab as f, ae as p } from "./form-BpHElSwH.js";
+import { ai as d, as as B, ab as f, ae as p } from "./form-1k13yOes.js";
 import { Button as L } from "react-aria-components";
 import { a as i, f as g } from "./find-child-C60k4CxG.js";
-import { w as _ } from "./form-element-classes-BXNs5k3q.js";
+import { w as _ } from "./form-element-classes-BuM-vthE.js";
 const a = ({ children: n }) => {
   const { id: r, FieldLayout: t } = d();
   return /* @__PURE__ */ o.createElement(t, {

package/dist/component/{bookings-phone-rac-CiOZWKHz.js → bookings-phone-rac-DWf0haGa.js}

@@ -1,5 +1,5 @@
 import o from "react";
-import { P as e } from "./phone-input-field-rac-BYAnwk5h.js";
+import { P as e } from "./phone-input-field-rac-D1KzskYy.js";
 const r = () => /* @__PURE__ */ o.createElement(e, null);
 export {
   r as BookingsPhoneRAC

package/dist/component/{bookings-rich-text-rac-D9ZComtY.js → bookings-rich-text-rac-C79XHlRL.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { R as t } from "./rich-text-field-rac-C4RrbyEX.js";
+import { R as t } from "./rich-text-field-rac-D0Klsdj7.js";
 const c = () => /* @__PURE__ */ e.createElement(t, {
   truncate: !1
 });