@wix/form-app-builder 1.287.0 → 1.288.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/form.js +87 -85
- package/dist/form.d.ts +2 -1
- package/package.json +3 -3
package/dist/component/form.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { initI18n as
|
|
4
|
-
import
|
|
5
|
-
import { convertA11yKeysToHtmlFormat as
|
|
6
|
-
import { use as
|
|
7
|
-
import
|
|
8
|
-
import { i18n as
|
|
9
|
-
import { forms as
|
|
10
|
-
import { renameKeysFromSDKRequestToRESTRequest as
|
|
11
|
-
const
|
|
1
|
+
import { jsx as l, jsxs as N, Fragment as x } from "react/jsx-runtime";
|
|
2
|
+
import { useState as _, useRef as A, useEffect as d, forwardRef as w, useMemo as k, Suspense as C } from "react";
|
|
3
|
+
import { initI18n as I, createAsyncMessagesLoader as O, I18nextProvider as W } from "@wix/fed-cli-i18next";
|
|
4
|
+
import q from "@wix/form-elements/Form";
|
|
5
|
+
import { convertA11yKeysToHtmlFormat as T } from "@wix/react-component-utils";
|
|
6
|
+
import { use as K } from "@wix/react-use-promise-polyfill";
|
|
7
|
+
import V from "classnames";
|
|
8
|
+
import { i18n as H } from "@wix/essentials";
|
|
9
|
+
import { forms as G } from "@wix/forms";
|
|
10
|
+
import { renameKeysFromSDKRequestToRESTRequest as $ } from "@wix/sdk-runtime/rename-all-nested-keys";
|
|
11
|
+
const R = (s, e, t) => {
|
|
12
12
|
const o = s[e];
|
|
13
|
-
return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((
|
|
13
|
+
return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((c, a) => {
|
|
14
14
|
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
|
|
15
15
|
a.bind(
|
|
16
16
|
null,
|
|
@@ -20,147 +20,149 @@ const F = (s, e, t) => {
|
|
|
20
20
|
)
|
|
21
21
|
);
|
|
22
22
|
});
|
|
23
|
-
},
|
|
23
|
+
}, b = "en", U = () => {
|
|
24
24
|
try {
|
|
25
|
-
return
|
|
25
|
+
return H.getLanguage() || b;
|
|
26
26
|
} catch {
|
|
27
|
-
return
|
|
27
|
+
return b;
|
|
28
28
|
}
|
|
29
|
-
},
|
|
30
|
-
const [e] =
|
|
31
|
-
() =>
|
|
32
|
-
locale:
|
|
29
|
+
}, z = ({ useSuspense: s = !1 } = {}) => {
|
|
30
|
+
const [e] = _(
|
|
31
|
+
() => I({
|
|
32
|
+
locale: U(),
|
|
33
33
|
useSuspense: s,
|
|
34
|
-
asyncMessagesLoader:
|
|
34
|
+
asyncMessagesLoader: O({
|
|
35
35
|
isDev: !1,
|
|
36
|
-
loadMessages: (t) =>
|
|
37
|
-
loadDevMessages: (t) =>
|
|
36
|
+
loadMessages: (t) => R(/* @__PURE__ */ Object.assign({ "../assets/locale/messages_ar.json": () => import("./messages_ar-B2sjxxFk.js"), "../assets/locale/messages_bg.json": () => import("./messages_bg-joA_XwM_.js"), "../assets/locale/messages_ca.json": () => import("./messages_ca-Cok5kYLM.js"), "../assets/locale/messages_cs.json": () => import("./messages_cs-CDrIYLXg.js"), "../assets/locale/messages_da.json": () => import("./messages_da-Cg-w2rbQ.js"), "../assets/locale/messages_de.json": () => import("./messages_de-CIcGUz_L.js"), "../assets/locale/messages_el.json": () => import("./messages_el-DLGA3AS1.js"), "../assets/locale/messages_en.json": () => import("./messages_en-hjLar9Rp.js"), "../assets/locale/messages_es.json": () => import("./messages_es-Bjji59X2.js"), "../assets/locale/messages_fi.json": () => import("./messages_fi-CKGcHoyJ.js"), "../assets/locale/messages_fr.json": () => import("./messages_fr-l5US1MnD.js"), "../assets/locale/messages_he.json": () => import("./messages_he-BK6Ij3-F.js"), "../assets/locale/messages_hi.json": () => import("./messages_hi-B_QK4HjZ.js"), "../assets/locale/messages_hr.json": () => import("./messages_hr-DyZKIUCi.js"), "../assets/locale/messages_hu.json": () => import("./messages_hu-Bagp4yeK.js"), "../assets/locale/messages_id.json": () => import("./messages_id-Cp97mK4U.js"), "../assets/locale/messages_it.json": () => import("./messages_it-BnFeTjqx.js"), "../assets/locale/messages_ja.json": () => import("./messages_ja-D5ArOfqF.js"), "../assets/locale/messages_ko.json": () => import("./messages_ko-DM-fakuV.js"), "../assets/locale/messages_lt.json": () => import("./messages_lt-DIUCSZQ1.js"), "../assets/locale/messages_lv.json": () => import("./messages_lv-KMvdoA4i.js"), "../assets/locale/messages_ms.json": () => import("./messages_ms-DL-bZpaQ.js"), "../assets/locale/messages_nl.json": () => import("./messages_nl-C-TPhc1V.js"), "../assets/locale/messages_no.json": () => import("./messages_no-DLcv794p.js"), "../assets/locale/messages_pl.json": () => import("./messages_pl-CPU97yp0.js"), "../assets/locale/messages_pt.json": () => import("./messages_pt-vLjCeGv6.js"), "../assets/locale/messages_ro.json": () => import("./messages_ro-DfgX3zf1.js"), "../assets/locale/messages_ru.json": () => import("./messages_ru-C5OdWbml.js"), "../assets/locale/messages_sk.json": () => import("./messages_sk-T4FVB2H3.js"), "../assets/locale/messages_sl.json": () => import("./messages_sl-dbnOgCaF.js"), "../assets/locale/messages_sv.json": () => import("./messages_sv-FyLLbWRq.js"), "../assets/locale/messages_th.json": () => import("./messages_th-US_c53GJ.js"), "../assets/locale/messages_tl.json": () => import("./messages_tl-CdspeiJs.js"), "../assets/locale/messages_tr.json": () => import("./messages_tr-7gXyWJAQ.js"), "../assets/locale/messages_uk.json": () => import("./messages_uk-BT6AP-0s.js"), "../assets/locale/messages_vi.json": () => import("./messages_vi-Cc808JoK.js"), "../assets/locale/messages_zh.json": () => import("./messages_zh-ms_N7c68.js") }), `../assets/locale/messages_${t}.json`, 4),
|
|
37
|
+
loadDevMessages: (t) => R(/* @__PURE__ */ Object.assign({}), `../assets/locale/messages_${t}.dev.json`, 4)
|
|
38
38
|
})
|
|
39
39
|
})
|
|
40
40
|
);
|
|
41
41
|
return e;
|
|
42
|
-
},
|
|
42
|
+
}, B = (s) => ({ name: s }), J = (s) => `${s.name}:change`, S = (s, e) => {
|
|
43
43
|
window.dispatchEvent(
|
|
44
|
-
new CustomEvent(
|
|
44
|
+
new CustomEvent(J(s), { detail: e })
|
|
45
45
|
);
|
|
46
|
-
},
|
|
46
|
+
}, Q = (s, e, t) => {
|
|
47
47
|
const o = t;
|
|
48
48
|
return (o == null ? void 0 : o.channel) === s.name && o.compId === e && typeof o.patch == "object" && o.patch !== null ? o.patch : void 0;
|
|
49
|
-
},
|
|
49
|
+
}, X = ({
|
|
50
50
|
channel: s,
|
|
51
51
|
compId: e,
|
|
52
52
|
data: t,
|
|
53
53
|
onChange: o
|
|
54
54
|
}) => {
|
|
55
|
-
const
|
|
55
|
+
const c = JSON.stringify(t), a = A(o);
|
|
56
56
|
return d(() => {
|
|
57
57
|
a.current = o;
|
|
58
|
-
}), d(() => (
|
|
59
|
-
const
|
|
60
|
-
if (
|
|
58
|
+
}), d(() => (S(s, e), () => S(s, e)), [s, e, c]), d(() => {
|
|
59
|
+
const g = (i) => {
|
|
60
|
+
if (i.origin !== window.origin)
|
|
61
61
|
return;
|
|
62
|
-
const
|
|
63
|
-
|
|
62
|
+
const n = Q(s, e, i.data);
|
|
63
|
+
n && a.current(n);
|
|
64
64
|
};
|
|
65
|
-
return window.addEventListener("message",
|
|
66
|
-
}, [s, e]), /* @__PURE__ */
|
|
65
|
+
return window.addEventListener("message", g), () => window.removeEventListener("message", g);
|
|
66
|
+
}, [s, e]), /* @__PURE__ */ l(
|
|
67
67
|
"template",
|
|
68
68
|
{
|
|
69
69
|
"data-channel": s.name,
|
|
70
70
|
"data-comp-id": e,
|
|
71
|
-
"data-widget-data":
|
|
71
|
+
"data-widget-data": c
|
|
72
72
|
}
|
|
73
73
|
);
|
|
74
|
-
},
|
|
74
|
+
}, Y = B(
|
|
75
75
|
"@wix/form-app-builder:form"
|
|
76
|
-
),
|
|
77
|
-
siteWidget:
|
|
78
|
-
fallbackDirection:
|
|
79
|
-
},
|
|
80
|
-
({ form: s, compId: e, wix: t, elementProps: o, onRevisionChange:
|
|
81
|
-
const i =
|
|
76
|
+
), L = (s, e) => s.some((t) => t.id === e), Z = (s) => (s.steps ?? []).reduce((e, { id: t, name: o }) => (t && e.push({ id: t, name: o ?? void 0 }), e), []), P = "forms-platform-form", ss = "_siteWidget_rehrq_1", es = "_fallbackDirection_rehrq_17", M = {
|
|
77
|
+
siteWidget: ss,
|
|
78
|
+
fallbackDirection: es
|
|
79
|
+
}, os = (s) => G.getForm(s).then((e) => $(e)), D = w(
|
|
80
|
+
({ form: s, compId: e, wix: t, elementProps: o, state: c, onRevisionChange: a }, g) => {
|
|
81
|
+
const i = K(s), n = k(() => Z(i), [i]), u = i.revision ?? void 0, [f, j] = _({}), [v, h] = _([]), [m, p] = _();
|
|
82
82
|
return d(() => {
|
|
83
|
-
var
|
|
84
|
-
|
|
85
|
-
}, [
|
|
86
|
-
/* @__PURE__ */
|
|
87
|
-
|
|
83
|
+
var r;
|
|
84
|
+
m && !L(n, m) && p((r = n[0]) == null ? void 0 : r.id);
|
|
85
|
+
}, [n, m]), /* @__PURE__ */ N(x, { children: [
|
|
86
|
+
/* @__PURE__ */ l(
|
|
87
|
+
X,
|
|
88
88
|
{
|
|
89
|
-
channel:
|
|
89
|
+
channel: Y,
|
|
90
90
|
compId: e,
|
|
91
|
-
data: { steps:
|
|
92
|
-
onChange: (
|
|
93
|
-
|
|
91
|
+
data: { steps: n, stepId: m, revision: u },
|
|
92
|
+
onChange: (r) => {
|
|
93
|
+
L(n, r.stepId) && p(r.stepId), r.revision && r.revision !== u && a(r.revision);
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
96
|
),
|
|
97
|
-
/* @__PURE__ */
|
|
98
|
-
|
|
97
|
+
/* @__PURE__ */ l(
|
|
98
|
+
q,
|
|
99
99
|
{
|
|
100
|
-
ref:
|
|
101
|
-
className:
|
|
100
|
+
ref: g,
|
|
101
|
+
className: P,
|
|
102
102
|
compId: e,
|
|
103
103
|
form: i,
|
|
104
104
|
wix: t,
|
|
105
105
|
elementProps: o,
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
106
|
+
state: c,
|
|
107
|
+
values: f,
|
|
108
|
+
onChange: j,
|
|
109
|
+
errors: v,
|
|
110
|
+
onValidate: h,
|
|
111
|
+
stepId: m,
|
|
111
112
|
onStepIdChange: p
|
|
112
113
|
}
|
|
113
114
|
)
|
|
114
115
|
] });
|
|
115
116
|
}
|
|
116
117
|
);
|
|
117
|
-
|
|
118
|
-
const
|
|
118
|
+
D.displayName = "FormViewerHost";
|
|
119
|
+
const E = w(
|
|
119
120
|
({
|
|
120
121
|
id: s,
|
|
121
122
|
className: e,
|
|
122
123
|
formId: t,
|
|
123
124
|
direction: o,
|
|
124
|
-
a11y:
|
|
125
|
+
a11y: c,
|
|
125
126
|
elementProps: a,
|
|
126
|
-
fallback:
|
|
127
|
-
emptyState:
|
|
128
|
-
pendingForm:
|
|
129
|
-
errorBoundary:
|
|
127
|
+
fallback: g = null,
|
|
128
|
+
emptyState: i = null,
|
|
129
|
+
pendingForm: n,
|
|
130
|
+
errorBoundary: u
|
|
130
131
|
}, f) => {
|
|
131
|
-
var
|
|
132
|
-
const j =
|
|
133
|
-
|
|
132
|
+
var r, y, F;
|
|
133
|
+
const j = z({ useSuspense: !0 }), [v, h] = _(), m = k(() => t ? os(t) : n, [t, v, n]), p = /* @__PURE__ */ l(C, { fallback: g, children: s && m ? /* @__PURE__ */ l(
|
|
134
|
+
D,
|
|
134
135
|
{
|
|
135
136
|
ref: f,
|
|
136
|
-
form:
|
|
137
|
+
form: m,
|
|
137
138
|
compId: s,
|
|
138
|
-
wix: (
|
|
139
|
+
wix: (r = a == null ? void 0 : a.form) == null ? void 0 : r.wix,
|
|
139
140
|
elementProps: (y = a == null ? void 0 : a.form) == null ? void 0 : y.elementProps,
|
|
140
|
-
|
|
141
|
+
state: (F = a == null ? void 0 : a.form) == null ? void 0 : F.state,
|
|
142
|
+
onRevisionChange: h
|
|
141
143
|
}
|
|
142
|
-
) :
|
|
143
|
-
return /* @__PURE__ */
|
|
144
|
+
) : i });
|
|
145
|
+
return /* @__PURE__ */ l(
|
|
144
146
|
"div",
|
|
145
147
|
{
|
|
146
148
|
id: s,
|
|
147
149
|
dir: o,
|
|
148
|
-
className:
|
|
150
|
+
className: V(
|
|
149
151
|
"form",
|
|
150
|
-
|
|
151
|
-
|
|
152
|
+
M.siteWidget,
|
|
153
|
+
M.fallbackDirection,
|
|
152
154
|
e
|
|
153
155
|
),
|
|
154
|
-
...
|
|
155
|
-
children: /* @__PURE__ */
|
|
156
|
+
...c && T(c),
|
|
157
|
+
children: /* @__PURE__ */ l(W, { i18n: j, children: u ? /* @__PURE__ */ l(u, { resetKey: m, children: p }) : p })
|
|
156
158
|
}
|
|
157
159
|
);
|
|
158
160
|
}
|
|
159
161
|
);
|
|
160
|
-
|
|
161
|
-
const
|
|
162
|
-
|
|
162
|
+
E.displayName = "FormRoot";
|
|
163
|
+
const _s = {}, ts = w((s, e) => /* @__PURE__ */ l(E, { ...s, ref: e }));
|
|
164
|
+
ts.displayName = "Form";
|
|
163
165
|
export {
|
|
164
|
-
|
|
165
|
-
|
|
166
|
+
ts as default,
|
|
167
|
+
_s as defaultProps
|
|
166
168
|
};
|
package/dist/form.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ElementProps, FormHandle } from '@wix/form-elements/Form';
|
|
1
|
+
import { ElementProps, FormState, FormHandle } from '@wix/form-elements/Form';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
|
|
4
4
|
/**
|
|
@@ -162,6 +162,7 @@ type FormProps = {
|
|
|
162
162
|
form?: {
|
|
163
163
|
wix?: Wix;
|
|
164
164
|
elementProps?: ElementProps;
|
|
165
|
+
state?: FormState;
|
|
165
166
|
};
|
|
166
167
|
};
|
|
167
168
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/form-app-builder",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.288.0",
|
|
4
4
|
"description": "The Wix Forms Form for Builder apps: loads a form by id and renders it with @wix/form-elements/Form",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"files": [
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"dependencies": {
|
|
47
47
|
"@wix/essentials": "^1.0.15",
|
|
48
48
|
"@wix/fed-cli-i18next": "^1.7.1",
|
|
49
|
-
"@wix/form-elements": "1.
|
|
49
|
+
"@wix/form-elements": "1.108.0",
|
|
50
50
|
"@wix/forms": "^1.0.533",
|
|
51
51
|
"@wix/react-component-utils": "^1.14.0",
|
|
52
52
|
"@wix/react-use-promise-polyfill": "^1.2.0",
|
|
@@ -134,5 +134,5 @@
|
|
|
134
134
|
]
|
|
135
135
|
}
|
|
136
136
|
},
|
|
137
|
-
"falconPackageHash": "
|
|
137
|
+
"falconPackageHash": "c0221a4e4e7622f84d7993cff5094925f0cda4ca03a3389b0b994429"
|
|
138
138
|
}
|