@wix/form-elements 1.62.0 → 1.64.0

package/dist/component/{radio-group-field-rac-D8NS7qDq.js → radio-group-field-rac-DKqWnMBJ.js}

@@ -1,10 +1,10 @@
 import { RicosViewer as s } from "@wix/ricos/viewer";
 import a from "classnames";
 import e from "react";
-import { R as t, s as r } from "./radio-group-field-rac.module-wK26tCZq.js";
+import { R as t, s as r } from "./radio-group-field-rac.module-BwUynK_5.js";
 import { E as m } from "./error-icon-hZxQ6DEy.js";
-import { s as l } from "./field-rac.module-DtugsLiL.js";
-import { r as c, H as i, E, D as _, C as R, q as p, l as O, h as I } from "./form-element-classes-Bi-nNM8q.js";
+import { s as l } from "./field-rac.module-CWkwwhq4.js";
+import { t as c, J as i, H as E, G as _, E as R, s as p, n as O, j as I } from "./form-element-classes-KRzHUNLu.js";
 const L = ({ content: o, locale: n }) => /* @__PURE__ */ e.createElement(s, {
   content: o,
   locale: n

package/dist/component/{radio-group-field-rac.module-wK26tCZq.js → radio-group-field-rac.module-BwUynK_5.js}

@@ -1,15 +1,15 @@
 import s, { useRef as y, useState as V, useEffect as S, useCallback as B } from "react";
-import { RadioGroup as T, RadioField as k, RadioButton as q, TextField as G, Input as M } from "react-aria-components";
-import { ag as C, ad as P, aq as F, aa as $, ai as x } from "./form-D6A2hUbV.js";
+import { RadioGroup as T, RadioField as k, RadioButton as G, TextField as M, Input as P } from "react-aria-components";
+import { ai as C, af as $, as as F, ab as q, ak as x } from "./form-9yjqDnxY.js";
 import { f as d, a as g } from "./find-child-C60k4CxG.js";
-import { D as U, E as A } from "./field-error-headless-DP4WSQU3.js";
-import { L as H } from "./field-label-headless-BKmi7Fjg.js";
+import { D as U, E as A } from "./field-error-headless-DrnFrGun.js";
+import { L as H } from "./field-label-headless-BIYf1BIh.js";
 import { N as j } from "./options-layout-constants-DEfIEJWD.js";
 const L = "Other", w = (e, t) => e == null ? void 0 : e.find((o) => (o.value ?? o.label) === t), R = (e, t) => !!t && !w(e, t), z = (e, t) => {
   const a = t ? t.length + 2 : 0;
   return e.slice(a);
 }, i = ({ children: e }) => {
-  const { id: t, value: o, onChange: a, disabled: O, readOnly: m, required: f, onBlur: b, onFocus: E, hasError: v, FieldLayout: l, options: r } = C(), { inputId: c, labelId: I, ariaDescribedBy: n } = P(), u = d(e, i.Label), h = d(e, i.Options), _ = d(e, i.Description), N = d(e, i.Error), D = R(r, o) ? L : o || null;
+  const { id: t, value: o, onChange: a, disabled: O, readOnly: m, required: f, onBlur: b, onFocus: E, hasError: v, FieldLayout: l, options: r } = C(), { inputId: c, labelId: I, ariaDescribedBy: n } = $(), u = d(e, i.Label), h = d(e, i.Options), _ = d(e, i.Description), N = d(e, i.Error), D = R(r, o) ? L : o || null;
   return /* @__PURE__ */ s.createElement(l, {
     fieldId: t,
     renderLabel: () => g(u, {
@@ -31,7 +31,7 @@ const L = "Other", w = (e, t) => e == null ? void 0 : e.find((o) => (o.value ??
     renderDescription: () => /* @__PURE__ */ s.createElement(s.Fragment, null, N, _)
   });
 }, J = ({ children: e, className: t }) => {
-  const { options: o, addOther: a, addOtherLabel: O, id: m, numberOfColumns: f, hasError: b } = C(), { t: E } = F(), { isMobile: v } = $(), l = d(e, i.Option), r = y(null), c = O || E("add-other.default-other-option-label") || L, I = v ? j.ONE : f;
+  const { options: o, addOther: a, addOtherLabel: O, id: m, numberOfColumns: f, hasError: b } = C(), { t: E } = F(), { isMobile: v } = q(), l = d(e, i.Option), r = y(null), c = O || E("add-other.default-other-option-label") || L, I = v ? j.ONE : f;
   return x(() => {
     var n;
     (n = r.current) == null || n.focus();
@@ -58,7 +58,7 @@ const L = "Other", w = (e, t) => e == null ? void 0 : e.find((o) => (o.value ??
     className: t
   }, /* @__PURE__ */ s.createElement(k, {
     value: a
-  }, /* @__PURE__ */ s.createElement(q, {
+  }, /* @__PURE__ */ s.createElement(G, {
     ref: f,
     className: n
   }, r, g(v, {
@@ -88,13 +88,13 @@ const L = "Other", w = (e, t) => e == null ? void 0 : e.find((o) => (o.value ??
     a,
     c
   ]);
-  return /* @__PURE__ */ s.createElement(G, {
+  return /* @__PURE__ */ s.createElement(M, {
     "aria-label": c,
     value: I,
     onChange: u,
     isDisabled: f,
     isReadOnly: b
-  }, /* @__PURE__ */ s.createElement(M, {
+  }, /* @__PURE__ */ s.createElement(P, {
     ref: l,
     className: e,
     placeholder: O,

package/dist/component/{radio-group-rac-HalDjwk1.js → radio-group-rac-DHURQZKK.js}

@@ -1,5 +1,5 @@
 import o from "react";
-import { R as r } from "./radio-group-field-rac-D8NS7qDq.js";
+import { R as r } from "./radio-group-field-rac-DKqWnMBJ.js";
 const R = () => /* @__PURE__ */ o.createElement(r, null);
 export {
   R as RadioGroupRAC

package/dist/component/{rating-input-field-rac-BBhMkSyL.js → rating-input-field-rac-CZRdSVrf.js}

@@ -1,24 +1,24 @@
 import { RicosViewer as D } from "@wix/ricos/viewer";
 import d from "classnames";
 import e, { useCallback as N, useState as y, useRef as O } from "react";
-import { RadioGroup as A, RadioField as w, RadioButton as M } from "react-aria-components";
-import { ag as v, ad as I, aq as B } from "./form-D6A2hUbV.js";
+import { ai as b, af as v, as as A } from "./form-9yjqDnxY.js";
+import { RadioGroup as w, RadioField as M, RadioButton as B } from "react-aria-components";
 import { f as m, a as T } from "./find-child-C60k4CxG.js";
-import { D as H, E as q } from "./field-error-headless-DP4WSQU3.js";
-import { L as P } from "./field-label-headless-BKmi7Fjg.js";
+import { D as H, E as P } from "./field-error-headless-DrnFrGun.js";
+import { L as q } from "./field-label-headless-BIYf1BIh.js";
 import { E as x } from "./error-icon-hZxQ6DEy.js";
-import { s as u } from "./field-rac.module-DtugsLiL.js";
-import { r as k, H as z, G, l as Q, h as U } from "./form-element-classes-Bi-nNM8q.js";
+import { s as u } from "./field-rac.module-CWkwwhq4.js";
+import { t as k, J as z, I as G, n as j, j as J } from "./form-element-classes-KRzHUNLu.js";
 const t = ({ children: r }) => {
-  const { id: n, value: o, onChange: s, disabled: l, required: c, hasError: i, onBlur: C, onFocus: L, FieldLayout: E } = v(), { labelId: p } = I(), R = N((F) => s(Number(F)), [
-    s
-  ]), g = m(r, t.Label), a = m(r, t.Ratings), f = m(r, t.Description), S = m(r, t.Error);
+  const { id: n, value: s, onChange: o, disabled: l, required: c, hasError: i, onBlur: C, onFocus: L, FieldLayout: E } = b(), { labelId: p } = v(), R = N((F) => o(Number(F)), [
+    o
+  ]), f = m(r, t.Label), a = m(r, t.Ratings), g = m(r, t.Description), S = m(r, t.Error);
   return /* @__PURE__ */ e.createElement(E, {
     fieldId: n,
-    renderLabel: () => g,
-    renderInput: () => /* @__PURE__ */ e.createElement(A, {
+    renderLabel: () => f,
+    renderInput: () => /* @__PURE__ */ e.createElement(w, {
       "aria-labelledby": p,
-      value: o ? String(o) : void 0,
+      value: s ? String(s) : void 0,
       onChange: R,
       isDisabled: l,
       isRequired: c,
@@ -27,16 +27,16 @@ const t = ({ children: r }) => {
       onFocus: L,
       orientation: "horizontal"
     }, a),
-    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, S, f)
+    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, S, g)
   });
-}, h = ({ children: r, className: n, getReactionLabel: o }) => {
-  const { value: s, hasError: l } = v(), { inputId: c, ariaDescribedBy: i } = I(), [C, L] = y(), E = O(null), p = m(r, h.Rating), R = [
+}, h = ({ children: r, className: n, getReactionLabel: s }) => {
+  const { value: o, hasError: l } = b(), { inputId: c, ariaDescribedBy: i } = v(), [C, L] = y(), E = O(null), p = m(r, h.Rating), R = [
     "1",
     "2",
     "3",
     "4",
     "5"
-  ], g = (a) => C ? C >= a : !!s && s >= Number(a);
+  ], f = (a) => C ? C >= a : !!o && o >= Number(a);
   return /* @__PURE__ */ e.createElement("div", {
     ref: E,
     id: c,
@@ -46,11 +46,11 @@ const t = ({ children: r }) => {
   }, R.map((a) => T(p, {
     key: a,
     value: a,
-    isSelected: g(a),
-    onHoverChange: (f) => L(f ? a : void 0),
-    label: o == null ? void 0 : o(Number(a))
+    isSelected: f(a),
+    onHoverChange: (g) => L(g ? a : void 0),
+    label: s == null ? void 0 : s(Number(a))
   })));
-}, Z = {
+}, Q = {
   border: 0,
   clipPath: "inset(50%)",
   height: 1,
@@ -60,27 +60,27 @@ const t = ({ children: r }) => {
   position: "absolute",
   width: 1,
   whiteSpace: "nowrap"
-}, _ = ({ className: r, children: n, ...o }) => {
-  const { value: s, isSelected: l, onHoverChange: c, label: i } = o;
-  return /* @__PURE__ */ e.createElement(w, {
-    value: s
-  }, /* @__PURE__ */ e.createElement(M, {
+}, _ = ({ className: r, children: n, ...s }) => {
+  const { value: o, isSelected: l, onHoverChange: c, label: i } = s;
+  return /* @__PURE__ */ e.createElement(M, {
+    value: o
+  }, /* @__PURE__ */ e.createElement(B, {
     className: r,
     "data-active": l || void 0,
     onHoverChange: c
   }, typeof n == "function" ? n({
     isSelected: l
   }) : n, i ? /* @__PURE__ */ e.createElement("span", {
-    style: Z
+    style: Q
   }, i) : null));
 };
 h.Rating = _;
-t.Label = P;
+t.Label = q;
 t.Ratings = h;
 t.Rating = _;
 t.Description = H;
-t.Error = q;
-const j = (r) => /* @__PURE__ */ e.createElement("svg", {
+t.Error = P;
+const U = (r) => /* @__PURE__ */ e.createElement("svg", {
   viewBox: "0 0 32 32",
   width: 32,
   height: 32,
@@ -90,7 +90,7 @@ const j = (r) => /* @__PURE__ */ e.createElement("svg", {
 }, /* @__PURE__ */ e.createElement("path", {
   fillRule: "evenodd",
   d: "M28.6265,13.6325 C28.9655,13.3015 29.0845,12.8175 28.9385,12.3665 C28.7925,11.9165 28.4105,11.5945 27.9415,11.5265 L20.5785,10.4565 C20.5015,10.4445 20.4345,10.3965 20.4005,10.3275 L17.1075,3.6545 L17.1075,3.6535 C16.8975,3.2295 16.4735,2.9655 16.0005,2.9655 L15.9995,2.9655 C15.5255,2.9655 15.1025,3.2295 14.8925,3.6545 L11.5985,10.3275 C11.5645,10.3965 11.4985,10.4445 11.4225,10.4565 L4.0575,11.5265 C3.5895,11.5945 3.2075,11.9165 3.0615,12.3665 C2.9155,12.8175 3.0345,13.3015 3.3735,13.6325 L8.7025,18.8265 C8.7575,18.8805 8.7835,18.9585 8.7705,19.0345 L7.5125,26.3695 C7.4325,26.8355 7.6205,27.2985 8.0035,27.5765 C8.2195,27.7345 8.4735,27.8145 8.7285,27.8145 C8.9245,27.8145 9.1215,27.7665 9.3045,27.6705 L15.8895,24.2085 C15.9595,24.1725 16.0415,24.1725 16.1085,24.2075 L22.6955,27.6705 C23.1155,27.8915 23.6135,27.8555 23.9965,27.5765 C24.3795,27.2985 24.5675,26.8355 24.4875,26.3695 L23.2305,19.0355 C23.2165,18.9585 23.2425,18.8805 23.2975,18.8265 L28.6265,13.6325 Z"
-})), J = (r) => /* @__PURE__ */ e.createElement("svg", {
+})), Z = (r) => /* @__PURE__ */ e.createElement("svg", {
   viewBox: "0 0 32 32",
   width: 32,
   height: 32,
@@ -100,29 +100,29 @@ const j = (r) => /* @__PURE__ */ e.createElement("svg", {
 }, /* @__PURE__ */ e.createElement("path", {
   fillRule: "evenodd",
   d: "M16,3.966 C15.956,3.966 15.848,3.979 15.789,4.097 L12.496,10.77 C12.317,11.133 11.969,11.386 11.567,11.445 L4.202,12.515 C4.072,12.534 4.026,12.634 4.012,12.675 C3.999,12.717 3.978,12.824 4.072,12.917 L9.4,18.111 C9.691,18.394 9.824,18.803 9.755,19.204 L8.498,26.538 C8.476,26.668 8.556,26.742 8.591,26.768 C8.627,26.793 8.721,26.846 8.838,26.786 L15.426,23.323 C15.785,23.133 16.215,23.134 16.574,23.322 L23.162,26.786 C23.277,26.846 23.374,26.793 23.409,26.768 C23.444,26.742 23.524,26.668 23.502,26.538 L22.245,19.204 C22.176,18.803 22.309,18.394 22.6,18.111 L27.928,12.917 C28.022,12.824 28.001,12.717 27.988,12.675 C27.974,12.634 27.928,12.534 27.798,12.515 L20.434,11.445 C20.031,11.386 19.683,11.133 19.504,10.769 L16.211,4.097 C16.152,3.979 16.044,3.966 16,3.966 M8.728,27.814 C8.473,27.814 8.22,27.734 8.003,27.577 C7.62,27.299 7.432,26.836 7.512,26.369 L8.77,19.035 C8.783,18.958 8.758,18.881 8.702,18.826 L3.374,13.633 C3.035,13.302 2.915,12.817 3.061,12.367 C3.208,11.916 3.589,11.594 4.058,11.526 L11.422,10.456 C11.499,10.445 11.565,10.397 11.599,10.328 L14.893,3.654 C15.102,3.23 15.526,2.966 16,2.966 C16.474,2.966 16.898,3.23 17.107,3.654 L20.401,10.327 C20.435,10.397 20.501,10.445 20.579,10.456 L27.942,11.526 C28.411,11.594 28.792,11.916 28.939,12.367 C29.085,12.817 28.965,13.302 28.626,13.633 L23.298,18.826 C23.242,18.881 23.217,18.958 23.23,19.035 L24.488,26.369 C24.568,26.836 24.38,27.299 23.997,27.577 C23.614,27.855 23.116,27.892 22.696,27.671 L16.109,24.208 C16.042,24.173 15.959,24.172 15.891,24.208 L9.304,27.671 C9.122,27.767 8.924,27.814 8.728,27.814"
-})), K = "_ratings_112z7_1", W = "_rating_112z7_1", b = {
+})), K = "_ratings_112z7_1", W = "_rating_112z7_1", I = {
   ratings: K,
   rating: W
 }, X = ({ content: r, locale: n }) => /* @__PURE__ */ e.createElement(D, {
   content: r,
   locale: n
 }), i2 = () => {
-  const { t: r } = B();
+  const { t: r } = A();
   return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
     className: d(k, u.label)
   }, /* @__PURE__ */ e.createElement(t.Label.Required, {
     className: d(z, u.requiredMark)
   })), /* @__PURE__ */ e.createElement(t.Ratings, {
-    className: b.ratings,
+    className: I.ratings,
     getReactionLabel: (n) => r("rating-input.a11y.reaction-label", {
       count: n
     })
   }, /* @__PURE__ */ e.createElement(t.Rating, {
-    className: d(G, b.rating)
-  }, ({ isSelected: n }) => n ? /* @__PURE__ */ e.createElement(j, null) : /* @__PURE__ */ e.createElement(J, null))), /* @__PURE__ */ e.createElement(t.Error, {
-    className: d(Q, u.error)
+    className: d(G, I.rating)
+  }, ({ isSelected: n }) => n ? /* @__PURE__ */ e.createElement(U, null) : /* @__PURE__ */ e.createElement(Z, null))), /* @__PURE__ */ e.createElement(t.Error, {
+    className: d(j, u.error)
   }, /* @__PURE__ */ e.createElement(x, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-    className: d(U, u.description)
+    className: d(J, u.description)
   }, X));
 };
 export {

package/dist/component/{rating-input-rac-BpgFnNoD.js → rating-input-rac-BaH52DYm.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { R as e } from "./rating-input-field-rac-BBhMkSyL.js";
+import { R as e } from "./rating-input-field-rac-CZRdSVrf.js";
 const o = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   o as RatingInputRAC

package/dist/component/{rich-content-rac.module-BgJ2fteu.js → rich-content-rac.module-ILBfxEmN.js}

@@ -1,5 +1,5 @@
 import c, { useState as u } from "react";
-import { ag as a, aa as i, aq as T } from "./form-D6A2hUbV.js";
+import { ai as a, ab as i, as as T } from "./form-9yjqDnxY.js";
 import { Button as d } from "react-aria-components";
 import { D as r } from "./data-hooks-Dkw1pbRj.js";
 import { truncateRichContent as _ } from "@wix/ricos/content";
@@ -14,13 +14,13 @@ const O = ({ children: e }) => {
     }),
     renderDescription: () => null
   });
-}, g = "_toggleTruncate_5jt03_1", f = {
-  toggleTruncate: g
+}, f = "_toggleTruncate_5jt03_1", g = {
+  toggleTruncate: f
 }, p = ({ isTruncated: e, onClick: t }) => {
   const { t: n } = T(), o = n(e ? "field.rich-text.read-more-button.label" : "field.rich-text.read-less-button.label"), s = e ? r.TOGGLE_TRUNCATE_BUTTON_READ_MORE : r.TOGGLE_TRUNCATE_BUTTON_READ_LESS;
   return /* @__PURE__ */ c.createElement(d, {
     onPress: t,
-    className: f.toggleTruncate,
+    className: g.toggleTruncate,
     "data-hook": s
   }, o);
 };

package/dist/component/{rich-text-field-rac-BZfCgvHc.js → rich-text-field-rac-B58q8Is7.js}

@@ -1,22 +1,22 @@
 import l from "classnames";
 import e from "react";
-import { ag as m, L as i, U as u, Y as R } from "./form-D6A2hUbV.js";
-import { u as T, R as C, s as d, T as g } from "./rich-content-rac.module-BgJ2fteu.js";
-import { Y as p } from "./form-element-classes-Bi-nNM8q.js";
+import { ai as m, L as i, W as u, Z as R } from "./form-9yjqDnxY.js";
+import { u as T, R as C, s as d, T as p } from "./rich-content-rac.module-ILBfxEmN.js";
+import { _ as g } from "./form-element-classes-KRzHUNLu.js";
 const h = {
   colorPalette: R(),
   customStyles: u()
-}, x = ({ truncate: t = !0 } = {}) => {
+}, _ = ({ truncate: t = !0 } = {}) => {
   const { content: a, maxShownParagraphs: s } = m(), { displayedContent: n, isTruncated: o, isTruncateButtonShown: r, toggleTruncate: c } = T(a, t ? s : void 0);
   return /* @__PURE__ */ e.createElement(C, null, () => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(i, {
-    className: l(p, d.richContent),
+    className: l(g, d.richContent),
     content: n,
     customTheme: h
-  }), r && /* @__PURE__ */ e.createElement(g, {
+  }), r && /* @__PURE__ */ e.createElement(p, {
     isTruncated: o,
     onClick: c
   })));
 };
 export {
-  x as R
+  _ as R
 };

package/dist/component/{rich-text-rac-CG3V04Gr.js → rich-text-rac-DGbZh1eX.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 R = () => /* @__PURE__ */ e.createElement(t, null);
 export {
   R as RichTextRAC

package/dist/component/{service-dropdown-rac-Bc_y-R5O.js → service-dropdown-rac-DUiNIbdv.js}

@@ -1,35 +1,35 @@
-import t, { useRef as P, useMemo as R, useCallback as S, useEffect as T } from "react";
-import { RicosViewer as A } from "@wix/ricos/viewer";
-import u from "classnames";
-import { ac as w, aq as b, F as M, ag as y, aa as q, h as H } from "./form-D6A2hUbV.js";
-import { u as U } from "./use-service-options-base-Du6B6AP9.js";
-import { D as d } from "./dropdown-field-headless-CzoD076g.js";
-import { C as V } from "./chevron-down-icon-CcpVm6B-.js";
-import { E as x } from "./error-icon-hZxQ6DEy.js";
-import { H as k } from "./custom-focus-class-_483Pkwp.js";
-import { s as n } from "./field-rac.module-DtugsLiL.js";
-import { r as B, H as W, q as Q, u as Y, l as j, h as z } from "./form-element-classes-Bi-nNM8q.js";
-const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
-  const { actions: r } = w(), { t: C } = b(), { addOther: i, addOtherLabel: p } = e, c = p || C("add-other.default-other-option-label"), a = P(!0), E = R(() => {
+import t, { useRef as P, useMemo as g, useCallback as h, useEffect as T } from "react";
+import { RicosViewer as w } from "@wix/ricos/viewer";
+import m from "classnames";
+import { ae as A, as as b, F as M, ai as y, ab as U, h as V } from "./form-9yjqDnxY.js";
+import { u as x } from "./use-service-options-base-BYVuKRj2.js";
+import { D as d } from "./dropdown-field-headless-DReo519l.js";
+import { C as H } from "./chevron-down-icon-CcpVm6B-.js";
+import { E as k } from "./error-icon-hZxQ6DEy.js";
+import { H as q } from "./custom-focus-class-_483Pkwp.js";
+import { s as n } from "./field-rac.module-CWkwwhq4.js";
+import { t as B, J as W, s as j, w as J, n as Q, j as Y } from "./form-element-classes-KRzHUNLu.js";
+const z = "00000000-0000-0000-0000-000000000000", G = (e) => {
+  const { actions: r } = A(), { t: C } = b(), { addOther: i, addOtherLabel: p } = e, c = p || C("add-other.default-other-option-label"), a = P(!0), E = g(() => {
     var s;
-    return ((s = e.options) == null ? void 0 : s.map((m) => m.id ?? "")) ?? [];
+    return ((s = e.options) == null ? void 0 : s.map((u) => u.id ?? "")) ?? [];
   }, [
     e.options
-  ]), O = S((s) => i ? [
+  ]), O = h((s) => i ? [
     ...s,
     {
       value: c,
       label: c,
-      id: G
+      id: z
     }
   ] : s, [
     i,
     c
-  ]), { isLoading: f, options: l, isEmpty: D, shouldRender: I, setIsLoading: F, setOptions: L, setIsEmpty: h, processOptions: _ } = U({
+  ]), { isLoading: f, options: l, isEmpty: D, shouldRender: I, setIsLoading: F, setOptions: L, setIsEmpty: S, processOptions: _ } = x({
     fieldType: M.SERVICES_DROPDOWN,
     isEditor: e.isEditor,
     postProcessOptions: O
-  }), g = S(async () => {
+  }), R = h(async () => {
     if (a.current && (r != null && r.fetchServices) && E.length > 0) {
       a.current = !1, F(!0);
       let s;
@@ -37,12 +37,12 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
         s = await r.fetchServices({
           serviceIds: E
         });
-      } catch (m) {
-        console.error(m);
+      } catch (u) {
+        console.error(u);
       }
       if (s) {
-        const m = _(s);
-        h(!i && m.length === 0), L(m);
+        const u = _(s);
+        S(!i && u.length === 0), L(u);
       } else
         a.current = !0;
       F(!1);
@@ -54,25 +54,25 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     i,
     F,
     L,
-    h
+    S
   ]);
   T(() => {
     if (!e.isEditor && l.length > 0) {
       const s = i ? l.length - 1 : l.length;
-      h(s === 0);
+      S(s === 0);
     }
   }, [
     l,
     i,
-    h,
+    S,
     e.isEditor
   ]);
-  const v = S(() => {
-    e.onFocus && e.onFocus(), a.current && g();
+  const v = h(() => {
+    e.onFocus && e.onFocus(), a.current && R();
   }, [
-    g,
+    R,
     e.onFocus
-  ]), N = S(
+  ]), N = h(
     (s) => {
       e.onChange && e.onChange(s), a.current = !0;
     },
@@ -90,10 +90,10 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     shouldRender: I
   };
 }, o = ({ children: e }) => {
-  const r = y(), { addOther: C } = r, i = q(), p = r.isEditor || i.isEditor || i.isComposer, { isLoading: c, options: a, isEmpty: E, onFocus: O, onChange: f, shouldRender: l } = J({
+  const r = y(), { addOther: C } = r, i = U(), p = r.isEditor || i.isEditor || i.isComposer, { isLoading: c, options: a, isEmpty: E, onFocus: O, onChange: f, shouldRender: l } = G({
     ...r,
     isEditor: p
-  }), D = R(() => ({
+  }), D = g(() => ({
     ...r,
     options: c ? [] : a,
     isLoading: c,
@@ -106,7 +106,7 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     O,
     f
   ]);
-  return !p && E && !C || !l ? null : /* @__PURE__ */ t.createElement(H.Provider, {
+  return !p && E && !C || !l ? null : /* @__PURE__ */ t.createElement(V.Provider, {
     value: {
       v2: D
     }
@@ -117,25 +117,25 @@ o.Trigger = d.Trigger;
 o.Options = d.Options;
 o.Description = d.Description;
 o.Error = d.Error;
-const K = ({ content: e, locale: r }) => /* @__PURE__ */ t.createElement(A, {
+const K = ({ content: e, locale: r }) => /* @__PURE__ */ t.createElement(w, {
   content: e,
   locale: r
 }), X = () => /* @__PURE__ */ t.createElement(o, null, /* @__PURE__ */ t.createElement(o.Label, {
-  className: u(B, n.label)
+  className: m(B, n.label)
 }, /* @__PURE__ */ t.createElement(o.Label.Required, {
-  className: u(W, n.requiredMark)
+  className: m(W, n.requiredMark)
 })), /* @__PURE__ */ t.createElement(o.Trigger, {
-  className: u(Q, n.input, n.dropdownTrigger)
-}, /* @__PURE__ */ t.createElement(V, {
+  className: m(j, n.input, n.dropdownTrigger)
+}, /* @__PURE__ */ t.createElement(H, {
   className: n.dropdownIcon
 })), /* @__PURE__ */ t.createElement(o.Options, {
-  className: u(Y, n.selectPopover, n.dropdownPopover)
+  className: m(J, n.selectPopover, n.dropdownPopover)
 }, /* @__PURE__ */ t.createElement(o.Options.Option, {
-  className: u(n.selectOption, k)
+  className: m(n.selectOption, q)
 })), /* @__PURE__ */ t.createElement(o.Error, {
-  className: u(j, n.error)
-}, /* @__PURE__ */ t.createElement(x, null), /* @__PURE__ */ t.createElement(o.Error.Text, null)), /* @__PURE__ */ t.createElement(o.Description, {
-  className: u(z, n.description)
+  className: m(Q, n.error)
+}, /* @__PURE__ */ t.createElement(k, null), /* @__PURE__ */ t.createElement(o.Error.Text, null)), /* @__PURE__ */ t.createElement(o.Description, {
+  className: m(Y, n.description)
 }, K)), le = () => /* @__PURE__ */ t.createElement(X, null);
 export {
   le as ServiceDropdownRAC

package/dist/component/{services-multi-choice-rac-BeBdZpRV.js → services-multi-choice-rac-B7y9s2l8.js}

@@ -1,20 +1,20 @@
-import e, { useEffect as _, useMemo as C } from "react";
-import { RicosViewer as I } from "@wix/ricos/viewer";
-import s from "classnames";
-import { F as R, ag as F, h as d } from "./form-D6A2hUbV.js";
-import { u as D } from "./use-service-options-base-Du6B6AP9.js";
-import { C as i } from "./checkbox-group-field-headless-EGVW3vG0.js";
+import e, { useEffect as C, useMemo as I } from "react";
+import { RicosViewer as L } from "@wix/ricos/viewer";
+import r from "classnames";
+import { F as R, ai as F, h as d } from "./form-9yjqDnxY.js";
+import { u as D } from "./use-service-options-base-BYVuKRj2.js";
+import { C as i } from "./checkbox-group-field-headless-BDAFpX5F.js";
 import { E as h } from "./error-icon-hZxQ6DEy.js";
-import { s as n } from "./field-rac.module-DtugsLiL.js";
-import { r as f, H as M, L as N, M as b, N as A, q as v, l as x, h as T } from "./form-element-classes-Bi-nNM8q.js";
-import { o as L } from "./options-rac.module-KM-VT_KY.js";
-const k = (o) => {
+import { s as n } from "./field-rac.module-CWkwwhq4.js";
+import { t as f, J as N, N as b, O as M, P as A, s as v, n as x, j as P } from "./form-element-classes-KRzHUNLu.js";
+import { o as _ } from "./options-rac.module-KM-VT_KY.js";
+const T = (o) => {
   var S;
-  const { isLoading: r, options: a, isEmpty: c, shouldRender: E, setOptions: l, setIsEmpty: m, setHasInitialDataLoaded: p } = D({
+  const { isLoading: s, options: a, isEmpty: c, shouldRender: E, setOptions: l, setIsEmpty: m, setHasInitialDataLoaded: p } = D({
     fieldType: R.SERVICES_MULTI_CHOICE,
     isEditor: o.isEditor
   }), u = (S = o.options) == null ? void 0 : S.every((O) => O.label && O.id);
-  return _(() => {
+  return C(() => {
     if (u && o.options) {
       l(o.options), m(o.options.length === 0), p(!0);
       return;
@@ -26,20 +26,20 @@ const k = (o) => {
     m,
     p
   ]), {
-    isLoading: r,
+    isLoading: s,
     options: a,
     isEmpty: c,
     shouldRender: E
   };
 }, t = ({ children: o }) => {
-  const r = F(), { options: a, isEmpty: c, shouldRender: E } = k(r), l = C(() => ({
-    ...r,
+  const s = F(), { options: a, isEmpty: c, shouldRender: E } = T(s), l = I(() => ({
+    ...s,
     options: a
   }), [
-    r,
+    s,
     a
   ]);
-  return !r.isEditor && c || !E ? null : /* @__PURE__ */ e.createElement(d.Provider, {
+  return !s.isEditor && c || !E ? null : /* @__PURE__ */ e.createElement(d.Provider, {
     value: {
       v2: l
     }
@@ -49,28 +49,28 @@ t.Label = i.Label;
 t.Options = i.Options;
 t.Description = i.Description;
 t.Error = i.Error;
-const P = ({ content: o, locale: r }) => /* @__PURE__ */ e.createElement(I, {
+const k = ({ content: o, locale: s }) => /* @__PURE__ */ e.createElement(L, {
   content: o,
-  locale: r
+  locale: s
 }), y = () => /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-  className: s(f, n.label)
+  className: r(f, n.label)
 }, /* @__PURE__ */ e.createElement(t.Label.Required, {
-  className: s(M, n.requiredMark)
+  className: r(N, n.requiredMark)
 })), /* @__PURE__ */ e.createElement(t.Options, {
-  className: s(N, L.options)
+  className: r(b, _.options)
 }, /* @__PURE__ */ e.createElement(t.Options.Option, null, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox, {
   className: n.checkbox
 }, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Input, {
-  className: s(b, n.checkboxInput)
+  className: r(M, n.checkboxInput)
 }), /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Label, {
-  className: s(A, L.optionLabel)
+  className: r(A, _.optionLabel)
 })), /* @__PURE__ */ e.createElement(t.Options.Option.OtherInput, {
-  inputClassName: s(v, n.input)
+  inputClassName: r(v, n.input)
 }))), /* @__PURE__ */ e.createElement(t.Error, {
-  className: s(x, n.error)
+  className: r(x, n.error)
 }, /* @__PURE__ */ e.createElement(h, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-  className: s(T, n.description)
-}, P)), j = () => /* @__PURE__ */ e.createElement(y, null);
+  className: r(P, n.description)
+}, k)), Q = () => /* @__PURE__ */ e.createElement(y, null);
 export {
-  j as ServicesMultiChoiceRAC
+  Q as ServicesMultiChoiceRAC
 };