@picked/client 0.0.1-dev.1789541668638 → 0.0.1-next.2

package/dist/esm/form/index.js

@@ -1,565 +0,0 @@
-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) {
-	let r = e[t];
-	if (r === void 0) {
-		e[t] = n;
-		return;
-	}
-	if (Array.isArray(r) && Array.isArray(n) && n.length > 0) {
-		e[t] = typeof r[0] == "string" ? [...r, ...n].map(String) : typeof r[0] == "number" ? [...r, ...n].map(Number) : typeof r[0] == "boolean" ? [...r, ...n].map((e) => !!e) : n;
-		return;
-	}
-	e[t] = n;
-}
-function l(e, t) {
-	let n = Array.from(t.entries()), r = {};
-	return e.forEach((e) => {
-		let t = n.filter(([t]) => t === e.key);
-		t.length === 0 && (t = [[e.key, ""]]), t.forEach(([, t]) => {
-			if (t === "") {
-				c(r, e.key, null);
-				return;
-			}
-			switch (e.type) {
-				case "text":
-				case "object":
-					c(r, e.key, e.multiple ? [String(t)] : String(t));
-					break;
-				case "number":
-					c(r, e.key, e.multiple ? [Number(t)] : Number(t));
-					break;
-				case "boolean": c(r, e.key, e.multiple ? [t === "true"] : t === "true");
-			}
-		});
-	}), r;
-}
-//#endregion
-//#region src/form/get-step-fields.ts
-function u(e) {
-	return Array.isArray(e.options) && e.options.some((e) => "condition" in e);
-}
-function d(e) {
-	return e.some((e) => e.condition || u(e));
-}
-function f(e) {
-	return e.condition ?? null;
-}
-async function p(t, n, r) {
-	return n.length === 0 || !d(n) ? n : (await Promise.all(n.map(async (n) => {
-		let i = f(n);
-		if (!(!i || await e(t, i, r))) return null;
-		if (!Array.isArray(n.options) || !u(n)) return n;
-		let a = (await Promise.all(n.options.map(async (n) => n.condition ? await e(t, n.condition, r) ? n : null : n))).filter((e) => e !== null);
-		return a.length === n.options.length ? n : a.length === 0 ? null : {
-			...n,
-			options: a
-		};
-	}))).filter((e) => e !== null);
-}
-//#endregion
-//#region src/form/create-field-evaluator.ts
-function m(e, n, i) {
-	let s = a([]), c = t({
-		source: {
-			allFields: e.fields.listStore,
-			fieldKeys: n,
-			staged: i,
-			committed: e.responses.getAllStore
-		},
-		effect: r(async ({ allFields: t, fieldKeys: n, staged: r, committed: i }) => {
-			let a = new Map(t.map((e) => [e.key, e]));
-			return await p(e, n.flatMap((e) => {
-				let t = a.get(e);
-				return t ? [t] : [];
-			}), { responses: {
-				...i,
-				...r
-			} });
-		})
-	});
-	return o({
-		clock: c.doneData,
-		target: s
-	}), c(), o({
-		clock: [
-			e.responses.listStore,
-			n,
-			e.fields.listStore,
-			i
-		],
-		target: c
-	}), { fieldsStore: s };
-}
-//#endregion
-//#region src/form/create-field-validation.ts
-function h(e) {
-	return e === null || e === "" || Array.isArray(e) && e.length === 0;
-}
-function g(n, r, s) {
-	let c = i(), l = i(), u = i(), d = a({});
-	o({
-		clock: u,
-		source: d,
-		fn: (e, { fieldKey: t }) => ({
-			...e,
-			[t]: !0
-		}),
-		target: d
-	});
-	let f = a({}), p = f.map((e) => Object.values(e).filter((e) => e !== void 0)), m = t({
-		source: {
-			fields: r,
-			staged: s,
-			committed: n.responses.getAllStore
-		},
-		effect: async ({ fields: t, staged: r, committed: i }, { fieldKey: a, value: o, checkRequired: s }) => {
-			let c = t.find((e) => e.key === a);
-			if (!c) return {
-				fieldKey: a,
-				error: null
-			};
-			if (c.validation && Object.keys(c.validation).length > 0) {
-				let t = {
-					...i,
-					...r
-				}, s = await e(n, c.validation, {
-					responses: t,
-					$input: o
-				});
-				if (typeof s == "string") return {
-					fieldKey: a,
-					error: {
-						fieldKey: c.key,
-						userMessage: s,
-						systemMessage: s,
-						value: o
-					}
-				};
-				if (s === !1) return {
-					fieldKey: a,
-					error: {
-						fieldKey: c.key,
-						userMessage: "This field is invalid",
-						systemMessage: "Field validation rule returned false.",
-						value: o
-					}
-				};
-			}
-			return s && c.required && h(o) ? {
-				fieldKey: a,
-				error: {
-					fieldKey: c.key,
-					userMessage: "This field is required",
-					systemMessage: "Field is required.",
-					value: o
-				}
-			} : {
-				fieldKey: a,
-				error: null
-			};
-		}
-	});
-	return o({
-		clock: c,
-		source: d,
-		filter: (e, { fieldKey: t }) => e[t] === !0,
-		fn: (e, { fieldKey: t, value: n }) => ({
-			fieldKey: t,
-			value: n,
-			checkRequired: !1
-		}),
-		target: m
-	}), o({
-		clock: l,
-		source: d,
-		filter: (e, { fieldKey: t }) => e[t] === !0,
-		fn: (e, { fieldKey: t, value: n }) => ({
-			fieldKey: t,
-			value: n,
-			checkRequired: !1
-		}),
-		target: m
-	}), o({
-		clock: u,
-		fn: ({ fieldKey: e, value: t }) => ({
-			fieldKey: e,
-			value: t,
-			checkRequired: !0
-		}),
-		target: m
-	}), s.on(c, (e, { fieldKey: t, value: n }) => ({
-		...e,
-		[t]: n
-	})), s.on(l, (e, { fieldKey: t, value: n }) => ({
-		...e,
-		[t]: n
-	})), s.on(u, (e, { fieldKey: t, value: n }) => ({
-		...e,
-		[t]: n
-	})), f.on(m.doneData, (e, { fieldKey: t, error: n }) => {
-		if (n === null) {
-			let n = { ...e };
-			return delete n[t], n;
-		}
-		return {
-			...e,
-			[t]: n
-		};
-	}), {
-		fieldInputEvent: c,
-		fieldChangeEvent: l,
-		fieldBlurEvent: u,
-		touchedStore: d,
-		fieldErrorsStore: f,
-		formErrorsStore: p,
-		stagedValuesStore: s
-	};
-}
-//#endregion
-//#region src/form/create-submit-pipeline.ts
-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.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 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;
-	}), k = r(async (t) => ({
-		data: t,
-		errors: (await e.responses.commit(t)).errors
-	})), A = t({
-		source: {
-			step: d,
-			title: u
-		},
-		mapParams: (e, t) => ({
-			step: t.step,
-			title: t.title,
-			data: e.data
-		}),
-		effect: r(async ({ step: t, title: r, data: i }) => (e.eventBus({
-			type: "form_submit_success",
-			form: {
-				id: c,
-				title: r
-			},
-			experience: n,
-			step: t ?? void 0
-		}), i))
-	}), j = t({
-		source: {
-			step: d,
-			title: u
-		},
-		mapParams: (e, t) => ({
-			step: t.step,
-			title: t.title,
-			errors: e.errors
-		}),
-		effect: r(async ({ step: t, title: r, errors: i }) => (e.eventBus({
-			type: "form_submit_error",
-			form: {
-				id: c,
-				title: r
-			},
-			exception: { reason: i },
-			experience: n,
-			step: t ?? void 0
-		}), i.forEach((r) => {
-			e.eventBus({
-				type: "field_validation_error",
-				exception: { reason: [r] },
-				experience: n,
-				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: C
-	}), o({
-		clock: m,
-		source: {
-			step: d,
-			title: u
-		},
-		fn: ({ step: e, title: t }) => ({
-			formId: c,
-			title: t,
-			step: e
-		}),
-		target: r(({ formId: t, title: r, step: i }) => {
-			e.eventBus({
-				type: "form_submit",
-				form: {
-					id: t,
-					title: r
-				},
-				experience: n,
-				step: i ?? void 0
-			});
-		})
-	}), o({
-		clock: m,
-		source: { stepFields: f },
-		fn: ({ stepFields: e }, t) => (t.preventDefault(), l(e, new FormData(t.currentTarget))),
-		target: O.executeFx
-	}), o({
-		clock: O.executeFx.doneData,
-		target: k
-	}), s({
-		source: k.doneData,
-		match: { hasErrors: ({ errors: e }) => e.length > 0 },
-		cases: {
-			hasErrors: j,
-			__: A
-		}
-	}), o({
-		clock: A.doneData,
-		target: h
-	}), o({
-		clock: h,
-		fn: (e) => ({
-			data: e,
-			stopNavigation: _
-		}),
-		target: E.executeFx
-	}), o({
-		clock: [E.executeFx.doneData, D.executeFx.doneData],
-		filter: (e) => e.length > 0,
-		target: S
-	}), o({
-		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: j.doneData,
-		target: g
-	}), o({
-		clock: g,
-		target: D.executeFx
-	}), o({
-		clock: [
-			v,
-			D.executeFx.done,
-			O.executeFx.fail,
-			k.fail,
-			A.fail,
-			j.fail,
-			E.executeFx.fail,
-			D.executeFx.fail
-		],
-		fn: () => !1,
-		target: C
-	}), {
-		submitEvent: m,
-		isFormSubmitting: C,
-		onBeforeSubmit: O.register,
-		onSuccess: E.register,
-		onError: D.register,
-		submitStarted: T,
-		validationErrorsReceived: g
-	};
-}
-//#endregion
-//#region src/form/create-form.ts
-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 w(e, t, n) {
-	let r = e.currentTarget;
-	if (t.multiple) {
-		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 C(e);
-}
-function T(e, t, n) {
-	if (e.type === "input") return;
-	let r = Array.isArray(n) ? n.map(String) : [];
-	return e.type === "change" ? E(r, String(t.value)) : r;
-}
-function E(e, t) {
-	return e.includes(t) ? e.filter((e) => e !== t) : [...e, t];
-}
-function D(e, t, n) {
-	return (r) => {
-		let i = w(r, e, t);
-		i !== void 0 && n({
-			fieldKey: e.key,
-			value: 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
-	})), f = a({}), { fieldsStore: p } = m(s, i, f);
-	o({
-		clock: p,
-		source: f,
-		fn: (e, t) => {
-			let n = !1, r = { ...e };
-			for (let e of t) e.defaultValue != null && !(e.key in r) && (r[e.key] = e.defaultValue, n = !0);
-			return n ? r : e;
-		},
-		target: f
-	});
-	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: 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 = 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,
-			error: u,
-			touched: i[e.key] ?? !1,
-			props: {
-				id: g,
-				name: e.key,
-				key: e.key,
-				value: o,
-				type: f,
-				required: e.required,
-				placeholder: e.placeholder,
-				oninput: s,
-				onchange: c,
-				onblur: l
-			}
-		};
-	})), { submitEvent: w, isFormSubmitting: T, onBeforeSubmit: E, onSuccess: O, onError: k, submitStarted: A, validationErrorsReceived: j } = S({
-		client: s,
-		experienceInstance: c,
-		formId: t,
-		title: r,
-		stepStore: l,
-		fieldsStore: p,
-		goToNextStep: u
-	});
-	return o({
-		clock: A,
-		fn: () => ({}),
-		target: y
-	}), o({
-		clock: A,
-		fn: () => ({}),
-		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: b
-	}), {
-		form: {
-			props: { onsubmit: w },
-			errors: x,
-			submitting: T,
-			onBeforeSubmit: E,
-			onSuccess: O,
-			onError: k
-		},
-		fields: C
-	};
-}
-//#endregion
-export { l as buildResponsesFromFormData, m as createFieldEvaluator, g as createFieldValidation, O as createForm, S as createSubmitPipeline, C as getEventValue, p as getStepFields };

package/dist/esm/plugins/dom-observer/index.js

@@ -1,87 +0,0 @@
-import "../../../logger-DMN6TxJJ.js";
-import { f as e, i as t } from "../../../supports-CO9bJGNl.js";
-import { r as n } from "../../../dom-BqcToNL0.js";
-import { createEffect as r, createEvent as i, createStore as a, sample as o } from "effector";
-//#region src/plugins/dom-observer/plugin.ts
-var s = /* @__PURE__ */ new WeakSet(), c = () => ({
-	name: "dom-observer",
-	setup: (e) => {
-		l() && (s.has(e) || (s.add(e), u(e)));
-	}
-});
-function l() {
-	return !(!e() || !t() || typeof MutationObserver != "function" || typeof requestAnimationFrame != "function");
-}
-function u(e) {
-	n().then(() => {
-		document.body && d(e);
-	});
-}
-function d(e) {
-	let t = i(), n = a(/* @__PURE__ */ new Map()).on(t, (e, { id: t, selectors: n }) => {
-		let r = new Map(e);
-		return n.length > 0 ? r.set(t, n) : r.delete(t), r;
-	}), s = /* @__PURE__ */ new Map();
-	e.experiences.listStore.watch((e) => {
-		for (let n of e) {
-			if (s.has(n.id)) continue;
-			let e = n.configStore.watch((e) => {
-				t({
-					id: n.id,
-					selectors: f(e.targetSelectors)
-				});
-			});
-			s.set(n.id, e);
-		}
-	});
-	let c = r(async (e) => {
-		await Promise.all(e.map(async (e) => {
-			await e.shouldInitialiseFx() && await e.initialiseFx(void 0);
-		}));
-	});
-	c.fail.watch(({ error: e }) => {});
-	let l = i();
-	o({
-		clock: l,
-		source: {
-			selectorsById: n,
-			experiences: e.experiences.listStore
-		},
-		fn: ({ selectorsById: e, experiences: t }, n) => t.filter((t) => {
-			let r = e.get(t.id);
-			return r ? r.some((e) => p(n, e)) : !1;
-		}),
-		target: c
-	});
-	let u = [], d, m = () => {
-		d = void 0;
-		let e = u;
-		u = [], l(e);
-	};
-	new MutationObserver((e) => {
-		let t = !1;
-		for (let n of e) if (n.type === "childList") for (let e of n.addedNodes) e instanceof Element && (u.push(e), t = !0);
-		t && (d ??= requestAnimationFrame(m));
-	}).observe(document.body, {
-		childList: !0,
-		subtree: !0
-	});
-}
-function f(e) {
-	let t = [];
-	for (let n of e) {
-		let e = n.selector.trim();
-		e.length > 0 && t.push(e);
-	}
-	return t;
-}
-function p(e, t) {
-	for (let n of e) try {
-		if (n.matches(t) || n.querySelector(t) !== null) return !0;
-	} catch {
-		return !1;
-	}
-	return !1;
-}
-//#endregion
-export { c as domObserverPlugin };

package/dist/esm/plugins/dynamic-experiences/index.js

@@ -1,5 +0,0 @@
-import { t as e } from "../../../plugin-ChafFq6S.js";
-import { n as t, t as n } from "../../../api-C7q_7vxn.js";
-import { n as r } from "../../../registry-CXZv0uLg.js";
-import { createClientHeaders as i, fetchSchema as a } from "@picked/delivery-api-client";
-export { i as createClientHeaders, e as dynamicExperiencesPlugin, n as fetchExperienceContent, t as fetchProject, a as fetchSchema, r as registerPickedBundle };

package/dist/esm/plugins/experience-browser-storage/index.js

@@ -1,38 +0,0 @@
-import "../../../logger-DMN6TxJJ.js";
-import { f as e } from "../../../supports-CO9bJGNl.js";
-import { n as t, r as n, t as r } from "../../../storage-1MW3-_As.js";
-import { createEffect as i, sample as a } from "effector";
-//#region src/plugins/experience-browser-storage/plugin.ts
-var o = ({ storage: o = "local" } = {}) => ({
-	name: "experience-browser-storage-plugin",
-	setup: (s) => {
-		if (!e()) return;
-		let c = o === "local" ? t : n, l = i(async (e) => {
-			if (!e) return;
-			let t = r("open-close", "experience", e), n = c.get(t).boolean();
-			n !== null && e.setOpen(n);
-		});
-		a({
-			source: s.eventBus,
-			filter: (e) => e.type === "experience_initialize" && "experience" in e,
-			fn: (e) => e.experience,
-			target: l
-		});
-		let u = i(async ({ experience: e, isOpen: t }) => {
-			let n = r("open-close", "experience", e);
-			c.set(n, t);
-		}), d = (e) => a({
-			source: e.isOpenStore,
-			fn: (t) => ({
-				experience: e,
-				isOpen: t
-			}),
-			target: u
-		});
-		s.experienceInstances.listStore.watch((e) => {
-			e.forEach((e) => d(e));
-		});
-	}
-});
-//#endregion
-export { o as experienceBrowserStoragePlugin };

package/dist/esm/plugins/history-browser-storage/index.js

@@ -1,26 +0,0 @@
-import { f as e } from "../../../supports-CO9bJGNl.js";
-import { n as t, r as n, t as r } from "../../../storage-1MW3-_As.js";
-import { createEffect as i, sample as a } from "effector";
-//#region src/plugins/history-browser-storage/plugin.ts
-var o = r("history", "global"), s = ({ storage: r = "local" } = {}) => ({
-	name: "history-browser-storage-plugin",
-	setup: (s) => {
-		if (!e()) return;
-		let c = r === "local" ? t : n, l = i(async () => {
-			let e = c.get(o).json();
-			e && s.history.restore({ entries: e });
-		}), u = i(async (e) => {
-			c.set(o, e);
-		});
-		a({
-			source: s.eventBus,
-			filter: (e) => e.type === "load",
-			target: l
-		}), a({
-			source: s.history.entriesStore,
-			target: u
-		});
-	}
-});
-//#endregion
-export { s as historyBrowserStoragePlugin };