@wix/form-elements 1.70.0 → 1.72.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/dist/component/{appointment-rac-CrzIERuK.js → appointment-rac-CvecMhTP.js} +4 -4
- package/dist/component/{bookings-address-rac-Dfkpd7m-.js → bookings-address-rac-Bzh6N9eV.js} +1 -1
- package/dist/component/{bookings-email-rac-qQ7bgngn.js → bookings-email-rac-kh4HZ9zW.js} +1 -1
- package/dist/component/{bookings-first-name-rac-plgTTOzk.js → bookings-first-name-rac-DIe5Nxtm.js} +1 -1
- package/dist/component/{bookings-header-rac-B3LjHXJs.js → bookings-header-rac-CcZrhPWt.js} +1 -1
- package/dist/component/{bookings-last-name-rac-DwDrEmTT.js → bookings-last-name-rac-DynAXyOh.js} +1 -1
- package/dist/component/{bookings-login-bar-rac-EGRy_-2H.js → bookings-login-bar-rac-CiAreT-B.js} +1 -1
- package/dist/component/{bookings-phone-rac-BgViVOU-.js → bookings-phone-rac-Be7XP3CC.js} +1 -1
- package/dist/component/{bookings-rich-text-rac-CDwCdPHa.js → bookings-rich-text-rac-CsOSjxCm.js} +1 -1
- package/dist/component/{checkbox-field-rac-wF2nX9PW.js → checkbox-field-rac-YmbfJMcm.js} +4 -4
- package/dist/component/{checkbox-group-field-headless-jNzvn7tN.js → checkbox-group-field-headless-DnI-niUS.js} +3 -3
- package/dist/component/{checkbox-group-field-rac-6PaMjzeg.js → checkbox-group-field-rac-Cbv9r_IR.js} +20 -19
- package/dist/component/{checkbox-group-rac-BV9-hfo0.js → checkbox-group-rac-6W04r6Nz.js} +1 -1
- package/dist/component/{checkbox-rac-BbKD6UEX.js → checkbox-rac-Dv96xsq2.js} +1 -1
- package/dist/component/{contacts-address-rac-pDLwXVYR.js → contacts-address-rac-BQSEdyVn.js} +1 -1
- package/dist/component/{contacts-birthdate-rac-BJx3BjlB.js → contacts-birthdate-rac-CNZp5aiS.js} +1 -1
- package/dist/component/{contacts-company-rac-DyKNlrhE.js → contacts-company-rac-BwY-2pG_.js} +1 -1
- package/dist/component/{contacts-email-rac-DmYj37_A.js → contacts-email-rac-CX9LDVtk.js} +1 -1
- package/dist/component/{contacts-first-name-rac-DeyEyMG0.js → contacts-first-name-rac-CXzh7vHC.js} +1 -1
- package/dist/component/{contacts-last-name-rac-SwBI_L_7.js → contacts-last-name-rac-y93LJlBv.js} +1 -1
- package/dist/component/{contacts-phone-rac-BRDIz_ya.js → contacts-phone-rac-zO2Y3fGa.js} +1 -1
- package/dist/component/{contacts-position-rac-DDfta8r4.js → contacts-position-rac-y7Nd4s6j.js} +1 -1
- package/dist/component/{contacts-subscribe-rac-Bx6b16b3.js → contacts-subscribe-rac-D5usboPe.js} +1 -1
- package/dist/component/{contacts-tax-id-rac-DICtcCkJ.js → contacts-tax-id-rac-DT42qK_C.js} +1 -1
- package/dist/component/{date-availability-DM6KcDU2.js → date-availability-BUg7fwNs.js} +1 -1
- package/dist/component/{date-input-field-rac-F_DfMOXT.js → date-input-field-rac-97DJQbSL.js} +4 -4
- package/dist/component/{date-input-rac-Ho7shG41.js → date-input-rac-BTetYZVn.js} +1 -1
- package/dist/component/{date-picker-field-rac-BEXQ7hyT.js → date-picker-field-rac-BOzUTQ53.js} +5 -5
- package/dist/component/{date-picker-rac-C32DD1bT.js → date-picker-rac-Cz8QZr18.js} +1 -1
- package/dist/component/{date-time-input-field-rac-BVbgkFtL.js → date-time-input-field-rac-Cx4a-dzv.js} +4 -4
- package/dist/component/{date-time-input-rac-DB4xpq5h.js → date-time-input-rac-BlSvC4v4.js} +1 -1
- package/dist/component/{dext-checkbox-group-rac-C2s4IBgt.js → dext-checkbox-group-rac-ijVB8NX2.js} +2 -2
- package/dist/component/{dext-checkbox-rac-NyBGiLzP.js → dext-checkbox-rac-0F6rTc_y.js} +1 -1
- package/dist/component/{dext-date-picker-rac-JKcEE1fQ.js → dext-date-picker-rac-vjt7d8gT.js} +1 -1
- package/dist/component/{dext-date-time-input-rac-DtamPz-x.js → dext-date-time-input-rac-CpJz0KtU.js} +1 -1
- package/dist/component/{dext-dropdown-rac-194Qq0or.js → dext-dropdown-rac-yUJT-sKU.js} +1 -1
- package/dist/component/{dext-email-rac-Chwg6ePI.js → dext-email-rac-D1K34PtX.js} +1 -1
- package/dist/component/{dext-number-input-rac-DORye-Si.js → dext-number-input-rac-D-7zudVq.js} +1 -1
- package/dist/component/{dext-phone-rac-jykmsttk.js → dext-phone-rac-B4HebC40.js} +1 -1
- package/dist/component/{dext-radio-group-rac-MvkExS4d.js → dext-radio-group-rac-DWL6wrD6.js} +2 -2
- package/dist/component/{dext-rating-input-rac-DUsqZg7A.js → dext-rating-input-rac-p_FwVz4F.js} +1 -1
- package/dist/component/{dext-tags-rac-DnMlv2wO.js → dext-tags-rac-DNZ06TfG.js} +2 -2
- package/dist/component/{dext-text-area-rac-DGMWNaah.js → dext-text-area-rac-D9Ra_RXC.js} +1 -1
- package/dist/component/{dext-text-input-rac-Cv0NkJrp.js → dext-text-input-rac-gms4VXn_.js} +1 -1
- package/dist/component/{dext-url-input-rac-DpMC8935.js → dext-url-input-rac-CDZnjVL0.js} +1 -1
- package/dist/component/donation-rac-BPy2Dkj_.js +308 -0
- package/dist/component/{dropdown-field-headless-C_-tm9VD.js → dropdown-field-headless-CiK1C6eu.js} +3 -3
- package/dist/component/{dropdown-field-rac-DRKVFHE1.js → dropdown-field-rac-ByUgK0Dh.js} +2 -2
- package/dist/component/{dropdown-rac-BLqlMGTK.js → dropdown-rac-BZQe_0qb.js} +1 -1
- package/dist/component/{ecom-address-rac-BdlTO9SW.js → ecom-address-rac-Du8bSZKs.js} +1 -1
- package/dist/component/{ecom-subscription-checkbox-rac-CcF5V54K.js → ecom-subscription-checkbox-rac-ZgT_Mx5b.js} +2 -2
- package/dist/component/{email-input-field-rac-C-lfW9Ua.js → email-input-field-rac-DWXEywOx.js} +3 -3
- package/dist/component/{events-repeater-rac-sHbYZ-WY.js → events-repeater-rac-DBofzCIJ.js} +3 -3
- package/dist/component/{events-rsvp-rac-Bx_xn-K0.js → events-rsvp-rac-CYwLg3Mp.js} +2 -2
- package/dist/component/{field-error-headless-DWbRjy6q.js → field-error-headless-BAVGL8JO.js} +1 -1
- package/dist/component/{field-label-headless-DUWK0CI-.js → field-label-headless-CwSCKtI1.js} +1 -1
- package/dist/component/field-rac.module-Cac83bU5.js +21 -0
- package/dist/component/{file-upload-rac-D9NdbrRq.js → file-upload-rac-BI_SxUFD.js} +4 -4
- package/dist/component/{fixed-payment-rac-i_hkRpLX.js → fixed-payment-rac-m2iFI5v_.js} +4 -4
- package/dist/component/{form-Pr0rklwH.js → form-VD2Og15y.js} +69 -69
- package/dist/component/form-element-keys-P3mtjfCv.js +7 -0
- package/dist/component/form.css +1 -1
- package/dist/component/form.js +1 -1
- package/dist/component/{header-field-rac-C22TlZYz.js → header-field-rac-C7EKGD8f.js} +2 -2
- package/dist/component/{header-rac-CRBMp0xN.js → header-rac-CE4fzveg.js} +1 -1
- package/dist/component/image-choice-rac-CXABLqND.js +147 -0
- package/dist/component/{index-BJ-kFqI7.js → index-CHqhveZ1.js} +2 -2
- package/dist/component/{index-FZEaJpsD.js → index-DI0IAMNV.js} +4 -4
- package/dist/component/{isObjectLike-DnLDLZFA.js → isObjectLike-D_6b_ESv.js} +1 -1
- package/dist/component/{multiline-address-field-rac-c1vN8M4W.js → multiline-address-field-rac-3wB7fWdZ.js} +5 -5
- package/dist/component/{multiline-address-rac-BVd_JUMw.js → multiline-address-rac-RnXiGQRs.js} +1 -1
- package/dist/component/{number-input-field-rac-DXfWTZkC.js → number-input-field-rac-BiC2NsZQ.js} +4 -4
- package/dist/component/{number-input-rac-uUl9e8AI.js → number-input-rac-BphPpAvr.js} +1 -1
- package/dist/component/{password-rac-BDJ6HPYo.js → password-rac-DBk3CNX3.js} +4 -4
- package/dist/component/{payment-input-rac-XRcefuRt.js → payment-input-rac-DNYLuIV-.js} +4 -4
- package/dist/component/{phone-input-field-rac-DHgA6BeE.js → phone-input-field-rac-C30S0p_Y.js} +4 -4
- package/dist/component/{phone-rac-CMtVXoft.js → phone-rac-vzh9GsbA.js} +1 -1
- package/dist/component/{product-list-rac-CBLHOwHX.js → product-list-rac-DMdxtFZ1.js} +4 -4
- package/dist/component/{quiz-radio-group-rac-CAmXql2m.js → quiz-radio-group-rac-CX9W6rGY.js} +1 -1
- package/dist/component/{radio-group-field-rac-DBjgd4cD.js → radio-group-field-rac-D7MwZqH6.js} +2 -2
- package/dist/component/{radio-group-field-rac.module-CqOyiO2g.js → radio-group-field-rac.module-DxEUzWwB.js} +3 -3
- package/dist/component/{radio-group-rac-CrEtErkv.js → radio-group-rac-BK7qn-h2.js} +1 -1
- package/dist/component/{rating-input-field-rac-BWn0usVp.js → rating-input-field-rac-CUTqEPPd.js} +4 -4
- package/dist/component/{rating-input-rac-CtidC0z2.js → rating-input-rac-Dy335I62.js} +1 -1
- package/dist/component/{rich-content-rac.module-DX2Jd5w6.js → rich-content-rac.module-DrHi1MSI.js} +1 -1
- package/dist/component/{rich-text-field-rac-CusODU1H.js → rich-text-field-rac-CMnH_2lB.js} +2 -2
- package/dist/component/{rich-text-rac-wq_vA-qU.js → rich-text-rac-Cebhj1Mq.js} +1 -1
- package/dist/component/{service-dropdown-rac--YcOnGmq.js → service-dropdown-rac-BKsuPUHs.js} +4 -4
- package/dist/component/{services-multi-choice-rac-D_kSdluR.js → services-multi-choice-rac-BCzzyhJY.js} +4 -4
- package/dist/component/{signature-rac-DBAg8bEo.js → signature-rac-TuOQR74M.js} +4 -4
- package/dist/component/{submit-button-rac-BW3P99jM.js → submit-button-rac-Ct4NVia5.js} +1 -1
- package/dist/component/tags-field-rac-DYdaPvQc.js +207 -0
- package/dist/component/{tags-rac-Bqo0dqEU.js → tags-rac-BvyXZ_95.js} +1 -1
- package/dist/component/{text-area-field-rac-DaWfCdVq.js → text-area-field-rac-YmesRjRH.js} +4 -4
- package/dist/component/{text-area-rac-BVnA5cPV.js → text-area-rac-Bk0bbyrK.js} +1 -1
- package/dist/component/{text-input-field-rac-Dm6a4jOn.js → text-input-field-rac-CW0ZR1y2.js} +2 -2
- package/dist/component/{text-input-headless-fTooOIqx.js → text-input-headless-C1m6gpFi.js} +3 -3
- package/dist/component/{text-input-rac-DA0we6AY.js → text-input-rac-5S5KE2Qr.js} +1 -1
- package/dist/component/{time-input-rac-DQ9raFL_.js → time-input-rac-CfoKMXeX.js} +4 -4
- package/dist/component/{url-input-field-rac-BEpbWAVe.js → url-input-field-rac-aQiV0Sti.js} +4 -4
- package/dist/component/{url-input-rac-Du6EqRQX.js → url-input-rac-Ko5uylZw.js} +1 -1
- package/dist/component/{use-service-options-base-OMXZXAVb.js → use-service-options-base-BagPjcuW.js} +1 -1
- package/package.json +2 -2
- package/dist/component/donation-rac-DeBx8D9a.js +0 -302
- package/dist/component/field-rac.module-DnUIb9Oh.js +0 -21
- package/dist/component/image-choice-rac-cjylrvfO.js +0 -141
- package/dist/component/tags-field-rac-DSdwley7.js +0 -201
|
@@ -0,0 +1,308 @@
|
|
|
1
|
+
import t, { useMemo as B, useCallback as L, useRef as oe } from "react";
|
|
2
|
+
import { RicosViewer as re } from "@wix/ricos/viewer";
|
|
3
|
+
import y from "classnames";
|
|
4
|
+
import { P as G, ai as A, af as j, as as se, ab as v, ak as ae, ac as le } from "./form-VD2Og15y.js";
|
|
5
|
+
import { RadioGroup as ie, RadioField as z, RadioButton as H, TextField as ce, Group as ue, Input as me } from "react-aria-components";
|
|
6
|
+
import { debounce as pe } from "ts-debounce";
|
|
7
|
+
import { f, a as N } from "./find-child-C60k4CxG.js";
|
|
8
|
+
import { a as K } from "./format-currency-BwShJ9vM.js";
|
|
9
|
+
import { D as de, E as Ee } from "./field-error-headless-BAVGL8JO.js";
|
|
10
|
+
import { L as Ie } from "./field-label-headless-CwSCKtI1.js";
|
|
11
|
+
import { N as Ce } from "./options-layout-constants-DEfIEJWD.js";
|
|
12
|
+
import { a as fe, b as Oe } from "./numeric-input-utils-CuBMi4-a.js";
|
|
13
|
+
import { g as _e } from "./payment-field-utils-DobiK5Xh.js";
|
|
14
|
+
import { u as he } from "./use-synced-display-value-DcAxdn3M.js";
|
|
15
|
+
import { E as ye } from "./error-icon-hZxQ6DEy.js";
|
|
16
|
+
import { s as D } from "./field-rac.module-Cac83bU5.js";
|
|
17
|
+
import { z as Ne, P as be, k as Fe, l as De, m as ge, y as Le, q as Re, j as Se } from "./form-element-classes-BSMjWijd.js";
|
|
18
|
+
import { D as Ae } from "./form-element-keys-P3mtjfCv.js";
|
|
19
|
+
import { o as ve } from "./options-rac.module-KM-VT_KY.js";
|
|
20
|
+
function Te(e, n) {
|
|
21
|
+
return e.reduce((o, r) => (o[r[n]] = r, o), {});
|
|
22
|
+
}
|
|
23
|
+
function Pe(e) {
|
|
24
|
+
return Te(e, "id");
|
|
25
|
+
}
|
|
26
|
+
const Me = 0.01;
|
|
27
|
+
function xe(e) {
|
|
28
|
+
var n;
|
|
29
|
+
return ((n = e == null ? void 0 : e.fixedPriceOptions) == null ? void 0 : n.price) || "0";
|
|
30
|
+
}
|
|
31
|
+
function Q(e, n) {
|
|
32
|
+
const o = Number(n || "0");
|
|
33
|
+
return {
|
|
34
|
+
productId: e.id,
|
|
35
|
+
price: e.priceType === G.DYNAMIC_PRICE ? o : String(o),
|
|
36
|
+
quantity: 1
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
function Be(e) {
|
|
40
|
+
return e.find((n) => n.priceType === G.DYNAMIC_PRICE);
|
|
41
|
+
}
|
|
42
|
+
function je(e, n) {
|
|
43
|
+
return (e == null ? void 0 : e.productId) === (n == null ? void 0 : n.id) ? String((e == null ? void 0 : e.price) ?? "") : "";
|
|
44
|
+
}
|
|
45
|
+
function qe(e, n, o) {
|
|
46
|
+
const r = (n == null ? void 0 : n.productId) === e ? void 0 : e, a = r ? o[r] : void 0;
|
|
47
|
+
return a ? [
|
|
48
|
+
Q(a, xe(a))
|
|
49
|
+
] : [];
|
|
50
|
+
}
|
|
51
|
+
const s = ({ children: e }) => {
|
|
52
|
+
const { id: n, value: o, onChange: r, disabled: a, required: m, onBlur: p, onFocus: _, validation: c, addOther: u, addOtherPlaceholder: i, FieldLayout: E, hasError: O } = A(), { labelId: h } = j(), { t: I } = se(), { currency: T, regionalFormat: b } = v(), d = o == null ? void 0 : o[0], F = B(() => {
|
|
53
|
+
var C, x;
|
|
54
|
+
return ((x = (C = c == null ? void 0 : c.predefined) == null ? void 0 : C.paymentOptions) == null ? void 0 : x.products) || [];
|
|
55
|
+
}, [
|
|
56
|
+
c
|
|
57
|
+
]), P = B(() => Pe(F), [
|
|
58
|
+
F
|
|
59
|
+
]), l = B(() => u ? Be(F) : void 0, [
|
|
60
|
+
F,
|
|
61
|
+
u
|
|
62
|
+
]), W = je(d, l), [q, M] = he({
|
|
63
|
+
sourceValue: W,
|
|
64
|
+
format: (C) => Oe(String(C ?? ""), b),
|
|
65
|
+
regionalFormat: b
|
|
66
|
+
}), k = L((C) => {
|
|
67
|
+
r(qe(C, d, P)), M("");
|
|
68
|
+
}, [
|
|
69
|
+
r,
|
|
70
|
+
P,
|
|
71
|
+
d,
|
|
72
|
+
M
|
|
73
|
+
]), $ = L((C) => {
|
|
74
|
+
l && r(typeof C == "number" ? [
|
|
75
|
+
Q(l, String(C))
|
|
76
|
+
] : []);
|
|
77
|
+
}, [
|
|
78
|
+
r,
|
|
79
|
+
l
|
|
80
|
+
]), V = B(() => pe($, 500), [
|
|
81
|
+
$
|
|
82
|
+
]), J = L((C) => {
|
|
83
|
+
(d == null ? void 0 : d.productId) !== (l == null ? void 0 : l.id) && r(void 0);
|
|
84
|
+
const { validInput: x, validNumber: te } = fe(C.target.value, Me, q, b);
|
|
85
|
+
M(x), V(te);
|
|
86
|
+
}, [
|
|
87
|
+
b,
|
|
88
|
+
r,
|
|
89
|
+
d,
|
|
90
|
+
l,
|
|
91
|
+
q,
|
|
92
|
+
V,
|
|
93
|
+
M
|
|
94
|
+
]), w = (d == null ? void 0 : d.productId) || null, X = L(() => {
|
|
95
|
+
l != null && l.id && w !== l.id && k(l.id);
|
|
96
|
+
}, [
|
|
97
|
+
l == null ? void 0 : l.id,
|
|
98
|
+
w,
|
|
99
|
+
k
|
|
100
|
+
]), Z = f(e, s.Label), Y = f(e, s.Control), ee = f(e, s.Description), ne = f(e, s.Error);
|
|
101
|
+
return /* @__PURE__ */ t.createElement(E, {
|
|
102
|
+
fieldId: n,
|
|
103
|
+
renderLabel: () => Z,
|
|
104
|
+
renderInput: () => /* @__PURE__ */ t.createElement(ie, {
|
|
105
|
+
"aria-labelledby": h,
|
|
106
|
+
value: w,
|
|
107
|
+
onChange: k,
|
|
108
|
+
isDisabled: a,
|
|
109
|
+
isInvalid: O,
|
|
110
|
+
isRequired: m,
|
|
111
|
+
onBlur: p,
|
|
112
|
+
onFocus: _
|
|
113
|
+
}, Y ? N(Y, {
|
|
114
|
+
productsById: P,
|
|
115
|
+
addOther: u,
|
|
116
|
+
customAmount: q,
|
|
117
|
+
onCustomAmountInputChange: J,
|
|
118
|
+
currency: T,
|
|
119
|
+
t: I,
|
|
120
|
+
placeholder: i === void 0 ? I("donation.other-option.placeholder") : i,
|
|
121
|
+
customAmountProductId: l == null ? void 0 : l.id,
|
|
122
|
+
onFocusCustomInput: X
|
|
123
|
+
}) : null),
|
|
124
|
+
renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, ne, ee)
|
|
125
|
+
});
|
|
126
|
+
}, ke = ({ children: e, className: n, ...o }) => {
|
|
127
|
+
const { productsById: r, addOther: a, customAmount: m, onCustomAmountInputChange: p, currency: _, t: c, placeholder: u, customAmountProductId: i, onFocusCustomInput: E } = o, { hasError: O } = A(), h = f(e, s.Options), I = f(e, s.OtherInput);
|
|
128
|
+
return /* @__PURE__ */ t.createElement("div", {
|
|
129
|
+
className: n,
|
|
130
|
+
"data-invalid": O
|
|
131
|
+
}, h ? N(h, {
|
|
132
|
+
productsById: r
|
|
133
|
+
}) : null, a && i && /* @__PURE__ */ t.createElement(z, {
|
|
134
|
+
value: i,
|
|
135
|
+
style: {
|
|
136
|
+
position: "absolute",
|
|
137
|
+
width: "1px",
|
|
138
|
+
height: "1px",
|
|
139
|
+
padding: "0",
|
|
140
|
+
margin: "-1px",
|
|
141
|
+
overflow: "hidden",
|
|
142
|
+
clip: "rect(0, 0, 0, 0)",
|
|
143
|
+
whiteSpace: "nowrap",
|
|
144
|
+
border: "0"
|
|
145
|
+
}
|
|
146
|
+
}, /* @__PURE__ */ t.createElement(H, {
|
|
147
|
+
"aria-label": c("donation.other-option.label", "Custom amount")
|
|
148
|
+
}, c("donation.other-option.label", "Custom amount"))), I && a ? N(I, {
|
|
149
|
+
customAmount: m,
|
|
150
|
+
onCustomAmountInputChange: p,
|
|
151
|
+
currency: _,
|
|
152
|
+
t: c,
|
|
153
|
+
placeholder: u,
|
|
154
|
+
customAmountProductId: i,
|
|
155
|
+
onFocusCustomInput: E
|
|
156
|
+
}) : null);
|
|
157
|
+
}, U = ({ children: e, className: n, ...o }) => {
|
|
158
|
+
const { productsById: r } = o, { options: a, numberOfColumns: m } = A(), { isMobile: p } = v(), _ = f(e, U.Option), c = p ? Ce.ONE : m;
|
|
159
|
+
return /* @__PURE__ */ t.createElement("div", {
|
|
160
|
+
className: n,
|
|
161
|
+
"data-columns": c
|
|
162
|
+
}, a.map((u) => {
|
|
163
|
+
var O;
|
|
164
|
+
const i = r[u.value], E = (O = i == null ? void 0 : i.fixedPriceOptions) == null ? void 0 : O.price;
|
|
165
|
+
return N(_, {
|
|
166
|
+
key: u.value,
|
|
167
|
+
value: u.value,
|
|
168
|
+
price: E || "0"
|
|
169
|
+
});
|
|
170
|
+
}));
|
|
171
|
+
}, R = ({ children: e, className: n, ...o }) => {
|
|
172
|
+
const { value: r, price: a } = o, { id: m } = A(), { currency: p, regionalFormat: _ } = v(), c = f(e, R.Value), u = f(e, R.Currency), { isCurrencyPrefixed: i } = K({
|
|
173
|
+
amount: a,
|
|
174
|
+
currency: p == null ? void 0 : p.code,
|
|
175
|
+
locale: _
|
|
176
|
+
}), E = oe(null);
|
|
177
|
+
ae(() => {
|
|
178
|
+
var h, I;
|
|
179
|
+
(I = (h = E.current) == null ? void 0 : h.querySelector("input")) == null || I.focus();
|
|
180
|
+
}, m);
|
|
181
|
+
const O = c ? N(c, {
|
|
182
|
+
price: a
|
|
183
|
+
}) : null;
|
|
184
|
+
return /* @__PURE__ */ t.createElement(z, {
|
|
185
|
+
value: r
|
|
186
|
+
}, /* @__PURE__ */ t.createElement(H, {
|
|
187
|
+
className: n,
|
|
188
|
+
ref: E
|
|
189
|
+
}, /* @__PURE__ */ t.createElement(t.Fragment, null, i && u, O, !i && u)));
|
|
190
|
+
}, we = ({ className: e, ...n }) => {
|
|
191
|
+
const { price: o } = n, { currency: r, regionalFormat: a } = v(), { value: m } = K({
|
|
192
|
+
amount: o,
|
|
193
|
+
currency: r == null ? void 0 : r.code,
|
|
194
|
+
locale: a
|
|
195
|
+
});
|
|
196
|
+
return /* @__PURE__ */ t.createElement("span", {
|
|
197
|
+
className: e
|
|
198
|
+
}, m);
|
|
199
|
+
}, Ue = ({ className: e }) => {
|
|
200
|
+
const { currency: n } = v();
|
|
201
|
+
return /* @__PURE__ */ t.createElement("span", {
|
|
202
|
+
className: e
|
|
203
|
+
}, (n == null ? void 0 : n.sign) || (n == null ? void 0 : n.code) || "");
|
|
204
|
+
};
|
|
205
|
+
R.Value = we;
|
|
206
|
+
R.Currency = Ue;
|
|
207
|
+
const S = ({ children: e, className: n, ...o }) => {
|
|
208
|
+
const { customAmount: r, onCustomAmountInputChange: a, currency: m, t: p, placeholder: _, customAmountProductId: c, onFocusCustomInput: u } = o, { disabled: i, hasError: E } = A(), { labelId: O, prefixId: h } = j(), I = f(e, S.Currency), T = f(e, S.Value), b = L((F) => {
|
|
209
|
+
a({
|
|
210
|
+
target: {
|
|
211
|
+
value: F
|
|
212
|
+
}
|
|
213
|
+
});
|
|
214
|
+
}, [
|
|
215
|
+
a
|
|
216
|
+
]), d = L(() => {
|
|
217
|
+
u();
|
|
218
|
+
}, [
|
|
219
|
+
u
|
|
220
|
+
]);
|
|
221
|
+
return /* @__PURE__ */ t.createElement(ce, {
|
|
222
|
+
"aria-labelledby": `${O} ${h}`,
|
|
223
|
+
value: r,
|
|
224
|
+
onChange: b,
|
|
225
|
+
onFocus: d,
|
|
226
|
+
isDisabled: i,
|
|
227
|
+
isInvalid: E
|
|
228
|
+
}, /* @__PURE__ */ t.createElement(ue, {
|
|
229
|
+
className: n,
|
|
230
|
+
isDisabled: i,
|
|
231
|
+
isInvalid: E
|
|
232
|
+
}, r && m && I ? N(I, {
|
|
233
|
+
currency: m,
|
|
234
|
+
t: p
|
|
235
|
+
}) : null, T ? N(T, {
|
|
236
|
+
placeholder: _,
|
|
237
|
+
customAmountProductId: c
|
|
238
|
+
}) : null));
|
|
239
|
+
}, $e = ({ className: e, ...n }) => {
|
|
240
|
+
const { currency: o, t: r } = n, { prefixId: a } = j();
|
|
241
|
+
return /* @__PURE__ */ t.createElement("span", {
|
|
242
|
+
id: a,
|
|
243
|
+
"aria-hidden": !1,
|
|
244
|
+
"aria-label": _e(r, o),
|
|
245
|
+
className: e
|
|
246
|
+
}, (o == null ? void 0 : o.sign) || (o == null ? void 0 : o.code) || "");
|
|
247
|
+
}, Ve = ({ className: e, ...n }) => {
|
|
248
|
+
const { placeholder: o, customAmountProductId: r } = n, { ariaDescribedBy: a, labelId: m, prefixId: p } = j();
|
|
249
|
+
return /* @__PURE__ */ t.createElement(me, {
|
|
250
|
+
id: r,
|
|
251
|
+
"aria-labelledby": `${m} ${p}`,
|
|
252
|
+
"aria-describedby": a,
|
|
253
|
+
placeholder: o,
|
|
254
|
+
inputMode: "decimal",
|
|
255
|
+
autoComplete: "off",
|
|
256
|
+
className: e
|
|
257
|
+
});
|
|
258
|
+
};
|
|
259
|
+
S.Currency = $e;
|
|
260
|
+
S.Value = Ve;
|
|
261
|
+
U.Option = R;
|
|
262
|
+
s.Label = Ie;
|
|
263
|
+
s.Control = ke;
|
|
264
|
+
s.Options = U;
|
|
265
|
+
s.OtherInput = S;
|
|
266
|
+
s.Description = de;
|
|
267
|
+
s.Error = Ee;
|
|
268
|
+
const Ye = "_control_141js_1", Ge = "_options_141js_7", ze = "_option_141js_7", He = "_optionCurrency_141js_89", Ke = "_otherInput_141js_93", Qe = "_otherInputCurrency_141js_112", g = {
|
|
269
|
+
control: Ye,
|
|
270
|
+
options: Ge,
|
|
271
|
+
option: ze,
|
|
272
|
+
optionCurrency: He,
|
|
273
|
+
otherInput: Ke,
|
|
274
|
+
otherInputCurrency: Qe
|
|
275
|
+
}, We = ({ content: e, locale: n }) => /* @__PURE__ */ t.createElement(re, {
|
|
276
|
+
content: e,
|
|
277
|
+
locale: n
|
|
278
|
+
}), Je = () => {
|
|
279
|
+
const e = le(Ae);
|
|
280
|
+
return /* @__PURE__ */ t.createElement(s, null, /* @__PURE__ */ t.createElement(s.Label, {
|
|
281
|
+
className: y(Ne, D.label)
|
|
282
|
+
}, /* @__PURE__ */ t.createElement(s.Label.Required, {
|
|
283
|
+
className: y(be, D.requiredMark)
|
|
284
|
+
})), /* @__PURE__ */ t.createElement(s.Control, {
|
|
285
|
+
className: g.control
|
|
286
|
+
}, /* @__PURE__ */ t.createElement(s.Options, {
|
|
287
|
+
className: y(Fe, ve.options, g.options)
|
|
288
|
+
}, /* @__PURE__ */ t.createElement(s.Options.Option, {
|
|
289
|
+
className: ({ isSelected: n }) => y(De, g.option, e, {
|
|
290
|
+
[ge]: n
|
|
291
|
+
})
|
|
292
|
+
}, /* @__PURE__ */ t.createElement(s.Options.Option.Value, null), /* @__PURE__ */ t.createElement(s.Options.Option.Currency, {
|
|
293
|
+
className: g.optionCurrency
|
|
294
|
+
}))), /* @__PURE__ */ t.createElement(s.OtherInput, {
|
|
295
|
+
className: y(Le, D.input, g.otherInput)
|
|
296
|
+
}, /* @__PURE__ */ t.createElement(s.OtherInput.Currency, {
|
|
297
|
+
className: g.otherInputCurrency
|
|
298
|
+
}), /* @__PURE__ */ t.createElement(s.OtherInput.Value, {
|
|
299
|
+
className: D.innerInput
|
|
300
|
+
}))), /* @__PURE__ */ t.createElement(s.Error, {
|
|
301
|
+
className: y(Re, D.error)
|
|
302
|
+
}, /* @__PURE__ */ t.createElement(ye, null), /* @__PURE__ */ t.createElement(s.Error.Text, null)), /* @__PURE__ */ t.createElement(s.Description, {
|
|
303
|
+
className: y(Se, D.description)
|
|
304
|
+
}, We));
|
|
305
|
+
}, On = () => /* @__PURE__ */ t.createElement(Je, null);
|
|
306
|
+
export {
|
|
307
|
+
On as DonationRAC
|
|
308
|
+
};
|
package/dist/component/{dropdown-field-headless-C_-tm9VD.js → dropdown-field-headless-CiK1C6eu.js}
RENAMED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import e, { useState as E, useCallback as g, useRef as q } from "react";
|
|
2
2
|
import { UNSAFE_PortalProvider as A } from "react-aria";
|
|
3
3
|
import { Select as w, SelectValue as M, ListBox as U, ListBoxItem as _ } from "react-aria-components";
|
|
4
|
-
import { ai as p, af as b, ak as j } from "./form-
|
|
4
|
+
import { ai as p, af as b, ak as j } from "./form-VD2Og15y.js";
|
|
5
5
|
import { f as d, a as z } from "./find-child-C60k4CxG.js";
|
|
6
|
-
import { D as G, E as H } from "./field-error-headless-
|
|
7
|
-
import { L as J } from "./field-label-headless-
|
|
6
|
+
import { D as G, E as H } from "./field-error-headless-BAVGL8JO.js";
|
|
7
|
+
import { L as J } from "./field-label-headless-CwSCKtI1.js";
|
|
8
8
|
import { S as K, N as Q } from "./non-modal-popover-DtIMXHbe.js";
|
|
9
9
|
const n = ({ children: t }) => {
|
|
10
10
|
const { id: o, value: r, defaultValue: l, options: a = [], readOnly: s, onChange: u, placeholder: m, disabled: i, required: v, onBlur: O, onFocus: y, FieldLayout: F, hasError: C } = p(), [D, L] = E(!1), [h, I] = E(null), B = r && a.some((c) => (c.value ?? c.label) === r) ? r : l || null, { labelId: N } = b(), P = g((c) => {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { RicosViewer as m } from "@wix/ricos/viewer";
|
|
2
2
|
import t from "classnames";
|
|
3
3
|
import e from "react";
|
|
4
|
-
import { D as o } from "./dropdown-field-headless-
|
|
4
|
+
import { D as o } from "./dropdown-field-headless-CiK1C6eu.js";
|
|
5
5
|
import { C as n } from "./chevron-down-icon-CcpVm6B-.js";
|
|
6
6
|
import { E as l } from "./error-icon-hZxQ6DEy.js";
|
|
7
7
|
import { H as c } from "./custom-focus-class-_483Pkwp.js";
|
|
8
|
-
import { s as r } from "./field-rac.module-
|
|
8
|
+
import { s as r } from "./field-rac.module-Cac83bU5.js";
|
|
9
9
|
import { z as E, P as i, y as p, C as _, q as S, j as R } from "./form-element-classes-BSMjWijd.js";
|
|
10
10
|
const D = ({ content: a, locale: s }) => /* @__PURE__ */ e.createElement(m, {
|
|
11
11
|
content: a,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import o, { useMemo as a } from "react";
|
|
2
|
-
import { ai as n, as as c, h as i } from "./form-
|
|
3
|
-
import { C } from "./checkbox-field-rac-
|
|
2
|
+
import { ai as n, as as c, h as i } from "./form-VD2Og15y.js";
|
|
3
|
+
import { C } from "./checkbox-field-rac-YmbfJMcm.js";
|
|
4
4
|
import { o as l, p, n as m } from "./form-element-classes-BSMjWijd.js";
|
|
5
5
|
const _ = (e) => ({
|
|
6
6
|
nodes: [
|
package/dist/component/{email-input-field-rac-C-lfW9Ua.js → email-input-field-rac-DWXEywOx.js}
RENAMED
|
@@ -2,7 +2,7 @@ import { RicosViewer as ie } from "@wix/ricos/viewer";
|
|
|
2
2
|
import j from "classnames";
|
|
3
3
|
import u, { createContext as Q, useContext as Z, createElement as H, isValidElement as U, cloneElement as R, useState as le, useCallback as me, useEffect as ue } from "react";
|
|
4
4
|
import { TextField as pe } from "react-aria-components";
|
|
5
|
-
import { af as fe, as as ge, ad as ve, c as ye, ai as Ee, am as de, ag as be, f as Se } from "./form-
|
|
5
|
+
import { af as fe, as as ge, ad as ve, c as ye, ai as Ee, am as de, ag as be, f as Se } from "./form-VD2Og15y.js";
|
|
6
6
|
import { f as L } from "./find-child-C60k4CxG.js";
|
|
7
7
|
import ee from "@babel/runtime/helpers/objectWithoutProperties";
|
|
8
8
|
import P from "@babel/runtime/helpers/typeof";
|
|
@@ -10,9 +10,9 @@ import Oe from "@babel/runtime/helpers/defineProperty";
|
|
|
10
10
|
import he from "html-parse-stringify";
|
|
11
11
|
import Ie from "@babel/runtime/helpers/classCallCheck";
|
|
12
12
|
import Ne from "@babel/runtime/helpers/createClass";
|
|
13
|
-
import { T as B } from "./text-input-headless-
|
|
13
|
+
import { T as B } from "./text-input-headless-C1m6gpFi.js";
|
|
14
14
|
import { E as Ae } from "./error-icon-hZxQ6DEy.js";
|
|
15
|
-
import { s as C } from "./field-rac.module-
|
|
15
|
+
import { s as C } from "./field-rac.module-Cac83bU5.js";
|
|
16
16
|
import { z as Fe, P as ke, y as Te, q as De, j as je, Z as xe } from "./form-element-classes-BSMjWijd.js";
|
|
17
17
|
var Le = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Ce = {
|
|
18
18
|
"&": "&",
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import t, { useState as z, useMemo as B, useCallback as V, useRef as M } from "react";
|
|
2
2
|
import v from "classnames";
|
|
3
3
|
import { NumberField as q, Input as J, CheckboxField as Q, CheckboxButton as W, Button as w } from "react-aria-components";
|
|
4
|
-
import { ao as P, ap as U, ae as j, aj as H, u as Y, ai as D, af as K, ak as X, j as Z } from "./form-
|
|
4
|
+
import { ao as P, ap as U, ae as j, aj as H, u as Y, ai as D, af as K, ak as X, j as Z } from "./form-VD2Og15y.js";
|
|
5
5
|
import { f as F, a as R } from "./find-child-C60k4CxG.js";
|
|
6
|
-
import { L as ee } from "./field-label-headless-
|
|
6
|
+
import { L as ee } from "./field-label-headless-CwSCKtI1.js";
|
|
7
7
|
import { u as te } from "./use-invoke-callback-UH73A_J3.js";
|
|
8
8
|
import { C as x } from "./chevron-down-icon-CcpVm6B-.js";
|
|
9
|
-
import { s as L } from "./field-rac.module-
|
|
9
|
+
import { s as L } from "./field-rac.module-Cac83bU5.js";
|
|
10
10
|
import { z as se, y as ne, r as oe, s as re, t as ae } from "./form-element-classes-BSMjWijd.js";
|
|
11
11
|
const le = [], ce = ({ id: e, fields: n, layout: l, value: r, onChange: s, errors: m = le, validation: c }) => {
|
|
12
12
|
const [i, E] = z((r == null ? void 0 : r.length) || 0), a = B(() => r ?? [], [
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import t from "react";
|
|
2
2
|
import { RicosViewer as c } from "@wix/ricos/viewer";
|
|
3
3
|
import r from "classnames";
|
|
4
|
-
import { R as a, s as o } from "./radio-group-field-rac.module-
|
|
4
|
+
import { R as a, s as o } from "./radio-group-field-rac.module-DxEUzWwB.js";
|
|
5
5
|
import { E as m } from "./error-icon-hZxQ6DEy.js";
|
|
6
|
-
import { s } from "./field-rac.module-
|
|
6
|
+
import { s } from "./field-rac.module-Cac83bU5.js";
|
|
7
7
|
import { z as i, P as E, Q as p, S as R, R as _, q as L, j as O } from "./form-element-classes-BSMjWijd.js";
|
|
8
8
|
const e = ({ children: n }) => /* @__PURE__ */ t.createElement(a, null, n);
|
|
9
9
|
e.Label = a.Label;
|
package/dist/component/{field-error-headless-DWbRjy6q.js → field-error-headless-BAVGL8JO.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import t, { createContext as m, useContext as M } from "react";
|
|
2
|
-
import { ai as c, af as i, ab as f, T as x, U as h } from "./form-
|
|
2
|
+
import { ai as c, af as i, ab as f, T as x, U as h } from "./form-VD2Og15y.js";
|
|
3
3
|
const b = ({ className: r, children: e }) => {
|
|
4
4
|
const { description: s, target: o } = c(), { descriptionId: a } = i(), { language: n } = f();
|
|
5
5
|
return s ? /* @__PURE__ */ t.createElement("div", {
|
package/dist/component/{field-label-headless-DUWK0CI-.js → field-label-headless-CwSCKtI1.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ai as m, R as d, q as p, af as D, as as B } from "./form-
|
|
1
|
+
import { ai as m, R as d, q as p, af as D, as as B } from "./form-VD2Og15y.js";
|
|
2
2
|
import l from "react";
|
|
3
3
|
import { f as L } from "./find-child-C60k4CxG.js";
|
|
4
4
|
import { sdk as R } from "@wix/image-kit";
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
const o = "_label_16ev3_1", e = "_requiredMark_16ev3_11", n = "_input_16ev3_16", t = "_inputGroup_16ev3_17", r = "_innerInput_16ev3_129", _ = "_dropdownTrigger_16ev3_177", c = "_dropdownIcon_16ev3_187", p = "_dropdownPopover_16ev3_206", s = "_selectPopover_16ev3_210", i = "_selectOption_16ev3_237", u = "_selectOptionWithoutFocusRing_16ev3_261", d = "_description_16ev3_267", v = "_error_16ev3_283", l = "_checkbox_16ev3_302", a = "_checkboxInput_16ev3_325", h = "_uploadButton_16ev3_420", b = {
|
|
2
|
+
label: o,
|
|
3
|
+
requiredMark: e,
|
|
4
|
+
input: n,
|
|
5
|
+
inputGroup: t,
|
|
6
|
+
innerInput: r,
|
|
7
|
+
dropdownTrigger: _,
|
|
8
|
+
dropdownIcon: c,
|
|
9
|
+
dropdownPopover: p,
|
|
10
|
+
selectPopover: s,
|
|
11
|
+
selectOption: i,
|
|
12
|
+
selectOptionWithoutFocusRing: u,
|
|
13
|
+
description: d,
|
|
14
|
+
error: v,
|
|
15
|
+
checkbox: l,
|
|
16
|
+
checkboxInput: a,
|
|
17
|
+
uploadButton: h
|
|
18
|
+
};
|
|
19
|
+
export {
|
|
20
|
+
b as s
|
|
21
|
+
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import t, { useState as Q, useRef as V, useMemo as oe, useEffect as se, useCallback as P, createContext as pe, useContext as fe } from "react";
|
|
2
2
|
import { RicosViewer as Ee } from "@wix/ricos/viewer";
|
|
3
3
|
import B from "classnames";
|
|
4
|
-
import { ae as Fe, as as ie, an as ge, i as he, aq as xe, e as re, ar as be, af as ce, ai as q, ak as Ce } from "./form-
|
|
4
|
+
import { ae as Fe, as as ie, an as ge, i as he, aq as xe, e as re, ar as be, af as ce, ai as q, ak as Ce } from "./form-VD2Og15y.js";
|
|
5
5
|
import { E as Le } from "./error-icon-hZxQ6DEy.js";
|
|
6
|
-
import { s as I } from "./field-rac.module-
|
|
6
|
+
import { s as I } from "./field-rac.module-Cac83bU5.js";
|
|
7
7
|
import { z as ne, P as De, a1 as Ne, j as ae, q as le } from "./form-element-classes-BSMjWijd.js";
|
|
8
8
|
import { f as h, a as z } from "./find-child-C60k4CxG.js";
|
|
9
|
-
import { b as ve, a as ye, D as _e, E as Te } from "./field-error-headless-
|
|
10
|
-
import { L as Be } from "./field-label-headless-
|
|
9
|
+
import { b as ve, a as ye, D as _e, E as Te } from "./field-error-headless-BAVGL8JO.js";
|
|
10
|
+
import { L as Be } from "./field-label-headless-CwSCKtI1.js";
|
|
11
11
|
import { DropZone as Re, Text as Se, FileTrigger as Me, Button as de, ProgressBar as Ie } from "react-aria-components";
|
|
12
12
|
const we = {
|
|
13
13
|
Video: "video/*",
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import t, { useMemo as _ } from "react";
|
|
2
2
|
import { RicosViewer as A } from "@wix/ricos/viewer";
|
|
3
3
|
import u from "classnames";
|
|
4
|
-
import { ai as C, ab as I, af as P } from "./form-
|
|
4
|
+
import { ai as C, ab as I, af as P } from "./form-VD2Og15y.js";
|
|
5
5
|
import { f as c, a as O } from "./find-child-C60k4CxG.js";
|
|
6
6
|
import { f as S } from "./format-currency-BwShJ9vM.js";
|
|
7
|
-
import { D as x, E as N } from "./field-error-headless-
|
|
8
|
-
import { L as R } from "./field-label-headless-
|
|
9
|
-
import { s as L } from "./field-rac.module-
|
|
7
|
+
import { D as x, E as N } from "./field-error-headless-BAVGL8JO.js";
|
|
8
|
+
import { L as R } from "./field-label-headless-CwSCKtI1.js";
|
|
9
|
+
import { s as L } from "./field-rac.module-Cac83bU5.js";
|
|
10
10
|
import { z as v, B, j as M } from "./form-element-classes-BSMjWijd.js";
|
|
11
11
|
const e = ({ children: r }) => {
|
|
12
12
|
var p;
|