@wix/form-elements 1.79.0 → 1.81.0

package/dist/component/{email-input-field-rac-DCKR6Yco.js → email-input-field-rac-Btaa4O5T.js}

@@ -1,19 +1,19 @@
 import { RicosViewer as ie } from "@wix/ricos/viewer";
-import x from "classnames";
-import u, { createContext as Q, useContext as Z, createElement as H, isValidElement as U, cloneElement as R, useState as le, useCallback as me, useEffect as ue } from "react";
+import D from "classnames";
+import u, { createContext as Z, useContext as z, createElement as H, isValidElement as U, cloneElement as R, useState as le, useCallback as me, useEffect as ue } from "react";
 import { TextField as pe } from "react-aria-components";
-import { af as fe, as as ge, ad as ve, c as ye, ai as Ee, am as de, ag as be, f as Se } from "./form-1k13yOes.js";
+import { af as fe, as as ge, ad as ve, c as ye, ai as Ee, am as de, ag as be, f as Se } from "./form-f0tqdMye.js";
 import { f as L } from "./find-child-C60k4CxG.js";
 import ee from "@babel/runtime/helpers/objectWithoutProperties";
-import P from "@babel/runtime/helpers/typeof";
+import M from "@babel/runtime/helpers/typeof";
 import Oe from "@babel/runtime/helpers/defineProperty";
 import he from "html-parse-stringify";
 import Ie from "@babel/runtime/helpers/classCallCheck";
 import Ne from "@babel/runtime/helpers/createClass";
-import { T as B } from "./text-input-headless-D3b0XErK.js";
+import { T as B } from "./text-input-headless-BwVLU9cp.js";
 import { E as Ae } from "./error-icon-hZxQ6DEy.js";
 import { s as C } from "./field-rac.module-ColNPUt0.js";
-import { z as Fe, P as ke, y as Te, p as De, i as xe, _ as je } from "./form-element-classes-BuM-vthE.js";
+import { y as Fe, O as ke, x as Te, o as xe, i as De, Z as je } from "./form-element-classes-jC8D0LnK.js";
 var Le = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Ce = {
   "&": "&",
   "&": "&",
@@ -35,11 +35,11 @@ var Le = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#1
   "…": "…",
   "/": "/",
   "/": "/"
-}, Pe = function(t) {
+}, Me = function(t) {
   return Ce[t];
-}, _e = function(t) {
-  return t.replace(Le, Pe);
-}, Me = {
+}, Pe = function(t) {
+  return t.replace(Le, Me);
+}, _e = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
   transEmptyNodeValue: "",
