@wix/form-elements 1.76.0 → 1.78.0

package/dist/component/{product-list-rac-CO0o3yOg.js → product-list-rac-BnXK6jhc.js}

@@ -2,19 +2,19 @@ import t, { useMemo as H, useCallback as x, useRef as B } from "react";
 import { RicosViewer as K } from "@wix/ricos/viewer";
 import _ from "classnames";
 import { CheckboxField as $, CheckboxButton as X, NumberField as j, Group as J, Button as U, Input as W } from "react-aria-components";
-import { ai as M, af as Y, ab as w, as as Z, ak as ee } from "./form-BpHElSwH.js";
+import { ai as M, af as Y, ab as w, as as Z, ak as ee } from "./form-_3vjdih8.js";
 import { f as b, a as I } from "./find-child-C60k4CxG.js";
-import { L as te, g as ne } from "./field-label-headless-CS5OYsiI.js";
+import { L as te, g as ne } from "./field-label-headless-DKn04-OM.js";
 import { f as ae } from "./format-currency-BwShJ9vM.js";
-import { D as oe, E as re } from "./field-error-headless-C5ZsFUKv.js";
+import { D as oe, E as re } from "./field-error-headless-DvmM1k0W.js";
 import { F as le } from "./fieldset-headless-CD3fds9J.js";
 import { a as se, C as ie } from "./checkbox-indicator-module-classes-BcScu147.js";
 import { g as ce } from "./payment-field-utils-DobiK5Xh.js";
 import { E as ue } from "./error-icon-hZxQ6DEy.js";
 import { s as T } from "./field-rac.module-DjmaTYkc.js";
-import { z as me, Q as pe, C as de, G as Ee, E as ye, y as fe, p as _e, i as Ie, D as be } from "./form-element-classes-BXNs5k3q.js";
+import { z as me, P as pe, C as de, G as Ee, E as ye, y as fe, p as _e, i as Ie, D as be } from "./form-element-classes-DZiFyihd.js";
 import { o as Q } from "./options-rac.module-KM-VT_KY.js";
