@wix/form-elements 1.62.0 → 1.64.0

package/dist/component/{phone-input-field-rac-D-AosrgV.js → phone-input-field-rac-DYCibqe1.js}

@@ -1,22 +1,22 @@
 import { RicosViewer as ye } from "@wix/ricos/viewer";
 import b from "classnames";
-import t, { useMemo as B, useState as k, useRef as v, useEffect as w, useCallback as j, createContext as te, useContext as V } from "react";
-import { a1 as Ee, aq as P, aa as ne, ap as fe, ag as M, ad as oe, ai as he } from "./form-D6A2hUbV.js";
+import t, { useMemo as B, useState as V, useRef as v, useEffect as w, useCallback as Z, createContext as te, useContext as q } from "react";
+import { a2 as Ee, as as P, ab as ne, ar as fe, ai as M, af as oe, ak as he } from "./form-9yjqDnxY.js";
 import { UNSAFE_PortalProvider as ge } from "react-aria";
-import { Dialog as re, OverlayTriggerStateContext as be, ModalOverlay as _e, Modal as Ne, SearchField as Oe, ListBoxItem as Se, Group as Q, DialogTrigger as Le, Select as Ie, Input as ae, ListBox as ve, Autocomplete as Pe } from "react-aria-components";
+import { Dialog as re, OverlayTriggerStateContext as be, ModalOverlay as _e, Modal as Ne, SearchField as Oe, ListBoxItem as Se, Group as J, DialogTrigger as Le, Select as Ie, Input as ae, ListBox as ve, Autocomplete as Pe } from "react-aria-components";
 import { f as h, a as ce } from "./find-child-C60k4CxG.js";
-import { D as Fe, E as De } from "./field-error-headless-DP4WSQU3.js";
-import { L as Re } from "./field-label-headless-BKmi7Fjg.js";
+import { D as Fe, E as De } from "./field-error-headless-DrnFrGun.js";
+import { L as Re } from "./field-label-headless-BIYf1BIh.js";
 import { N as xe, S as Be } from "./non-modal-popover-DtIMXHbe.js";
 import { u as Me } from "./use-invoke-callback-UH73A_J3.js";
 import se, { AsYouType as $e, isValidPhoneNumber as Ae, isSupportedCountry as Te } from "libphonenumber-js";
 import "libphonenumber-js/metadata.min.json";
-import { C as W } from "./calling-country-codes-PyWuOTmF.js";
+import { C as Q } from "./calling-country-codes-PyWuOTmF.js";
 import { C as we } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as Ue } from "./error-icon-hZxQ6DEy.js";
