@wix/form-elements 1.73.0 → 1.75.0

package/dist/component/product-list-rac-C4rvv5k-.js

@@ -0,0 +1,270 @@
+import t, { useMemo as K, useCallback as q, useRef as B } from "react";
+import { RicosViewer as $ } from "@wix/ricos/viewer";
+import f from "classnames";
+import { CheckboxField as z, 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-DCmjj8mZ.js";
+import { f as b, a as I } from "./find-child-C60k4CxG.js";
+import { L as te, g as ne } from "./field-label-headless-Bzh7f2Ji.js";
+import { f as ae } from "./format-currency-BwShJ9vM.js";
+import { D as oe, E as re } from "./field-error-headless-uQOcm2Ak.js";
+import { F as le } from "./fieldset-headless-CD3fds9J.js";
+import { a as se, u as ie, C as ce } from "./use-element-state-class-name-Bnw7sY9P.js";
+import { g as ue } from "./payment-field-utils-DobiK5Xh.js";
+import { E as me } from "./error-icon-hZxQ6DEy.js";
+import { s as T } from "./field-rac.module-DjmaTYkc.js";
+import { y as pe, Q as de, C as Ee, G as ye, E as _e, x as fe, p as Ie, i as be, D as Oe } from "./form-element-classes-Dn33C01k.js";
+import { o as Q } from "./options-rac.module-KM-VT_KY.js";
+var Le = /* @__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 Ce({ maxItems: e, products: a } = {}) {
+  return e === 1 ? k.onlyOne : a != null && a.length && a.every((l) => {
+    var n;
+    return typeof ((n = l.quantityLimit) == null ? void 0 : n.maximum) > "u";
+  }) ? k.many : k.oneByOne;
+}
+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: x, labelId: N, ariaDescribedBy: h } = Y(), _ = b(e, o.Label), g = b(e, o.Options), v = b(e, o.Description), L = b(e, o.Error), i = K(() => l || [], [
+    l
+  ]), A = Ce((D = m == null ? void 0 : m.predefined) == null ? void 0 : D.paymentOptions) === k.many, F = q((S, R) => {
+    const d = i.filter((H) => H.productId !== S.productId), G = R ? [
+      ...d,
+      S
+    ] : d;
+    n == null || n(G);
+  }, [
+    i,
+    n
+  ]);
+  return /* @__PURE__ */ t.createElement(p, {
+    fieldId: a,
+    renderLabel: () => _,
+    renderInput: () => /* @__PURE__ */ t.createElement(le, {
+      id: x,
+      ariaLabelledBy: N,
+      ariaDescribedBy: h,
+      required: y,
+      onBlur: O,
+      onFocus: s
+    }, g ? I(g, {
+      allowMany: A,
+      productValues: i,
+      onProductChange: F,
+      disabled: r,
+      readOnly: c,
+      hasError: u
+    }) : null),
+    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, L, v)
+  });
+}, V = ({ children: e, className: a, ...l }) => {
+  const { allowMany: n, productValues: r, onProductChange: c, disabled: y, readOnly: O, hasError: s } = l, { options: u, validation: m, imageResize: p } = M(), { currency: x } = w(), { t: N } = Z(), h = b(e, o.Option);
+  return /* @__PURE__ */ t.createElement("div", {
+    className: a
+  }, u == null ? void 0 : u.map((_, 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 === _.value)) == null ? void 0 : D.fixedPriceOptions) == null ? void 0 : S.price) || "0", L = ue(N, x), i = r.find((R) => R.productId === _.value);
+    return I(h, {
+      key: _.id || _.value || _.label,
+      option: _,
+      price: v,
+      quantity: i == null ? void 0 : i.quantity,
+      isSelected: !!i,
+      allowMany: n,
+      onProductChange: c,
+      disabled: y,
+      readOnly: O,
+      hasError: s,
+      currencyAriaLabel: L,
+      imageResize: p,
+      isFirst: g === 0
+    });
+  }));
+}, E = ({ children: e, className: a, ...l }) => {
+  const { option: n, price: r, quantity: c = 0, isSelected: y, allowMany: O, onProductChange: s, disabled: u, readOnly: m, hasError: p, currencyAriaLabel: x, imageResize: N, isFirst: h } = l, { id: _ } = M(), g = B(null), v = B(null), L = b(e, E.Image), i = b(e, E.Label), C = b(e, E.Price), A = b(e, E.Input), F = b(e, E.Quantity);
+  ee(() => {
+    var d;
+    h && ((d = g.current ?? v.current) == null || d.focus({
+      preventScroll: !0
+    }));
+  }, _);
+  const D = q((d) => {
+    s({
+      productId: n.value,
+      price: r,
+      quantity: 1
+    }, d);
+  }, [
+    s,
+    n.value,
+    r
+  ]), S = q((d) => {
+    s({
+      productId: n.value,
+      price: r,
+      quantity: d
+    }, d > 0);
+  }, [
+    s,
+    n.value,
+    r
+  ]), R = `${n.label} ${x} ${r}`;
+  return O ? /* @__PURE__ */ t.createElement("div", {
+    className: a,
+    "data-hook": "product"
+  }, L ? I(L, {
+    option: n,
+    imageResize: N
+  }) : null, i ? I(i, {
+    label: n.label
+  }) : null, C ? I(C, {
+    price: r
+  }) : null, F ? I(F, {
+    quantity: c,
+    onQuantityChange: S,
+    disabled: u,
+    readOnly: m,
+    hasError: p,
+    ariaLabel: R,
+    inputRef: h ? v : void 0
+  }) : null) : /* @__PURE__ */ t.createElement(z, {
+    isSelected: y,
+    onChange: D,
+    isDisabled: u,
+    isReadOnly: m,
+    isInvalid: p,
+    "aria-label": R
+  }, /* @__PURE__ */ t.createElement(X, {
+    ref: g,
+    className: a,
+    "data-hook": "product"
+  }, ({ isHovered: d }) => /* @__PURE__ */ t.createElement(t.Fragment, null, L ? I(L, {
+    option: n,
+    imageResize: N
+  }) : null, i ? I(i, {
+    label: n.label
+  }) : null, C ? I(C, {
+    price: r
+  }) : null, I(A, {
+    isSelected: y,
+    isHovered: d
+  }))));
+}, Re = ({ className: e, ...a }) => {
+  var s;
+  const { option: l, imageResize: n } = a, r = (s = l.media) == null ? void 0 : s.image;
+  if (!r)
+    return null;
+  const c = n === Le.fit, y = ne(r, 96, 96, c ? "fit" : "fill");
+  if (!y)
+    return null;
+  const O = r.altText || l.label || "";
+  return /* @__PURE__ */ t.createElement("img", {
+    className: e,
+    src: y,
+    alt: O,
+    "data-fit": c ? "contain" : "cover",
+    "data-hook": "product-image"
+  });
+}, ge = ({ className: e, ...a }) => {
+  const { label: l } = a;
+  return /* @__PURE__ */ t.createElement("span", {
+    className: e,
+    "data-hook": "product-label"
+  }, l || "");
+}, Fe = ({ className: e, ...a }) => {
+  const { price: l } = a, { currency: n, regionalFormat: r } = w(), c = ae({
+    amount: l,
+    currency: n == null ? void 0 : n.code,
+    locale: r
+  });
+  return /* @__PURE__ */ t.createElement("span", {
+    className: e,
+    "data-hook": "product-price"
+  }, c);
+}, De = ({ className: e, ...a }) => {
+  const { quantity: l, onQuantityChange: n, disabled: r, readOnly: c, hasError: y, ariaLabel: O, inputRef: s } = a, u = q((p) => {
+    n(p < 0 ? 0 : p);
+  }, [
+    n
+  ]), m = q((p) => {
+    p.key === "Home" && (p.preventDefault(), u(0));
+  }, [
+    u
+  ]);
+  return /* @__PURE__ */ t.createElement(j, {
+    value: l,
+    onChange: u,
+    minValue: 0,
+    step: 1,
+    isDisabled: r,
+    isReadOnly: c,
+    isInvalid: y,
+    "aria-label": O,
+    className: e,
+    "data-hook": "product-quantity"
+  }, /* @__PURE__ */ t.createElement(J, {
+    onKeyDown: m
+  }, /* @__PURE__ */ t.createElement(U, {
+    slot: "decrement"
+  }, "-"), /* @__PURE__ */ t.createElement(W, {
+    ref: s
+  }), /* @__PURE__ */ t.createElement(U, {
+    slot: "increment"
+  }, "+")));
+};
+E.Image = Re;
+E.Label = ge;
+E.Price = Fe;
+E.Input = se;
+E.Quantity = De;
+V.Option = E;
+o.Label = te;
+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,
+  optionInput: Ne,
+  optionImage: he,
+  optionLabel: ve,
+  optionPrice: Ae,
+  quantity: Te
+}, xe = ({ content: e, locale: a }) => /* @__PURE__ */ t.createElement($, {
+  content: e,
+  locale: a
+}), qe = () => {
+  const e = ie({
+    globalClasses: Oe,
+    moduleClasses: ce
+  });
+  return /* @__PURE__ */ t.createElement(o, null, /* @__PURE__ */ t.createElement(o.Label, {
+    className: f(pe, T.label)
+  }, /* @__PURE__ */ t.createElement(o.Label.Required, {
+    className: f(de, T.requiredMark)
+  })), /* @__PURE__ */ t.createElement(o.Options, {
+    className: f(Ee, Q.options, P.options)
+  }, /* @__PURE__ */ t.createElement(o.Option, {
+    className: f(T.checkbox, P.option)
+  }, /* @__PURE__ */ t.createElement(o.Option.Image, {
+    className: P.optionImage
+  }), /* @__PURE__ */ t.createElement(o.Option.Label, {
+    className: f(ye, Q.optionLabel, P.optionLabel)
+  }), /* @__PURE__ */ t.createElement(o.Option.Price, {
+    className: f(_e, P.optionPrice)
+  }), /* @__PURE__ */ t.createElement(o.Option.Input, {
+    className: (a) => f(e(a), P.optionInput)
+  }), /* @__PURE__ */ t.createElement(o.Option.Quantity, {
+    className: f(fe, T.inputGroup, P.quantity)
+  }))), /* @__PURE__ */ t.createElement(o.Error, {
+    className: f(Ie, T.error)
+  }, /* @__PURE__ */ t.createElement(me, null), /* @__PURE__ */ t.createElement(o.Error.Text, null)), /* @__PURE__ */ t.createElement(o.Description, {
+    className: f(be, T.description)
+  }, xe));
+}, Ye = () => /* @__PURE__ */ t.createElement(qe, null);
+export {
+  Ye as ProductListRAC
+};