-import { u as Oe } from "./use-element-state-class-name-CC65g9mT.js";
+import { u as Oe } from "./use-element-state-class-name-DVT9MJFT.js";
 var Le = /* @__PURE__ */ (function(e) {
   return e.crop = "CROP", e.fit = "FIT", e;
 })({}), k = /* @__PURE__ */ (function(e) {
@@ -30,10 +30,10 @@ const o = ({ children: e }) => {
   var D;
   const { id: a, value: l, onChange: n, disabled: r, readOnly: c, required: y, onBlur: O, onFocus: s, hasError: u, validation: m, FieldLayout: p } = M(), { inputId: q, labelId: N, ariaDescribedBy: h } = Y(), f = b(e, o.Label), g = b(e, o.Options), v = b(e, o.Description), L = b(e, o.Error), i = H(() => l || [], [
     l
-  ]), A = Ce((D = m == null ? void 0 : m.predefined) == null ? void 0 : D.paymentOptions) === k.many, F = x((S, R) => {
-    const d = i.filter((G) => G.productId !== S.productId), z = R ? [
+  ]), A = Ce((D = m == null ? void 0 : m.predefined) == null ? void 0 : D.paymentOptions) === k.many, F = x((P, R) => {
+    const d = i.filter((G) => G.productId !== P.productId), z = R ? [
       ...d,
-      S
+      P
     ] : d;
     n == null || n(z);
   }, [
@@ -65,8 +65,8 @@ const o = ({ children: e }) => {
   return /* @__PURE__ */ t.createElement("div", {
     className: a
   }, u == null ? void 0 : u.map((f, g) => {
-    var C, A, F, D, S;
-    const v = ((S = (D = (F = (A = (C = m == null ? void 0 : m.predefined) == null ? void 0 : C.paymentOptions) == null ? void 0 : A.products) == null ? void 0 : F.find((R) => R.id === f.value)) == null ? void 0 : D.fixedPriceOptions) == null ? void 0 : S.price) || "0", L = ce(N, q), i = r.find((R) => R.productId === f.value);
+    var C, A, F, D, P;
+    const v = ((P = (D = (F = (A = (C = m == null ? void 0 : m.predefined) == null ? void 0 : C.paymentOptions) == null ? void 0 : A.products) == null ? void 0 : F.find((R) => R.id === f.value)) == null ? void 0 : D.fixedPriceOptions) == null ? void 0 : P.price) || "0", L = ce(N, q), i = r.find((R) => R.productId === f.value);
     return I(h, {
       key: f.id || f.value || f.label,
       option: f,
@@ -101,7 +101,7 @@ const o = ({ children: e }) => {
     s,
     n.value,
     r
-  ]), S = x((d) => {
+  ]), P = x((d) => {
     s({
       productId: n.value,
       price: r,
@@ -124,7 +124,7 @@ const o = ({ children: e }) => {
     price: r
   }) : null, F ? I(F, {
     quantity: c,
-    onQuantityChange: S,
+    onQuantityChange: P,
     disabled: u,
     readOnly: m,
     hasError: p,
@@ -226,9 +226,9 @@ o.Options = V;
 o.Option = E;
 o.Description = oe;
 o.Error = re;
-const Se = "_options_11x4v_1", Pe = "_option_11x4v_1", Ne = "_optionInput_11x4v_21", he = "_optionImage_11x4v_32", ve = "_optionLabel_11x4v_66", Ae = "_optionPrice_11x4v_73", Te = "_quantity_11x4v_87", P = {
-  options: Se,
-  option: Pe,
+const Pe = "_options_11x4v_1", Se = "_option_11x4v_1", Ne = "_optionInput_11x4v_21", he = "_optionImage_11x4v_32", ve = "_optionLabel_11x4v_66", Ae = "_optionPrice_11x4v_73", Te = "_quantity_11x4v_87", S = {
+  options: Pe,
+  option: Se,
   optionInput: Ne,
   optionImage: he,
   optionLabel: ve,
@@ -247,19 +247,19 @@ const Se = "_options_11x4v_1", Pe = "_option_11x4v_1", Ne = "_optionInput_11x4v_
   }, /* @__PURE__ */ t.createElement(o.Label.Required, {
     className: _(pe, T.requiredMark)
   })), /* @__PURE__ */ t.createElement(o.Options, {
-    className: _(de, Q.options, P.options)
+    className: _(de, Q.options, S.options)
   }, /* @__PURE__ */ t.createElement(o.Option, {
-    className: _(T.checkbox, P.option)
+    className: _(T.checkbox, S.option)
   }, /* @__PURE__ */ t.createElement(o.Option.Image, {
-    className: P.optionImage
+    className: S.optionImage
   }), /* @__PURE__ */ t.createElement(o.Option.Label, {
-    className: _(Ee, Q.optionLabel, P.optionLabel)
+    className: _(Ee, Q.optionLabel, S.optionLabel)
   }), /* @__PURE__ */ t.createElement(o.Option.Price, {
-    className: _(ye, P.optionPrice)
+    className: _(ye, S.optionPrice)
   }), /* @__PURE__ */ t.createElement(o.Option.Input, {
-    className: (a) => _(e(a), P.optionInput)
+    className: (a) => _(e(a), S.optionInput)
   }), /* @__PURE__ */ t.createElement(o.Option.Quantity, {
-    className: _(fe, T.inputGroup, P.quantity)
+    className: _(fe, T.inputGroup, S.quantity)
   }))), /* @__PURE__ */ t.createElement(o.Error, {
     className: _(_e, T.error)
   }, /* @__PURE__ */ t.createElement(ue, null), /* @__PURE__ */ t.createElement(o.Error.Text, null)), /* @__PURE__ */ t.createElement(o.Description, {

package/dist/component/{quiz-radio-group-rac-Dhk7nkzb.js → quiz-radio-group-rac-BW3Vh-ZF.js}

@@ -1,6 +1,6 @@
 import _ from "react";
-import { R } from "./radio-group-field-rac-DdlyQ3m6.js";
-import { J as o, I as r, H as O } from "./form-element-classes-BXNs5k3q.js";
+import { R } from "./radio-group-field-rac-C7IlBNGI.js";
+import { J as o, I as r, H as O } from "./form-element-classes-DZiFyihd.js";
 const t = () => /* @__PURE__ */ _.createElement(R, {
   classes: {
     container: O,

package/dist/component/{radio-group-field-rac-DdlyQ3m6.js → radio-group-field-rac-C7IlBNGI.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-emin6sSc.js";
+import { R as t, s as r } from "./radio-group-field-rac.module-BRkiHqU7.js";
 import { E as m } from "./error-icon-hZxQ6DEy.js";
 import { s as l } from "./field-rac.module-DjmaTYkc.js";
-import { z as c, Q as i, M as E, L as _, K as R, y as p, p as O, i as L } from "./form-element-classes-BXNs5k3q.js";
+import { z as c, P as i, M as E, L as _, K as R, y as p, p as O, i as L } from "./form-element-classes-DZiFyihd.js";
 const I = ({ content: o, locale: n }) => /* @__PURE__ */ e.createElement(s, {
   content: o,
   locale: n

package/dist/component/{radio-group-field-rac.module-emin6sSc.js → radio-group-field-rac.module-BRkiHqU7.js}

@@ -1,9 +1,9 @@
 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 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-BpHElSwH.js";
+import { ai as C, af as $, as as F, ab as q, ak as x } from "./form-_3vjdih8.js";
 import { f as d, a as g } from "./find-child-C60k4CxG.js";
-import { D as U, E as A } from "./field-error-headless-C5ZsFUKv.js";
-import { L as H } from "./field-label-headless-CS5OYsiI.js";
+import { D as U, E as A } from "./field-error-headless-DvmM1k0W.js";
+import { L as H } from "./field-label-headless-DKn04-OM.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;

package/dist/component/{radio-group-rac-B-9q91fJ.js → radio-group-rac-DWJRHfZS.js}

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

package/dist/component/rating-input-field-rac-Bic4P2NB.js

@@ -0,0 +1,136 @@
+import { RicosViewer as N } from "@wix/ricos/viewer";
+import m from "classnames";
+import e, { useCallback as y, useState as O, useRef as A } from "react";
+import { ai as b, af as v, as as T } from "./form-_3vjdih8.js";
+import { RadioGroup as H, RadioField as M, RadioButton as w } from "react-aria-components";
+import { f as u, a as P } from "./find-child-C60k4CxG.js";
+import { D as B, E as q } from "./field-error-headless-DvmM1k0W.js";
+import { L as G } from "./field-label-headless-DKn04-OM.js";
+import { E as k } from "./error-icon-hZxQ6DEy.js";
+import { s as g } from "./field-rac.module-DjmaTYkc.js";
+import { z as x, P as z, N as U, p as Q, i as Z, O as j } from "./form-element-classes-DZiFyihd.js";
+import { u as J } from "./use-element-state-class-name-DVT9MJFT.js";
+const t = ({ children: a }) => {
+  const { id: n, value: r, onChange: l, disabled: o, readOnly: d, required: c, hasError: i, onBlur: E, onFocus: C, FieldLayout: R } = b(), { labelId: _ } = v(), L = y((D) => l(Number(D)), [
+    l
+  ]), f = u(a, t.Label), s = u(a, t.Ratings), S = u(a, t.Description), h = u(a, t.Error);
+  return /* @__PURE__ */ e.createElement(R, {
+    fieldId: n,
+    renderLabel: () => f,
+    renderInput: () => /* @__PURE__ */ e.createElement(H, {
+      "aria-labelledby": _,
+      value: r ? String(r) : void 0,
+      onChange: L,
+      isDisabled: o,
+      isReadOnly: d,
+      isRequired: c,
+      isInvalid: i,
+      onBlur: E,
+      onFocus: C,
+      orientation: "horizontal"
+    }, s),
+    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, h, S)
+  });
+}, I = ({ children: a, className: n, getReactionLabel: r }) => {
+  const { value: l, readOnly: o, hasError: d } = b(), { inputId: c, ariaDescribedBy: i } = v(), [E, C] = O(), R = A(null), _ = u(a, I.Rating), L = [
+    "1",
+    "2",
+    "3",
+    "4",
+    "5"
+  ], f = (s) => E && !o ? E >= s : !!l && l >= Number(s);
+  return /* @__PURE__ */ e.createElement("div", {
+    ref: R,
+    id: c,
+    "aria-describedby": i,
+    className: n,
+    "data-invalid": d,
+    "data-readonly": o
+  }, L.map((s) => P(_, {
+    key: s,
+    value: s,
+    isSelected: f(s),
+    onHoverChange: (S) => C(S ? s : void 0),
+    label: r == null ? void 0 : r(Number(s))
+  })));
+}, K = {
+  border: 0,
+  clipPath: "inset(50%)",
+  height: 1,
+  margin: -1,
+  overflow: "hidden",
+  padding: 0,
+  position: "absolute",
+  width: 1,
+  whiteSpace: "nowrap"
+}, F = ({ className: a, children: n, ...r }) => {
+  const { value: l, isSelected: o, onHoverChange: d, label: c } = r;
+  return /* @__PURE__ */ e.createElement(M, {
+    value: l
+  }, /* @__PURE__ */ e.createElement(w, {
+    className: ({ isHovered: i }) => typeof a == "function" ? a({
+      isSelected: o,
+      isHovered: i
+    }) : a ?? "",
+    "data-active": o || void 0,
+    onHoverChange: d
+  }, ({ isHovered: i }) => /* @__PURE__ */ e.createElement(e.Fragment, null, typeof n == "function" ? n({
+    isSelected: o,
+    isHovered: i
+  }) : n, c ? /* @__PURE__ */ e.createElement("span", {
+    style: K
+  }, c) : null)));
+};
+I.Rating = F;
+t.Label = G;
+t.Ratings = I;
+t.Rating = F;
+t.Description = B;
+t.Error = q;
+const W = (a) => /* @__PURE__ */ e.createElement("svg", {
+  viewBox: "0 0 32 32",
+  width: 32,
+  height: 32,
+  fill: "currentColor",
+  "aria-hidden": "true",
+  ...a
+}, /* @__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"
+})), X = "_ratings_a5lgi_1", Y = "_rating_a5lgi_1", $ = "_ratingSelected_a5lgi_37", V = "_ratingHover_a5lgi_44", p = {
+  ratings: X,
+  rating: Y,
+  ratingSelected: $,
+  ratingHover: V
+}, ee = ({ content: a, locale: n }) => /* @__PURE__ */ e.createElement(N, {
+  content: a,
+  locale: n
+}), te = {
+  base: p.rating,
+  selected: p.ratingSelected,
+  hover: p.ratingHover
+}, ge = () => {
+  const { t: a } = T(), n = J({
+    globalClasses: j,
+    moduleClasses: te
+  });
+  return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
+    className: m(x, g.label)
+  }, /* @__PURE__ */ e.createElement(t.Label.Required, {
+    className: m(z, g.requiredMark)
+  })), /* @__PURE__ */ e.createElement(t.Ratings, {
+    className: m(U, p.ratings),
+    getReactionLabel: (r) => a("rating-input.a11y.reaction-label", {
+      count: r
+    })
+  }, /* @__PURE__ */ e.createElement(t.Rating, {
+    className: n
+  }, /* @__PURE__ */ e.createElement(W, null))), /* @__PURE__ */ e.createElement(t.Error, {
+    className: m(Q, g.error)
+  }, /* @__PURE__ */ e.createElement(k, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
+    className: m(Z, g.description)
+  }, ee));
+};
+export {
+  ge as R
+};

package/dist/component/{rating-input-rac-BVO62LmE.js → rating-input-rac-B9M2UXqM.js}

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

package/dist/component/{rich-content-rac.module-CdiaAjxG.js → rich-content-rac.module-CuxZg6ls.js}

@@ -1,5 +1,5 @@
 import c, { useState as u } from "react";
-import { ai as a, ab as i, as as T } from "./form-BpHElSwH.js";
+import { ai as a, ab as i, as as T } from "./form-_3vjdih8.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";

package/dist/component/{rich-text-field-rac-C4RrbyEX.js → rich-text-field-rac-CLEYP_pZ.js}

@@ -1,8 +1,8 @@
 import l from "classnames";
 import e from "react";
-import { ai as m, L as i, W as u, Z as R } from "./form-BpHElSwH.js";
-import { u as T, R as C, s as d, T as p } from "./rich-content-rac.module-CdiaAjxG.js";
-import { a7 as g } from "./form-element-classes-BXNs5k3q.js";
+import { ai as m, L as i, W as u, Z as R } from "./form-_3vjdih8.js";
+import { u as T, R as C, s as d, T as p } from "./rich-content-rac.module-CuxZg6ls.js";
+import { a6 as g } from "./form-element-classes-DZiFyihd.js";
 const h = {
   colorPalette: R(),
   customStyles: u()

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

package/dist/component/{service-dropdown-rac-Dy6-OpVR.js → service-dropdown-rac-Dg4ijvf0.js}

@@ -1,16 +1,16 @@
-import t, { useRef as P, useMemo as g, useCallback as h, useEffect as T } from "react";
+import t, { useRef as N, useMemo as g, useCallback as h, useEffect as T } from "react";
 import { RicosViewer as A } from "@wix/ricos/viewer";
 import m from "classnames";
-import { ae as w, as as b, F as M, ai as y, ab as U, h as V } from "./form-BpHElSwH.js";
-import { u as x } from "./use-service-options-base-EFrxTpGm.js";
-import { D as d } from "./dropdown-field-headless-BGfJ1FyZ.js";
+import { ae as w, as as b, F as M, ai as y, ab as U, h as V } from "./form-_3vjdih8.js";
+import { u as x } from "./use-service-options-base-J4FBFnZH.js";
+import { D as d } from "./dropdown-field-headless-CS5wUgQ6.js";
 import { C as B } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as H } from "./error-icon-hZxQ6DEy.js";
 import { H as k } from "./custom-focus-class-_483Pkwp.js";
 import { s as n } from "./field-rac.module-DjmaTYkc.js";
-import { z as q, Q, y as W, B as z, p as Y, i as j } from "./form-element-classes-BXNs5k3q.js";
+import { z as q, P as W, y as z, B as Q, p as Y, i as j } from "./form-element-classes-DZiFyihd.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 = g(() => {
+  const { actions: r } = w(), { t: C } = b(), { addOther: i, addOtherLabel: p } = e, c = p || C("add-other.default-other-option-label"), a = N(!0), E = g(() => {
     var s;
     return ((s = e.options) == null ? void 0 : s.map((u) => u.id ?? "")) ?? [];
   }, [
@@ -72,7 +72,7 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
   }, [
     R,
     e.onFocus
-  ]), N = h(
+  ]), P = h(
     (s) => {
       e.onChange && e.onChange(s), a.current = !0;
     },
@@ -86,7 +86,7 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     options: l,
     isEmpty: D,
     onFocus: v,
-    onChange: N,
+    onChange: P,
     shouldRender: I
   };
 }, o = ({ children: e }) => {
@@ -123,13 +123,13 @@ const K = ({ content: e, locale: r }) => /* @__PURE__ */ t.createElement(A, {
 }), X = () => /* @__PURE__ */ t.createElement(o, null, /* @__PURE__ */ t.createElement(o.Label, {
   className: m(q, n.label)
 }, /* @__PURE__ */ t.createElement(o.Label.Required, {
-  className: m(Q, n.requiredMark)
+  className: m(W, n.requiredMark)
 })), /* @__PURE__ */ t.createElement(o.Trigger, {
-  className: m(W, n.input, n.dropdownTrigger)
+  className: m(z, n.input, n.dropdownTrigger)
 }, /* @__PURE__ */ t.createElement(B, {
   className: n.dropdownIcon
 })), /* @__PURE__ */ t.createElement(o.Options, {
-  className: m(z, n.selectPopover, n.dropdownPopover)
+  className: m(Q, n.selectPopover, n.dropdownPopover)
 }, /* @__PURE__ */ t.createElement(o.Options.Option, {
   className: m(n.selectOption, k)
 })), /* @__PURE__ */ t.createElement(o.Error, {

package/dist/component/{services-multi-choice-rac-BKW9MP_b.js → services-multi-choice-rac-DcDxYaDU.js}

@@ -1,15 +1,15 @@
 import e, { useEffect as _, useMemo as I } from "react";
 import { RicosViewer as L } from "@wix/ricos/viewer";
 import r from "classnames";
-import { F as R, ai as d, h as D } from "./form-BpHElSwH.js";
-import { u as F } from "./use-service-options-base-EFrxTpGm.js";
-import { C as a } from "./checkbox-group-field-headless-DN2aNw9g.js";
+import { F as R, ai as d, h as D } from "./form-_3vjdih8.js";
+import { u as F } from "./use-service-options-base-J4FBFnZH.js";
+import { C as a } from "./checkbox-group-field-headless-BdrQjLsc.js";
 import { E as f } from "./error-icon-hZxQ6DEy.js";
 import { C as N } from "./checkbox-indicator-module-classes-BcScu147.js";
 import { s as i } from "./field-rac.module-DjmaTYkc.js";
-import { z as h, Q as M, U as b, W as A, y as v, p as T, i as x, V as y } from "./form-element-classes-BXNs5k3q.js";
+import { z as h, P as M, T as b, V as A, y as T, p as v, i as x, U as P } from "./form-element-classes-DZiFyihd.js";
 import { o as O } from "./options-rac.module-KM-VT_KY.js";
-import { u as P } from "./use-element-state-class-name-CC65g9mT.js";
+import { u as y } from "./use-element-state-class-name-DVT9MJFT.js";
 const k = (s) => {
   var C;
   const { isLoading: o, options: n, isEmpty: c, shouldRender: m, setOptions: l, setIsEmpty: E, setHasInitialDataLoaded: p } = F({
@@ -55,8 +55,8 @@ const V = ({ content: s, locale: o }) => /* @__PURE__ */ e.createElement(L, {
   content: s,
   locale: o
 }), U = () => {
-  const s = P({
-    globalClasses: y,
+  const s = y({
+    globalClasses: P,
     moduleClasses: N
   });
   return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
@@ -72,13 +72,13 @@ const V = ({ content: s, locale: o }) => /* @__PURE__ */ e.createElement(L, {
   }), /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Label, {
     className: r(A, O.optionLabel)
   })), /* @__PURE__ */ e.createElement(t.Options.Option.OtherInput, {
-    inputClassName: r(v, i.input)
+    inputClassName: r(T, i.input)
   }))), /* @__PURE__ */ e.createElement(t.Error, {
-    className: r(T, i.error)
+    className: r(v, i.error)
   }, /* @__PURE__ */ e.createElement(f, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
     className: r(x, i.description)
   }, V));
-}, j = () => /* @__PURE__ */ e.createElement(U, null);
+}, J = () => /* @__PURE__ */ e.createElement(U, null);
 export {
-  j as ServicesMultiChoiceRAC
+  J as ServicesMultiChoiceRAC
 };

package/dist/component/{signature-rac-Cxgixp4o.js → signature-rac-BDj4xTdv.js}

@@ -1,17 +1,17 @@
-import s, { useRef as W, useCallback as I, useState as Q, useEffect as K, useMemo as De, isValidElement as we } from "react";
+import s, { useRef as W, useCallback as I, useState as K, useEffect as Q, useMemo as De, isValidElement as we } from "react";
 import { RicosViewer as Re } from "@wix/ricos/viewer";
 import v from "classnames";
 import { useHover as ve, useFocusRing as xe, mergeProps as Se } from "react-aria";
-import { RadioGroup as Fe, Button as fe, TextField as Ae, Input as _e, RadioField as Pe, RadioButton as Ne } from "react-aria-components";
+import { RadioGroup as Fe, Button as fe, TextField as Ae, Input as Pe, RadioField as _e, RadioButton as Ne } from "react-aria-components";
 import he from "signature_pad";
-import { z as Ue, ae as Oe, ab as Be, aq as ge, E as ce, e as G, ai as A, af as H, ak as Ee, as as Me } from "./form-BpHElSwH.js";
+import { z as Ue, ae as Oe, ab as Be, aq as ge, E as ce, e as G, ai as A, af as H, ak as Ee, as as Me } from "./form-_3vjdih8.js";
 import { f as T, a as F } from "./find-child-C60k4CxG.js";
-import { D as We, E as He } from "./field-error-headless-C5ZsFUKv.js";
-import { L as Ye } from "./field-label-headless-CS5OYsiI.js";
+import { D as We, E as He } from "./field-error-headless-DvmM1k0W.js";
+import { L as Ye } from "./field-label-headless-DKn04-OM.js";
 import { D as ke } from "./data-hooks-Dkw1pbRj.js";
 import { E as $e } from "./error-icon-hZxQ6DEy.js";
 import { s as z } from "./field-rac.module-DjmaTYkc.js";
-import { z as ue, Q as ze, y as B, a4 as Ve, p as Ze, i as Xe } from "./form-element-classes-BXNs5k3q.js";
+import { z as ue, P as ze, y as B, a3 as Ve, p as Ze, i as Xe } from "./form-element-classes-DZiFyihd.js";
 const Ge = typeof s.useId == "function" ? s.useId : () => W(Ue()).current;
 var w = /* @__PURE__ */ (function(e) {
   return e.TEXT = "text/plain", e.POINTS = "points/json", e;
@@ -54,14 +54,14 @@ const Je = (e, t) => {
     const o = (r * t.width + n) * 4;
     return t.data[o] * 65536 + t.data[o + 1] * 256 + t.data[o + 2] === a;
   };
-}, Qe = (e) => (t, a) => {
+}, Ke = (e) => (t, a) => {
   const n = (a * e.width + t) * 4;
   return e.data[n + 3] === 0;
 };
 function J(e, t) {
   const a = e.getContext("2d", {
     willReadFrequently: !0
-  }), n = e.width, r = e.height, o = a.getImageData(0, 0, n, r), i = t ? Je(t, o) : Qe(o);
+  }), n = e.width, r = e.height, o = a.getImageData(0, 0, n, r), i = t ? Je(t, o) : Ke(o);
   let l = n + 1, c = -1, d = r + 1, u = -1, f = 0, m = 0;
   for (m = 0; m < r; m++)
     for (f = 0; f < n; f++)
@@ -82,7 +82,7 @@ function V(e, t, a) {
   }
   return n;
 }
-function Ke(e, t) {
+function Qe(e, t) {
   return new Promise((a, n) => {
     const r = new Image();
     r.onload = () => {
@@ -205,7 +205,7 @@ async function ot(e, t) {
     return c ? de(c, void 0, M, "white").toDataURL("image/jpeg", 0.7) : null;
   }
   if (n != null && n.startsWith("image/")) {
-    const r = await Ke(e), o = J(r);
+    const r = await Qe(e), o = J(r);
     return o ? de(o, void 0, M).toDataURL("image/jpeg", 0.7) : null;
   }
   return e;
@@ -216,8 +216,8 @@ async function st(e, t) {
     return rt(a, "signature");
 }
 const it = ({ value: e, onChange: t, target: a }) => {
-  const [n, r] = Q(e), { isRTL: o } = Be(), i = qe(a), { setFormStatus: l } = ge(), c = W();
-  K(() => {
+  const [n, r] = K(e), { isRTL: o } = Be(), i = qe(a), { setFormStatus: l } = ge(), c = W();
+  Q(() => {
     e === ce && r(ce);
   }, [
     e
@@ -271,7 +271,7 @@ const it = ({ value: e, onChange: t, target: a }) => {
     value: t,
     onChange: a,
     target: e
-  }), [l, c] = Q(() => {
+  }), [l, c] = K(() => {
     if (o == null)
       return b.DRAW;
     switch (i == null ? void 0 : i.mimeType) {
@@ -375,15 +375,15 @@ const dt = (e) => {
   }), o && F(d, {
     handleClear: i
   }));
-}, _ = ({ children: e, className: t, ...a }) => {
+}, P = ({ children: e, className: t, ...a }) => {
   const { signatureMode: n, setSignatureMode: r, uploadEnabled: o } = a, { disabled: i } = A(), { labelId: l, inputId: c } = H(), d = I((h) => {
     r(h);
   }, [
     r
   ]), u = {
-    [b.DRAW]: T(e, _.Draw),
-    [b.TYPE]: T(e, _.Type),
-    [b.UPLOAD]: o ? T(e, _.Upload) : null
+    [b.DRAW]: T(e, P.Draw),
+    [b.TYPE]: T(e, P.Type),
+    [b.UPLOAD]: o ? T(e, P.Upload) : null
   }, f = u[n], m = mt(f) ? f.props.description : void 0;
   return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("div", {
     role: "status",
@@ -404,7 +404,7 @@ const dt = (e) => {
     "data-hook": ke.SIGNATURE_FIELD_MODE_SELECT,
     className: t
   }, u[b.DRAW], u[b.TYPE], u[b.UPLOAD]));
-}, mt = (e) => /* @__PURE__ */ we(e), ne = ({ mode: e, children: t, className: a, "aria-label": n }) => /* @__PURE__ */ s.createElement(Pe, {
+}, mt = (e) => /* @__PURE__ */ we(e), ne = ({ mode: e, children: t, className: a, "aria-label": n }) => /* @__PURE__ */ s.createElement(_e, {
   value: e,
   "aria-label": n
 }, /* @__PURE__ */ s.createElement(Ne, {
@@ -429,8 +429,8 @@ const dt = (e) => {
     "data-hook": `clear-${i}`,
     className: t
   }, e);
-}, P = ({ children: e, className: t, ...a }) => {
-  const { signatureView: n, signatureValueForView: r, handleChange: o, handleBeforeChange: i } = a, { disabled: l, readOnly: c, onBlur: d, onFocus: u, hasError: f } = A(), m = T(e, P.Canvas), h = T(e, P.Type), E = T(e, P.Upload);
+}, _ = ({ children: e, className: t, ...a }) => {
+  const { signatureView: n, signatureValueForView: r, handleChange: o, handleBeforeChange: i } = a, { disabled: l, readOnly: c, onBlur: d, onFocus: u, hasError: f } = A(), m = T(e, _.Canvas), h = T(e, _.Type), E = T(e, _.Upload);
   return /* @__PURE__ */ s.createElement("div", {
     className: t,
     "data-hook": "signature-input",
@@ -463,7 +463,7 @@ const dt = (e) => {
     onFocus: u
   }));
 }, Et = ({ className: e, emptyLabel: t, signedLabel: a, ...n }) => {
-  const { value: r, onChange: o, onBeforeChange: i, disabled: l, readOnly: c, onBlur: d, onFocus: u } = n, { id: f } = A(), { inputId: m, ariaDescribedBy: h } = H(), E = te(), p = W(), L = W(), y = W(null), x = r == null ? void 0 : r.url, [U, Y] = Q(!1);
+  const { value: r, onChange: o, onBeforeChange: i, disabled: l, readOnly: c, onBlur: d, onFocus: u } = n, { id: f } = A(), { inputId: m, ariaDescribedBy: h } = H(), E = te(), p = W(), L = W(), y = W(null), x = r == null ? void 0 : r.url, [U, Y] = K(!1);
   Ee(() => {
     var D;
     (D = L.current) == null || D.focus();
@@ -513,7 +513,7 @@ const dt = (e) => {
     j,
     q
   ]);
-  return K(() => {
+  return Q(() => {
     p.current && (c || l ? p.current.off() : p.current.on());
   }, [
     l,
@@ -542,7 +542,7 @@ const dt = (e) => {
     R == null || R.focus({
       preventScroll: !0
     });
-  }, u), K(() => {
+  }, u), Q(() => {
     if (!n) {
       const R = document.getElementById(h);
       R && (R.value = "");
@@ -580,7 +580,7 @@ const dt = (e) => {
   })));
 }, Lt = ({ className: e, placeholder: t, ...a }) => {
   const { inputId: n, ariaDescribedBy: r } = a;
-  return /* @__PURE__ */ s.createElement(_e, {
+  return /* @__PURE__ */ s.createElement(Pe, {
     id: n,
     "data-hook": "signature-text",
     "aria-describedby": r,
@@ -657,15 +657,15 @@ g.Input = Z;
 g.Description = We;
 g.Error = He;
 Z.Header = X;
-Z.Value = P;
-X.Tabs = _;
+Z.Value = _;
+X.Tabs = P;
 X.Clear = gt;
-_.Draw = pt;
-_.Type = ft;
-_.Upload = ht;
-P.Canvas = Et;
-P.Type = ae;
-P.Upload = re;
+P.Draw = pt;
+P.Type = ft;
+P.Upload = ht;
+_.Canvas = Et;
+_.Type = ae;
+_.Upload = re;
 ae.Value = Lt;
 re.Button = yt;
 const Tt = () => {
@@ -724,15 +724,15 @@ const Tt = () => {
 }, /* @__PURE__ */ s.createElement("path", {
   fillRule: "evenodd",
   d: "M12,4 L12,5 L8,5 L8,16 L7,16 L7,5 L3,5 L3,4 L12,4 Z M18,8 L18,9 L15,9 L15,16 L14,16 L14,9 L11,9 L11,8 L18,8 Z"
-})), Rt = "_header_15ti0_1", vt = "_tabs_15ti0_8", xt = "_tab_15ti0_8", St = "_tabIcon_15ti0_74", Ft = "_clear_15ti0_81", At = "_value_15ti0_113", _t = "_box_15ti0_118", Pt = "_uploadBox_15ti0_119", Nt = "_typeInput_15ti0_230", C = {
+})), Rt = "_header_15ti0_1", vt = "_tabs_15ti0_8", xt = "_tab_15ti0_8", St = "_tabIcon_15ti0_74", Ft = "_clear_15ti0_81", At = "_value_15ti0_113", Pt = "_box_15ti0_118", _t = "_uploadBox_15ti0_119", Nt = "_typeInput_15ti0_230", C = {
   header: Rt,
   tabs: vt,
   tab: xt,
   tabIcon: St,
   clear: Ft,
   value: At,
-  box: _t,
-  uploadBox: Pt,
+  box: Pt,
+  uploadBox: _t,
   typeInput: Nt
 }, Ut = ({ content: e, locale: t }) => /* @__PURE__ */ s.createElement(Re, {
   content: e,

package/dist/component/{submit-button-rac-BqPJ7WPI.js → submit-button-rac-DIigBeH5.js}

@@ -1,9 +1,9 @@
 import t from "react";
 import l from "classnames";
-import { ai as c } from "./form-BpHElSwH.js";
+import { ai as c } from "./form-_3vjdih8.js";
 import { ProgressBar as g, Button as b } from "react-aria-components";
 import { f as i } from "./find-child-C60k4CxG.js";
-import { a6 as v, a5 as N, a8 as f } from "./form-element-classes-BXNs5k3q.js";
+import { a5 as v, a4 as N, a7 as f } from "./form-element-classes-DZiFyihd.js";
 function C(e) {
   const s = "calc(50% - 2px)";
   return /* @__PURE__ */ t.createElement(g, {