@picked/client 0.0.1-dev.1774244905386 → 0.0.1-dev.1774924249530

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

@@ -1,5 +1,5 @@
 import "../../../logger-6z_gb4rA.js";
-import { i as e, t } from "../../../api-ENA5t36y.js";
+import { i as e, t } from "../../../api-wn6WtyzO.js";
 //#region src/plugins/dynamic-experiences/hash.ts
 function n(e) {
 	let t = 2166136261;
@@ -15,33 +15,32 @@ function i(e, t) {
 //#endregion
 //#region src/plugins/dynamic-experiences/plugin.ts
 function a(e) {
-	return typeof e == "object" && !!e && "features" in e && Array.isArray(e.features);
+	return typeof e != "object" || !e ? !1 : "features" in e && Array.isArray(e.features);
 }
 function o(e, t) {
-	if (t.conditions) for (let n of t.conditions) e.registerCondition(n);
+	if (Array.isArray(t.conditions)) for (let n of t.conditions) e.registerCondition(n);
 }
 function s(e, t) {
 	e.registerExperience({
 		id: t.id,
 		key: t.key,
 		name: t.name,
-		targets: t.targets ?? [],
+		targets: t.targets,
 		nodes: t.nodes,
 		edges: t.edges,
-		actions: t.actions,
 		condition: t.condition,
 		initializeOpen: t.initializeOpen,
 		componentName: t.componentName
 	});
 }
 function c(e, t) {
-	if (t.fields) for (let n of t.fields) e.registerField(n);
+	if (Array.isArray(t.fields)) for (let n of t.fields) e.registerField(n);
 }
 function l(e, t) {
-	if (t.steps) for (let n of t.steps) e.registerStep(n);
+	if (Array.isArray(t.steps)) for (let n of t.steps) e.registerStep(n);
 }
 function u(e, t) {
-	if (t.experiences) for (let n of t.experiences) s(e, n);
+	if (Array.isArray(t.experiences)) for (let n of t.experiences) s(e, n);
 }
 function d(e) {
 	let t = e.searchParams["preview-token"];

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

@@ -1,5 +1,5 @@
 import "../../../logger-6z_gb4rA.js";
-import { n as e, r as t, t as n } from "../../../storage-DyxpJ0pg.js";
+import { n as e, r as t, t as n } from "../../../storage-6Xk0uAxB.js";
 import { createEffect as r, sample as i } from "effector";
 //#region src/plugins/experience-browser-storage/plugin.ts
 var a = ({ storage: a = "local" } = {}) => ({

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

@@ -1,4 +1,4 @@
-import { n as e, r as t, t as n } from "../../../storage-DyxpJ0pg.js";
+import { n as e, r as t, t as n } from "../../../storage-6Xk0uAxB.js";
 import { createEffect as r, sample as i } from "effector";
 //#region src/plugins/history-browser-storage/plugin.ts
 var a = n("history", "global"), o = ({ storage: n = "local" } = {}) => ({

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

@@ -1,37 +1,64 @@
-import { n as e, r as t, t as n } from "../../../storage-DyxpJ0pg.js";
+import { n as e, r as t, t as n } from "../../../storage-6Xk0uAxB.js";
 import { attach as r, createEffect as i, sample as a } from "effector";
 //#region src/plugins/responses-browser-storage/plugin.ts
-var o = n("responses", "global"), s = (e, t) => {
-	let n = {};
-	return Object.entries(e).forEach(([e, r]) => {
-		t.find((t) => t.id === e)?.policies?.doNotStoreValue || (n[e] = r);
-	}), n;
-}, c = ({ storage: n = "local" } = {}) => ({
+var o = n("responses", "global");
+function s(e, t) {
+	return e.find((e) => e.key === t || e.id === t);
+}
+function c(e, t) {
+	return Object.fromEntries(Object.entries(e).flatMap(([e, n]) => {
+		let r = s(t, e);
+		return r?.policies?.doNotStoreValue ? [] : [[r?.key ?? e, n]];
+	}));
+}
+var l = ({ storage: n = "local" } = {}) => ({
 	name: "responses-browser-storage-plugin",
-	setup: (c) => {
-		let l = n === "local" ? e : t, u = i(async () => {
-			let e = l.get(o).json();
+	setup: (l) => {
+		let u = n === "local" ? e : t, d = i(async () => {
+			let e = u.get(o).json();
 			if (!e) return null;
-			c.responses.register(e);
-		}), d = r({
+			let t = l.fields.listStore.getState(), n = Object.fromEntries(Object.entries(e).map(([e, n]) => [s(t, e)?.key ?? e, n]));
+			l.responses.register(n);
+		}), f = r({
 			source: {
-				responses: c.responses.getAllStore,
-				fields: c.fields.listStore
+				responses: l.responses.getAllStore,
+				fields: l.fields.listStore
 			},
 			effect: ({ responses: e, fields: t }) => {
-				let n = s(e, t);
-				l.set(o, n);
+				u.set(o, c(e, t));
+			}
+		}), p = r({
+			source: {
+				responses: l.responses.getAllStore,
+				fields: l.fields.listStore
+			},
+			effect: ({ responses: e, fields: t }) => {
+				let n = {}, r = !1;
+				for (let [i, a] of Object.entries(e)) {
+					let e = s(t, i);
+					e && e.key !== i && (n[e.key] = a, r = !0);
+				}
+				if (r) {
+					for (let e of Object.keys(n)) {
+						let n = t.find((t) => t.key === e);
+						n && n.id !== n.key && l.responses.clear(n.id);
+					}
+					l.responses.register(n);
+				}
 			}
 		});
 		a({
-			source: c.eventBus,
+			source: l.eventBus,
 			filter: (e) => e.type === "load",
-			target: u
-		}), a({
-			source: c.responses.getAllStore,
 			target: d
+		}), a({
+			source: l.fields.listStore,
+			target: p
+		}), a({
+			source: l.responses.getAllStore,
+			target: f
 		});
 	}
 });
 //#endregion
-export { c as responsesBrowserStoragePlugin };
+export { l as responsesBrowserStoragePlugin };

package/dist/esm/plugins/responses-indexeddb/index.js

@@ -47,13 +47,9 @@ var c = "responses", l = {
 			let e = (await i(await r(l), c)).reduce((e, { fieldId: t, value: n }) => (e[t] = n, e), {});
 			await n.responses.commit(e);
 		}), d = e(async (e) => {
-			e.forEach((e) => {
-				r(l).then((t) => {
-					a(t, c, e);
-				}).catch((e) => {
-					console.error("Failed to store response in IndexedDB:", e);
-				});
-			});
+			await Promise.allSettled(e.map(async (e) => {
+				await a(await r(l), c, e);
+			}));
 		}), f = e(async () => {
 			await s(await r(l), c);
 		}), p = e(async (e) => {
@@ -70,8 +66,8 @@ var c = "responses", l = {
 				fields: n.fields.listStore
 			},
 			fn: ({ responses: e, fields: t }) => {
-				let n = t.filter((e) => !e.policies?.doNotStoreValue);
-				return e.filter((e) => n.some((t) => t.id === e.fieldId));
+				let n = new Set(t.filter((e) => !e.policies?.doNotStoreValue).map((e) => e.id));
+				return e.filter((e) => n.has(e.fieldId));
 			},
 			target: d
 		}), t({

package/dist/esm/plugins/single-page-app/index.js

@@ -1,12 +1,12 @@
-import { n as e } from "../../../object-Clj5zVr1.js";
+import { n as e } from "../../../object-C82v79xc.js";
 import { d as t, f as n, i as r } from "../../../supports-0XIfd4-R.js";
 //#region src/plugins/single-page-app/plugin.ts
 var i = n, a, o = (e) => ({
 	name: "single-page-app",
-	setup: (n) => {
-		e.instrumentHistory && t() && s(() => {
+	setup: (e) => {
+		t() && s(() => {
 			requestAnimationFrame(() => {
-				n.start();
+				e.start();
 			});
 		});
 	}

package/dist/esm/server/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../experience-instance-BODAwa-_.js";
+import { t as e } from "../../experience-instance-CwwrKUI8.js";
 import { attach as t, createEffect as n, createEvent as r, createStore as i, sample as a } from "effector";
 //#region src/server/index.ts
 function o() {

package/dist/experience-instance-CwwrKUI8.js

@@ -0,0 +1,485 @@
+import { n as e, t } from "./rules-logic-BIkBWZmf.js";
+import "./logger-6z_gb4rA.js";
+import { d as n, l as r, r as i } from "./supports-0XIfd4-R.js";
+import { attach as a, combine as o, createApi as s, createDomain as c, createEffect as l, createEvent as u, sample as d, split as f } from "effector";
+import { createFactory as p, invoke as m } from "@withease/factories";
+//#region src/utils/dom.ts
+function h(e) {
+	return !n() || !i() ? [] : Array.from(window.document.querySelectorAll(e)).filter((e) => e instanceof HTMLElement);
+}
+var g = "open";
+function _(e) {
+	if (!r()) throw Error("Shadow DOM is not supported in this environment");
+	return e.attachShadow({ mode: g });
+}
+function v() {
+	return new Promise((e, t) => {
+		if (!i()) {
+			t();
+			return;
+		}
+		document.readyState === "loading" ? document.addEventListener("readystatechange", () => e(), { once: !0 }) : e();
+	});
+}
+function y(e, t) {
+	let n = new MutationObserver((r) => {
+		document.contains(e) || (n.disconnect(), t());
+	});
+	n.observe(document.body, {
+		childList: !0,
+		subtree: !0
+	});
+}
+var b = "picked-root", x = "picked-target", S = "picked-root";
+function C(e, t) {
+	return [...e, {
+		selector: `${S}[experience-id="${t}"]`,
+		placement: "replace"
+	}].flatMap((e) => {
+		let n = h(e.selector).filter((e) => !E(e, t) && !D(e, t));
+		return {
+			...e,
+			elements: n
+		};
+	});
+}
+function w(e, t) {
+	return e.flatMap((e) => e.elements.map((n) => k(n, e.placement, t)));
+}
+function T(e, t) {
+	e.classList.add(x), e.classList.add(`${x}-${t}`);
+}
+function E(e, t) {
+	return t ? e.classList.contains(`${x}-${t}`) : e.classList.contains(`${x}`);
+}
+function D(e, t) {
+	return t ? e.classList.contains(`${b}-${t}`) : e.classList.contains(b);
+}
+function O(e) {
+	let t = document.createElement("div");
+	return t.style.display = "block", t.classList.add(b), t.classList.add(`${b}-${e}`), t;
+}
+function k(e, t, n) {
+	let r, i = O(n);
+	if (e instanceof Document) r = e.body.appendChild(i);
+	else {
+		switch (t) {
+			case "replace":
+				e.replaceWith(i);
+				break;
+			case "before":
+				e.before(i);
+				break;
+			case "after":
+				e.after(i);
+				break;
+			case "prepend":
+				e.prepend(i);
+				break;
+			case "append":
+				e.append(i);
+				break;
+		}
+		r = i;
+	}
+	return r;
+}
+//#endregion
+//#region src/utils/nodes.ts
+function A(e) {
+	return e.type === "condition";
+}
+function j(e) {
+	return e.type === "step";
+}
+function M(e) {
+	return e.type === "experience";
+}
+function N(e) {
+	return e.type === "origin";
+}
+function P(e) {
+	return e.type === "action";
+}
+function F(e) {
+	return e.conditionId;
+}
+function I(e) {
+	return e.stepId;
+}
+//#endregion
+//#region src/utils/node-tree/next-reachable-step-nodes.ts
+var L = (e, t, n, r, i = /* @__PURE__ */ new Set()) => i.has(n.id) ? [] : (i.add(n.id), j(n) && !r ? [n] : t.filter((e) => e.sourceNodeId === n.id).flatMap((n) => {
+	let r = e.find((e) => e.id === n.destinationNodeId);
+	return r ? L(e, t, r, !1, i) : [];
+})), R = (e, t, n) => L(e, t, n, !0, /* @__PURE__ */ new Set()), z = (e, t, n, r, i = /* @__PURE__ */ new Set()) => {
+	if (i.has(n.id)) return [-1, -1];
+	i.add(n.id);
+	let a = t.filter((e) => e.sourceNodeId === n.id);
+	if (a.length === 0) return [0, 0];
+	let o = Infinity, s = -Infinity;
+	for (let n of a) {
+		let r = e.find((e) => e.id === n.destinationNodeId);
+		if (!r) continue;
+		let [a, c] = z(e, t, r, !1, new Set(i));
+		a !== -1 && (o = Math.min(o, a + 1), s = Math.max(s, c + 1));
+	}
+	return o === Infinity ? [-1, -1] : [o, s];
+}, ee = (e, t, n) => z(e, t, n, !0, /* @__PURE__ */ new Set()), B = (e, t, n, r = /* @__PURE__ */ new Set()) => {
+	if (r.has(n.id)) return [-1, -1];
+	if (r.add(n.id), n.type === "origin") return [0, 0];
+	let i = t.filter((e) => e.destinationNodeId === n.id);
+	if (i.length === 0) return [-1, -1];
+	let a = Infinity, o = -Infinity;
+	for (let n of i) {
+		let i = e.find((e) => e.id === n.sourceNodeId);
+		if (!i) continue;
+		let [s, c] = B(e, t, i, new Set(r));
+		s !== -1 && (a = Math.min(a, s + 1), o = Math.max(o, c + 1));
+	}
+	return a === Infinity ? [-1, -1] : [a, o];
+}, te = (e, t, n) => B(e, t, n, /* @__PURE__ */ new Set()), V = (e) => e.find((e) => e.type === "origin") || null, H = (e, t, n) => {
+	if (!e) return V(t);
+	let r = n.find((t) => t.sourceNodeId === e.id);
+	return r && t.find((e) => e.id === r.destinationNodeId) || null;
+};
+//#endregion
+//#region src/utils/node-tree/get-next-node-from-condition.ts
+async function ne(e, t, n, r) {
+	let i = e ? "true" : "false", a = r.find((e) => e.sourceNodeHandle === i && e.sourceNodeId === t);
+	return n.find((e) => e.id === a?.destinationNodeId);
+}
+//#endregion
+//#region src/entities/experience-instance/experience-instance.ts
+var U = c("experience-instance"), W = p(({ client: n, experience: r, target: i, options: c }) => {
+	let p = u(), m = u(), h = u(), g = u(), _ = u(), v = u(), y = r.componentStore, b = U.store("transitioning"), x = n.history.entriesStore.map((e) => e.filter((e) => e.experienceId === r.id)), S = x.map((e) => e.filter((e) => j(e.node))), C = x.map((e) => e.at(-1)?.node || null), w = o(n.steps.listStore, C, (e, t) => e.find((e) => t && j(t) && (e.id === t.stepId || e.key === t.stepId)) || null), T = o(n.steps.listStore, S, (e, t) => {
+		let n = t.at(-2);
+		if (!n || !j(n.node)) return null;
+		let r = n.node;
+		return e.find((e) => e.id === r.stepId || e.key === r.stepId) || null;
+	}), E = o(r.treeStore, C, ({ nodes: e, edges: t }, n) => n ? R(e, t, n) : []), D = o(r.treeStore, C, ({ nodes: e, edges: t }, n) => n ? te(e, t, n) : [-1, -1]), O = o(r.treeStore, C, ({ nodes: e, edges: t }, n) => n ? ee(e, t, n) : [-1, -1]), k = U.store(!1), F = s(k, {
+		open: () => !0,
+		close: () => !1,
+		toggle: (e) => !e,
+		set: (e, t) => t
+	}), L = l(async () => {
+		n.history.back({ experienceId: r.id });
+	}), z = a({
+		source: r.treeStore,
+		effect: async (e, t) => {
+			let i = e.nodes.find((e) => j(e) && I(e) === t);
+			i && n.history.push({
+				experienceId: r.id,
+				node: i
+			});
+		}
+	}), B = a({
+		source: C,
+		effect: (e) => {}
+	}), W = a({
+		source: r.treeStore,
+		effect: async ({ nodes: e }) => V(e)
+	}), G = a({
+		source: r.treeStore,
+		effect: async ({ nodes: e, edges: t }, n) => {
+			if (N(n)) return H(n, e, t);
+		}
+	}), K = a({
+		source: r.treeStore,
+		effect: async ({ nodes: e, edges: r, conditions: i }, a) => {
+			if (!A(a)) return;
+			let o = a.conditionId, s = i.find((e) => e.id === o)?.logic;
+			return s ? ne(!!await t(n, s), a.id, e, r) : void 0;
+		}
+	}), q = a({
+		source: r.treeStore,
+		effect: async ({ nodes: e, edges: t }, r) => {
+			if (!P(r)) return;
+			let i = r.action;
+			if (!i) {
+				`${r.id}`;
+				return;
+			}
+			let a = n.actions.getByName(i).getState();
+			if (!a) {
+				`${i}`;
+				let n = t.find((e) => e.sourceNodeId === r.id && e.sourceNodeHandle === "false");
+				return n ? e.find((e) => e.id === n.destinationNodeId) : null;
+			}
+			if (typeof a.action != "function") {
+				`${i}`;
+				let n = t.find((e) => e.sourceNodeId === r.id && e.sourceNodeHandle === "false");
+				return n ? e.find((e) => e.id === n.destinationNodeId) : null;
+			}
+			try {
+				`${i}`, await a.action(i);
+				let n = t.find((e) => e.sourceNodeId === r.id && e.sourceNodeHandle === "true");
+				if (!n) return `${r.id}`, null;
+				let o = e.find((e) => e.id === n.destinationNodeId);
+				return `${i}${o?.id}`, o || null;
+			} catch {
+				`${i}`;
+				let n = t.find((e) => e.sourceNodeId === r.id && e.sourceNodeHandle === "false");
+				if (!n) return `${r.id}`, null;
+				let a = e.find((e) => e.id === n.destinationNodeId);
+				return `${i}${a?.id}`, a || null;
+			}
+		}
+	}), re = l((e) => {
+		M(e) && n.experiences.launch({ id: e.experienceId });
+	}), J = a({
+		source: [C, r.treeStore],
+		effect: async ([e, { nodes: t, edges: n }]) => H(e, t, n)
+	}), Y = a({
+		source: [C, r.treeStore],
+		effect: async ([e, { nodes: t, edges: n }]) => H(e, t, n)
+	}), ie = l((e) => {
+		n.history.push({
+			experienceId: r.id,
+			node: e
+		});
+	}), X = a({
+		source: r.configStore,
+		effect: async ({ initializeOpenLogic: r }) => c?.initialiseOpen === void 0 ? e(r) ? !!await t(n, r) : r ?? !1 : c.initialiseOpen
+	}), Z = Object.freeze({
+		id: Math.random().toString(36).substring(7),
+		experienceKey: r.key,
+		experienceId: r.id,
+		configStore: r.configStore,
+		target: i,
+		componentStore: y,
+		stateStore: b,
+		isOpenStore: k,
+		open: F.open,
+		close: F.close,
+		toggleOpen: F.toggle,
+		setOpen: F.set,
+		treeStore: r.treeStore,
+		currentNodeStore: C,
+		currentStepStore: w,
+		previousStepStore: T,
+		nextReachableStepNodesStore: E,
+		stepsToOriginStore: D,
+		stepsToLeafStore: O,
+		goToNextStep: m,
+		goToPreviousStep: h,
+		goToStepById: g,
+		stepsHistoryStore: S
+	}), Q = u(), $ = u();
+	return d({
+		source: C,
+		target: Q
+	}), d({
+		clock: Q,
+		filter: (e) => e === null,
+		target: W
+	}), d({
+		clock: Q,
+		filter: (e) => e !== null,
+		target: $
+	}), f({
+		source: $,
+		match: (e) => A(e) ? "condition" : j(e) ? "step" : M(e) ? "launchExperience" : N(e) ? "origin" : P(e) ? "action" : "other",
+		cases: {
+			origin: G,
+			condition: K,
+			step: B,
+			launchExperience: re,
+			action: q,
+			__: u()
+		}
+	}), d({
+		clock: [
+			K.doneData,
+			G.doneData,
+			W.doneData,
+			Y.doneData,
+			J.doneData,
+			q.doneData
+		],
+		filter: Boolean,
+		target: ie
+	}), d({
+		clock: m,
+		target: Y
+	}), d({
+		clock: m,
+		source: w,
+		filter: Boolean,
+		target: n.eventBus.prepend((e) => ({
+			type: "step_submit",
+			step: e,
+			experience: Z
+		}))
+	}), d({
+		clock: Y.done,
+		source: w,
+		filter: Boolean,
+		target: n.eventBus.prepend((e) => ({
+			type: "step_submit_success",
+			step: e,
+			experience: Z
+		}))
+	}), d({
+		clock: Y.fail,
+		source: w,
+		filter: Boolean,
+		target: n.eventBus.prepend((e) => ({
+			type: "step_submit_error",
+			step: e,
+			experience: Z
+		}))
+	}), d({
+		clock: h,
+		target: L
+	}), d({
+		clock: g,
+		target: z
+	}), d({
+		source: o([
+			K.pending,
+			G.pending,
+			W.pending,
+			Y.pending
+		]),
+		fn: (e) => e.some(Boolean) ? "transitioning" : "ready",
+		target: b
+	}), d({
+		clock: B.doneData,
+		source: w,
+		filter: Boolean,
+		target: n.eventBus.prepend((e) => ({
+			type: "step_enter",
+			step: e,
+			experience: Z
+		}))
+	}), d({
+		clock: v,
+		target: X
+	}), d({
+		source: X.doneData,
+		fn: Boolean,
+		target: k
+	}), d({
+		source: C,
+		clock: p,
+		filter: (e) => e ? N(e) : !0,
+		target: J
+	}), d({
+		source: k,
+		filter: Boolean,
+		target: p
+	}), d({
+		source: k,
+		filter: Boolean,
+		target: n.eventBus.prepend(() => ({
+			type: "experience_open",
+			experience: Z
+		}))
+	}), d({
+		source: k,
+		filter: (e) => !e,
+		target: n.eventBus.prepend(() => ({
+			type: "experience_close",
+			experience: Z
+		}))
+	}), d({
+		clock: _,
+		target: [v]
+	}), _(), Z;
+});
+function G(e) {
+	return m(W, e);
+}
+var K = p(({ client: e }) => {
+	let t = U.store({}), n = u(), r = u(), i = u(), a = s(t, {
+		register(e, t) {
+			let n = [...e[t.experienceId] ?? []];
+			return n.push(t), {
+				...e,
+				[t.experienceId]: n
+			};
+		},
+		unregister(e, t) {
+			let n = t.experienceId, r = e[n]?.filter((e) => e !== t);
+			return {
+				...e,
+				[n]: r ?? []
+			};
+		}
+	}), o = l(({ experience: t, target: n, options: r }) => G({
+		client: e,
+		experience: t,
+		target: n,
+		options: r
+	})), c = l((e) => {
+		a.register(e);
+	}), f = l((e) => {
+		e.target && y(e.target, () => {
+			i(e);
+		});
+	}), p = l((e) => {
+		a.unregister(e);
+	}), m = l((t) => {
+		let n = t.componentStore.getState();
+		if (!n) return;
+		let r = n.frameworkStore.getState();
+		if (!r) {
+			`${n.name}`;
+			return;
+		}
+		let i = t.target;
+		if (!i) {
+			`${t.experienceId}`;
+			return;
+		}
+		let a = _(i);
+		try {
+			r.render(a, n.component, e, t);
+		} catch {}
+	});
+	d({
+		clock: n,
+		target: o
+	}), d({
+		clock: i,
+		target: p
+	}), d({
+		clock: o.doneData,
+		target: [
+			c,
+			f,
+			r
+		]
+	}), d({
+		clock: o.doneData,
+		target: e.eventBus.prepend((e) => ({
+			type: "experience_initialize",
+			experience: e
+		}))
+	}), d({
+		clock: r,
+		target: m
+	});
+	function h(e, t, r) {
+		n({
+			experience: e,
+			target: t,
+			options: r
+		});
+	}
+	let g = t.map((e) => Object.values(e).flat());
+	function v(e) {
+		return t.map((t) => t[e] || [], { skipVoid: !1 });
+	}
+	return {
+		spawn: h,
+		getByExperienceId: v,
+		listStore: g
+	};
+});
+function q(e) {
+	return m(K, e);
+}
+//#endregion
+export { F as a, C as c, j as i, D as l, q as n, w as o, A as r, v as s, G as t, T as u };