-import { H as J } from "./custom-focus-class-_483Pkwp.js";
-import { s as _ } from "./field-rac.module-DtugsLiL.js";
-import { r as qe, H as ke, q as Ve, u as He, l as Ge, h as Ye } from "./form-element-classes-Bi-nNM8q.js";
+import { H as W } from "./custom-focus-class-_483Pkwp.js";
+import { s as _ } from "./field-rac.module-CWkwwhq4.js";
+import { t as ke, J as Ve, s as qe, w as Ge, n as He, j as Ye } from "./form-element-classes-KRzHUNLu.js";
 function X(e) {
   const n = e ? se(e) : void 0, r = n == null ? void 0 : n.country;
   if (r)
@@ -24,7 +24,7 @@ function X(e) {
   const o = new $e();
   return e && o.input(e), o.getCountry();
 }
-function H(e) {
+function G(e) {
   var n;
   return e && ((n = Ee.getCountryByKey(e)) == null ? void 0 : n.dialCode);
 }
@@ -41,10 +41,10 @@ function ee(e, n) {
     }
   return e;
 }
-function ze() {
+function je() {
   const { t: e } = P(), { language: n } = ne();
-  return B(() => Object.keys(W).reduce((o, a) => {
-    const c = W[a], l = H(c), u = e(`locale-dataset.countries.${c.toUpperCase()}`);
+  return B(() => Object.keys(Q).reduce((o, a) => {
+    const c = Q[a], l = G(c), u = e(`locale-dataset.countries.${c.toUpperCase()}`);
     return l && Te(a) && o.push({
       countryName: u,
       longCountryCode: c,
@@ -56,18 +56,18 @@ function ze() {
     n
   ]);
 }
-function Ke(e, n) {
+function ze(e, n) {
   return e.filter((r) => n && n.length > 0 ? n.includes(r.shortCountryCode) : !0);
 }
-function Ze(e, n) {
+function Ke(e, n) {
   const { countryName: r, callingCode: o, shortCountryCode: a } = e;
-  return !!(q(r, n) || q(o, n) || q(a, n));
+  return !!(k(r, n) || k(o, n) || k(a, n));
 }
-function q(e, n) {
+function k(e, n) {
   return e.toLowerCase().includes(n.toLowerCase());
 }
-function je({ value: e, defaultCountryCode: n, allowedCountryCodes: r, onChange: o }) {
-  const [a, c] = k(e || ""), l = v(U(e ?? null) ?? ""), [u, i] = k(n);
+function Ze({ value: e, defaultCountryCode: n, allowedCountryCodes: r, onChange: o }) {
+  const [a, c] = V(e || ""), l = v(U(e ?? null) ?? ""), [u, i] = V(n);
   fe(() => {
     c(""), l.current = "", i(n), o("");
   });
@@ -90,7 +90,7 @@ function je({ value: e, defaultCountryCode: n, allowedCountryCodes: r, onChange:
     m,
     n
   ]);
-  const C = j((d) => {
+  const C = Z((d) => {
     if (c(d), !d) {
       l.current = "", o(null);
       return;
@@ -103,7 +103,7 @@ function je({ value: e, defaultCountryCode: n, allowedCountryCodes: r, onChange:
   }, [
     r,
     o
-  ]), p = j((d) => {
+  ]), p = Z((d) => {
     i(d), c((f) => {
       const y = U(ee(f, d));
       return l.current = y ?? "", o(y), f;
@@ -119,12 +119,12 @@ function je({ value: e, defaultCountryCode: n, allowedCountryCodes: r, onChange:
   };
 }
 const le = /* @__PURE__ */ te(null), N = () => {
-  const e = V(le);
+  const e = q(le);
   if (!e)
     throw new Error("Phone input components must be used within PhoneInput component");
   return e;
-}, ue = /* @__PURE__ */ te(null), G = () => {
-  const e = V(ue);
+}, ue = /* @__PURE__ */ te(null), H = () => {
+  const e = q(ue);
   if (!e)
     throw new Error("Option sub-components must be used within Option component");
   return e;
@@ -144,12 +144,12 @@ const le = /* @__PURE__ */ te(null), N = () => {
   });
 }, s = ({ children: e }) => {
   var I, L;
-  const { id: n, value: r, onChange: o, FieldLayout: a, defaultCountry: c, validation: l } = M(), [u, i] = k(null), m = (L = (I = l == null ? void 0 : l.string) == null ? void 0 : I.phoneOptions) == null ? void 0 : L.allowedCountryCodes, C = ze(), p = B(() => Ke(C, m), [
+  const { id: n, value: r, onChange: o, FieldLayout: a, defaultCountry: c, validation: l } = M(), [u, i] = V(null), m = (L = (I = l == null ? void 0 : l.string) == null ? void 0 : I.phoneOptions) == null ? void 0 : L.allowedCountryCodes, C = je(), p = B(() => ze(C, m), [
     C,
     m
   ]), d = B(() => p.map((x) => x.shortCountryCode), [
     p
-  ]), { currentValue: f, selectedCountryCode: y, handlePhoneChange: O, handleCountryCodeChange: S } = je({
+  ]), { currentValue: f, selectedCountryCode: y, handlePhoneChange: O, handleCountryCodeChange: S } = Ze({
     value: r,
     defaultCountryCode: c,
     allowedCountryCodes: d,
@@ -176,8 +176,8 @@ const le = /* @__PURE__ */ te(null), N = () => {
     }), F),
     renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, D, T)
   }));
-}, z = ({ children: e, className: n }) => {
-  const { inputId: r, labelId: o } = oe(), { hasError: a, disabled: c, readOnly: l } = M(), { t: u } = P(), { selectedCountryCode: i, countries: m } = N(), C = `${r}-country`, p = i ? m.find((O) => O.shortCountryCode === i) : void 0, d = p && H(p.longCountryCode) || "", f = u("field.phone.country-code.aria-label"), y = p ? `${f}, ${p.countryName}, ${d}` : f;
+}, j = ({ children: e, className: n }) => {
+  const { inputId: r, labelId: o } = oe(), { hasError: a, disabled: c, readOnly: l } = M(), { t: u } = P(), { selectedCountryCode: i, countries: m } = N(), C = `${r}-country`, p = i ? m.find((O) => O.shortCountryCode === i) : void 0, d = p && G(p.longCountryCode) || "", f = u("field.phone.country-code.aria-label"), y = p ? `${f}, ${p.countryName}, ${d}` : f;
   return /* @__PURE__ */ t.createElement(Be, {
     isDisabled: c || l,
     id: C,
@@ -186,20 +186,20 @@ const le = /* @__PURE__ */ te(null), N = () => {
     className: n,
     "data-invalid": a || void 0
   }, e);
-}, Qe = ({ className: e }) => {
+}, Je = ({ className: e }) => {
   const { selectedCountryCode: n, countries: r } = N(), o = r.find((a) => a.shortCountryCode === n);
   return o ? /* @__PURE__ */ t.createElement(Y, {
     className: e,
     longCountryCode: o.longCountryCode
   }) : null;
-}, We = ({ children: e, className: n }) => {
+}, Qe = ({ children: e, className: n }) => {
   const { selectedCountryCode: r, countries: o } = N();
   return o.some((c) => c.shortCountryCode === r) ? null : /* @__PURE__ */ t.createElement("span", {
     className: n
   }, e);
 };
-z.Flag = Qe;
-z.EmptyState = We;
+j.Flag = Je;
+j.EmptyState = Qe;
 const g = ({ children: e, className: n, "aria-label": r, placement: o, offset: a, ...c }) => {
   const { triggerRef: l, optionsRef: u } = c, { popoverContainer: i } = N(), m = h(e, g.Search), C = /* @__PURE__ */ t.createElement(ie, null, e);
   return /* @__PURE__ */ t.createElement(ge, {
@@ -214,8 +214,8 @@ const g = ({ children: e, className: n, "aria-label": r, placement: o, offset: a
   }, m ? /* @__PURE__ */ t.createElement(re, {
     "aria-label": r
   }, C) : C));
-}, Je = ({ children: e, className: n, overlayClassName: r, "aria-label": o, portalContainer: a = t.Fragment, ...c }) => {
-  const { optionsRef: l } = c, { selectedCountryCode: u, handleCountryCodeChange: i } = N(), m = V(be);
+}, We = ({ children: e, className: n, overlayClassName: r, "aria-label": o, portalContainer: a = t.Fragment, ...c }) => {
+  const { optionsRef: l } = c, { selectedCountryCode: u, handleCountryCodeChange: i } = N(), m = q(be);
   return /* @__PURE__ */ t.createElement(_e, {
     className: r,
     isDismissable: !0
@@ -241,7 +241,7 @@ const g = ({ children: e, className: n, "aria-label": r, placement: o, offset: a
     ...n,
     renderEmptyState: c ? () => c : void 0
   }, r.map((u) => {
-    const i = H(u.longCountryCode) || "";
+    const i = G(u.longCountryCode) || "";
     return ce(o, {
       key: u.shortCountryCode,
       countryCode: u.shortCountryCode,
@@ -253,12 +253,12 @@ const g = ({ children: e, className: n, "aria-label": r, placement: o, offset: a
   return a ? /* @__PURE__ */ t.createElement(Pe, {
     filter: (u, i, m) => {
       const C = r.find((p) => p.shortCountryCode === m.key);
-      return !!C && Ze(C, i);
+      return !!C && Ke(C, i);
     }
   }, a, l) : l;
 };
 g.Popover = g;
-g.Modal = Je;
+g.Modal = We;
 const me = ({ className: e, children: n, "aria-label": r }) => /* @__PURE__ */ t.createElement(Oe, {
   className: e,
   "aria-label": r,
@@ -288,18 +288,18 @@ const $ = ({ children: e, className: n, ...r }) => {
     value: u
   }, i));
 }, Ce = ({ className: e }) => {
-  const { longCountryCode: n } = G();
+  const { longCountryCode: n } = H();
   return /* @__PURE__ */ t.createElement(Y, {
     className: e,
     longCountryCode: n
   });
 }, de = ({ className: e }) => {
-  const { countryName: n } = G();
+  const { countryName: n } = H();
   return /* @__PURE__ */ t.createElement("span", {
     className: e
   }, n);
 }, pe = ({ className: e }) => {
-  const { dialingCode: n } = G();
+  const { dialingCode: n } = H();
   return /* @__PURE__ */ t.createElement("span", {
     className: e
   }, n);
@@ -336,13 +336,13 @@ const tt = ({ className: e }) => {
       a.current || (a.current = !0, C == null || C());
     },
     onBlur: (L) => {
-      var K, Z;
+      var z, K;
       const x = L.relatedTarget;
-      !((K = r.current) != null && K.contains(x)) && !((Z = o.current) != null && Z.contains(x)) && (a.current = !1, d());
+      !((z = r.current) != null && z.contains(x)) && !((K = o.current) != null && K.contains(x)) && (a.current = !1, d());
     }
   };
   if (S.length === 1)
-    return /* @__PURE__ */ t.createElement(Q, {
+    return /* @__PURE__ */ t.createElement(J, {
       ref: r,
       className: n,
       isDisabled: c,
@@ -355,7 +355,7 @@ const tt = ({ className: e }) => {
     triggerRef: r,
     optionsRef: o
   }));
-  return /* @__PURE__ */ t.createElement(Q, {
+  return /* @__PURE__ */ t.createElement(J, {
     ref: r,
     className: n,
     isDisabled: c,
@@ -373,7 +373,7 @@ const tt = ({ className: e }) => {
 };
 s.Label = Re;
 s.Control = nt;
-s.CountryButton = z;
+s.CountryButton = j;
 s.CountryOptions = g;
 s.PhoneNumber = tt;
 s.Description = Fe;
@@ -420,17 +420,17 @@ const ot = (e) => /* @__PURE__ */ t.createElement("svg", {
 }), _t = () => /* @__PURE__ */ t.createElement("span", {
   className: E.chevron,
   "aria-hidden": "true"
-}, /* @__PURE__ */ t.createElement(we, null)), kt = () => {
+}, /* @__PURE__ */ t.createElement(we, null)), Vt = () => {
   const { t: e } = P(), { isMobile: n, PortalContainer: r } = ne(), o = /* @__PURE__ */ t.createElement(s.CountryOptions.Search, {
     className: E.countrySearchContainer,
     "aria-label": e("field.phone.country-search-input.aria-label")
   }, /* @__PURE__ */ t.createElement(rt, {
     className: E.searchIcon
   }), /* @__PURE__ */ t.createElement(s.CountryOptions.Search.Input, {
-    className: b(E.countrySearch, J),
+    className: b(E.countrySearch, W),
     placeholder: e("field.phone.country-search-input.placeholder")
   })), a = /* @__PURE__ */ t.createElement(s.CountryOptions.EmptyState, null, e("field.phone.country-selector-dropdown.no-result")), c = /* @__PURE__ */ t.createElement(s.CountryOptions.Option, {
-    className: b(_.selectOption, _.selectOptionWithoutFocusRing, E.option, J)
+    className: b(_.selectOption, _.selectOptionWithoutFocusRing, E.option, W)
   }, /* @__PURE__ */ t.createElement(s.CountryOptions.Option.Flag, {
     className: E.flag
   }), /* @__PURE__ */ t.createElement(s.CountryOptions.Option.Name, {
@@ -439,11 +439,11 @@ const ot = (e) => /* @__PURE__ */ t.createElement("svg", {
     className: E.code
   }));
   return /* @__PURE__ */ t.createElement(s, null, /* @__PURE__ */ t.createElement(s.Label, {
-    className: b(qe, _.label)
+    className: b(ke, _.label)
   }, /* @__PURE__ */ t.createElement(s.Label.Required, {
-    className: b(ke, _.requiredMark)
+    className: b(Ve, _.requiredMark)
   })), /* @__PURE__ */ t.createElement(s.Control, {
-    className: b(Ve, _.input, E.control)
+    className: b(qe, _.input, E.control)
   }, /* @__PURE__ */ t.createElement(s.CountryButton, {
     className: E.countryButton
   }, /* @__PURE__ */ t.createElement(s.CountryButton.Flag, {
@@ -458,16 +458,16 @@ const ot = (e) => /* @__PURE__ */ t.createElement("svg", {
     portalContainer: r,
     "aria-label": e("field.phone.country-code.aria-label")
   }, o, a, c) : /* @__PURE__ */ t.createElement(s.CountryOptions.Popover, {
-    className: b(He, _.selectPopover, E.countryOptions),
+    className: b(Ge, _.selectPopover, E.countryOptions),
     placement: "bottom start",
     offset: 0,
     "aria-label": e("field.phone.country-code.aria-label")
   }, o, a, c)), /* @__PURE__ */ t.createElement(s.Error, {
-    className: b(Ge, _.error)
+    className: b(He, _.error)
   }, /* @__PURE__ */ t.createElement(Ue, null), /* @__PURE__ */ t.createElement(s.Error.Text, null)), /* @__PURE__ */ t.createElement(s.Description, {
     className: b(Ye, _.description)
   }, bt));
 };
 export {
-  kt as P
+  Vt as P
 };

package/dist/component/{phone-rac-DXLYlz5G.js → phone-rac-BS-dmWkJ.js}

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

package/dist/component/{product-list-rac-CGt4Gnj4.js → product-list-rac-hxOhaA-r.js}

@@ -1,39 +1,39 @@
-import t, { useMemo as z, useCallback as T, useRef as B } from "react";
-import { RicosViewer as G } from "@wix/ricos/viewer";
-import f from "classnames";
+import t, { useMemo as G, useCallback as q, useRef as B } from "react";
+import { RicosViewer as H } from "@wix/ricos/viewer";
+import _ from "classnames";
 import { CheckboxField as K, CheckboxButton as j, NumberField as J, Group as W, Button as U, Input as X } from "react-aria-components";
-import { ag as M, ad as Y, aa as Q, aq as Z, ai as ee } from "./form-D6A2hUbV.js";
-import { f as I, a as L } from "./find-child-C60k4CxG.js";
-import { L as te, g as ne } from "./field-label-headless-BKmi7Fjg.js";
+import { ai as M, af as Y, ab as w, as as Z, ak as ee } from "./form-9yjqDnxY.js";
+import { f as b, a as L } from "./find-child-C60k4CxG.js";
+import { L as te, g as ne } from "./field-label-headless-BIYf1BIh.js";
 import { f as ae } from "./format-currency-BwShJ9vM.js";
-import { D as oe, E as re } from "./field-error-headless-DP4WSQU3.js";
-import { F as le } from "./fieldset-headless-CD3fds9J.js";
-import { g as ie } from "./payment-field-utils-DobiK5Xh.js";
+import { D as oe, E as re } from "./field-error-headless-DrnFrGun.js";
+import { F as ie } from "./fieldset-headless-CD3fds9J.js";
+import { g as le } from "./payment-field-utils-DobiK5Xh.js";
 import { E as se } from "./error-icon-hZxQ6DEy.js";
-import { s as h } from "./field-rac.module-DtugsLiL.js";
-import { r as ce, H as ue, v as me, y as pe, x as de, w as Ee, q as ye, l as _e, h as fe } from "./form-element-classes-Bi-nNM8q.js";
-import { o as w } from "./options-rac.module-KM-VT_KY.js";
-var Ie = /* @__PURE__ */ (function(e) {
+import { s as S } from "./field-rac.module-CWkwwhq4.js";
+import { t as ce, J as ue, x as me, A as pe, z as de, y as Ee, s as ye, n as fe, j as _e } from "./form-element-classes-KRzHUNLu.js";
+import { o as Q } from "./options-rac.module-KM-VT_KY.js";
+var be = /* @__PURE__ */ (function(e) {
   return e.crop = "CROP", e.fit = "FIT", e;
 })({}), k = /* @__PURE__ */ (function(e) {
   return e.oneByOne = "one-by-one", e.onlyOne = "only-one", e.many = "many", e;
 })({});
-function be({ maxItems: e, products: o } = {}) {
-  return e === 1 ? k.onlyOne : o != null && o.length && o.every((l) => {
+function Ie({ maxItems: e, products: o } = {}) {
+  return e === 1 ? k.onlyOne : o != null && o.length && o.every((i) => {
     var n;
-    return typeof ((n = l.quantityLimit) == null ? void 0 : n.maximum) > "u";
+    return typeof ((n = i.quantityLimit) == null ? void 0 : n.maximum) > "u";
   }) ? k.many : k.oneByOne;
 }
 const a = ({ children: e }) => {
   var D;
-  const { id: o, value: l, onChange: n, disabled: r, readOnly: c, required: E, onBlur: b, onFocus: i, hasError: u, validation: m, FieldLayout: p } = M(), { inputId: x, labelId: v, ariaDescribedBy: N } = Y(), y = I(e, a.Label), g = I(e, a.Options), q = I(e, a.Description), O = I(e, a.Error), s = z(() => l || [], [
-    l
-  ]), A = be((D = m == null ? void 0 : m.predefined) == null ? void 0 : D.paymentOptions) === k.many, F = T((P, C) => {
-    const _ = s.filter(($) => $.productId !== P.productId), H = C ? [
-      ..._,
+  const { id: o, value: i, onChange: n, disabled: r, readOnly: c, required: E, onBlur: I, onFocus: l, hasError: u, validation: m, FieldLayout: p } = M(), { inputId: T, labelId: v, ariaDescribedBy: N } = Y(), y = b(e, a.Label), g = b(e, a.Options), A = b(e, a.Description), O = b(e, a.Error), s = G(() => i || [], [
+    i
+  ]), x = Ie((D = m == null ? void 0 : m.predefined) == null ? void 0 : D.paymentOptions) === k.many, F = q((P, C) => {
+    const f = s.filter(($) => $.productId !== P.productId), z = C ? [
+      ...f,
       P
-    ] : _;
-    n == null || n(H);
+    ] : f;
+    n == null || n(z);
   }, [
     s,
     n
@@ -41,76 +41,76 @@ const a = ({ children: e }) => {
   return /* @__PURE__ */ t.createElement(p, {
     fieldId: o,
     renderLabel: () => y,
-    renderInput: () => /* @__PURE__ */ t.createElement(le, {
-      id: x,
+    renderInput: () => /* @__PURE__ */ t.createElement(ie, {
+      id: T,
       ariaLabelledBy: v,
       ariaDescribedBy: N,
       required: E,
-      onBlur: b,
-      onFocus: i
+      onBlur: I,
+      onFocus: l
     }, g ? L(g, {
-      allowMany: A,
+      allowMany: x,
       productValues: s,
       onProductChange: F,
       disabled: r,
       readOnly: c,
       hasError: u
     }) : null),
-    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, O, q)
+    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, O, A)
   });
-}, V = ({ children: e, className: o, ...l }) => {
-  const { allowMany: n, productValues: r, onProductChange: c, disabled: E, readOnly: b, hasError: i } = l, { options: u, validation: m, imageResize: p } = M(), { currency: x } = Q(), { t: v } = Z(), N = I(e, a.Option);
+}, V = ({ children: e, className: o, ...i }) => {
+  const { allowMany: n, productValues: r, onProductChange: c, disabled: E, readOnly: I, hasError: l } = i, { options: u, validation: m, imageResize: p } = M(), { currency: T } = w(), { t: v } = Z(), N = b(e, a.Option);
   return /* @__PURE__ */ t.createElement("div", {
     className: o
   }, u == null ? void 0 : u.map((y, g) => {
-    var R, A, F, D, P;
-    const q = ((P = (D = (F = (A = (R = m == null ? void 0 : m.predefined) == null ? void 0 : R.paymentOptions) == null ? void 0 : A.products) == null ? void 0 : F.find((C) => C.id === y.value)) == null ? void 0 : D.fixedPriceOptions) == null ? void 0 : P.price) || "0", O = ie(v, x), s = r.find((C) => C.productId === y.value);
+    var R, x, F, D, P;
+    const A = ((P = (D = (F = (x = (R = m == null ? void 0 : m.predefined) == null ? void 0 : R.paymentOptions) == null ? void 0 : x.products) == null ? void 0 : F.find((C) => C.id === y.value)) == null ? void 0 : D.fixedPriceOptions) == null ? void 0 : P.price) || "0", O = le(v, T), s = r.find((C) => C.productId === y.value);
     return L(N, {
       key: y.id || y.value || y.label,
       option: y,
-      price: q,
+      price: A,
       quantity: s == null ? void 0 : s.quantity,
       isSelected: !!s,
       allowMany: n,
       onProductChange: c,
       disabled: E,
-      readOnly: b,
-      hasError: i,
+      readOnly: I,
+      hasError: l,
       currencyAriaLabel: O,
       imageResize: p,
       isFirst: g === 0
     });
   }));
-}, d = ({ children: e, className: o, ...l }) => {
-  const { option: n, price: r, quantity: c = 0, isSelected: E, allowMany: b, onProductChange: i, disabled: u, readOnly: m, hasError: p, currencyAriaLabel: x, imageResize: v, isFirst: N } = l, { id: y } = M(), g = B(null), q = B(null), O = I(e, d.Image), s = I(e, d.Label), R = I(e, d.Price), A = I(e, d.Input), F = I(e, d.Quantity);
+}, d = ({ children: e, className: o, ...i }) => {
+  const { option: n, price: r, quantity: c = 0, isSelected: E, allowMany: I, onProductChange: l, disabled: u, readOnly: m, hasError: p, currencyAriaLabel: T, imageResize: v, isFirst: N } = i, { id: y } = M(), g = B(null), A = B(null), O = b(e, d.Image), s = b(e, d.Label), R = b(e, d.Price), x = b(e, d.Input), F = b(e, d.Quantity);
   ee(() => {
-    var _;
-    N && ((_ = g.current ?? q.current) == null || _.focus({
+    var f;
+    N && ((f = g.current ?? A.current) == null || f.focus({
       preventScroll: !0
     }));
   }, y);
-  const D = T((_) => {
-    i({
+  const D = q((f) => {
+    l({
       productId: n.value,
       price: r,
       quantity: 1
-    }, _);
+    }, f);
   }, [
-    i,
+    l,
     n.value,
     r
-  ]), P = T((_) => {
-    i({
+  ]), P = q((f) => {
+    l({
       productId: n.value,
       price: r,
-      quantity: _
-    }, _ > 0);
+      quantity: f
+    }, f > 0);
   }, [
-    i,
+    l,
     n.value,
     r
-  ]), C = `${n.label} ${x} ${r}`;
-  return b ? /* @__PURE__ */ t.createElement("div", {
+  ]), C = `${n.label} ${T} ${r}`;
+  return I ? /* @__PURE__ */ t.createElement("div", {
     className: o,
     "data-hook": "product"
   }, O ? L(O, {
@@ -127,7 +127,7 @@ const a = ({ children: e }) => {
     readOnly: m,
     hasError: p,
     ariaLabel: C,
-    inputRef: N ? q : void 0
+    inputRef: N ? A : void 0
   }) : null) : /* @__PURE__ */ t.createElement(K, {
     isSelected: E,
     onChange: D,
@@ -146,32 +146,32 @@ const a = ({ children: e }) => {
     label: n.label
   }) : null, R ? L(R, {
     price: r
-  }) : null, A));
+  }) : null, x));
 }, Le = ({ className: e, ...o }) => {
-  var i;
-  const { option: l, imageResize: n } = o, r = (i = l.media) == null ? void 0 : i.image;
+  var l;
+  const { option: i, imageResize: n } = o, r = (l = i.media) == null ? void 0 : l.image;
   if (!r)
     return null;
-  const c = n === Ie.fit, E = ne(r, 96, 96, c ? "fit" : "fill");
+  const c = n === be.fit, E = ne(r, 96, 96, c ? "fit" : "fill");
   if (!E)
     return null;
-  const b = r.altText || l.label || "";
+  const I = r.altText || i.label || "";
   return /* @__PURE__ */ t.createElement("img", {
     className: e,
     src: E,
-    alt: b,
+    alt: I,
     "data-fit": c ? "contain" : "cover",
     "data-hook": "product-image"
   });
 }, Oe = ({ className: e, ...o }) => {
-  const { label: l } = o;
+  const { label: i } = o;
   return /* @__PURE__ */ t.createElement("span", {
     className: e,
     "data-hook": "product-label"
-  }, l || "");
+  }, i || "");
 }, Re = ({ className: e, ...o }) => {
-  const { price: l } = o, { currency: n, regionalFormat: r } = Q(), c = ae({
-    amount: l,
+  const { price: i } = o, { currency: n, regionalFormat: r } = w(), c = ae({
+    amount: i,
     currency: n == null ? void 0 : n.code,
     locale: r
   });
@@ -183,24 +183,24 @@ const a = ({ children: e }) => {
   "aria-hidden": "true",
   className: e
 }), ge = ({ className: e, ...o }) => {
-  const { quantity: l, onQuantityChange: n, disabled: r, readOnly: c, hasError: E, ariaLabel: b, inputRef: i } = o, u = T((p) => {
+  const { quantity: i, onQuantityChange: n, disabled: r, readOnly: c, hasError: E, ariaLabel: I, inputRef: l } = o, u = q((p) => {
     n(p < 0 ? 0 : p);
   }, [
     n
-  ]), m = T((p) => {
+  ]), m = q((p) => {
     p.key === "Home" && (p.preventDefault(), u(0));
   }, [
     u
   ]);
   return /* @__PURE__ */ t.createElement(J, {
-    value: l,
+    value: i,
     onChange: u,
     minValue: 0,
     step: 1,
     isDisabled: r,
     isReadOnly: c,
     isInvalid: E,
-    "aria-label": b,
+    "aria-label": I,
     className: e,
     "data-hook": "product-quantity"
   }, /* @__PURE__ */ t.createElement(W, {
@@ -208,7 +208,7 @@ const a = ({ children: e }) => {
   }, /* @__PURE__ */ t.createElement(U, {
     slot: "decrement"
   }, "-"), /* @__PURE__ */ t.createElement(X, {
-    ref: i
+    ref: l
   }), /* @__PURE__ */ t.createElement(U, {
     slot: "increment"
   }, "+")));
@@ -224,40 +224,40 @@ a.Options = V;
 a.Option = d;
 a.Description = oe;
 a.Error = re;
-const Fe = "_options_11x4v_1", De = "_option_11x4v_1", Pe = "_optionInput_11x4v_21", he = "_optionImage_11x4v_32", Se = "_optionLabel_11x4v_66", ve = "_optionPrice_11x4v_73", Ne = "_quantity_11x4v_87", S = {
+const Fe = "_options_11x4v_1", De = "_option_11x4v_1", Pe = "_optionInput_11x4v_21", Se = "_optionImage_11x4v_32", he = "_optionLabel_11x4v_66", ve = "_optionPrice_11x4v_73", Ne = "_quantity_11x4v_87", h = {
   options: Fe,
   option: De,
   optionInput: Pe,
-  optionImage: he,
-  optionLabel: Se,
+  optionImage: Se,
+  optionLabel: he,
   optionPrice: ve,
   quantity: Ne
-}, qe = ({ content: e, locale: o }) => /* @__PURE__ */ t.createElement(G, {
+}, Ae = ({ content: e, locale: o }) => /* @__PURE__ */ t.createElement(H, {
   content: e,
   locale: o
-}), Ae = () => /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(a.Label, {
-  className: f(ce, h.label)
+}), xe = () => /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(a.Label, {
+  className: _(ce, S.label)
 }, /* @__PURE__ */ t.createElement(a.Label.Required, {
-  className: f(ue, h.requiredMark)
+  className: _(ue, S.requiredMark)
 })), /* @__PURE__ */ t.createElement(a.Options, {
-  className: f(me, w.options, S.options)
+  className: _(me, Q.options, h.options)
 }, /* @__PURE__ */ t.createElement(a.Option, {
-  className: f(h.checkbox, S.option)
+  className: _(S.checkbox, h.option)
 }, /* @__PURE__ */ t.createElement(a.Option.Image, {
-  className: S.optionImage
+  className: h.optionImage
 }), /* @__PURE__ */ t.createElement(a.Option.Label, {
-  className: f(pe, w.optionLabel, S.optionLabel)
+  className: _(pe, Q.optionLabel, h.optionLabel)
 }), /* @__PURE__ */ t.createElement(a.Option.Price, {
-  className: f(de, S.optionPrice)
+  className: _(de, h.optionPrice)
 }), /* @__PURE__ */ t.createElement(a.Option.Input, {
-  className: f(Ee, h.checkboxInput, S.optionInput)
+  className: _(Ee, S.checkboxInput, h.optionInput)
 }), /* @__PURE__ */ t.createElement(a.Option.Quantity, {
-  className: f(ye, h.inputGroup, S.quantity)
+  className: _(ye, S.inputGroup, h.quantity)
 }))), /* @__PURE__ */ t.createElement(a.Error, {
-  className: f(_e, h.error)
+  className: _(fe, S.error)
 }, /* @__PURE__ */ t.createElement(se, null), /* @__PURE__ */ t.createElement(a.Error.Text, null)), /* @__PURE__ */ t.createElement(a.Description, {
-  className: f(fe, h.description)
-}, qe)), Je = () => /* @__PURE__ */ t.createElement(Ae, null);
+  className: _(_e, S.description)
+}, Ae)), Je = () => /* @__PURE__ */ t.createElement(xe, null);
 export {
   Je as ProductListRAC
 };

package/dist/component/quiz-radio-group-rac-BT-YZO2Q.js

@@ -0,0 +1,13 @@
+import _ from "react";
+import { R } from "./radio-group-field-rac-DKqWnMBJ.js";
+import { D as o, C as r, B as O } from "./form-element-classes-KRzHUNLu.js";
+const I = () => /* @__PURE__ */ _.createElement(R, {
+  classes: {
+    container: O,
+    label: r,
+    control: o
+  }
+});
+export {
+  I as QuizRadioGroupRAC
+};