@wix/form-elements 1.73.0 → 1.75.0

package/dist/component/{appointment-rac-Bze1s2XD.js → appointment-rac-7xVKSm2N.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 o, { useRef as J, useState as Q, 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 { 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-DCmjj8mZ.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 { s as fe } from "./field-rac.module-DjmaTYkc.js";
+import { y as De, Q as yt, z as Ie, h as Lt, i as Oe, g as _t, A as Nt, p as At } from "./form-element-classes-Dn33C01k.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 { D as wt, E as vt } from "./field-error-headless-uQOcm2Ak.js";
+import { L as kt } from "./field-label-headless-Bzh7f2Ji.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";
@@ -23,7 +23,7 @@ var Te = /* @__PURE__ */ (function(e) {
   return e.LOADING = "LOADING", e.DONE = "DONE", e.ERROR = "ERROR", e;
 })({});
 const V = 4;
-var Q = /* @__PURE__ */ (function(e) {
+var j = /* @__PURE__ */ (function(e) {
   return e.FORM = "form", e.NO_AVAILABILITY_FOR_DATE = "no availability for date empty state", e.NO_AVAILABILITY_AT_ALL = "no availability at all empty state", e.SLOT = "slot", e.DATE = "date", e.PAGINATION = "pagination", e.SHOW_MORE = "show more", e;
 })({}), te = /* @__PURE__ */ (function(e) {
   return e.LOAD = "load", e.CLICK = "click", e;
@@ -87,7 +87,7 @@ const Wt = (e) => {
   if (t || n)
     return {
       ...s,
-      timezone: je(),
+      timezone: Qe(),
       dataStatus: z.DONE
     };
   {
@@ -114,7 +114,7 @@ const Wt = (e) => {
     startDate: s,
     endDate: r
   };
-}, je = () => Intl.DateTimeFormat().resolvedOptions().timeZone, xt = (e) => {
+}, Qe = () => 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);
@@ -158,11 +158,11 @@ 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);
+  const c = !!(i != null && i.getAvailabilityDates && (i != null && i.getAvailabilitySlots)), [d, S] = Q(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 = {
+      const v = Qe(), I = {
         currentSlotBulkSize: V,
         timezone: v,
         dataStatus: z.LOADING
@@ -181,7 +181,7 @@ function zt(e) {
         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
+            component: j.NO_AVAILABILITY_AT_ALL
           }), S({
             dataStatus: z.ERROR,
             error: {
@@ -197,7 +197,7 @@ function zt(e) {
           selectedDate: I.selectedDate
         }))), E == null || E.report({
           action: te.LOAD,
-          component: (B = I.availabilityDates) != null && B.length ? Q.FORM : Q.NO_AVAILABILITY_FOR_DATE
+          component: (B = I.availabilityDates) != null && B.length ? j.FORM : j.NO_AVAILABILITY_FOR_DATE
         }), a != null && a.startDate || n(void 0), S({
           ...I,
           dataStatus: z.DONE
@@ -219,12 +219,12 @@ function zt(e) {
     c
   ]), d;
 }
-const Qe = /* @__PURE__ */ Ge({
+const je = /* @__PURE__ */ Ge({
   appointmentState: {},
   setAppointmentState: () => {
   }
 }), Yt = ({ appointmentFieldProps: e, children: t }) => {
-  const { isEditor: n, isComposer: a } = ce(), [s, r] = j(() => Bt({
+  const { isEditor: n, isComposer: a } = ce(), [s, r] = Q(() => Bt({
     appointmentFieldProps: e,
     isEditor: n,
     isComposer: a
@@ -236,7 +236,7 @@ const Qe = /* @__PURE__ */ Ge({
     });
   }, [
     u
-  ]), /* @__PURE__ */ o.createElement(Qe.Provider, {
+  ]), /* @__PURE__ */ o.createElement(je.Provider, {
     value: {
       appointmentFieldProps: e,
       appointmentState: s,
@@ -246,7 +246,7 @@ const Qe = /* @__PURE__ */ Ge({
       })
     }
   }, t);
-}, he = () => Ze(Qe), Kt = (e, t) => {
+}, he = () => Ze(je), Kt = (e, t) => {
   if (e.startOfWeek.getMonth() === e.endOfWeek.getMonth())
     return new Intl.DateTimeFormat(t, {
       month: "long",
@@ -329,12 +329,12 @@ const Qe = /* @__PURE__ */ Ge({
     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, {
+}, Qt = ({ selectedDate: e, locale: t, timezone: n }) => e ? new Intl.DateTimeFormat(t, {
   weekday: "long",
   month: "short",
   day: "numeric",
   timeZone: n
-}).format(e) : "", Qt = (e, t) => {
+}).format(e) : "", jt = (e, t) => {
   let n;
   return t.forEach((a, s) => {
     var r, u;
@@ -351,7 +351,7 @@ 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);
+  const { isExperimentEnabled: n } = mt(), a = n(ut.BIF_SLOT_HOLD), [s, r] = Q(Ke), u = a && en(e), i = t == null ? void 0 : t.startDate, l = J(!1);
   return Y(() => {
     if (!u) {
       l.current = !1;
@@ -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] = Q(!1), [E, f] = Q(!1), [O, v] = Q(), [I, W] = Q();
   Zt({
     setIsReloadingSlots: S
   });
@@ -415,7 +415,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
     });
   }), Y(() => {
     if (_ != null && _.length && R) {
-      const D = Qt(Ee(A ?? void 0), _);
+      const D = jt(Ee(A ?? void 0), _);
       D && D + 1 > R && n({
         currentSlotBulkSize: D + 1
       });
@@ -514,7 +514,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
           availabilitySlots: void 0
         }), c == null || c.report({
           action: te.CLICK,
-          component: Q.DATE
+          component: j.DATE
         });
         try {
           const g = await ((b = l == null ? void 0 : l.getAvailabilitySlots) == null ? void 0 : b.call(l, {
@@ -554,7 +554,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
       const h = ++de.current;
       f(!0), c == null || c.report({
         action: te.CLICK,
-        component: Q.PAGINATION
+        component: j.PAGINATION
       });
       try {
         const be = await ((re = l == null ? void 0 : l.getAvailabilityDates) == null ? void 0 : re.call(l, {
@@ -591,7 +591,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
       const { startDate: g, endDate: h } = b;
       c == null || c.report({
         action: te.CLICK,
-        component: Q.SLOT,
+        component: j.SLOT,
         startTime: new Date(g).valueOf(),
         endTime: new Date(h).valueOf()
       }), N == null || N({
@@ -613,7 +613,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
     const D = R || V;
     c == null || c.report({
       action: te.CLICK,
-      component: Q.SHOW_MORE
+      component: j.SHOW_MORE
     }), W(D), n({
       currentSlotBulkSize: D + V
     });
@@ -652,7 +652,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
       startOfWeek: M,
       endOfWeek: ee(M, q - 1)
     }, a),
-    selectedDateLabel: jt({
+    selectedDateLabel: Qt({
       selectedDate: L,
       locale: a,
       timezone: p

package/dist/component/{bookings-address-rac-BcrkXf63.js → bookings-address-rac-VXnUSx8U.js}

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

package/dist/component/{bookings-email-rac-DYq5RxOP.js → bookings-email-rac-B2_ad7Y2.js}

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

package/dist/component/{bookings-first-name-rac-ZJ_sQ-01.js → bookings-first-name-rac-9BAY5vLx.js}

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

package/dist/component/{bookings-header-rac-Cv8kl01f.js → bookings-header-rac-B6IgiMOA.js}

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

package/dist/component/{bookings-last-name-rac-BmnulSZ6.js → bookings-last-name-rac-DoXEDO8K.js}

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

package/dist/component/{bookings-login-bar-rac-Bdi4xs9y.js → bookings-login-bar-rac-DprQIFyj.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-C6WwBcGP.js";
+import { ai as d, as as B, ab as f, ae as p } from "./form-DCmjj8mZ.js";
 import { Button as L } from "react-aria-components";
 import { a as i, f as g } from "./find-child-C60k4CxG.js";
-import { x as _ } from "./form-element-classes-DDKCTFQj.js";
+import { w as _ } from "./form-element-classes-Dn33C01k.js";
 const a = ({ children: n }) => {
   const { id: r, FieldLayout: t } = d();
   return /* @__PURE__ */ o.createElement(t, {

package/dist/component/{bookings-phone-rac-C8DjSzUY.js → bookings-phone-rac-VMoXtejZ.js}

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

package/dist/component/{bookings-rich-text-rac-DYu011oy.js → bookings-rich-text-rac-DSzD2jBy.js}

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