package/dist/component/{quiz-radio-group-rac-CPGS0LEb.js → quiz-radio-group-rac-BxKmUUf8.js}

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

package/dist/component/{radio-group-field-rac-BWpTNAbO.js → radio-group-field-rac-Dj4rkkKF.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-WxU5zxvM.js";
+import { R as t, s as r } from "./radio-group-field-rac.module-CeBLm9QF.js";
 import { E as m } from "./error-icon-hZxQ6DEy.js";
-import { s as l } from "./field-rac.module-Cac83bU5.js";
-import { z as c, R as i, N as E, M as _, L as R, y as p, q as O, j as L } from "./form-element-classes-DDKCTFQj.js";
+import { s as l } from "./field-rac.module-DjmaTYkc.js";
+import { y as c, Q as i, M as E, L as _, K as R, x as p, p as O, i as L } from "./form-element-classes-Dn33C01k.js";
 const I = ({ content: o, locale: n }) => /* @__PURE__ */ e.createElement(s, {
   content: o,
   locale: n

package/dist/component/{radio-group-field-rac.module-WxU5zxvM.js → radio-group-field-rac.module-CeBLm9QF.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-C6WwBcGP.js";
+import { ai as C, af as $, as as F, ab as q, ak as x } from "./form-DCmjj8mZ.js";
 import { f as d, a as g } from "./find-child-C60k4CxG.js";
-import { D as U, E as A } from "./field-error-headless-DQZ5XAdn.js";
-import { L as H } from "./field-label-headless-DoxfHHaj.js";
+import { D as U, E as A } from "./field-error-headless-uQOcm2Ak.js";
+import { L as H } from "./field-label-headless-Bzh7f2Ji.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-dA4WZ1Vj.js → radio-group-rac-BpnfptSZ.js}

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

package/dist/component/{rating-input-field-rac-CJnFsBvH.js → rating-input-field-rac-BP0928qI.js}

@@ -1,19 +1,18 @@
-import { RicosViewer as O } from "@wix/ricos/viewer";
+import { RicosViewer as D } from "@wix/ricos/viewer";
 import c from "classnames";
-import e, { useCallback as h, useState as y, useRef as A } from "react";
-import { ai as b, af as F, as as T, ac as M } from "./form-C6WwBcGP.js";
+import e, { useCallback as y, useState as h, useRef as A } from "react";
+import { ai as F, af as N, as as T, ac as M } from "./form-DCmjj8mZ.js";
 import { RadioGroup as P, RadioField as w, RadioButton as B } from "react-aria-components";
-import { f as E, a as q } from "./find-child-C60k4CxG.js";
-import { D as x, E as G } from "./field-error-headless-DQZ5XAdn.js";
-import { L as H } from "./field-label-headless-DoxfHHaj.js";
+import { f as E, a as x } from "./find-child-C60k4CxG.js";
+import { D as G, E as H } from "./field-error-headless-uQOcm2Ak.js";
+import { L as q } from "./field-label-headless-Bzh7f2Ji.js";
 import { E as k } from "./error-icon-hZxQ6DEy.js";
-import { s as p } from "./field-rac.module-Cac83bU5.js";
-import { z, R as Q, O as j, P as K, Q as U, q as Y, j as Z } from "./form-element-classes-DDKCTFQj.js";
-import { R as J } from "./form-element-keys-D0sEdpFo.js";
+import { s as p } from "./field-rac.module-DjmaTYkc.js";
+import { y as Q, Q as z, N as K, O as U, P as Y, p as Z, i as j, F as J } from "./form-element-classes-Dn33C01k.js";
 const t = ({ children: a }) => {
-  const { id: r, value: n, onChange: i, disabled: o, readOnly: d, required: l, hasError: m, onBlur: u, onFocus: R, FieldLayout: C } = b(), { labelId: L } = F(), _ = h((D) => i(Number(D)), [
+  const { id: r, value: n, onChange: i, disabled: o, readOnly: d, required: l, hasError: m, onBlur: u, onFocus: R, FieldLayout: C } = F(), { labelId: L } = N(), _ = y((v) => i(Number(v)), [
     i
-  ]), f = E(a, t.Label), s = E(a, t.Ratings), g = E(a, t.Description), v = E(a, t.Error);
+  ]), f = E(a, t.Label), s = E(a, t.Ratings), g = E(a, t.Description), O = E(a, t.Error);
   return /* @__PURE__ */ e.createElement(C, {
     fieldId: r,
     renderLabel: () => f,
@@ -29,10 +28,10 @@ const t = ({ children: a }) => {
       onFocus: R,
       orientation: "horizontal"
     }, s),
-    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, v, g)
+    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, O, g)
   });
 }, I = ({ children: a, className: r, getReactionLabel: n }) => {
-  const { value: i, readOnly: o, hasError: d } = b(), { inputId: l, ariaDescribedBy: m } = F(), [u, R] = y(), C = A(null), L = E(a, I.Rating), _ = [
+  const { value: i, readOnly: o, hasError: d } = F(), { inputId: l, ariaDescribedBy: m } = N(), [u, R] = h(), C = A(null), L = E(a, I.Rating), _ = [
     "1",
     "2",
     "3",
@@ -46,7 +45,7 @@ const t = ({ children: a }) => {
     className: r,
     "data-invalid": d,
     "data-readonly": o
-  }, _.map((s) => q(L, {
+  }, _.map((s) => x(L, {
     key: s,
     value: s,
     isSelected: f(s),
@@ -63,7 +62,7 @@ const t = ({ children: a }) => {
   position: "absolute",
   width: 1,
   whiteSpace: "nowrap"
-}, N = ({ className: a, children: r, ...n }) => {
+}, b = ({ className: a, children: r, ...n }) => {
   const { value: i, isSelected: o, onHoverChange: d, label: l } = n, m = typeof a == "function" ? a({
     isSelected: o
   }) : a;
@@ -79,12 +78,12 @@ const t = ({ children: a }) => {
     style: W
   }, l) : null));
 };
-I.Rating = N;
-t.Label = H;
+I.Rating = b;
+t.Label = q;
 t.Ratings = I;
-t.Rating = N;
-t.Description = x;
-t.Error = G;
+t.Rating = b;
+t.Description = G;
+t.Error = H;
 const X = (a) => /* @__PURE__ */ e.createElement("svg", {
   viewBox: "0 0 32 32",
   width: 32,
@@ -98,30 +97,30 @@ const X = (a) => /* @__PURE__ */ e.createElement("svg", {
 })), $ = "_ratings_1n24x_1", V = "_rating_1n24x_1", S = {
   ratings: $,
   rating: V
-}, ee = ({ content: a, locale: r }) => /* @__PURE__ */ e.createElement(O, {
+}, ee = ({ content: a, locale: r }) => /* @__PURE__ */ e.createElement(D, {
   content: a,
   locale: r
-}), ue = () => {
-  const { t: a } = T(), r = M(J);
+}), Ee = () => {
+  const { t: a } = T(), r = M(J.RATING_OPTION);
   return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-    className: c(z, p.label)
+    className: c(Q, p.label)
   }, /* @__PURE__ */ e.createElement(t.Label.Required, {
-    className: c(Q, p.requiredMark)
+    className: c(z, p.requiredMark)
   })), /* @__PURE__ */ e.createElement(t.Ratings, {
-    className: c(j, S.ratings),
+    className: c(K, S.ratings),
     getReactionLabel: (n) => a("rating-input.a11y.reaction-label", {
       count: n
     })
   }, /* @__PURE__ */ e.createElement(t.Rating, {
-    className: ({ isSelected: n }) => c(K, r, S.rating, {
-      [U]: n
+    className: ({ isSelected: n }) => c(U, r, S.rating, {
+      [Y]: n
     })
   }, /* @__PURE__ */ e.createElement(X, null))), /* @__PURE__ */ e.createElement(t.Error, {
-    className: c(Y, p.error)
+    className: c(Z, p.error)
   }, /* @__PURE__ */ e.createElement(k, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-    className: c(Z, p.description)
+    className: c(j, p.description)
   }, ee));
 };
 export {
-  ue as R
+  Ee as R
 };

package/dist/component/{rating-input-rac-DXVYozFV.js → rating-input-rac-DaEgvjIS.js}

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

package/dist/component/{rich-content-rac.module-DkKwzJS7.js → rich-content-rac.module-zvvH-tWq.js}

@@ -1,5 +1,5 @@
 import c, { useState as u } from "react";
-import { ai as a, ab as i, as as T } from "./form-C6WwBcGP.js";
+import { ai as a, ab as i, as as T } from "./form-DCmjj8mZ.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-8FWCRrpb.js → rich-text-field-rac-CFCRiMl_.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-C6WwBcGP.js";
-import { u as T, R as C, s as d, T as p } from "./rich-content-rac.module-DkKwzJS7.js";
-import { a6 as g } from "./form-element-classes-DDKCTFQj.js";
+import { ai as m, L as i, W as u, Z as R } from "./form-DCmjj8mZ.js";
+import { u as T, R as C, s as d, T as p } from "./rich-content-rac.module-zvvH-tWq.js";
+import { a5 as g } from "./form-element-classes-Dn33C01k.js";
 const h = {
   colorPalette: R(),
   customStyles: u()

package/dist/component/{rich-text-rac-OeM_mPRy.js → rich-text-rac-BRuLnyN4.js}

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

package/dist/component/{service-dropdown-rac-mvUMpcS_.js → service-dropdown-rac-C82l5y0C.js}

@@ -1,14 +1,14 @@
 import t, { useRef as P, 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-C6WwBcGP.js";
-import { u as q } from "./use-service-options-base-D4Zl-iGW.js";
-import { D as d } from "./dropdown-field-headless-CTZ-zGqZ.js";
-import { C as x } from "./chevron-down-icon-CcpVm6B-.js";
+import { ae as w, as as b, F as M, ai as y, ab as x, h as U } from "./form-DCmjj8mZ.js";
+import { u as V } from "./use-service-options-base-CgT1IKB3.js";
+import { D as d } from "./dropdown-field-headless-CQfZ3zPD.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-Cac83bU5.js";
-import { z as B, R as W, y as j, C as z, q as Q, j as Y } from "./form-element-classes-DDKCTFQj.js";
+import { s as n } from "./field-rac.module-DjmaTYkc.js";
+import { y as q, Q, x as W, B as Y, p as j, i as z } from "./form-element-classes-Dn33C01k.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(() => {
     var s;
@@ -25,11 +25,11 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
   ] : s, [
     i,
     c
-  ]), { isLoading: f, options: l, isEmpty: D, shouldRender: I, setIsLoading: F, setOptions: L, setIsEmpty: S, processOptions: R } = q({
+  ]), { isLoading: f, options: l, isEmpty: D, shouldRender: I, setIsLoading: F, setOptions: L, setIsEmpty: S, processOptions: _ } = V({
     fieldType: M.SERVICES_DROPDOWN,
     isEditor: e.isEditor,
     postProcessOptions: O
-  }), _ = h(async () => {
+  }), R = h(async () => {
     if (a.current && (r != null && r.fetchServices) && E.length > 0) {
       a.current = !1, F(!0);
       let s;
@@ -41,7 +41,7 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
         console.error(u);
       }
       if (s) {
-        const u = R(s);
+        const u = _(s);
         S(!i && u.length === 0), L(u);
       } else
         a.current = !0;
@@ -50,7 +50,7 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
   }, [
     r,
     E,
-    R,
+    _,
     i,
     F,
     L,
@@ -68,9 +68,9 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     e.isEditor
   ]);
   const v = h(() => {
-    e.onFocus && e.onFocus(), a.current && _();
+    e.onFocus && e.onFocus(), a.current && R();
   }, [
-    _,
+    R,
     e.onFocus
   ]), N = h(
     (s) => {
@@ -90,7 +90,7 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     shouldRender: I
   };
 }, o = ({ children: e }) => {
-  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 } = J({
+  const r = y(), { addOther: C } = r, i = x(), p = r.isEditor || i.isEditor || i.isComposer, { isLoading: c, options: a, isEmpty: E, onFocus: O, onChange: f, shouldRender: l } = J({
     ...r,
     isEditor: p
   }), D = g(() => ({
@@ -106,7 +106,7 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     O,
     f
   ]);
-  return !p && E && !C || !l ? null : /* @__PURE__ */ t.createElement(V.Provider, {
+  return !p && E && !C || !l ? null : /* @__PURE__ */ t.createElement(U.Provider, {
     value: {
       v2: D
     }
@@ -121,21 +121,21 @@ const K = ({ content: e, locale: r }) => /* @__PURE__ */ t.createElement(A, {
   content: e,
   locale: r
 }), X = () => /* @__PURE__ */ t.createElement(o, null, /* @__PURE__ */ t.createElement(o.Label, {
-  className: m(B, n.label)
+  className: m(q, n.label)
 }, /* @__PURE__ */ t.createElement(o.Label.Required, {
-  className: m(W, n.requiredMark)
+  className: m(Q, n.requiredMark)
 })), /* @__PURE__ */ t.createElement(o.Trigger, {
-  className: m(j, n.input, n.dropdownTrigger)
-}, /* @__PURE__ */ t.createElement(x, {
+  className: m(W, 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(Y, n.selectPopover, n.dropdownPopover)
 }, /* @__PURE__ */ t.createElement(o.Options.Option, {
   className: m(n.selectOption, k)
 })), /* @__PURE__ */ t.createElement(o.Error, {
-  className: m(Q, n.error)
+  className: m(j, n.error)
 }, /* @__PURE__ */ t.createElement(H, null), /* @__PURE__ */ t.createElement(o.Error.Text, null)), /* @__PURE__ */ t.createElement(o.Description, {
-  className: m(Y, n.description)
+  className: m(z, n.description)
 }, K)), le = () => /* @__PURE__ */ t.createElement(X, null);
 export {
   le as ServiceDropdownRAC

package/dist/component/services-multi-choice-rac-BAHBSgAT.js

@@ -0,0 +1,83 @@
+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-DCmjj8mZ.js";
+import { u as F } from "./use-service-options-base-CgT1IKB3.js";
+import { C as a } from "./checkbox-group-field-headless-BItyo_iD.js";
+import { E as f } from "./error-icon-hZxQ6DEy.js";
+import { u as N, C as h } from "./use-element-state-class-name-Bnw7sY9P.js";
+import { s as i } from "./field-rac.module-DjmaTYkc.js";
+import { y as M, Q as b, U as A, W as v, x, p as T, i as y, V as P } from "./form-element-classes-Dn33C01k.js";
+import { o as O } from "./options-rac.module-KM-VT_KY.js";
+const k = (s) => {
+  var C;
+  const { isLoading: o, options: n, isEmpty: c, shouldRender: E, setOptions: l, setIsEmpty: m, setHasInitialDataLoaded: p } = F({
+    fieldType: R.SERVICES_MULTI_CHOICE,
+    isEditor: s.isEditor
+  }), u = (C = s.options) == null ? void 0 : C.every((S) => S.label && S.id);
+  return _(() => {
+    if (u && s.options) {
+      l(s.options), m(s.options.length === 0), p(!0);
+      return;
+    }
+  }, [
+    u,
+    s.options,
+    l,
+    m,
+    p
+  ]), {
+    isLoading: o,
+    options: n,
+    isEmpty: c,
+    shouldRender: E
+  };
+}, t = ({ children: s }) => {
+  const o = d(), { options: n, isEmpty: c, shouldRender: E } = k(o), l = I(() => ({
+    ...o,
+    options: n
+  }), [
+    o,
+    n
+  ]);
+  return !o.isEditor && c || !E ? null : /* @__PURE__ */ e.createElement(D.Provider, {
+    value: {
+      v2: l
+    }
+  }, /* @__PURE__ */ e.createElement(a, null, s));
+};
+t.Label = a.Label;
+t.Options = a.Options;
+t.Description = a.Description;
+t.Error = a.Error;
+const V = ({ content: s, locale: o }) => /* @__PURE__ */ e.createElement(L, {
+  content: s,
+  locale: o
+}), U = () => {
+  const s = N({
+    globalClasses: P,
+    moduleClasses: h
+  });
+  return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
+    className: r(M, i.label)
+  }, /* @__PURE__ */ e.createElement(t.Label.Required, {
+    className: r(b, i.requiredMark)
+  })), /* @__PURE__ */ e.createElement(t.Options, {
+    className: r(A, O.options)
+  }, /* @__PURE__ */ e.createElement(t.Options.Option, null, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox, {
+    className: i.checkbox
+  }, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Input, {
+    className: s
+  }), /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Label, {
+    className: r(v, O.optionLabel)
+  })), /* @__PURE__ */ e.createElement(t.Options.Option.OtherInput, {
+    inputClassName: r(x, i.input)
+  }))), /* @__PURE__ */ e.createElement(t.Error, {
+    className: r(T, i.error)
+  }, /* @__PURE__ */ e.createElement(f, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
+    className: r(y, i.description)
+  }, V));
+}, j = () => /* @__PURE__ */ e.createElement(U, null);
+export {
+  j as ServicesMultiChoiceRAC
+};