@wix/form-elements 1.62.0 → 1.64.0

package/dist/component/{appointment-rac-Dqib2upI.js → appointment-rac-DojiZqx9.js}

@@ -1,15 +1,15 @@
 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-D6A2hUbV.js";
+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-9yjqDnxY.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-DtugsLiL.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 { s as fe } from "./field-rac.module-CWkwwhq4.js";
+import { t as De, J as yt, u as Ie, i as Lt, j as Oe, h as _t, v as Nt, n as At } from "./form-element-classes-KRzHUNLu.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-DP4WSQU3.js";
-import { L as kt } from "./field-label-headless-BKmi7Fjg.js";
+import { f as v, a as le } from "./find-child-C60k4CxG.js";
+import { D as vt, E as wt } from "./field-error-headless-DrnFrGun.js";
+import { L as kt } from "./field-label-headless-BIYf1BIh.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";
@@ -56,10 +56,10 @@ const Mt = (e) => {
       }))
     };
 };
-var we;
+var ve;
 (function(e) {
   e.UNDEFINED = "UNDEFINED", e.OWNER_BUSINESS = "OWNER_BUSINESS", e.OWNER_CUSTOM = "OWNER_CUSTOM", e.CUSTOM = "CUSTOM";
-})(we || (we = {}));
+})(ve || (ve = {}));
 var Ue;
 (function(e) {
   e.UNKNOWN_REQUESTED_GENDER = "UNKNOWN_REQUESTED_GENDER", e.ANY_MALE = "ANY_MALE", e.ANY_FEMALE = "ANY_FEMALE";
@@ -131,7 +131,7 @@ const Wt = (e) => {
         startDate: c.toISOString(),
         endDate: d.toISOString(),
         location: {
-          locationType: we.CUSTOM
+          locationType: ve.CUSTOM
         }
       },
       bookable: !0,
@@ -162,20 +162,20 @@ function zt(e) {
   return Y(() => {
     u && !s && !r && c && (async () => {
       var W, N, A, K, B;
-      const v = je(), I = {
+      const w = je(), I = {
         currentSlotBulkSize: V,
-        timezone: v,
+        timezone: w,
         dataStatus: z.LOADING
       };
       try {
         const U = async (oe) => {
           var k, p;
-          const { startDate: se, endDate: $ } = Ut(oe, v);
+          const { startDate: se, endDate: $ } = Ut(oe, w);
           return (p = (k = l.current) == null ? void 0 : k.getAvailabilityDates) == null ? void 0 : p.call(k, {
             serviceId: u,
             fromDate: se,
             toDate: $,
-            timeZone: v
+            timeZone: w
           });
         };
         if (I.availabilityDates = await U(2), (W = I.availabilityDates) != null && W.length || (I.availabilityDates = await U(6)), !((N = I.availabilityDates) != null && N.length)) {
@@ -193,7 +193,7 @@ function zt(e) {
         }
         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,
+          timeZone: w,
           selectedDate: I.selectedDate
         }))), E == null || E.report({
           action: te.LOAD,
@@ -365,7 +365,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
     u,
     i
   ]), a ? s : Ke;
-}, q = 7, ve = (e) => {
+}, q = 7, we = (e) => {
   const t = new Date(e);
   return t.setHours(0, 0, 0, 0), t;
 }, nn = (e) => {
@@ -375,7 +375,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
   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;
+  const n = we(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, {
@@ -388,7 +388,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
   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();
+  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, w] = j(), [I, W] = j();
   Zt({
     setIsReloadingSlots: S
   });
@@ -430,7 +430,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
   ]), Ce = J(L);
   Y(() => {
     const D = Ce.current;
-    Ce.current = L, !!L && (!D || !ne(D, L)) && v(void 0);
+    Ce.current = L, !!L && (!D || !ne(D, L)) && w(void 0);
   }, [
     L
   ]);
@@ -439,7 +439,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
     L,
     ye
   ]), et = P(() => {
-    const D = ve(/* @__PURE__ */ new Date()), b = new Intl.DateTimeFormat(a, {
+    const D = we(/* @__PURE__ */ new Date()), b = new Intl.DateTimeFormat(a, {
       weekday: u ? "narrow" : "short"
     }), g = new Intl.DateTimeFormat(a, {
       day: "numeric"
@@ -451,7 +451,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
     return Array.from({
       length: q
     }, (re, be) => {
-      const x = ee(M, be), ge = !!L && ne(x, L), it = ve(x) < D;
+      const x = ee(M, be), ge = !!L && ne(x, L), it = we(x) < D;
       return {
         key: an(x),
         date: x,
@@ -549,7 +549,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
       if (D < 0 && !Ae)
         return;
       const b = M, g = ee(M, D * q);
-      if (v(g), s || r)
+      if (w(g), s || r)
         return;
       const h = ++de.current;
       f(!0), c == null || c.report({
@@ -567,7 +567,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
           availabilityDates: be
         });
       } catch {
-        h === de.current && v(b);
+        h === de.current && w(b);
       } finally {
         h === de.current && f(!1);
       }
@@ -678,7 +678,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
   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), [
+  const { days: n, selectDate: a, weekRangeLabel: s } = F(), r = v(e, C.PreviousWeek), u = v(e, C.Heading), i = v(e, C.NextWeek), l = v(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,
@@ -688,8 +688,8 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
       return;
     const [O] = [
       ...f
-    ], v = n.find(({ key: I }) => I === O);
-    v && a(v.date);
+    ], w = n.find(({ key: I }) => I === O);
+    w && a(w.date);
   };
   return /* @__PURE__ */ o.createElement("div", {
     className: t
@@ -768,7 +768,7 @@ 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, $ = [
+  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: w, hasError: I } = me(), { inputId: W, labelId: N, ariaDescribedBy: A } = Se(), K = J(null), B = `${W}-slots-label`, U = v(e, ae.Label), oe = v(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) => {
@@ -798,7 +798,7 @@ const $e = 'input[type="radio"]', ae = ({ children: e, className: t, ...n }) =>
     onChange: u,
     isDisabled: f,
     isReadOnly: O,
-    isRequired: v,
+    isRequired: w,
     isInvalid: I,
     "aria-labelledby": se ? B : N,
     "aria-describedby": $,
@@ -843,7 +843,7 @@ const m = ({ children: e, className: t }) => {
     r,
     i,
     a
-  ]), d = w(e, m.Label), S = w(e, m.Description), E = w(e, m.Error);
+  ]), d = v(e, m.Label), S = v(e, m.Description), E = v(e, m.Error);
   return /* @__PURE__ */ o.createElement(s, {
     fieldId: a,
     renderLabel: () => le(d, {
@@ -859,7 +859,7 @@ const m = ({ children: e, className: t }) => {
 }, 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);
+  const { required: n, onFocus: a, onBlur: s } = me(), { inputId: r, labelId: u, ariaDescribedBy: i } = Se(), l = rn(), c = v(e, m.Loader), d = v(e, m.Notification), S = v(e, m.Dates), E = v(e, m.Timezone), f = v(e, m.Format), O = v(e, m.Slots), w = v(e, m.ShowMoreSlots);
   return /* @__PURE__ */ o.createElement(Je.Provider, {
     value: l
   }, /* @__PURE__ */ o.createElement(Rt, {
@@ -874,7 +874,7 @@ const m = ({ children: e, className: t }) => {
     style: l.isLoading ? Dn : void 0
   }, S, E, f, le(O, {
     hasTimezoneNote: !!E
-  }), d, v)));
+  }), d, w)));
 }, Sn = ({ children: e, className: t }) => {
   const { isLoading: n, isRefetching: a } = F();
   return !n && !a ? null : /* @__PURE__ */ o.createElement("div", {
@@ -925,9 +925,9 @@ 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 = {
+m.Description = vt;
+m.Error = wt;
+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", vn = "_weekdayLabel_1v1wg_95", wn = "_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,
@@ -935,8 +935,8 @@ const Nn = "_appointment_1v1wg_1", An = "_dates_1v1wg_5", bn = "_weekHeading_1v1
   previousWeek: In,
   nextWeek: On,
   day: Tn,
-  weekdayLabel: wn,
-  dayNumber: vn,
+  weekdayLabel: vn,
+  dayNumber: wn,
   indicator: kn,
   hint: Rn,
   slots: hn,

package/dist/component/{bookings-address-rac-E-qq4-KG.js → bookings-address-rac-Bm_lQchD.js}

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

package/dist/component/{bookings-email-rac-DA_Hwn2j.js → bookings-email-rac-vwuy0kW8.js}

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

package/dist/component/{bookings-first-name-rac-o1n3lnRo.js → bookings-first-name-rac-BbWuLoeg.js}

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

package/dist/component/{bookings-header-rac-DQ0YvhxZ.js → bookings-header-rac-DVknNH29.js}

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

package/dist/component/{bookings-last-name-rac-BqL_84Sg.js → bookings-last-name-rac-BnT3Cq0b.js}

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

package/dist/component/{bookings-login-bar-rac-CAN7roRc.js → bookings-login-bar-rac-DKi-VAXc.js}

@@ -1,9 +1,9 @@
 import o from "react";
-import b from "classnames";
-import { ag as d, aq as B, aa as f, ac as p } from "./form-D6A2hUbV.js";
+import E from "classnames";
+import { ai as d, as as B, ab as f, ae as p } from "./form-9yjqDnxY.js";
 import { Button as L } from "react-aria-components";
 import { a as i, f as g } from "./find-child-C60k4CxG.js";
-import { p as _ } from "./form-element-classes-Bi-nNM8q.js";
+import { r as _ } from "./form-element-classes-KRzHUNLu.js";
 const a = ({ children: n }) => {
   const { id: r, FieldLayout: t } = d();
   return /* @__PURE__ */ o.createElement(t, {
@@ -13,34 +13,34 @@ const a = ({ children: n }) => {
     renderDescription: () => null
   });
 }, x = ({ children: n, className: r, email: t, isLoggedIn: e = !!t, login: l, logout: s }) => {
-  const c = i(g(n, a.Text), {
+  const m = i(g(n, a.Text), {
     email: t,
     isLoggedIn: e
-  }), m = i(g(n, a.Button), {
+  }), c = i(g(n, a.Button), {
     isLoggedIn: e,
     login: l,
     logout: s
-  }), E = e ? c : i(c, {
-    buttonElement: m,
+  }), b = e ? m : i(m, {
+    buttonElement: c,
     isLoggedIn: e
   });
   return /* @__PURE__ */ o.createElement("div", {
     className: r,
     role: "status"
-  }, e ? /* @__PURE__ */ o.createElement(o.Fragment, null, c, m) : E);
+  }, e ? /* @__PURE__ */ o.createElement(o.Fragment, null, m, c) : b);
 }, N = ({ className: n, ...r }) => {
-  const { buttonElement: t, email: e, isLoggedIn: l } = r, { t: s } = B(), c = l ? s("form.login-bar.title.logged-in-state", {
+  const { buttonElement: t, email: e, isLoggedIn: l } = r, { t: s } = B(), m = l ? s("form.login-bar.title.logged-in-state", {
     user: e
   }) : s("form.login-bar.title.logged-out-state");
   return /* @__PURE__ */ o.createElement("div", {
     className: n
-  }, c, !l && t);
+  }, m, !l && t);
 }, F = ({ className: n, ...r }) => {
-  const { t } = B(), { isLoggedIn: e, login: l, logout: s } = r, c = t(e ? "form.login-bar.action.logout" : "form.login-bar.actions.login"), m = () => e ? s == null ? void 0 : s() : l == null ? void 0 : l();
+  const { t } = B(), { isLoggedIn: e, login: l, logout: s } = r, m = t(e ? "form.login-bar.action.logout" : "form.login-bar.actions.login"), c = () => e ? s == null ? void 0 : s() : l == null ? void 0 : l();
   return /* @__PURE__ */ o.createElement(L, {
     className: n,
-    onPress: m
-  }, c);
+    onPress: c
+  }, m);
 };
 a.LoginBar = x;
 a.Text = N;
@@ -62,13 +62,13 @@ const T = "_container_1mvrn_1", C = "_text_1mvrn_34", v = "_button_1mvrn_39", u
       var e;
       return (e = t == null ? void 0 : t.requestLogout) == null ? void 0 : e.call(t);
     },
-    className: b(_, u.container)
+    className: E(_, u.container)
   }, /* @__PURE__ */ o.createElement(a.Text, {
     className: u.text
   }), /* @__PURE__ */ o.createElement(a.Button, {
     className: u.button
   })));
-}, h = () => /* @__PURE__ */ o.createElement(A, null);
+}, k = () => /* @__PURE__ */ o.createElement(A, null);
 export {
-  h as BookingsLoginBarRAC
+  k as BookingsLoginBarRAC
 };

package/dist/component/{bookings-phone-rac-CCJVdvkd.js → bookings-phone-rac-Bfy8rheB.js}

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

package/dist/component/{bookings-rich-text-rac-CCklquEC.js → bookings-rich-text-rac-DGiBDcXw.js}

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