@picked/client 0.0.69 → 0.0.70-next.2

package/dist/esm/form/index.js

@@ -1,4 +1,5 @@
 import { t as e } from "../../rules-logic-HesIUCu6.js";
+import "../../logger-DMN6TxJJ.js";
 import { attach as t, combine as n, createEffect as r, createEvent as i, createStore as a, sample as o, split as s } from "effector";
 //#region src/form/build-responses.ts
 function c(e, t, n) {
@@ -221,33 +222,71 @@ function g(n, r, s) {
 }
 //#endregion
 //#region src/form/create-submit-pipeline.ts
-function _(e) {
+var _ = 25, v = "Error";
+function y(e, t) {
+	return t instanceof Error ? {
+		phase: e,
+		error: {
+			name: t.name,
+			message: t.message
+		}
+	} : typeof t == "string" ? {
+		phase: e,
+		error: {
+			name: v,
+			message: t
+		}
+	} : typeof t == "object" && t && "message" in t && typeof t.message == "string" ? {
+		phase: e,
+		error: {
+			name: "name" in t && typeof t.name == "string" ? t.name : v,
+			message: t.message
+		}
+	} : {
+		phase: e,
+		error: {
+			name: v,
+			message: "Unknown callback error"
+		}
+	};
+}
+async function b(e, t) {
+	return (await Promise.all(t.map(async (t) => {
+		try {
+			await t();
+			return;
+		} catch (t) {
+			return y(e, t);
+		}
+	}))).flatMap((e) => e === void 0 ? [] : [e]);
+}
+function x(e) {
 	let t = [];
 	return {
-		executeFx: r(async (...n) => await e(t, ...n)),
-		register: (e) => (t.push(e), () => {
-			t = t.filter((t) => t !== e);
-		})
+		executeFx: r(async (...n) => await e(t.map((e) => e.callback), ...n)),
+		register: (e) => {
+			let n = { callback: e };
+			return t.push(n), t.length > _ && `${t.length}`, () => {
+				let e = t.indexOf(n);
+				e !== -1 && t.splice(e, 1);
+			};
+		}
 	};
 }
-function v({ client: e, experienceInstance: n, formId: c, title: u, stepStore: d, fieldsStore: f, goToNextStep: p }) {
-	let m = i(), h = i(), g = i(), v = i(), y = i(), b = a(!1), x = a(!1);
-	x.on(v, () => !0).on(m, () => !1);
-	let S = m.map(() => void 0), C = _(async (e, t) => {
-		await Promise.all(e.map((e) => Promise.resolve(e(t))));
-	}), w = _(async (e, t) => {
-		await Promise.all(e.map((e) => Promise.resolve(e(t))));
-	}), T = _(async (e, t) => {
+function S({ client: e, experienceInstance: n, formId: c, title: u, stepStore: d, fieldsStore: f, goToNextStep: p }) {
+	let m = i(), h = i(), g = i(), _ = i(), v = i(), S = i(), C = a(!1), w = a(!1);
+	w.on(_, () => !0).on(m, () => !1);
+	let T = m.map(() => void 0), E = x(async (e, t) => b("success", e.map((e) => () => e(t)))), D = x(async (e, t) => b("error", e.map((e) => () => e(t)))), O = x(async (e, t) => {
 		let n = t;
 		for (let t of e) {
 			let e = await Promise.resolve(t(n));
 			e !== void 0 && (n = e);
 		}
 		return n;
-	}), E = r(async (t) => ({
+	}), k = r(async (t) => ({
 		data: t,
 		errors: (await e.responses.commit(t)).errors
-	})), D = t({
+	})), A = t({
 		source: {
 			step: d,
 			title: u
@@ -266,7 +305,7 @@ function v({ client: e, experienceInstance: n, formId: c, title: u, stepStore: d
 			experience: n,
 			step: t ?? void 0
 		}), i))
-	}), O = t({
+	}), j = t({
 		source: {
 			step: d,
 			title: u
@@ -293,11 +332,25 @@ function v({ client: e, experienceInstance: n, formId: c, title: u, stepStore: d
 				step: t ?? void 0
 			});
 		}), i))
+	}), M = r(({ step: t, title: r, failures: i }) => {
+		i.forEach(({ phase: i, error: a }) => {
+			e.eventBus({
+				type: "form_submit_callback_error",
+				form: {
+					id: c,
+					title: r
+				},
+				phase: i,
+				error: a,
+				experience: n,
+				step: t ?? void 0
+			});
+		});
 	});
 	return o({
 		clock: m,
 		fn: () => !0,
-		target: b
+		target: C
 	}), o({
 		clock: m,
 		source: {
@@ -324,97 +377,117 @@ function v({ client: e, experienceInstance: n, formId: c, title: u, stepStore: d
 		clock: m,
 		source: { stepFields: f },
 		fn: ({ stepFields: e }, t) => (t.preventDefault(), l(e, new FormData(t.currentTarget))),
-		target: T.executeFx
+		target: O.executeFx
 	}), o({
-		clock: T.executeFx.doneData,
-		target: E
+		clock: O.executeFx.doneData,
+		target: k
 	}), s({
-		source: E.doneData,
+		source: k.doneData,
 		match: { hasErrors: ({ errors: e }) => e.length > 0 },
 		cases: {
-			hasErrors: O,
-			__: D
+			hasErrors: j,
+			__: A
 		}
 	}), o({
-		clock: D.doneData,
+		clock: A.doneData,
 		target: h
 	}), o({
 		clock: h,
 		fn: (e) => ({
 			data: e,
-			stopNavigation: v
+			stopNavigation: _
 		}),
-		target: C.executeFx
+		target: E.executeFx
 	}), o({
-		clock: C.executeFx.done,
-		target: y
+		clock: [E.executeFx.doneData, D.executeFx.doneData],
+		filter: (e) => e.length > 0,
+		target: S
 	}), o({
-		clock: y,
-		source: x,
+		clock: O.executeFx.failData,
+		fn: (e) => [y("before-submit", e)],
+		target: S
+	}), o({
+		clock: S,
+		source: {
+			step: d,
+			title: u
+		},
+		fn: ({ step: e, title: t }, n) => ({
+			step: e,
+			title: t,
+			failures: n
+		}),
+		target: M
+	}), o({
+		clock: E.executeFx.done,
+		target: v
+	}), o({
+		clock: v,
+		source: w,
 		filter: (e) => !e,
 		target: p
 	}), o({
-		clock: O.doneData,
+		clock: j.doneData,
 		target: g
 	}), o({
 		clock: g,
-		target: w.executeFx
+		target: D.executeFx
 	}), o({
 		clock: [
-			y,
-			w.executeFx.done,
-			T.executeFx.fail,
-			E.fail,
-			D.fail,
-			O.fail,
-			C.executeFx.fail,
-			w.executeFx.fail
+			v,
+			D.executeFx.done,
+			O.executeFx.fail,
+			k.fail,
+			A.fail,
+			j.fail,
+			E.executeFx.fail,
+			D.executeFx.fail
 		],
 		fn: () => !1,
-		target: b
+		target: C
 	}), {
 		submitEvent: m,
-		isFormSubmitting: b,
-		onBeforeSubmit: T.register,
-		onSuccess: C.register,
-		onError: w.register,
-		submitStarted: S,
+		isFormSubmitting: C,
+		onBeforeSubmit: O.register,
+		onSuccess: E.register,
+		onError: D.register,
+		submitStarted: T,
 		validationErrorsReceived: g
 	};
 }
 //#endregion
 //#region src/form/create-form.ts
-function y(e) {
+function C(e) {
 	let t = e.currentTarget;
 	if (t instanceof HTMLInputElement) return t.type === "checkbox" ? t.checked : t.value;
 	if (t instanceof HTMLSelectElement || t instanceof HTMLTextAreaElement) return t.value;
 }
-function b(e, t, n) {
+function w(e, t, n) {
 	let r = e.currentTarget;
 	if (t.multiple) {
-		if (r instanceof HTMLInputElement && r.type === "checkbox") return x(e, r, n);
+		if (r instanceof HTMLInputElement && r.type === "checkbox") return T(e, r, n);
 		if (r instanceof HTMLSelectElement && r.multiple) return Array.from(r.selectedOptions, (e) => e.value);
 	}
-	return y(e);
+	return C(e);
 }
-function x(e, t, n) {
+function T(e, t, n) {
 	if (e.type === "input") return;
 	let r = Array.isArray(n) ? n.map(String) : [];
-	return e.type === "change" ? S(r, String(t.value)) : r;
+	return e.type === "change" ? E(r, String(t.value)) : r;
 }
-function S(e, t) {
+function E(e, t) {
 	return e.includes(t) ? e.filter((e) => e !== t) : [...e, t];
 }
-function C(e, t, n) {
+function D(e, t, n) {
 	return (r) => {
-		let i = b(r, e, t);
+		let i = w(r, e, t);
 		i !== void 0 && n({
 			fieldKey: e.key,
 			value: i
 		});
 	};
 }
-function w(e, t, r, i) {
+function O(e, t, r, i) {
 	let { client: s, experienceInstance: c } = e, { currentStepStore: l, goToNextStep: u } = c, d = n(l, c, (e, t) => ({
 		stepId: e?.id,
 		experienceId: t.id
@@ -429,15 +502,15 @@ function w(e, t, r, i) {
 		},
 		target: f
 	});
-	let { fieldInputEvent: h, fieldChangeEvent: _, fieldBlurEvent: y, touchedStore: b, fieldErrorsStore: x, formErrorsStore: S } = g(s, p, f), w = n({
+	let { fieldInputEvent: h, fieldChangeEvent: _, fieldBlurEvent: v, touchedStore: y, fieldErrorsStore: b, formErrorsStore: x } = g(s, p, f), C = n({
 		fields: p,
 		responses: s.responses.listStore,
 		staged: f,
-		fieldErrors: x,
-		touched: b,
+		fieldErrors: b,
+		touched: y,
 		experienceAndStepId: d
 	}, ({ fields: e, responses: t, staged: n, fieldErrors: r, touched: i, experienceAndStepId: a }) => e.map((e) => {
-		let o = n[e.key] ?? t.find((t) => t.fieldKey === e.key)?.value ?? e.defaultValue, s = C(e, o, h), c = C(e, o, _), l = C(e, o, y), u = r[e.key], d = e.type === "number" ? "number" : "text", f = e.type === "boolean" ? "checkbox" : d, { experienceId: p, stepId: m } = a, g = `${p}-${m ?? "step"}-${e.id}`;
+		let o = n[e.key] ?? t.find((t) => t.fieldKey === e.key)?.value ?? e.defaultValue, s = D(e, o, h), c = D(e, o, _), l = D(e, o, v), u = r[e.key], d = e.type === "number" ? "number" : "text", f = e.type === "boolean" ? "checkbox" : d, { experienceId: p, stepId: m } = a, g = `${p}-${m ?? "step"}-${e.id}`;
 		return {
 			...e,
 			value: o,
@@ -456,7 +529,7 @@ function w(e, t, r, i) {
 				onblur: l
 			}
 		};
-	})), { submitEvent: T, isFormSubmitting: E, onBeforeSubmit: D, onSuccess: O, onError: k, submitStarted: A, validationErrorsReceived: j } = v({
+	})), { submitEvent: w, isFormSubmitting: T, onBeforeSubmit: E, onSuccess: O, onError: k, submitStarted: A, validationErrorsReceived: j } = S({
 		client: s,
 		experienceInstance: c,
 		formId: t,
@@ -468,27 +541,27 @@ function w(e, t, r, i) {
 	return o({
 		clock: A,
 		fn: () => ({}),
-		target: b
+		target: y
 	}), o({
 		clock: A,
 		fn: () => ({}),
-		target: x
+		target: b
 	}), o({
 		clock: j,
 		source: p,
 		fn: (e, t) => Object.fromEntries(t.map((t) => [e.find((e) => e.key === t.fieldKey)?.key ?? t.fieldKey, t])),
-		target: x
+		target: b
 	}), {
 		form: {
-			props: { onsubmit: T },
-			errors: S,
-			submitting: E,
-			onBeforeSubmit: D,
+			props: { onsubmit: w },
+			errors: x,
+			submitting: T,
+			onBeforeSubmit: E,
 			onSuccess: O,
 			onError: k
 		},
-		fields: w
+		fields: C
 	};
 }
 //#endregion
-export { l as buildResponsesFromFormData, m as createFieldEvaluator, g as createFieldValidation, w as createForm, v as createSubmitPipeline, y as getEventValue, p as getStepFields };
+export { l as buildResponsesFromFormData, m as createFieldEvaluator, g as createFieldValidation, O as createForm, S as createSubmitPipeline, C as getEventValue, p as getStepFields };