@wix/form-elements 0.0.0-stage → 1.53.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +118 -2
- package/dist/component/appointment-rac-Qa4fzPC_.js +1005 -0
- package/dist/component/bookings-address-rac-D9M-ozbl.js +6 -0
- package/dist/component/bookings-email-rac-BsQBkcmz.js +6 -0
- package/dist/component/bookings-first-name-rac-B3Ttwrj1.js +6 -0
- package/dist/component/bookings-header-rac-D1SGpqGf.js +8 -0
- package/dist/component/bookings-last-name-rac-B9O--4tU.js +6 -0
- package/dist/component/bookings-login-bar-rac-CHzNCOWx.js +74 -0
- package/dist/component/bookings-phone-rac-DhCGxcEU.js +6 -0
- package/dist/component/bookings-rich-text-rac-CftLqeZI.js +8 -0
- package/dist/component/calling-country-codes-PyWuOTmF.js +243 -0
- package/dist/component/checkbox-field-rac-B4NsTbRK.js +625 -0
- package/dist/component/checkbox-group-field-headless-qntvm5XF.js +204 -0
- package/dist/component/checkbox-group-field-rac-DwHc_GX9.js +33 -0
- package/dist/component/checkbox-group-rac-C1L8G1Y6.js +6 -0
- package/dist/component/checkbox-rac-DfbwQtOy.js +6 -0
- package/dist/component/chevron-down-icon-CcpVm6B-.js +15 -0
- package/dist/component/contacts-address-rac-Bstl5CRy.js +6 -0
- package/dist/component/contacts-birthdate-rac-DA4ijdaj.js +6 -0
- package/dist/component/contacts-company-rac-m0NA2GWU.js +6 -0
- package/dist/component/contacts-email-rac-DPVSYPew.js +6 -0
- package/dist/component/contacts-first-name-rac-C-JRqRzG.js +6 -0
- package/dist/component/contacts-last-name-rac-COBf-dyW.js +6 -0
- package/dist/component/contacts-phone-rac-Cw70dW7b.js +6 -0
- package/dist/component/contacts-position-rac-CMz19BR-.js +6 -0
- package/dist/component/contacts-subscribe-rac-KpLlwquo.js +13 -0
- package/dist/component/contacts-tax-id-rac-_uTLfEkF.js +6 -0
- package/dist/component/custom-focus-class-_483Pkwp.js +4 -0
- package/dist/component/data-hooks-Dkw1pbRj.js +6 -0
- package/dist/component/date-availability-DPHhHaFW.js +49 -0
- package/dist/component/date-input-field-rac-BrdGNXKw.js +286 -0
- package/dist/component/date-input-rac-D93biRsl.js +6 -0
- package/dist/component/date-picker-field-rac-ByhJ3Koo.js +304 -0
- package/dist/component/date-picker-rac-CuwcuCmJ.js +6 -0
- package/dist/component/date-time-input-field-rac-DY1u3LS6.js +421 -0
- package/dist/component/date-time-input-rac-BuGAMm_l.js +6 -0
- package/dist/component/default-limits-D7qVv_Hv.js +6 -0
- package/dist/component/dext-checkbox-group-rac-C3jCmtB7.js +18 -0
- package/dist/component/dext-checkbox-rac-dOvFH4gX.js +6 -0
- package/dist/component/dext-date-picker-rac-Bq6xFRoL.js +6 -0
- package/dist/component/dext-date-time-input-rac-9BE7wXiZ.js +6 -0
- package/dist/component/dext-dropdown-rac-j2ACAxk6.js +6 -0
- package/dist/component/dext-email-rac-CLoZGIl3.js +6 -0
- package/dist/component/dext-number-input-rac-D8IxqGdJ.js +6 -0
- package/dist/component/dext-phone-rac-B2Y-Ou4W.js +6 -0
- package/dist/component/dext-radio-group-rac-C88xnXTc.js +18 -0
- package/dist/component/dext-rating-input-rac-BArLS_bA.js +6 -0
- package/dist/component/dext-tags-rac-B9tKb852.js +18 -0
- package/dist/component/dext-text-area-rac-cBh24v0g.js +6 -0
- package/dist/component/dext-text-input-rac-B75yIKQa.js +6 -0
- package/dist/component/dext-url-input-rac-Da6T681p.js +6 -0
- package/dist/component/donation-rac-A0HtRtbH.js +305 -0
- package/dist/component/dropdown-field-headless-CYpFgZ3H.js +84 -0
- package/dist/component/dropdown-field-rac-B5emHw3_.js +32 -0
- package/dist/component/dropdown-rac-CRj3gKMe.js +6 -0
- package/dist/component/ecom-address-rac-ClBWgRGU.js +6 -0
- package/dist/component/ecom-subscription-checkbox-rac-DLvoidqP.js +49 -0
- package/dist/component/email-input-field-rac-Dq1HVu3Y.js +507 -0
- package/dist/component/error-icon-hZxQ6DEy.js +15 -0
- package/dist/component/events-repeater-rac-BwbNXM88.js +247 -0
- package/dist/component/events-rsvp-rac-BzVK7JNO.js +38 -0
- package/dist/component/field-error-headless-D40GACk4.js +34 -0
- package/dist/component/field-label-headless-Beq2Tn6V.js +52 -0
- package/dist/component/field-rac.module-DXfwku6m.js +21 -0
- package/dist/component/fieldset-headless-CD3fds9J.js +54 -0
- package/dist/component/file-upload-rac-BHqXPy1r.js +484 -0
- package/dist/component/find-child-C60k4CxG.js +11 -0
- package/dist/component/fixed-payment-rac-CSmY8yrQ.js +62 -0
- package/dist/component/form-Dn-MrArr.js +8890 -0
- package/dist/component/form-element-classes-Bi-nNM8q.js +55 -0
- package/dist/component/form.css +1 -0
- package/dist/component/form.js +9 -0
- package/dist/component/format-currency-BwShJ9vM.js +44 -0
- package/dist/component/get-first-day-of-the-week-DvnsxYhQ.js +118 -0
- package/dist/component/header-field-rac-DlUZ8kEf.js +25 -0
- package/dist/component/header-rac-CKAFxlLV.js +6 -0
- package/dist/component/headless-styles-CmcyA_pi.js +20 -0
- package/dist/component/helpers-HmkkXrh2.js +12 -0
- package/dist/component/image-choice-rac-DHtMOk8B.js +141 -0
- package/dist/component/index-0TWILUAM.js +64 -0
- package/dist/component/index-DS4A9cSk.js +2290 -0
- package/dist/component/isObject-BAwJJxQ3.js +34 -0
- package/dist/component/messages_ar-BZXnU2Gj.js +3517 -0
- package/dist/component/messages_ar-L1BYLZbF.js +20 -0
- package/dist/component/messages_ar-PAHg01OB.js +299 -0
- package/dist/component/messages_bg-CO56qlOt.js +299 -0
- package/dist/component/messages_bg-CQcGl0Yi.js +20 -0
- package/dist/component/messages_bg-DgbMwIbv.js +3515 -0
- package/dist/component/messages_ca-BAHE5nuo.js +3515 -0
- package/dist/component/messages_ca-BRoHmzRw.js +20 -0
- package/dist/component/messages_ca-Bl6rZi_O.js +299 -0
- package/dist/component/messages_cs-BADd3t_h.js +3515 -0
- package/dist/component/messages_cs-CDyWDExk.js +298 -0
- package/dist/component/messages_cs-wn5UmrBw.js +20 -0
- package/dist/component/messages_da-BPnmb9Qb.js +20 -0
- package/dist/component/messages_da-BvVUWnBz.js +3515 -0
- package/dist/component/messages_da-DHlpaT4q.js +298 -0
- package/dist/component/messages_de-2czOmM8X.js +3515 -0
- package/dist/component/messages_de-BKgzIF1d.js +298 -0
- package/dist/component/messages_de-Bwx84N0O.js +20 -0
- package/dist/component/messages_el-BnuYMjcf.js +299 -0
- package/dist/component/messages_el-_D2RUBSU.js +20 -0
- package/dist/component/messages_el-qCyH12Uq.js +3515 -0
- package/dist/component/messages_en-BWaixPd6.js +3518 -0
- package/dist/component/messages_en-CBBcgtxs.js +296 -0
- package/dist/component/messages_en-DvSLxqKp.js +20 -0
- package/dist/component/messages_es-Cq6i2xci.js +3515 -0
- package/dist/component/messages_es-DlGCLaYi.js +298 -0
- package/dist/component/messages_es-rCKXnGf0.js +20 -0
- package/dist/component/messages_fi-B-ciZGqD.js +3515 -0
- package/dist/component/messages_fi-DzKva_Wq.js +299 -0
- package/dist/component/messages_fi-PCCXPo0O.js +20 -0
- package/dist/component/messages_fr-2im0dcYp.js +3515 -0
- package/dist/component/messages_fr-DMFilq1G.js +298 -0
- package/dist/component/messages_fr-DQa1dT9u.js +20 -0
- package/dist/component/messages_he-Bb1qTc2Y.js +299 -0
- package/dist/component/messages_he-BfIkDo1h.js +3515 -0
- package/dist/component/messages_he-DwIysfDp.js +20 -0
- package/dist/component/messages_hi-Bty6ytCh.js +3515 -0
- package/dist/component/messages_hi-C-6UHGbM.js +298 -0
- package/dist/component/messages_hi-DF1w6b6B.js +20 -0
- package/dist/component/messages_hr-BXzIzU3d.js +20 -0
- package/dist/component/messages_hr-CiU1ZVrx.js +3515 -0
- package/dist/component/messages_hr-tRSM9lmc.js +299 -0
- package/dist/component/messages_hu-ChzHFUtB.js +3515 -0
- package/dist/component/messages_hu-D86Taf9R.js +299 -0
- package/dist/component/messages_hu-Z9XpByCO.js +20 -0
- package/dist/component/messages_id-3952ilBE.js +20 -0
- package/dist/component/messages_id-CPuhTUYV.js +298 -0
- package/dist/component/messages_id-Ddr3ijST.js +3515 -0
- package/dist/component/messages_it-B-A1X4BZ.js +298 -0
- package/dist/component/messages_it-DnUTUabT.js +20 -0
- package/dist/component/messages_it-eY6GnuZC.js +3515 -0
- package/dist/component/messages_ja-B3PxHv2c.js +3515 -0
- package/dist/component/messages_ja-Ced6ZBxD.js +298 -0
- package/dist/component/messages_ja-Cg7CqBUL.js +20 -0
- package/dist/component/messages_ko-DBCjHG4c.js +3515 -0
- package/dist/component/messages_ko-PKIrqwPk.js +298 -0
- package/dist/component/messages_ko-zvhtZMGA.js +20 -0
- package/dist/component/messages_lt-DV3hdFsp.js +3515 -0
- package/dist/component/messages_lt-DywusvNm.js +20 -0
- package/dist/component/messages_lt-zxcCPHno.js +299 -0
- package/dist/component/messages_lv-BEowUv-S.js +299 -0
- package/dist/component/messages_lv-DggJE2f9.js +20 -0
- package/dist/component/messages_lv-hIonzpTs.js +3515 -0
- package/dist/component/messages_ms-Ca0m7bf7.js +20 -0
- package/dist/component/messages_ms-Cvypo0vi.js +299 -0
- package/dist/component/messages_ms-DoMzA8a3.js +3515 -0
- package/dist/component/messages_nl-CEmANR_r.js +3515 -0
- package/dist/component/messages_nl-CZR4TvNo.js +298 -0
- package/dist/component/messages_nl-DgVYmdO9.js +20 -0
- package/dist/component/messages_no-B2BBaGBH.js +298 -0
- package/dist/component/messages_no-DJfJSlDm.js +3515 -0
- package/dist/component/messages_no-hPkfRJQ9.js +20 -0
- package/dist/component/messages_pl-Bzph-WyD.js +20 -0
- package/dist/component/messages_pl-ChJVH7RO.js +3515 -0
- package/dist/component/messages_pl-rCMsbMbN.js +298 -0
- package/dist/component/messages_pt-Bv63V1uB.js +3515 -0
- package/dist/component/messages_pt-CBgCNF3T.js +20 -0
- package/dist/component/messages_pt-Cx0FF6uF.js +298 -0
- package/dist/component/messages_ro-BvLoD_wE.js +299 -0
- package/dist/component/messages_ro-CMzcu-9b.js +20 -0
- package/dist/component/messages_ro-PVRK7Gx4.js +3515 -0
- package/dist/component/messages_ru-8BI6MYA0.js +3515 -0
- package/dist/component/messages_ru-BhRKVmVC.js +298 -0
- package/dist/component/messages_ru-C_BaQo57.js +20 -0
- package/dist/component/messages_sk-Bgi_3583.js +3515 -0
- package/dist/component/messages_sk-CrsC7rOj.js +20 -0
- package/dist/component/messages_sk-CtF-ei23.js +299 -0
- package/dist/component/messages_sl-B5t-KKi8.js +299 -0
- package/dist/component/messages_sl-BFdYWVHd.js +3515 -0
- package/dist/component/messages_sl-NqfmyUP1.js +20 -0
- package/dist/component/messages_sv-Bd1CcY6G.js +3515 -0
- package/dist/component/messages_sv-DPRT-DpN.js +20 -0
- package/dist/component/messages_sv-bQwbNmjr.js +298 -0
- package/dist/component/messages_th-BauH9qdo.js +20 -0
- package/dist/component/messages_th-C_dL_PCq.js +298 -0
- package/dist/component/messages_th-DEWm01uD.js +3515 -0
- package/dist/component/messages_tl-CouXLNcW.js +299 -0
- package/dist/component/messages_tl-D2t9Y_ZC.js +3515 -0
- package/dist/component/messages_tl-UDZY8Wuk.js +20 -0
- package/dist/component/messages_tr-2-OHesob.js +3515 -0
- package/dist/component/messages_tr-CpsxYTDb.js +20 -0
- package/dist/component/messages_tr-DHXnlj_j.js +298 -0
- package/dist/component/messages_uk-CPK4y5lH.js +298 -0
- package/dist/component/messages_uk-DIuQ2HoD.js +3515 -0
- package/dist/component/messages_uk-gPkmA_ar.js +20 -0
- package/dist/component/messages_vi-CgxB4Ey0.js +20 -0
- package/dist/component/messages_vi-DZeFWgwp.js +3515 -0
- package/dist/component/messages_vi-Det8i7_V.js +298 -0
- package/dist/component/messages_zh-D53_A4N9.js +298 -0
- package/dist/component/messages_zh-O552w5dp.js +20 -0
- package/dist/component/messages_zh-nG7LNxIt.js +3515 -0
- package/dist/component/multiline-address-field-rac-C0PUrp9n.js +1574 -0
- package/dist/component/multiline-address-rac-BuIrCxJO.js +6 -0
- package/dist/component/non-modal-popover-DtIMXHbe.js +63 -0
- package/dist/component/number-input-field-rac-DY3hBv5k.js +89 -0
- package/dist/component/number-input-rac-LU2RRhXv.js +6 -0
- package/dist/component/numeric-input-utils-CuBMi4-a.js +45 -0
- package/dist/component/options-layout-constants-DEfIEJWD.js +6 -0
- package/dist/component/options-rac.module-KM-VT_KY.js +7 -0
- package/dist/component/password-rac-CKUa-xXB.js +142 -0
- package/dist/component/payment-field-utils-DobiK5Xh.js +12 -0
- package/dist/component/payment-input-rac-4-nB0Dtf.js +137 -0
- package/dist/component/phone-input-field-rac-D-WSiybW.js +473 -0
- package/dist/component/phone-rac-CHpAV4y9.js +6 -0
- package/dist/component/product-list-rac-43aeb4bH.js +263 -0
- package/dist/component/quiz-radio-group-rac-CIp82PU6.js +13 -0
- package/dist/component/radio-group-field-rac-Ctu5L43b.js +40 -0
- package/dist/component/radio-group-field-rac.module-xWCK2zEh.js +124 -0
- package/dist/component/radio-group-rac-C2z9k9zW.js +6 -0
- package/dist/component/rating-input-field-rac-FGf61_-a.js +130 -0
- package/dist/component/rating-input-rac-B4_5V8X4.js +6 -0
- package/dist/component/rich-content-rac.module-DuFIPLXP.js +49 -0
- package/dist/component/rich-text-field-rac-B1PbdTgi.js +22 -0
- package/dist/component/rich-text-rac-D1PDXRg5.js +6 -0
- package/dist/component/ricos-viewer-chunk-B4rfbgjA.js +5 -0
- package/dist/component/service-dropdown-rac-DIFcHwYR.js +142 -0
- package/dist/component/services-multi-choice-rac-BVgZsVc2.js +76 -0
- package/dist/component/signature-rac-DoznfA7u.js +795 -0
- package/dist/component/submit-button-rac-DQFhhUWx.js +115 -0
- package/dist/component/tags-field-rac-F3yYmtiN.js +201 -0
- package/dist/component/tags-rac-BkJ8931D.js +6 -0
- package/dist/component/text-area-field-rac-BQXCdqvK.js +69 -0
- package/dist/component/text-area-rac-CI4idsCI.js +6 -0
- package/dist/component/text-input-field-rac-Di3rvMr8.js +24 -0
- package/dist/component/text-input-headless-BFldUMDr.js +44 -0
- package/dist/component/text-input-rac-v2DSKy7B.js +6 -0
- package/dist/component/time-input-rac-CcbyfeiV.js +152 -0
- package/dist/component/url-input-field-rac-CcMmHuDT.js +71 -0
- package/dist/component/url-input-rac-DtbctKi2.js +6 -0
- package/dist/component/use-invoke-callback-UH73A_J3.js +15 -0
- package/dist/component/use-service-options-base-Cr8hJp01.js +48 -0
- package/dist/component/use-synced-display-value-DcAxdn3M.js +19 -0
- package/dist/form.d.ts +6930 -0
- package/package.json +164 -3
|
@@ -0,0 +1,263 @@
|
|
|
1
|
+
import t, { useMemo as z, useCallback as T, useRef as B } from "react";
|
|
2
|
+
import { RicosViewer as G } from "@wix/ricos/viewer";
|
|
3
|
+
import f from "classnames";
|
|
4
|
+
import { CheckboxField as K, CheckboxButton as j, NumberField as J, Group as W, Button as U, Input as X } from "react-aria-components";
|
|
5
|
+
import { ag as M, ad as Y, aa as Q, aq as Z, ai as ee } from "./form-Dn-MrArr.js";
|
|
6
|
+
import { f as I, a as L } from "./find-child-C60k4CxG.js";
|
|
7
|
+
import { L as te, g as ne } from "./field-label-headless-Beq2Tn6V.js";
|
|
8
|
+
import { f as ae } from "./format-currency-BwShJ9vM.js";
|
|
9
|
+
import { D as oe, E as re } from "./field-error-headless-D40GACk4.js";
|
|
10
|
+
import { F as le } from "./fieldset-headless-CD3fds9J.js";
|
|
11
|
+
import { g as ie } from "./payment-field-utils-DobiK5Xh.js";
|
|
12
|
+
import { E as se } from "./error-icon-hZxQ6DEy.js";
|
|
13
|
+
import { s as h } from "./field-rac.module-DXfwku6m.js";
|
|
14
|
+
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";
|
|
15
|
+
import { o as w } from "./options-rac.module-KM-VT_KY.js";
|
|
16
|
+
var Ie = /* @__PURE__ */ (function(e) {
|
|
17
|
+
return e.crop = "CROP", e.fit = "FIT", e;
|
|
18
|
+
})({}), k = /* @__PURE__ */ (function(e) {
|
|
19
|
+
return e.oneByOne = "one-by-one", e.onlyOne = "only-one", e.many = "many", e;
|
|
20
|
+
})({});
|
|
21
|
+
function be({ maxItems: e, products: o } = {}) {
|
|
22
|
+
return e === 1 ? k.onlyOne : o != null && o.length && o.every((l) => {
|
|
23
|
+
var n;
|
|
24
|
+
return typeof ((n = l.quantityLimit) == null ? void 0 : n.maximum) > "u";
|
|
25
|
+
}) ? k.many : k.oneByOne;
|
|
26
|
+
}
|
|
27
|
+
const a = ({ children: e }) => {
|
|
28
|
+
var D;
|
|
29
|
+
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 || [], [
|
|
30
|
+
l
|
|
31
|
+
]), A = be((D = m == null ? void 0 : m.predefined) == null ? void 0 : D.paymentOptions) === k.many, F = T((P, C) => {
|
|
32
|
+
const _ = s.filter(($) => $.productId !== P.productId), H = C ? [
|
|
33
|
+
..._,
|
|
34
|
+
P
|
|
35
|
+
] : _;
|
|
36
|
+
n == null || n(H);
|
|
37
|
+
}, [
|
|
38
|
+
s,
|
|
39
|
+
n
|
|
40
|
+
]);
|
|
41
|
+
return /* @__PURE__ */ t.createElement(p, {
|
|
42
|
+
fieldId: o,
|
|
43
|
+
renderLabel: () => y,
|
|
44
|
+
renderInput: () => /* @__PURE__ */ t.createElement(le, {
|
|
45
|
+
id: x,
|
|
46
|
+
ariaLabelledBy: v,
|
|
47
|
+
ariaDescribedBy: N,
|
|
48
|
+
required: E,
|
|
49
|
+
onBlur: b,
|
|
50
|
+
onFocus: i
|
|
51
|
+
}, g ? L(g, {
|
|
52
|
+
allowMany: A,
|
|
53
|
+
productValues: s,
|
|
54
|
+
onProductChange: F,
|
|
55
|
+
disabled: r,
|
|
56
|
+
readOnly: c,
|
|
57
|
+
hasError: u
|
|
58
|
+
}) : null),
|
|
59
|
+
renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, O, q)
|
|
60
|
+
});
|
|
61
|
+
}, V = ({ children: e, className: o, ...l }) => {
|
|
62
|
+
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);
|
|
63
|
+
return /* @__PURE__ */ t.createElement("div", {
|
|
64
|
+
className: o
|
|
65
|
+
}, u == null ? void 0 : u.map((y, g) => {
|
|
66
|
+
var R, A, F, D, P;
|
|
67
|
+
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);
|
|
68
|
+
return L(N, {
|
|
69
|
+
key: y.id || y.value || y.label,
|
|
70
|
+
option: y,
|
|
71
|
+
price: q,
|
|
72
|
+
quantity: s == null ? void 0 : s.quantity,
|
|
73
|
+
isSelected: !!s,
|
|
74
|
+
allowMany: n,
|
|
75
|
+
onProductChange: c,
|
|
76
|
+
disabled: E,
|
|
77
|
+
readOnly: b,
|
|
78
|
+
hasError: i,
|
|
79
|
+
currencyAriaLabel: O,
|
|
80
|
+
imageResize: p,
|
|
81
|
+
isFirst: g === 0
|
|
82
|
+
});
|
|
83
|
+
}));
|
|
84
|
+
}, d = ({ children: e, className: o, ...l }) => {
|
|
85
|
+
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);
|
|
86
|
+
ee(() => {
|
|
87
|
+
var _;
|
|
88
|
+
N && ((_ = g.current ?? q.current) == null || _.focus({
|
|
89
|
+
preventScroll: !0
|
|
90
|
+
}));
|
|
91
|
+
}, y);
|
|
92
|
+
const D = T((_) => {
|
|
93
|
+
i({
|
|
94
|
+
productId: n.value,
|
|
95
|
+
price: r,
|
|
96
|
+
quantity: 1
|
|
97
|
+
}, _);
|
|
98
|
+
}, [
|
|
99
|
+
i,
|
|
100
|
+
n.value,
|
|
101
|
+
r
|
|
102
|
+
]), P = T((_) => {
|
|
103
|
+
i({
|
|
104
|
+
productId: n.value,
|
|
105
|
+
price: r,
|
|
106
|
+
quantity: _
|
|
107
|
+
}, _ > 0);
|
|
108
|
+
}, [
|
|
109
|
+
i,
|
|
110
|
+
n.value,
|
|
111
|
+
r
|
|
112
|
+
]), C = `${n.label} ${x} ${r}`;
|
|
113
|
+
return b ? /* @__PURE__ */ t.createElement("div", {
|
|
114
|
+
className: o,
|
|
115
|
+
"data-hook": "product"
|
|
116
|
+
}, O ? L(O, {
|
|
117
|
+
option: n,
|
|
118
|
+
imageResize: v
|
|
119
|
+
}) : null, s ? L(s, {
|
|
120
|
+
label: n.label
|
|
121
|
+
}) : null, R ? L(R, {
|
|
122
|
+
price: r
|
|
123
|
+
}) : null, F ? L(F, {
|
|
124
|
+
quantity: c,
|
|
125
|
+
onQuantityChange: P,
|
|
126
|
+
disabled: u,
|
|
127
|
+
readOnly: m,
|
|
128
|
+
hasError: p,
|
|
129
|
+
ariaLabel: C,
|
|
130
|
+
inputRef: N ? q : void 0
|
|
131
|
+
}) : null) : /* @__PURE__ */ t.createElement(K, {
|
|
132
|
+
isSelected: E,
|
|
133
|
+
onChange: D,
|
|
134
|
+
isDisabled: u,
|
|
135
|
+
isReadOnly: m,
|
|
136
|
+
isInvalid: p,
|
|
137
|
+
"aria-label": C
|
|
138
|
+
}, /* @__PURE__ */ t.createElement(j, {
|
|
139
|
+
ref: g,
|
|
140
|
+
className: o,
|
|
141
|
+
"data-hook": "product"
|
|
142
|
+
}, O ? L(O, {
|
|
143
|
+
option: n,
|
|
144
|
+
imageResize: v
|
|
145
|
+
}) : null, s ? L(s, {
|
|
146
|
+
label: n.label
|
|
147
|
+
}) : null, R ? L(R, {
|
|
148
|
+
price: r
|
|
149
|
+
}) : null, A));
|
|
150
|
+
}, Le = ({ className: e, ...o }) => {
|
|
151
|
+
var i;
|
|
152
|
+
const { option: l, imageResize: n } = o, r = (i = l.media) == null ? void 0 : i.image;
|
|
153
|
+
if (!r)
|
|
154
|
+
return null;
|
|
155
|
+
const c = n === Ie.fit, E = ne(r, 96, 96, c ? "fit" : "fill");
|
|
156
|
+
if (!E)
|
|
157
|
+
return null;
|
|
158
|
+
const b = r.altText || l.label || "";
|
|
159
|
+
return /* @__PURE__ */ t.createElement("img", {
|
|
160
|
+
className: e,
|
|
161
|
+
src: E,
|
|
162
|
+
alt: b,
|
|
163
|
+
"data-fit": c ? "contain" : "cover",
|
|
164
|
+
"data-hook": "product-image"
|
|
165
|
+
});
|
|
166
|
+
}, Oe = ({ className: e, ...o }) => {
|
|
167
|
+
const { label: l } = o;
|
|
168
|
+
return /* @__PURE__ */ t.createElement("span", {
|
|
169
|
+
className: e,
|
|
170
|
+
"data-hook": "product-label"
|
|
171
|
+
}, l || "");
|
|
172
|
+
}, Re = ({ className: e, ...o }) => {
|
|
173
|
+
const { price: l } = o, { currency: n, regionalFormat: r } = Q(), c = ae({
|
|
174
|
+
amount: l,
|
|
175
|
+
currency: n == null ? void 0 : n.code,
|
|
176
|
+
locale: r
|
|
177
|
+
});
|
|
178
|
+
return /* @__PURE__ */ t.createElement("span", {
|
|
179
|
+
className: e,
|
|
180
|
+
"data-hook": "product-price"
|
|
181
|
+
}, c);
|
|
182
|
+
}, Ce = ({ className: e }) => /* @__PURE__ */ t.createElement("div", {
|
|
183
|
+
"aria-hidden": "true",
|
|
184
|
+
className: e
|
|
185
|
+
}), ge = ({ className: e, ...o }) => {
|
|
186
|
+
const { quantity: l, onQuantityChange: n, disabled: r, readOnly: c, hasError: E, ariaLabel: b, inputRef: i } = o, u = T((p) => {
|
|
187
|
+
n(p < 0 ? 0 : p);
|
|
188
|
+
}, [
|
|
189
|
+
n
|
|
190
|
+
]), m = T((p) => {
|
|
191
|
+
p.key === "Home" && (p.preventDefault(), u(0));
|
|
192
|
+
}, [
|
|
193
|
+
u
|
|
194
|
+
]);
|
|
195
|
+
return /* @__PURE__ */ t.createElement(J, {
|
|
196
|
+
value: l,
|
|
197
|
+
onChange: u,
|
|
198
|
+
minValue: 0,
|
|
199
|
+
step: 1,
|
|
200
|
+
isDisabled: r,
|
|
201
|
+
isReadOnly: c,
|
|
202
|
+
isInvalid: E,
|
|
203
|
+
"aria-label": b,
|
|
204
|
+
className: e,
|
|
205
|
+
"data-hook": "product-quantity"
|
|
206
|
+
}, /* @__PURE__ */ t.createElement(W, {
|
|
207
|
+
onKeyDown: m
|
|
208
|
+
}, /* @__PURE__ */ t.createElement(U, {
|
|
209
|
+
slot: "decrement"
|
|
210
|
+
}, "-"), /* @__PURE__ */ t.createElement(X, {
|
|
211
|
+
ref: i
|
|
212
|
+
}), /* @__PURE__ */ t.createElement(U, {
|
|
213
|
+
slot: "increment"
|
|
214
|
+
}, "+")));
|
|
215
|
+
};
|
|
216
|
+
d.Image = Le;
|
|
217
|
+
d.Label = Oe;
|
|
218
|
+
d.Price = Re;
|
|
219
|
+
d.Input = Ce;
|
|
220
|
+
d.Quantity = ge;
|
|
221
|
+
V.Option = d;
|
|
222
|
+
a.Label = te;
|
|
223
|
+
a.Options = V;
|
|
224
|
+
a.Option = d;
|
|
225
|
+
a.Description = oe;
|
|
226
|
+
a.Error = re;
|
|
227
|
+
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 = {
|
|
228
|
+
options: Fe,
|
|
229
|
+
option: De,
|
|
230
|
+
optionInput: Pe,
|
|
231
|
+
optionImage: he,
|
|
232
|
+
optionLabel: Se,
|
|
233
|
+
optionPrice: ve,
|
|
234
|
+
quantity: Ne
|
|
235
|
+
}, qe = ({ content: e, locale: o }) => /* @__PURE__ */ t.createElement(G, {
|
|
236
|
+
content: e,
|
|
237
|
+
locale: o
|
|
238
|
+
}), Ae = () => /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(a.Label, {
|
|
239
|
+
className: f(ce, h.label)
|
|
240
|
+
}, /* @__PURE__ */ t.createElement(a.Label.Required, {
|
|
241
|
+
className: f(ue, h.requiredMark)
|
|
242
|
+
})), /* @__PURE__ */ t.createElement(a.Options, {
|
|
243
|
+
className: f(me, w.options, S.options)
|
|
244
|
+
}, /* @__PURE__ */ t.createElement(a.Option, {
|
|
245
|
+
className: f(h.checkbox, S.option)
|
|
246
|
+
}, /* @__PURE__ */ t.createElement(a.Option.Image, {
|
|
247
|
+
className: S.optionImage
|
|
248
|
+
}), /* @__PURE__ */ t.createElement(a.Option.Label, {
|
|
249
|
+
className: f(pe, w.optionLabel, S.optionLabel)
|
|
250
|
+
}), /* @__PURE__ */ t.createElement(a.Option.Price, {
|
|
251
|
+
className: f(de, S.optionPrice)
|
|
252
|
+
}), /* @__PURE__ */ t.createElement(a.Option.Input, {
|
|
253
|
+
className: f(Ee, h.checkboxInput, S.optionInput)
|
|
254
|
+
}), /* @__PURE__ */ t.createElement(a.Option.Quantity, {
|
|
255
|
+
className: f(ye, h.inputGroup, S.quantity)
|
|
256
|
+
}))), /* @__PURE__ */ t.createElement(a.Error, {
|
|
257
|
+
className: f(_e, h.error)
|
|
258
|
+
}, /* @__PURE__ */ t.createElement(se, null), /* @__PURE__ */ t.createElement(a.Error.Text, null)), /* @__PURE__ */ t.createElement(a.Description, {
|
|
259
|
+
className: f(fe, h.description)
|
|
260
|
+
}, qe)), Je = () => /* @__PURE__ */ t.createElement(Ae, null);
|
|
261
|
+
export {
|
|
262
|
+
Je as ProductListRAC
|
|
263
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import _ from "react";
|
|
2
|
+
import { R } from "./radio-group-field-rac-Ctu5L43b.js";
|
|
3
|
+
import { B as o, A as r, z as O } from "./form-element-classes-Bi-nNM8q.js";
|
|
4
|
+
const A = () => /* @__PURE__ */ _.createElement(R, {
|
|
5
|
+
classes: {
|
|
6
|
+
container: O,
|
|
7
|
+
label: r,
|
|
8
|
+
control: o
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
export {
|
|
12
|
+
A as QuizRadioGroupRAC
|
|
13
|
+
};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { RicosViewer as s } from "@wix/ricos/viewer";
|
|
2
|
+
import a from "classnames";
|
|
3
|
+
import e from "react";
|
|
4
|
+
import { R as t, s as r } from "./radio-group-field-rac.module-xWCK2zEh.js";
|
|
5
|
+
import { E as m } from "./error-icon-hZxQ6DEy.js";
|
|
6
|
+
import { s as l } from "./field-rac.module-DXfwku6m.js";
|
|
7
|
+
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";
|
|
8
|
+
const L = ({ content: o, locale: n }) => /* @__PURE__ */ e.createElement(s, {
|
|
9
|
+
content: o,
|
|
10
|
+
locale: n
|
|
11
|
+
}), b = ({ classes: o = {
|
|
12
|
+
container: R,
|
|
13
|
+
label: _,
|
|
14
|
+
control: E
|
|
15
|
+
} }) => /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
|
|
16
|
+
className: a(c, l.label)
|
|
17
|
+
}, /* @__PURE__ */ e.createElement(t.Label.Required, {
|
|
18
|
+
className: a(i, l.requiredMark)
|
|
19
|
+
}), /* @__PURE__ */ e.createElement(t.Label.Image, {
|
|
20
|
+
className: r.labelImage
|
|
21
|
+
})), /* @__PURE__ */ e.createElement(t.Options, {
|
|
22
|
+
className: a(o.container, r.options)
|
|
23
|
+
}, /* @__PURE__ */ e.createElement(t.Option, {
|
|
24
|
+
className: r.option
|
|
25
|
+
}, /* @__PURE__ */ e.createElement(t.Option.Input, {
|
|
26
|
+
className: r.optionInput
|
|
27
|
+
}), /* @__PURE__ */ e.createElement(t.Option.Control, {
|
|
28
|
+
className: a(o.control, r.optionControl)
|
|
29
|
+
}), /* @__PURE__ */ e.createElement(t.Option.Label, {
|
|
30
|
+
className: a(o.label, r.optionLabel)
|
|
31
|
+
}), /* @__PURE__ */ e.createElement(t.Option.OtherInput, {
|
|
32
|
+
className: a(p, l.input)
|
|
33
|
+
}))), /* @__PURE__ */ e.createElement(t.Error, {
|
|
34
|
+
className: a(O, l.error)
|
|
35
|
+
}, /* @__PURE__ */ e.createElement(m, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
|
|
36
|
+
className: a(I, l.description)
|
|
37
|
+
}, L));
|
|
38
|
+
export {
|
|
39
|
+
b as R
|
|
40
|
+
};
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
import s, { useRef as y, useState as V, useEffect as S, useCallback as B } from "react";
|
|
2
|
+
import { RadioGroup as T, RadioField as k, RadioButton as q, TextField as G, Input as M } from "react-aria-components";
|
|
3
|
+
import { ag as C, ad as P, aq as F, aa as $, ai as x } from "./form-Dn-MrArr.js";
|
|
4
|
+
import { f as d, a as g } from "./find-child-C60k4CxG.js";
|
|
5
|
+
import { D as U, E as A } from "./field-error-headless-D40GACk4.js";
|
|
6
|
+
import { L as H } from "./field-label-headless-Beq2Tn6V.js";
|
|
7
|
+
import { N as j } from "./options-layout-constants-DEfIEJWD.js";
|
|
8
|
+
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) => {
|
|
9
|
+
const a = t ? t.length + 2 : 0;
|
|
10
|
+
return e.slice(a);
|
|
11
|
+
}, i = ({ children: e }) => {
|
|
12
|
+
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;
|
|
13
|
+
return /* @__PURE__ */ s.createElement(l, {
|
|
14
|
+
fieldId: t,
|
|
15
|
+
renderLabel: () => g(u, {
|
|
16
|
+
as: "div"
|
|
17
|
+
}),
|
|
18
|
+
renderInput: () => /* @__PURE__ */ s.createElement(T, {
|
|
19
|
+
id: c,
|
|
20
|
+
"aria-labelledby": I,
|
|
21
|
+
"aria-describedby": n,
|
|
22
|
+
value: D,
|
|
23
|
+
onChange: a,
|
|
24
|
+
isDisabled: O,
|
|
25
|
+
isReadOnly: m,
|
|
26
|
+
isRequired: f,
|
|
27
|
+
isInvalid: v,
|
|
28
|
+
onBlur: b,
|
|
29
|
+
onFocus: E
|
|
30
|
+
}, h),
|
|
31
|
+
renderDescription: () => /* @__PURE__ */ s.createElement(s.Fragment, null, N, _)
|
|
32
|
+
});
|
|
33
|
+
}, J = ({ children: e, className: t }) => {
|
|
34
|
+
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;
|
|
35
|
+
return x(() => {
|
|
36
|
+
var n;
|
|
37
|
+
(n = r.current) == null || n.focus();
|
|
38
|
+
}, m), /* @__PURE__ */ s.createElement("div", {
|
|
39
|
+
className: t,
|
|
40
|
+
"data-columns": I,
|
|
41
|
+
"data-invalid": b
|
|
42
|
+
}, o.map((n, u) => g(l, {
|
|
43
|
+
key: n.value ?? n.label,
|
|
44
|
+
value: n.value ?? n.label,
|
|
45
|
+
label: n.label,
|
|
46
|
+
index: u,
|
|
47
|
+
radioRef: u === 0 ? r : void 0
|
|
48
|
+
})), a && g(l, {
|
|
49
|
+
key: L,
|
|
50
|
+
value: L,
|
|
51
|
+
label: c,
|
|
52
|
+
isOther: !0
|
|
53
|
+
}));
|
|
54
|
+
}, p = ({ children: e, className: t, ...o }) => {
|
|
55
|
+
var u;
|
|
56
|
+
const { value: a, label: O, isOther: m = !1, radioRef: f } = o, { value: b, options: E } = C(), v = d(e, p.Label), l = d(e, p.Input), r = d(e, p.Control), c = d(e, p.OtherInput), I = m ? R(E, b) : b === a, n = (u = l == null ? void 0 : l.props) == null ? void 0 : u.className;
|
|
57
|
+
return /* @__PURE__ */ s.createElement("div", {
|
|
58
|
+
className: t
|
|
59
|
+
}, /* @__PURE__ */ s.createElement(k, {
|
|
60
|
+
value: a
|
|
61
|
+
}, /* @__PURE__ */ s.createElement(q, {
|
|
62
|
+
ref: f,
|
|
63
|
+
className: n
|
|
64
|
+
}, r, g(v, {
|
|
65
|
+
label: O
|
|
66
|
+
}))), m && I && c);
|
|
67
|
+
}, K = ({ className: e, ...t }) => {
|
|
68
|
+
const { label: o } = t;
|
|
69
|
+
return /* @__PURE__ */ s.createElement("span", {
|
|
70
|
+
className: e
|
|
71
|
+
}, o);
|
|
72
|
+
}, Q = (e) => null, W = ({ className: e }) => /* @__PURE__ */ s.createElement("div", {
|
|
73
|
+
"aria-hidden": "true",
|
|
74
|
+
className: e
|
|
75
|
+
}), X = ({ className: e }) => {
|
|
76
|
+
const { value: t, onChange: o, addOtherLabel: a, addOtherPlaceholder: O, otherInputCharacterLimit: m, disabled: f, readOnly: b, options: E } = C(), { t: v } = F(), l = y(null), r = R(E, t), c = a || v("add-other.default-other-option-label") || L, [I, n] = V(r && t ? z(t, a) : "");
|
|
77
|
+
S(() => {
|
|
78
|
+
var h;
|
|
79
|
+
r && l.current && ((h = l.current) == null || h.focus());
|
|
80
|
+
}, [
|
|
81
|
+
r
|
|
82
|
+
]);
|
|
83
|
+
const u = B((h) => {
|
|
84
|
+
let _;
|
|
85
|
+
h ? _ = `${a}: ${h}` : _ = c, o(_), n(h);
|
|
86
|
+
}, [
|
|
87
|
+
o,
|
|
88
|
+
a,
|
|
89
|
+
c
|
|
90
|
+
]);
|
|
91
|
+
return /* @__PURE__ */ s.createElement(G, {
|
|
92
|
+
"aria-label": c,
|
|
93
|
+
value: I,
|
|
94
|
+
onChange: u,
|
|
95
|
+
isDisabled: f,
|
|
96
|
+
isReadOnly: b
|
|
97
|
+
}, /* @__PURE__ */ s.createElement(M, {
|
|
98
|
+
ref: l,
|
|
99
|
+
className: e,
|
|
100
|
+
placeholder: O,
|
|
101
|
+
maxLength: m
|
|
102
|
+
}));
|
|
103
|
+
};
|
|
104
|
+
p.Label = K;
|
|
105
|
+
p.Input = Q;
|
|
106
|
+
p.Control = W;
|
|
107
|
+
p.OtherInput = X;
|
|
108
|
+
i.Label = H;
|
|
109
|
+
i.Options = J;
|
|
110
|
+
i.Option = p;
|
|
111
|
+
i.Description = U;
|
|
112
|
+
i.Error = A;
|
|
113
|
+
const Y = "_labelImage_45itv_1", Z = "_options_45itv_26", ee = "_option_45itv_26", te = "_optionInput_45itv_46", oe = "_optionControl_45itv_64", ne = "_optionLabel_45itv_142", de = {
|
|
114
|
+
labelImage: Y,
|
|
115
|
+
options: Z,
|
|
116
|
+
option: ee,
|
|
117
|
+
optionInput: te,
|
|
118
|
+
optionControl: oe,
|
|
119
|
+
optionLabel: ne
|
|
120
|
+
};
|
|
121
|
+
export {
|
|
122
|
+
i as R,
|
|
123
|
+
de as s
|
|
124
|
+
};
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import { RicosViewer as D } from "@wix/ricos/viewer";
|
|
2
|
+
import d from "classnames";
|
|
3
|
+
import e, { useCallback as N, useState as y, useRef as O } from "react";
|
|
4
|
+
import { RadioGroup as A, RadioField as w, RadioButton as M } from "react-aria-components";
|
|
5
|
+
import { ag as v, ad as I, aq as B } from "./form-Dn-MrArr.js";
|
|
6
|
+
import { f as m, a as T } from "./find-child-C60k4CxG.js";
|
|
7
|
+
import { D as H, E as q } from "./field-error-headless-D40GACk4.js";
|
|
8
|
+
import { L as P } from "./field-label-headless-Beq2Tn6V.js";
|
|
9
|
+
import { E as x } from "./error-icon-hZxQ6DEy.js";
|
|
10
|
+
import { s as u } from "./field-rac.module-DXfwku6m.js";
|
|
11
|
+
import { r as k, H as z, G, l as Q, h as U } from "./form-element-classes-Bi-nNM8q.js";
|
|
12
|
+
const t = ({ children: r }) => {
|
|
13
|
+
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)), [
|
|
14
|
+
s
|
|
15
|
+
]), g = m(r, t.Label), a = m(r, t.Ratings), f = m(r, t.Description), S = m(r, t.Error);
|
|
16
|
+
return /* @__PURE__ */ e.createElement(E, {
|
|
17
|
+
fieldId: n,
|
|
18
|
+
renderLabel: () => g,
|
|
19
|
+
renderInput: () => /* @__PURE__ */ e.createElement(A, {
|
|
20
|
+
"aria-labelledby": p,
|
|
21
|
+
value: o ? String(o) : void 0,
|
|
22
|
+
onChange: R,
|
|
23
|
+
isDisabled: l,
|
|
24
|
+
isRequired: c,
|
|
25
|
+
isInvalid: i,
|
|
26
|
+
onBlur: C,
|
|
27
|
+
onFocus: L,
|
|
28
|
+
orientation: "horizontal"
|
|
29
|
+
}, a),
|
|
30
|
+
renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, S, f)
|
|
31
|
+
});
|
|
32
|
+
}, h = ({ children: r, className: n, getReactionLabel: o }) => {
|
|
33
|
+
const { value: s, hasError: l } = v(), { inputId: c, ariaDescribedBy: i } = I(), [C, L] = y(), E = O(null), p = m(r, h.Rating), R = [
|
|
34
|
+
"1",
|
|
35
|
+
"2",
|
|
36
|
+
"3",
|
|
37
|
+
"4",
|
|
38
|
+
"5"
|
|
39
|
+
], g = (a) => C ? C >= a : !!s && s >= Number(a);
|
|
40
|
+
return /* @__PURE__ */ e.createElement("div", {
|
|
41
|
+
ref: E,
|
|
42
|
+
id: c,
|
|
43
|
+
"aria-describedby": i,
|
|
44
|
+
className: n,
|
|
45
|
+
"data-invalid": l
|
|
46
|
+
}, R.map((a) => T(p, {
|
|
47
|
+
key: a,
|
|
48
|
+
value: a,
|
|
49
|
+
isSelected: g(a),
|
|
50
|
+
onHoverChange: (f) => L(f ? a : void 0),
|
|
51
|
+
label: o == null ? void 0 : o(Number(a))
|
|
52
|
+
})));
|
|
53
|
+
}, Z = {
|
|
54
|
+
border: 0,
|
|
55
|
+
clipPath: "inset(50%)",
|
|
56
|
+
height: 1,
|
|
57
|
+
margin: -1,
|
|
58
|
+
overflow: "hidden",
|
|
59
|
+
padding: 0,
|
|
60
|
+
position: "absolute",
|
|
61
|
+
width: 1,
|
|
62
|
+
whiteSpace: "nowrap"
|
|
63
|
+
}, _ = ({ className: r, children: n, ...o }) => {
|
|
64
|
+
const { value: s, isSelected: l, onHoverChange: c, label: i } = o;
|
|
65
|
+
return /* @__PURE__ */ e.createElement(w, {
|
|
66
|
+
value: s
|
|
67
|
+
}, /* @__PURE__ */ e.createElement(M, {
|
|
68
|
+
className: r,
|
|
69
|
+
"data-active": l || void 0,
|
|
70
|
+
onHoverChange: c
|
|
71
|
+
}, typeof n == "function" ? n({
|
|
72
|
+
isSelected: l
|
|
73
|
+
}) : n, i ? /* @__PURE__ */ e.createElement("span", {
|
|
74
|
+
style: Z
|
|
75
|
+
}, i) : null));
|
|
76
|
+
};
|
|
77
|
+
h.Rating = _;
|
|
78
|
+
t.Label = P;
|
|
79
|
+
t.Ratings = h;
|
|
80
|
+
t.Rating = _;
|
|
81
|
+
t.Description = H;
|
|
82
|
+
t.Error = q;
|
|
83
|
+
const j = (r) => /* @__PURE__ */ e.createElement("svg", {
|
|
84
|
+
viewBox: "0 0 32 32",
|
|
85
|
+
width: 32,
|
|
86
|
+
height: 32,
|
|
87
|
+
fill: "currentColor",
|
|
88
|
+
"aria-hidden": "true",
|
|
89
|
+
...r
|
|
90
|
+
}, /* @__PURE__ */ e.createElement("path", {
|
|
91
|
+
fillRule: "evenodd",
|
|
92
|
+
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"
|
|
93
|
+
})), J = (r) => /* @__PURE__ */ e.createElement("svg", {
|
|
94
|
+
viewBox: "0 0 32 32",
|
|
95
|
+
width: 32,
|
|
96
|
+
height: 32,
|
|
97
|
+
fill: "currentColor",
|
|
98
|
+
"aria-hidden": "true",
|
|
99
|
+
...r
|
|
100
|
+
}, /* @__PURE__ */ e.createElement("path", {
|
|
101
|
+
fillRule: "evenodd",
|
|
102
|
+
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"
|
|
103
|
+
})), K = "_ratings_112z7_1", W = "_rating_112z7_1", b = {
|
|
104
|
+
ratings: K,
|
|
105
|
+
rating: W
|
|
106
|
+
}, X = ({ content: r, locale: n }) => /* @__PURE__ */ e.createElement(D, {
|
|
107
|
+
content: r,
|
|
108
|
+
locale: n
|
|
109
|
+
}), i2 = () => {
|
|
110
|
+
const { t: r } = B();
|
|
111
|
+
return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
|
|
112
|
+
className: d(k, u.label)
|
|
113
|
+
}, /* @__PURE__ */ e.createElement(t.Label.Required, {
|
|
114
|
+
className: d(z, u.requiredMark)
|
|
115
|
+
})), /* @__PURE__ */ e.createElement(t.Ratings, {
|
|
116
|
+
className: b.ratings,
|
|
117
|
+
getReactionLabel: (n) => r("rating-input.a11y.reaction-label", {
|
|
118
|
+
count: n
|
|
119
|
+
})
|
|
120
|
+
}, /* @__PURE__ */ e.createElement(t.Rating, {
|
|
121
|
+
className: d(G, b.rating)
|
|
122
|
+
}, ({ isSelected: n }) => n ? /* @__PURE__ */ e.createElement(j, null) : /* @__PURE__ */ e.createElement(J, null))), /* @__PURE__ */ e.createElement(t.Error, {
|
|
123
|
+
className: d(Q, u.error)
|
|
124
|
+
}, /* @__PURE__ */ e.createElement(x, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
|
|
125
|
+
className: d(U, u.description)
|
|
126
|
+
}, X));
|
|
127
|
+
};
|
|
128
|
+
export {
|
|
129
|
+
i2 as R
|
|
130
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import c, { useState as u } from "react";
|
|
2
|
+
import { ag as a, aa as i, aq as T } from "./form-Dn-MrArr.js";
|
|
3
|
+
import { Button as d } from "react-aria-components";
|
|
4
|
+
import { D as r } from "./data-hooks-Dkw1pbRj.js";
|
|
5
|
+
import { truncateRichContent as _ } from "@wix/ricos/content";
|
|
6
|
+
const O = ({ children: e }) => {
|
|
7
|
+
const { id: t, FieldLayout: n, content: o } = a(), { language: s } = i();
|
|
8
|
+
return /* @__PURE__ */ c.createElement(n, {
|
|
9
|
+
fieldId: t,
|
|
10
|
+
renderLabel: () => null,
|
|
11
|
+
renderInput: () => e({
|
|
12
|
+
content: o,
|
|
13
|
+
locale: s
|
|
14
|
+
}),
|
|
15
|
+
renderDescription: () => null
|
|
16
|
+
});
|
|
17
|
+
}, g = "_toggleTruncate_5jt03_1", f = {
|
|
18
|
+
toggleTruncate: g
|
|
19
|
+
}, p = ({ isTruncated: e, onClick: t }) => {
|
|
20
|
+
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;
|
|
21
|
+
return /* @__PURE__ */ c.createElement(d, {
|
|
22
|
+
onPress: t,
|
|
23
|
+
className: f.toggleTruncate,
|
|
24
|
+
"data-hook": s
|
|
25
|
+
}, o);
|
|
26
|
+
};
|
|
27
|
+
function B(e, t) {
|
|
28
|
+
const [n, o] = u(!0);
|
|
29
|
+
function s() {
|
|
30
|
+
o((l) => !l);
|
|
31
|
+
}
|
|
32
|
+
return {
|
|
33
|
+
displayedContent: t && n ? _(e, {
|
|
34
|
+
nodeCount: t
|
|
35
|
+
}) : e,
|
|
36
|
+
isTruncated: t ? n : !1,
|
|
37
|
+
isTruncateButtonShown: t ? e.nodes.length > t : !1,
|
|
38
|
+
toggleTruncate: s
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
const C = "_richContent_1galb_1", D = {
|
|
42
|
+
richContent: C
|
|
43
|
+
};
|
|
44
|
+
export {
|
|
45
|
+
O as R,
|
|
46
|
+
p as T,
|
|
47
|
+
D as s,
|
|
48
|
+
B as u
|
|
49
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import l from "classnames";
|
|
2
|
+
import e from "react";
|
|
3
|
+
import { ag as m, L as i, U as u, Y as R } from "./form-Dn-MrArr.js";
|
|
4
|
+
import { u as T, R as C, s as d, T as g } from "./rich-content-rac.module-DuFIPLXP.js";
|
|
5
|
+
import { Y as p } from "./form-element-classes-Bi-nNM8q.js";
|
|
6
|
+
const h = {
|
|
7
|
+
colorPalette: R(),
|
|
8
|
+
customStyles: u()
|
|
9
|
+
}, x = ({ truncate: t = !0 } = {}) => {
|
|
10
|
+
const { content: a, maxShownParagraphs: s } = m(), { displayedContent: n, isTruncated: o, isTruncateButtonShown: r, toggleTruncate: c } = T(a, t ? s : void 0);
|
|
11
|
+
return /* @__PURE__ */ e.createElement(C, null, () => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(i, {
|
|
12
|
+
className: l(p, d.richContent),
|
|
13
|
+
content: n,
|
|
14
|
+
customTheme: h
|
|
15
|
+
}), r && /* @__PURE__ */ e.createElement(g, {
|
|
16
|
+
isTruncated: o,
|
|
17
|
+
onClick: c
|
|
18
|
+
})));
|
|
19
|
+
};
|
|
20
|
+
export {
|
|
21
|
+
x as R
|
|
22
|
+
};
|