@@ -47,10 +47,10 @@ var Le = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#1
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: _e
-}, we, Re = Q();
+  unescape: Pe
+}, we, Re = Z();
 function He() {
-  return Me;
+  return _e;
 }
 (function() {
   function e() {
@@ -81,14 +81,14 @@ function K() {
     typeof a[0] == "string" && (a[0] = "react-i18next:: ".concat(a[0])), (e = console).warn.apply(e, a);
   }
 }
-var z = {};
+var J = {};
 function Ue() {
   for (var e = arguments.length, t = new Array(e), a = 0; a < e; a++)
     t[a] = arguments[a];
-  typeof t[0] == "string" && z[t[0]] || (typeof t[0] == "string" && (z[t[0]] = /* @__PURE__ */ new Date()), K.apply(void 0, t));
+  typeof t[0] == "string" && J[t[0]] || (typeof t[0] == "string" && (J[t[0]] = /* @__PURE__ */ new Date()), K.apply(void 0, t));
 }
 var Be = ["format"], Ve = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
-function J(e, t) {
+function Q(e, t) {
   var a = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
@@ -101,9 +101,9 @@ function J(e, t) {
 function p(e) {
   for (var t = 1; t < arguments.length; t++) {
     var a = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? J(Object(a), !0).forEach(function(o) {
+    t % 2 ? Q(Object(a), !0).forEach(function(o) {
       Oe(e, o, a[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(a)) : J(Object(a)).forEach(function(o) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(a)) : Q(Object(a)).forEach(function(o) {
       Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(a, o));
     });
   }
@@ -122,7 +122,7 @@ function qe(e) {
     return U(t);
   });
 }
-function _(e) {
+function P(e) {
   return Array.isArray(e) ? e : [e];
 }
 function Ye(e, t) {
@@ -131,7 +131,7 @@ function Ye(e, t) {
 }
 function te(e, t) {
   if (!e) return "";
-  var a = "", o = _(e), c = t.transSupportBasicHtmlNodes && t.transKeepBasicHtmlNodesFor ? t.transKeepBasicHtmlNodesFor : [];
+  var a = "", o = P(e), c = t.transSupportBasicHtmlNodes && t.transKeepBasicHtmlNodesFor ? t.transKeepBasicHtmlNodesFor : [];
   return o.forEach(function(r, g) {
     if (typeof r == "string")
       a += "".concat(r);
@@ -151,7 +151,7 @@ function te(e, t) {
       }
     } else if (r === null)
       K("Trans: the passed in value is invalid - seems you passed in a null child.");
-    else if (P(r) === "object") {
+    else if (M(r) === "object") {
       var O = r.format, F = ee(r, Be), A = Object.keys(F);
       if (A.length === 1) {
         var S = O ? "".concat(A[0], ", ").concat(O) : A[0];
@@ -168,9 +168,9 @@ function Ge(e, t, a, o, c, r) {
   if (!e && !v) return [t];
   var d = {};
   function b(y) {
-    var h = _(y);
+    var h = P(y);
     h.forEach(function(s) {
-      typeof s != "string" && (Y(s) ? b(G(s)) : P(s) === "object" && !U(s) && Object.assign(d, s));
+      typeof s != "string" && (Y(s) ? b(G(s)) : M(s) === "object" && !U(s) && Object.assign(d, s));
     });
   }
   b(e);
@@ -185,7 +185,7 @@ function Ge(e, t, a, o, c, r) {
     }), I ? void 0 : h));
   }
   function S(y, h, s) {
-    var i = _(y), I = _(h);
+    var i = P(y), I = P(h);
     return I.reduce(function(l, n, E) {
       var k = n.children && n.children[0] && n.children[0].content && a.services.interpolator.interpolate(n.children[0].content, O, a.language);
       if (n.type === "tag") {
@@ -193,14 +193,14 @@ function Ge(e, t, a, o, c, r) {
         !N && s.length === 1 && s[0][n.name] && (N = s[0][n.name]), N || (N = {});
         var m = Object.keys(n.attrs).length !== 0 ? Ye({
           props: n.attrs
-        }, N) : N, D = U(m), V = D && Y(n, !0) && !n.voidElement, M = v && P(m) === "object" && m.dummy && !D, w = P(e) === "object" && e !== null && Object.hasOwnProperty.call(e, n.name);
+        }, N) : N, x = U(m), V = x && Y(n, !0) && !n.voidElement, _ = v && M(m) === "object" && m.dummy && !x, w = M(e) === "object" && e !== null && Object.hasOwnProperty.call(e, n.name);
         if (typeof m == "string") {
           var q = a.services.interpolator.interpolate(m, O, a.language);
           l.push(q);
         } else if (Y(m) || V) {
           var ne = F(m, n, s);
           A(m, ne, l, E);
-        } else if (M) {
+        } else if (_) {
           var oe = S(i, n.children, s);
           l.push(R(m, p(p({}, m.props), {}, {
             key: E
@@ -226,7 +226,7 @@ function Ge(e, t, a, o, c, r) {
             var ce = S(i, n.children, s);
             l.push("<".concat(n.name, ">").concat(ce, "</").concat(n.name, ">"));
           }
-        else if (P(m) === "object" && !D) {
+        else if (M(m) === "object" && !x) {
           var $ = n.children[0] ? k : null;
           $ && l.push($);
         } else n.children.length === 1 && k ? l.push(R(m, p(p({}, m.props), {}, {
@@ -246,11 +246,11 @@ function Ge(e, t, a, o, c, r) {
   var j = S([{
     dummy: !0,
     children: e || []
-  }], T, _(e || []));
+  }], T, P(e || []));
   return G(j[0]);
 }
 function $e(e) {
-  var t = e.children, a = e.count, o = e.parent, c = e.i18nKey, r = e.context, g = e.tOptions, v = g === void 0 ? {} : g, d = e.values, b = e.defaults, T = e.components, O = e.ns, F = e.i18n, A = e.t, S = e.shouldUnescape, j = ee(e, Ve), y = Z(Re) || {}, h = y.i18n, s = y.defaultNS, i = F || h || Ke();
+  var t = e.children, a = e.count, o = e.parent, c = e.i18nKey, r = e.context, g = e.tOptions, v = g === void 0 ? {} : g, d = e.values, b = e.defaults, T = e.components, O = e.ns, F = e.i18n, A = e.t, S = e.shouldUnescape, j = ee(e, Ve), y = z(Re) || {}, h = y.i18n, s = y.defaultNS, i = F || h || Ke();
   if (!i)
     return Ue("You will need to pass in an i18next instance by using i18nextReactModule"), t;
   var I = A || i.t.bind(i) || function(q) {
@@ -264,28 +264,28 @@ function $e(e) {
       prefix: "#$?",
       suffix: "?$#"
     })
-  }, D = p(p(p(p({}, v), {}, {
+  }, x = p(p(p(p({}, v), {}, {
     count: a
   }, d), m), {}, {
     defaultValue: E,
     ns: n
-  }), V = N ? I(N, D) : E, M = Ge(T || t, V, i, l, D, S), w = o !== void 0 ? o : l.defaultTransParent;
-  return w ? H(w, j, M) : M;
+  }), V = N ? I(N, x) : E, _ = Ge(T || t, V, i, l, x, S), w = o !== void 0 ? o : l.defaultTransParent;
+  return w ? H(w, j, _) : _;
 }
-const We = "email-mistype-suggestion", Xe = "email-mistype-suggestion-link", ae = /* @__PURE__ */ Q(void 0);
-function ze() {
-  const e = Z(ae);
+const We = "email-mistype-suggestion", Xe = "email-mistype-suggestion-link", ae = /* @__PURE__ */ Z(void 0);
+function Je() {
+  const e = z(ae);
   if (e === void 0)
     throw new Error("useEmailSuggestion must be used inside <EmailInput>");
   return e;
 }
-const Je = ({ activeSuggestion: e, applySuggestion: t, children: a }) => /* @__PURE__ */ u.createElement(ae.Provider, {
+const Qe = ({ activeSuggestion: e, applySuggestion: t, children: a }) => /* @__PURE__ */ u.createElement(ae.Provider, {
   value: {
     activeSuggestion: e,
     applySuggestion: t
   }
-}, a), Qe = ({ className: e }) => {
-  const { suggestionId: t } = fe(), { activeSuggestion: a, applySuggestion: o } = ze(), { t: c, i18n: r } = ge();
+}, a), Ze = ({ className: e }) => {
+  const { suggestionId: t } = fe(), { activeSuggestion: a, applySuggestion: o } = Je(), { t: c, i18n: r } = ge();
   return /* @__PURE__ */ u.createElement("div", {
     id: t,
     "data-hook": We,
@@ -310,7 +310,7 @@ const Je = ({ activeSuggestion: e, applySuggestion: t, children: a }) => /* @__P
       })
     ]
   }) : null);
-}, Ze = {
+}, ze = {
   "aol.com": [
     "aaol.com",
     "aol.con",
@@ -421,7 +421,7 @@ const Je = ({ activeSuggestion: e, applySuggestion: t, children: a }) => /* @__P
     "comcast.nrt",
     "comcast.net.net"
   ]
-}, et = new Map(Object.entries(Ze).flatMap(([e, t]) => t.map((a) => [
+}, et = new Map(Object.entries(ze).flatMap(([e, t]) => t.map((a) => [
   a,
   e
 ]))), tt = (e) => {
@@ -459,7 +459,7 @@ const Je = ({ activeSuggestion: e, applySuggestion: t, children: a }) => /* @__P
   }, n = L(e, f.Label), E = L(e, f.Input), k = L(e, f.Description), N = L(e, f.Error), m = L(e, f.Suggestion);
   return /* @__PURE__ */ u.createElement(Se.Provider, {
     value: i
-  }, /* @__PURE__ */ u.createElement(Je, {
+  }, /* @__PURE__ */ u.createElement(Qe, {
     activeSuggestion: s,
     applySuggestion: I
   }, /* @__PURE__ */ u.createElement(F, {
@@ -483,24 +483,24 @@ f.Label = B.Label;
 f.Input = B.Input;
 f.Description = B.Description;
 f.Error = B.Error;
-f.Suggestion = Qe;
+f.Suggestion = Ze;
 const nt = "_suggestion_di65n_1", ot = {
   suggestion: nt
 }, rt = ({ content: e, locale: t }) => /* @__PURE__ */ u.createElement(ie, {
   content: e,
   locale: t
 }), ht = () => /* @__PURE__ */ u.createElement(f, null, /* @__PURE__ */ u.createElement(f.Label, {
-  className: x(Fe, C.label)
+  className: D(Fe, C.label)
 }, /* @__PURE__ */ u.createElement(f.Label.Required, {
-  className: x(ke, C.requiredMark)
+  className: D(ke, C.requiredMark)
 })), /* @__PURE__ */ u.createElement(f.Input, {
-  className: x(Te, C.input)
+  className: D(Te, C.input)
 }), /* @__PURE__ */ u.createElement(f.Error, {
-  className: x(De, C.error)
+  className: D(xe, C.error)
 }, /* @__PURE__ */ u.createElement(Ae, null), /* @__PURE__ */ u.createElement(f.Error.Text, null)), /* @__PURE__ */ u.createElement(f.Description, {
-  className: x(xe, C.description)
+  className: D(De, C.description)
 }, rt), /* @__PURE__ */ u.createElement(f.Suggestion, {
-  className: x(je, ot.suggestion)
+  className: D(je, ot.suggestion)
 }));
 export {
   ht as E

package/dist/component/{events-repeater-rac-DS2hIZ81.js → events-repeater-rac-xBwqJddt.js}

@@ -1,16 +1,16 @@
-import e, { useState as q, useMemo as v, useCallback as V, useRef as w } from "react";
+import e, { useState as q, useMemo as v, useCallback as V, useRef as x } from "react";
 import T from "classnames";
-import { NumberField as z, Input as J, CheckboxField as Q, CheckboxButton as W, Button as x } from "react-aria-components";
-import { ao as U, ap as P, ae as H, aj as K, u as Y, ai as D, af as X, ak as j, j as Z } from "./form-1k13yOes.js";
+import { NumberField as z, Input as J, CheckboxField as Q, CheckboxButton as W, Button as w } from "react-aria-components";
+import { ao as U, ap as P, ae as H, aj as K, u as Y, ai as D, af as X, ak as j, j as Z } from "./form-f0tqdMye.js";
 import { f as b, a as L } from "./find-child-C60k4CxG.js";
-import { L as ee } from "./field-label-headless-C1VDQVhB.js";
+import { L as ee } from "./field-label-headless-BGyK-5xW.js";
 import { S as te } from "./selection-indicator-XQ8MYHUQ.js";
 import { u as se } from "./use-invoke-callback-UH73A_J3.js";
 import { C as k } from "./chevron-down-icon-CcpVm6B-.js";
 import { C as ne } from "./checkbox-indicator-module-classes-DqzGZQRQ.js";
 import { s as B } from "./field-rac.module-ColNPUt0.js";
-import { z as oe, y as re, q as ae, s as le, r as ce } from "./form-element-classes-BuM-vthE.js";
-import { u as ue } from "./use-element-state-class-name-DkaI8J4Y.js";
+import { y as oe, x as re, p as ae, r as le, q as ce } from "./form-element-classes-jC8D0LnK.js";
+import { u as ue } from "./use-element-state-class-name-BqmaTba3.js";
 const me = [], ie = ({ id: t, fields: n, layout: l, value: r, onChange: s, errors: m = me, validation: c }) => {
   const [i, E] = q((r == null ? void 0 : r.length) || 0), a = v(() => r ?? [], [
     r
@@ -98,7 +98,7 @@ const me = [], ie = ({ id: t, fields: n, layout: l, value: r, onChange: s, error
 }, Ee = ({ className: t }) => /* @__PURE__ */ e.createElement(ee, {
   className: t
 }, null), O = ({ children: t, className: n, groupClassName: l, ...r }) => {
-  const { guestLimit: s, guestCount: m, onGuestCountChange: c } = r, { id: i, label: E, disabled: a, readOnly: C, onBlur: g, onFocus: d } = D(), { inputId: u, ariaDescribedBy: F } = X(), _ = se(g), G = w(null);
+  const { guestLimit: s, guestCount: m, onGuestCountChange: c } = r, { id: i, label: E, disabled: a, readOnly: C, onBlur: g, onFocus: d } = D(), { inputId: u, ariaDescribedBy: F } = X(), _ = se(g), G = x(null);
   j(() => {
     var p;
     (p = G.current) == null || p.focus();
@@ -123,14 +123,14 @@ const me = [], ie = ({ id: t, fields: n, layout: l, value: r, onChange: s, error
     className: n,
     inputMode: "numeric"
   }), S, f);
-}, Ce = ({ children: t, className: n }) => /* @__PURE__ */ e.createElement(x, {
+}, Ce = ({ children: t, className: n }) => /* @__PURE__ */ e.createElement(w, {
   slot: "decrement",
   className: n
-}, t), fe = ({ children: t, className: n }) => /* @__PURE__ */ e.createElement(x, {
+}, t), fe = ({ children: t, className: n }) => /* @__PURE__ */ e.createElement(w, {
   slot: "increment",
   className: n
 }, t), R = ({ children: t, className: n, ...l }) => {
-  const { guestCount: r, onGuestCountChange: s } = l, { id: m, label: c, disabled: i, readOnly: E, onBlur: a, onFocus: C } = D(), { inputId: g, ariaDescribedBy: d } = X(), u = w(null);
+  const { guestCount: r, onGuestCountChange: s } = l, { id: m, label: c, disabled: i, readOnly: E, onBlur: a, onFocus: C } = D(), { inputId: g, ariaDescribedBy: d } = X(), u = x(null);
   j(() => {
     var f;
     (f = u.current) == null || f.focus();

package/dist/component/{events-rsvp-rac-iSG0hWt3.js → events-rsvp-rac-D90PwkHd.js}

@@ -1,11 +1,11 @@
 import t from "react";
 import { RicosViewer as m } from "@wix/ricos/viewer";
 import s from "classnames";
-import { a, s as o, R as c } from "./radio-button-module-classes-BqNsWvgU.js";
+import { a, s as o, R as c } from "./radio-button-module-classes-DXQ1UlmI.js";
 import { E } from "./error-icon-hZxQ6DEy.js";
 import { s as l } from "./field-rac.module-ColNPUt0.js";
-import { z as i, P as p, Q as R, R as _, p as O, i as L, S } from "./form-element-classes-BuM-vthE.js";
-import { u } from "./use-element-state-class-name-DkaI8J4Y.js";
+import { y as i, O as p, P as R, Q as _, o as O, i as L, R as S } from "./form-element-classes-jC8D0LnK.js";
+import { u } from "./use-element-state-class-name-BqmaTba3.js";
 const e = ({ children: r }) => /* @__PURE__ */ t.createElement(a, null, r);
 e.Label = a.Label;
 e.Options = a.Options;

package/dist/component/{field-error-headless-Lb5aaoR3.js → field-error-headless-BErhh9GG.js}

@@ -1,5 +1,5 @@
 import t, { createContext as m, useContext as M } from "react";
-import { ai as c, af as i, ab as f, T as x, U as h } from "./form-1k13yOes.js";
+import { ai as c, af as i, ab as f, T as x, U as h } from "./form-f0tqdMye.js";
 const b = ({ className: r, children: e }) => {
   const { description: s, target: o } = c(), { descriptionId: a } = i(), { language: n } = f();
   return s ? /* @__PURE__ */ t.createElement("div", {

package/dist/component/{field-label-headless-C1VDQVhB.js → field-label-headless-BGyK-5xW.js}

@@ -1,4 +1,4 @@
-import { ai as m, R as d, q as p, af as D, as as B } from "./form-1k13yOes.js";
+import { ai as m, R as d, q as p, af as D, as as B } from "./form-f0tqdMye.js";
 import l from "react";
 import { f as L } from "./find-child-C60k4CxG.js";
 import { sdk as R } from "@wix/image-kit";

package/dist/component/{file-upload-rac-BEUXTVXa.js → file-upload-rac-MxH3CVml.js}

@@ -1,13 +1,13 @@
 import t, { useState as Q, useRef as V, useMemo as oe, useEffect as se, useCallback as P, createContext as pe, useContext as fe } from "react";
 import { RicosViewer as Ee } from "@wix/ricos/viewer";
 import B from "classnames";
-import { ae as Fe, as as ie, an as ge, i as he, aq as xe, e as re, ar as be, af as ce, ai as q, ak as Ce } from "./form-1k13yOes.js";
+import { ae as Fe, as as ie, an as ge, i as he, aq as xe, e as re, ar as be, af as ce, ai as q, ak as Ce } from "./form-f0tqdMye.js";
 import { E as Le } from "./error-icon-hZxQ6DEy.js";
 import { s as I } from "./field-rac.module-ColNPUt0.js";
-import { z as ne, P as De, a3 as Ne, i as ae, p as le } from "./form-element-classes-BuM-vthE.js";
+import { y as ne, O as De, a1 as Ne, i as ae, o as le } from "./form-element-classes-jC8D0LnK.js";
 import { f as h, a as z } from "./find-child-C60k4CxG.js";
-import { b as ve, a as ye, D as _e, E as Te } from "./field-error-headless-Lb5aaoR3.js";
-import { L as Be } from "./field-label-headless-C1VDQVhB.js";
+import { b as ye, a as ve, D as _e, E as Te } from "./field-error-headless-BErhh9GG.js";
+import { L as Be } from "./field-label-headless-BGyK-5xW.js";
 import { DropZone as Re, Text as Se, FileTrigger as Me, Button as de, ProgressBar as Ie } from "react-aria-components";
 const we = {
   Video: "video/*",
@@ -26,7 +26,7 @@ const we = {
       formId: n,
       uploadTarget: e
     }).then((s) => {
-      const { id: b, displayName: m, url: c, isPrivate: N } = s, v = {
+      const { id: b, displayName: m, url: c, isPrivate: N } = s, y = {
         fileId: b,
         displayName: m || a.name,
         url: N ? void 0 : c,
@@ -34,8 +34,8 @@ const we = {
       };
       return i({
         file: a,
-        uploadedFile: v
-      }), v;
+        uploadedFile: y
+      }), y;
     }).catch((s) => {
       d(s, a);
     }));
@@ -43,16 +43,16 @@ const we = {
   };
 };
 function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onChange: i, uploadFileFormats: d, onBlur: x, onFilesCleared: D }) {
-  const [a, s] = Q(ke(r)), [b, m] = Q(r || []), [c, N] = Q(), v = Ae(o), { t: E } = ie(), k = ge().includes(he.BUTTONS_HOVER), { setFormStatus: y } = xe(), S = V(!1), _ = V(i);
+  const [a, s] = Q(ke(r)), [b, m] = Q(r || []), [c, N] = Q(), y = Ae(o), { t: E } = ie(), k = ge().includes(he.BUTTONS_HOVER), { setFormStatus: v } = xe(), S = V(!1), _ = V(i);
   _.current = i;
   const C = oe(() => a.some((u) => u.state === "uploading"), [
     a
   ]);
   se(() => {
-    S.current !== C && (S.current = C, y(o, C ? re.BUSY : re.READY));
+    S.current !== C && (S.current = C, v(o, C ? re.BUSY : re.READY));
   }, [
     C,
-    y,
+    v,
     o
   ]);
   const U = P(() => {
@@ -73,7 +73,7 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
     n,
     E
   ]), M = P(async (F) => {
-    await v(F, ({ file: u, uploadedFile: g }) => {
+    await y(F, ({ file: u, uploadedFile: g }) => {
       s((p) => p.map((f) => f.file === u ? {
         file: u,
         state: "uploaded"
@@ -92,7 +92,7 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
       } : f));
     });
   }, [
-    v,
+    y,
     E
   ]), O = async (F) => {
     if (c && N(void 0), F) {
@@ -198,10 +198,10 @@ const A = ({ children: e, className: r }) => {
     limitReached: n
   }));
 }, J = ({ className: e, children: r, "aria-roledescription": n }) => {
-  const { ariaDescribedBy: o, inputId: i, labelId: d, errorId: x } = ce(), { disabled: D, required: a, onFocus: s, hasError: b, errorMessage: m } = q(), { handleFileChange: c, accept: N, multiple: v, buttonRef: E, handleBlur: R, limitError: k, files: y } = Z(), S = (y == null ? void 0 : y.some((C) => C.errorMessage)) ?? !1, _ = !!(b || m || k || S);
+  const { ariaDescribedBy: o, inputId: i, labelId: d, errorId: x } = ce(), { disabled: D, required: a, onFocus: s, hasError: b, errorMessage: m } = q(), { handleFileChange: c, accept: N, multiple: y, buttonRef: E, handleBlur: R, limitError: k, files: v } = Z(), S = (v == null ? void 0 : v.some((C) => C.errorMessage)) ?? !1, _ = !!(b || m || k || S);
   return /* @__PURE__ */ t.createElement(Me, {
     acceptedFileTypes: N ? N.split(",") : void 0,
-    allowsMultiple: v,
+    allowsMultiple: y,
     onSelect: (C) => {
       if (C) {
         const U = Array.from(C), M = new DataTransfer();
@@ -279,7 +279,7 @@ const T = ({ children: e, className: r, ...n }) => {
   }, n);
 }, ue = ({ className: e, children: r, ...n }) => {
   const { errorMessage: o } = n;
-  return o ? /* @__PURE__ */ t.createElement(ye, {
+  return o ? /* @__PURE__ */ t.createElement(ve, {
     value: o
   }, /* @__PURE__ */ t.createElement("div", {
     className: e,
@@ -294,7 +294,7 @@ T.Name = ze;
 T.Remove = Ve;
 T.Spinner = qe;
 T.Error = ue;
-ue.Text = ve;
+ue.Text = ye;
 const X = ({ children: e, className: r }) => {
   const { files: n } = Z(), o = h(e, X.File);
   return !n || n.length === 0 ? null : /* @__PURE__ */ t.createElement("div", {
@@ -307,10 +307,10 @@ const X = ({ children: e, className: r }) => {
 };
 X.File = T;
 const G = (e) => e.file.name, l = ({ children: e }) => {
-  const { id: r, value: n, onChange: o, uploadFileFormats: i, valueSliderLimit: d, target: x, explanationText: D, onBlur: a, hasError: s, errorMessage: b, FieldLayout: m } = q(), c = V(null), N = V({}), v = P(() => {
+  const { id: r, value: n, onChange: o, uploadFileFormats: i, valueSliderLimit: d, target: x, explanationText: D, onBlur: a, hasError: s, errorMessage: b, FieldLayout: m } = q(), c = V(null), N = V({}), y = P(() => {
     var L;
     (L = c.current) == null || L.focus();
-  }, []), { files: E, limitError: R, hover: k, getExplanationText: y, handleBlur: S, handleChange: _, handleDelete: C, accept: U } = Ze({
+  }, []), { files: E, limitError: R, hover: k, getExplanationText: v, handleBlur: S, handleChange: _, handleDelete: C, accept: U } = Ze({
     valueSliderLimit: d,
     value: n,
     explanationText: D,
@@ -318,7 +318,7 @@ const G = (e) => e.file.name, l = ({ children: e }) => {
     onChange: o,
     uploadFileFormats: i,
     onBlur: a,
-    onFilesCleared: v
+    onFilesCleared: y
   }), M = P((L) => {
     var te;
     const ee = E[L], Y = G(ee);
@@ -334,7 +334,7 @@ const G = (e) => e.file.name, l = ({ children: e }) => {
     accept: U,
     limitReached: j,
     multiple: O,
-    getExplanationText: y,
+    getExplanationText: v,
     hover: k,
     limitError: R,
     buttonRef: c,
@@ -347,7 +347,7 @@ const G = (e) => e.file.name, l = ({ children: e }) => {
     U,
     j,
     O,
-    y,
+    v,
     k,
     R
   ]), K = h(e, l.Label), W = h(e, l.DropZone), F = h(e, l.Button), u = h(e, l.Explanation), g = h(e, l.Files), p = h(e, l.Description), f = h(e, l.Error);

package/dist/component/{fixed-payment-rac-BwrQJQ6w.js → fixed-payment-rac-DpBA9irF.js}

@@ -1,21 +1,21 @@
-import t, { useMemo as D } from "react";
-import { RicosViewer as _ } from "@wix/ricos/viewer";
+import t, { useMemo as _ } from "react";
+import { RicosViewer as A } from "@wix/ricos/viewer";
 import u from "classnames";
-import { ai as C, ab as I, af as P } from "./form-1k13yOes.js";
+import { ai as C, ab as I, af as P } from "./form-f0tqdMye.js";
 import { f as c, a as O } from "./find-child-C60k4CxG.js";
 import { f as S } from "./format-currency-BwShJ9vM.js";
-import { D as x, E as N } from "./field-error-headless-Lb5aaoR3.js";
-import { L as R } from "./field-label-headless-C1VDQVhB.js";
+import { D as x, E as N } from "./field-error-headless-BErhh9GG.js";
+import { L as R } from "./field-label-headless-BGyK-5xW.js";
 import { s as L } from "./field-rac.module-ColNPUt0.js";
-import { z as v, A as M, i as g } from "./form-element-classes-BuM-vthE.js";
+import { y as v, z as M, i as g } from "./form-element-classes-jC8D0LnK.js";
 const e = ({ children: r }) => {
   var p;
-  const { id: n, validation: a, FieldLayout: l } = C(), { currency: o, regionalFormat: m } = I(), s = D(() => {
+  const { id: n, validation: a, FieldLayout: l } = C(), { currency: o, regionalFormat: m } = I(), s = _(() => {
     var d, f, E;
     return (E = (f = (d = a == null ? void 0 : a.predefined) == null ? void 0 : d.paymentOptions) == null ? void 0 : f.products) == null ? void 0 : E[0];
   }, [
     a
-  ]), i = (p = s == null ? void 0 : s.fixedPriceOptions) == null ? void 0 : p.price, y = c(r, e.Label), F = c(r, e.Amount), b = c(r, e.Description), A = c(r, e.Error);
+  ]), i = (p = s == null ? void 0 : s.fixedPriceOptions) == null ? void 0 : p.price, y = c(r, e.Label), F = c(r, e.Amount), b = c(r, e.Description), D = c(r, e.Error);
   return /* @__PURE__ */ t.createElement(l, {
     fieldId: n,
     renderLabel: () => y,
@@ -24,7 +24,7 @@ const e = ({ children: r }) => {
       currencyCode: o == null ? void 0 : o.code,
       locale: m
     }),
-    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, A, b)
+    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, D, b)
   });
 }, B = ({ className: r, ...n }) => {
   const { price: a, currencyCode: l, locale: o } = n, { inputId: m, ariaDescribedBy: s } = P(), i = S({
@@ -45,18 +45,18 @@ e.Label = T;
 e.Amount = B;
 e.Description = x;
 e.Error = N;
-const V = "_value_19v7w_1", w = {
+const V = "_value_c7203_1", k = {
   value: V
-}, k = ({ content: r, locale: n }) => /* @__PURE__ */ t.createElement(_, {
+}, w = ({ content: r, locale: n }) => /* @__PURE__ */ t.createElement(A, {
   content: r,
   locale: n
 }), z = () => /* @__PURE__ */ t.createElement(e, null, /* @__PURE__ */ t.createElement(e.Label, {
   className: u(v, L.label)
 }), /* @__PURE__ */ t.createElement(e.Amount, {
-  className: u(M, w.value)
+  className: u(M, k.value)
 }), /* @__PURE__ */ t.createElement(e.Description, {
   className: u(g, L.description)
-}, k)), X = () => /* @__PURE__ */ t.createElement(z, null);
+}, w)), X = () => /* @__PURE__ */ t.createElement(z, null);
 export {
   X as FixedPaymentRAC
 };