@picked/client 0.0.1-dev.1778561735098 → 0.0.1-dev.1778730134956

package/dist/esm/index.js

@@ -2,34 +2,15 @@ import { t as e } from "../object-DvUDOytC.js";
 import { n as t, t as n } from "../rules-logic-D_CVBuv7.js";
 import { t as r } from "../logger-6z_gb4rA.js";
 import { a as i, c as a, d as o, i as s, l as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "../supports-0XIfd4-R.js";
-import { a as g, c as _, d as v, i as y, l as b, n as x, o as ee, r as S, s as C, u as w } from "../experience-instance-CZC0uPuv.js";
-import { i as T, n as E, r as D, t as O } from "../storage-6Xk0uAxB.js";
-import { n as te, r as ne } from "../api-Bzb9pR2r.js";
-import { t as re } from "../id-CRqy981z.js";
+import { a as g, i as _, r as v, s as y, t as b } from "../dom-DGePXPpM.js";
+import { i as x, n as S, r as C } from "../experience-instance-BOhvCj_F.js";
+import { i as w, n as T, r as E, t as D } from "../storage-hOHCCXvP.js";
+import { n as O, r as ee } from "../api-B-CbCRqb.js";
+import { t as te } from "../id-n2yrHvNo.js";
 import { attach as k, combine as A, createApi as j, createDomain as M, createEffect as N, createEvent as P, createStore as F, sample as I } from "effector";
 import { createFactory as L, invoke as R } from "@withease/factories";
 //#region src/entities/experience/experience.ts
-var z = M("experience");
-function ie(e, t) {
-	let n = /* @__PURE__ */ new Map();
-	for (let r of e) if (r.placement === "replace") for (let e of r.elements) {
-		let i = _(e, t);
-		if (i) {
-			n.set(r.selector, i);
-			break;
-		}
-	}
-	for (let [e, r] of n) `${e}${r}${t}`;
-}
-function ae(e, t, n) {
-	let r = new Set(t.filter((e) => e.elements.length > 0).map((e) => e.selector));
-	for (let t of e) {
-		if (t.placement !== "replace" || r.has(t.selector)) continue;
-		let e = C(t.selector);
-		!e || e === n || `${t.selector}${e}${n}`;
-	}
-}
-var oe = L(({ client: e, experience: r }) => {
+var z = M("experience"), ne = L(({ client: e, experience: r }) => {
 	let i = z.store(r), a = j(i, { merge(e, t) {
 		return {
 			...e,
@@ -41,7 +22,7 @@ var oe = L(({ client: e, experience: r }) => {
 		targetSelectors: e.targets,
 		initializeOpenLogic: e.initializeOpen
 	})), s = A(i, e.components.listStore, (e, t) => (e.componentName ? t.find((t) => t.name === e.componentName) : void 0) || t.find((t) => t.name === `experience:${e.id}`) || t.find((e) => e.name === "experience"), { skipVoid: !1 }), c = A(i, e.steps.indexStore, e.conditions.indexStore, (e, t, n) => {
-		let r = e.nodes.filter(y).map((e) => t[e.stepId]).filter((e) => e !== void 0), i = e.nodes.filter(S).map((e) => n[e.conditionId]).filter((e) => e !== void 0);
+		let r = e.nodes.filter(x).map((e) => t[e.stepId]).filter((e) => e !== void 0), i = e.nodes.filter(C).map((e) => n[e.conditionId]).filter((e) => e !== void 0);
 		return {
 			steps: r,
 			nodes: e.nodes,
@@ -51,10 +32,10 @@ var oe = L(({ client: e, experience: r }) => {
 	}), l = r.actions ?? [], u, d = k({
 		source: o,
 		effect: (t, n) => {
-			let i = b(t.targetSelectors, r.id);
-			i.forEach(({ elements: e }) => e.forEach((e) => v(e, r.id))), ie(i, r.id), g(i, r.id, r.key).forEach((t) => {
+			let i = _(t.targetSelectors, r.id);
+			i.forEach(({ elements: e }) => e.forEach((e) => y(e, r.id))), b(i, r.id, r.key).forEach((t) => {
 				n ? e.experienceInstances.spawn(u, t, n) : e.experienceInstances.spawn(u, t);
-			}), ae(t.targetSelectors, i, r.id);
+			});
 		}
 	}), f = k({
 		source: A({
@@ -65,10 +46,42 @@ var oe = L(({ client: e, experience: r }) => {
 		effect: async ({ preconditionPassed: i, isUser: a, config: o }) => {
 			if (!i || !a) return !1;
 			let { decisionLogic: s, targetSelectors: c } = o;
-			return c.length === 0 || b(c, r.id).length < 1 ? !1 : s === void 0 ? !0 : t(s) ? await n(e, s) === !0 : !0;
+			return c.length === 0 || _(c, r.id).length < 1 ? !1 : s === void 0 ? !0 : t(s) ? await n(e, s) === !0 : !0;
 		}
-	});
-	return u = {
+	}), p = N(async () => {
+		if (!e.contentLoader) return !0;
+		try {
+			await e.contentLoader({
+				id: r.id,
+				key: r.key
+			});
+		} catch {
+			`${r.id}`;
+		}
+		return !0;
+	}), m = P(), h = P(), g = z.createStore(void 0, { skipVoid: !1 }).on(m, (e, t) => t).on(h, (e, t) => t);
+	return I({
+		clock: m,
+		target: f
+	}), I({
+		clock: f.doneData,
+		source: g,
+		filter: (e, t) => t,
+		fn: (e) => e,
+		target: d
+	}), I({
+		clock: f.doneData,
+		filter: Boolean,
+		target: p
+	}), I({
+		clock: h,
+		source: g,
+		fn: (e) => e,
+		target: d
+	}), I({
+		clock: h,
+		target: p
+	}), u = {
 		id: r.id,
 		key: r.key,
 		name: r.name,
@@ -78,20 +91,23 @@ var oe = L(({ client: e, experience: r }) => {
 		actions: l,
 		merge: a.merge,
 		initialiseFx: d,
-		shouldInitialiseFx: f
+		shouldInitialiseFx: f,
+		initialiseRequested: m,
+		initialiseDirectly: h,
+		prepareExperienceContentFx: p
 	}, u;
 });
-function se(e) {
-	return R(oe, e);
+function re(e) {
+	return R(ne, e);
 }
-var ce = L(({ client: e }) => {
+var ie = L(({ client: e }) => {
 	let t = z.store({}), n = j(t, { register(e, t) {
 		return {
 			...e,
 			[t.id]: t
 		};
 	} }), r = P(), i = N((t) => {
-		n.register(se({
+		n.register(re({
 			client: e,
 			experience: t
 		}));
@@ -125,18 +141,14 @@ var ce = L(({ client: e }) => {
 	}
 	let c = k({
 		source: t,
-		effect: async (e, t) => {
+		effect: (e, t) => {
 			let n = "key" in t ? Object.values(e).find((e) => e.key === t.key) : e[t.id];
 			if (!n) {
 				"key" in t ? `${t.key}` : `${t.id}`;
 				return;
 			}
 			let { options: r } = t;
-			if (r?.bypassCondition) {
-				await n.initialiseFx(r);
-				return;
-			}
-			await n.shouldInitialiseFx() && await n.initialiseFx(r);
+			r?.bypassCondition ? n.initialiseDirectly(r) : n.initialiseRequested(r);
 		}
 	});
 	return {
@@ -151,7 +163,7 @@ var ce = L(({ client: e }) => {
 				instances: e.experienceInstances.listStore
 			},
 			effect: async ({ experiences: e, instances: t }, n) => {
-				let r = "key" in n ? Object.values(e).find((e) => e.key === n.key) : e[n.id], i = t.filter((e) => r && e.experienceId === r.id);
+				let r = "key" in n ? Object.values(e).find((e) => e.key === n.key) : e[n.id], i = t.filter((e) => e.experienceId === r?.id);
 				if (i.length > 0) {
 					for (let e of i) e.open();
 					return;
@@ -174,30 +186,26 @@ var ce = L(({ client: e }) => {
 		listStore: a,
 		initialiseExperiencesFx: k({
 			source: a,
-			effect: async (e) => {
-				for (let t of e) try {
-					await t.shouldInitialiseFx() && await t.initialiseFx(void 0);
-				} catch {
-					`${t.id}`;
-				}
+			effect: (e) => {
+				for (let t of e) t.initialiseRequested(void 0);
 			}
 		})
 	};
 });
-function le(e) {
-	return R(ce, e);
+function ae(e) {
+	return R(ie, e);
 }
-var ue = async (e) => {
+var oe = async (e) => {
 	await e.experiences.initialiseExperiencesFx();
 };
 //#endregion
 //#region src/entities/plugin/plugin.ts
-function de(e) {
+function se(e) {
 	return N(async () => {
 		await e();
 	});
 }
-var fe = (e, t, n) => {
+var ce = (e, t, n) => {
 	let r = t.name, i = t.setup(e);
 	if (i) {
 		let e = n[r] ?? {};
@@ -206,16 +214,16 @@ var fe = (e, t, n) => {
 			...i
 		});
 	}
-}, pe = M("component"), me = L(({ client: e, component: t, name: n }) => ({
+}, le = M("component"), ue = L(({ client: e, component: t, name: n }) => ({
 	name: n,
 	component: t,
 	frameworkStore: e.frameworks.getByName(t.frameworkName)
 }));
-function he(e) {
-	return R(me, e);
+function de(e) {
+	return R(ue, e);
 }
-var ge = L(({ client: e }) => {
-	let t = pe.store({}), n = j(t, { register(e, t) {
+var fe = L(({ client: e }) => {
+	let t = le.store({}), n = j(t, { register(e, t) {
 		return {
 			...e,
 			[t.name]: t
@@ -228,7 +236,7 @@ var ge = L(({ client: e }) => {
 		fn: (e, { name: t }) => `Component '${t}' already registered. Registering again will override the previous registration.`
 	}).watch((e) => /* @__PURE__ */ r("warn", e)), I({
 		clock: i,
-		fn: ({ name: t, component: n }) => he({
+		fn: ({ name: t, component: n }) => de({
 			client: e,
 			name: t,
 			component: n
@@ -245,16 +253,16 @@ var ge = L(({ client: e }) => {
 		listStore: a
 	};
 });
-function _e(e) {
-	return R(ge, e);
+function pe(e) {
+	return R(fe, e);
 }
 var B = (e, t, n) => {
 	n.register({
 		name: e,
 		component: t
 	});
-}, ve = M("framework"), ye = L((e) => {
-	let t = ve.store({}), n = j(t, { register(e, t) {
+}, me = M("framework"), he = L((e) => {
+	let t = me.store({}), n = j(t, { register(e, t) {
 		return {
 			...e,
 			[t.name]: t.framework
@@ -279,20 +287,20 @@ var B = (e, t, n) => {
 		listStore: a
 	};
 });
-function be(e) {
-	return R(ye, e);
+function ge(e) {
+	return R(he, e);
 }
-var xe = (e, t) => {
+var _e = (e, t) => {
 	t.register({
 		name: e.name,
 		framework: e
 	});
-}, Se = L(({ client: e }) => {
-	let t = typeof window < "u", n = {
-		location: t ? window.location : void 0,
-		document: t ? window.document : void 0,
-		sessionStorage: t ? window.sessionStorage : void 0,
-		localStorage: t ? window.localStorage : void 0
+}, ve = L(({ client: e }) => {
+	let t = "window" in globalThis, n = {
+		location: t ? globalThis.location : void 0,
+		document: t ? globalThis.document : void 0,
+		sessionStorage: t ? globalThis.sessionStorage : void 0,
+		localStorage: t ? globalThis.localStorage : void 0
 	};
 	return A(e.responses.listStore, e.fields.listStore, (t, r) => Object.freeze({
 		client: e,
@@ -301,12 +309,12 @@ var xe = (e, t) => {
 		...n
 	}));
 });
-function Ce(e) {
-	return R(Se, e);
+function ye(e) {
+	return R(ve, e);
 }
 //#endregion
 //#region src/logic-engine.ts
-function we(e) {
+function be(e) {
 	return typeof e == "number" && !isNaN(e);
 }
 function V(e) {
@@ -322,14 +330,14 @@ function W(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e) && Object.keys(e).length === 1;
 }
 function G(e) {
-	if (we(e)) return e;
+	if (be(e)) return e;
 	let t = parseFloat(`${e}`);
 	return isNaN(t) ? 0 : t;
 }
 function K(e) {
 	return `${e}`;
 }
-var Te = {
+var xe = {
 	"==": (e, t) => e == t,
 	"===": (e, t) => e === t,
 	"!=": (e, t) => e != t,
@@ -427,7 +435,7 @@ async function q(e, t) {
 	if (U(e)) return q(await e, t);
 	if (H(e)) return Promise.all(e.map((e) => q(e, t)));
 	if (!W(e)) return e;
-	let n = Ee(e), r = n ? e[n] ?? [] : [];
+	let n = Se(e), r = n ? e[n] ?? [] : [];
 	switch (H(r) || (r = [r]), n) {
 		case "if":
 		case "?:":
@@ -488,19 +496,19 @@ async function q(e, t) {
 			return W(e) ? await q(e, t) : r[1] ? await q(r[1], e) : e instanceof Error ? e.message : e;
 		}
 	}
-	let i = await Promise.all(r.map((e) => q(e, t))), a = n ? Te[n] : void 0;
+	let i = await Promise.all(r.map((e) => q(e, t))), a = n ? xe[n] : void 0;
 	if (!a) throw Error(`Unrecognized operation ${n}`);
 	return a.apply(t, i);
 }
 async function J(e) {
 	return U(e) ? J(await e) : !(Array.isArray(e) && e.length === 0) && !!e;
 }
-function Ee(e) {
+function Se(e) {
 	return Object.keys(e)[0];
 }
 //#endregion
 //#region src/lifecycle/rules-logic.ts
-var De = L(({ client: e }) => k({
+var Ce = L(({ client: e }) => k({
 	source: {
 		stateSnapshot: e.stateSnapshotStore,
 		predicates: e.predicates.listStore,
@@ -539,26 +547,26 @@ var De = L(({ client: e }) => k({
 		});
 	}
 }));
-function Oe(e) {
-	return R(De, e);
+function we(e) {
+	return R(Ce, e);
 }
 //#endregion
 //#region src/ping.ts
-var ke = 6e3, Ae = O("last_ping", "global"), je = async (e) => {
+var Te = 6e3, Ee = D("last_ping", "global"), De = async (e) => {
 	try {
-		let t = Date.now(), n = E.get(Ae), r = 0;
-		if (n.isSet() && (r = n.json() ?? 0), r && t - r < ke) return !0;
+		let t = Date.now(), n = T.get(Ee), r = 0;
+		if (n.isSet() && (r = n.json() ?? 0), r && t - r < Te) return !0;
 		let i = {
 			projectId: e.projectId,
 			path: window.location.pathname
 		}, a = {}, o = document.getElementById("picked_script")?.dataset.verceltoken;
 		o && (a["x-vercel-protection-bypass"] = o);
-		let s = (await te(e.apiUrl, "ping", i, a)).ok;
+		let s = (await O(e.apiUrl, "ping", i, a)).ok;
 		return s && n.set(t), s;
 	} catch {
 		return !1;
 	}
-}, Y = M("lifecycle"), Me = L(({ client: e }) => {
+}, Y = M("lifecycle"), Oe = L(({ client: e }) => {
 	let t = Y.store(!1), r = F(void 0, {
 		skipVoid: !1,
 		domain: Y
@@ -574,69 +582,69 @@ var ke = 6e3, Ae = O("last_ping", "global"), je = async (e) => {
 	}), l = P(), u = P(), d = P(), p = P(), m = P(), h = P();
 	o.on(p, (e, t) => [...e, t]), s.on(m, (e, t) => t), c.on(h, (e, t) => t), t.on(u, () => !0);
 	let g = N(() => {
-		je(e);
+		De(e);
 	}), _ = N(async () => {
-		await ee();
-	}), v = N(async () => {
-		await ue(e);
-	}), y = k({ effect: v }), b = k({
+		await v();
+	}), y = N(async () => {
+		await oe(e);
+	}), b = k({ effect: y }), x = k({
 		source: o,
 		effect: async (e) => {
 			for (let t of e) await t();
 		}
-	}), x = k({
+	}), S = k({
 		source: s,
 		effect: async (t) => t === void 0 ? !0 : typeof t == "boolean" ? t : await n(e, t) === !0
-	}), S = k({
+	}), C = k({
 		source: c,
 		effect: async (t) => t === void 0 ? !0 : typeof t == "boolean" ? t : await n(e, t) === !0
-	}), C = I({
+	}), w = I({
 		clock: l,
 		filter: () => f()
 	});
 	I({
-		clock: C,
+		clock: w,
 		fn: () => "starting",
 		target: a
 	}), I({
-		clock: C,
+		clock: w,
 		target: g
 	}), I({
-		clock: C,
-		target: b
+		clock: w,
+		target: x
 	}), I({
-		clock: C,
+		clock: w,
 		target: _
 	}), I({
-		clock: b.done,
-		target: x
+		clock: x.done,
+		target: S
 	}), I({
-		clock: x.doneData,
+		clock: S.doneData,
 		target: r
 	}), I({
-		clock: S.doneData,
+		clock: C.doneData,
 		target: i
 	}), I({
-		clock: x.doneData,
+		clock: S.doneData,
 		filter: (e) => e,
-		target: S
+		target: C
 	}), I({
-		clock: S.doneData,
+		clock: C.doneData,
 		target: e.session.setIsUser
 	}), I({
-		clock: S.doneData,
+		clock: C.doneData,
 		fn: (e) => ({
 			type: "user_decide",
 			value: e
 		}),
 		target: e.eventBus
 	}), I({
-		clock: x.doneData,
+		clock: S.doneData,
 		filter: (e) => !e,
 		fn: () => void 0,
 		target: d
 	}), I({
-		clock: S.doneData,
+		clock: C.doneData,
 		fn: () => void 0,
 		target: d
 	}), I({
@@ -644,20 +652,20 @@ var ke = 6e3, Ae = O("last_ping", "global"), je = async (e) => {
 		fn: () => ({ type: "initialize" }),
 		target: e.eventBus
 	});
-	let w = F(!1).on(_.done, () => !0), T = F(!1).on(d, () => !0), E = F(!1).on(y.done, () => !0), D = A(r, i, (e, t) => e === !0 && t === !0);
+	let T = F(!1).on(_.done, () => !0), E = F(!1).on(d, () => !0), D = F(!1).on(b.done, () => !0), O = A(r, i, (e, t) => e === !0 && t === !0);
 	return I({
 		clock: d,
-		source: D,
+		source: O,
 		filter: (e) => e,
 		fn: () => void 0,
-		target: v
+		target: y
 	}), I({
-		clock: A(w, T, D, (e, t, n) => e && t && n),
+		clock: A(T, E, O, (e, t, n) => e && t && n),
 		filter: (e) => e,
 		fn: () => void 0,
-		target: y
+		target: b
 	}), I({
-		clock: A(w, T, D, E, (e, t, n, r) => e && t && (!n || r)),
+		clock: A(T, E, O, D, (e, t, n, r) => e && t && (!n || r)),
 		filter: (e) => e,
 		fn: () => void 0,
 		target: u
@@ -681,11 +689,11 @@ var ke = 6e3, Ae = O("last_ping", "global"), je = async (e) => {
 		target: e.eventBus
 	}), I({
 		clock: [
-			b.fail,
 			x.fail,
 			S.fail,
-			v.fail,
+			C.fail,
 			y.fail,
+			b.fail,
 			_.fail
 		],
 		fn: () => "failed",
@@ -701,13 +709,13 @@ var ke = 6e3, Ae = O("last_ping", "global"), je = async (e) => {
 		setCondition: h
 	};
 });
-function Ne(e) {
-	return R(Me, e);
+function ke(e) {
+	return R(Oe, e);
 }
 //#endregion
 //#region src/entities/predicate/predicate.ts
-var Pe = M("predicate"), Fe = L(({ client: e }) => {
-	let t = Pe.store({}), n = j(t, { register(e, t) {
+var Ae = M("predicate"), je = L(({ client: e }) => {
+	let t = Ae.store({}), n = j(t, { register(e, t) {
 		return {
 			...e,
 			[t.name]: {
@@ -765,16 +773,16 @@ var Pe = M("predicate"), Fe = L(({ client: e }) => {
 		getEvokablePredicate: s
 	};
 });
-function Ie(e) {
-	return R(Fe, e);
+function Me(e) {
+	return R(je, e);
 }
-var Le = (e, t, n) => {
+var Ne = (e, t, n) => {
 	n.register({
 		name: e,
 		predicate: t
 	});
-}, Re = M("feature"), ze = L(({ client: e }) => {
-	let t = Re.store({}), n = Re.store([]), i = j(t, { register(e, t) {
+}, Pe = M("feature"), Fe = L(({ client: e }) => {
+	let t = Pe.store({}), n = Pe.store([]), i = j(t, { register(e, t) {
 		return {
 			...e,
 			[t.id]: t.feature
@@ -800,7 +808,7 @@ var Le = (e, t, n) => {
 		target: i.register
 	});
 	let o = N(async ({ id: e, key: t, storage: n = "local" }) => {
-		let r = O(`feature:${e}:${t}`, "global"), i = (n === "session" ? D : E).get(r).boolean();
+		let r = D(`feature:${e}:${t}`, "global"), i = (n === "session" ? E : T).get(r).boolean();
 		return i === null ? null : {
 			id: e,
 			key: t,
@@ -809,8 +817,8 @@ var Le = (e, t, n) => {
 		};
 	}), s = N((e) => {
 		if (!e) return null;
-		let t = O(`feature:${e.id}:${e.key}`, "global");
-		(e.storage === "session" ? D : E).set(t, e.bucket);
+		let t = D(`feature:${e.id}:${e.key}`, "global");
+		(e.storage === "session" ? E : T).set(t, e.bucket);
 	}), c = /* @__PURE__ */ new Map(), l = k({
 		source: {
 			allFeaturesStore: t,
@@ -935,107 +943,70 @@ var Le = (e, t, n) => {
 		getEvokableFeature: p
 	};
 });
-function Be(e) {
-	return R(ze, e);
+function Ie(e) {
+	return R(Fe, e);
 }
-var Ve = (e, t, n) => {
+var Le = (e, t, n) => {
 	n.register({
 		id: e,
 		feature: t
 	});
 }, X = M("history");
-function He(e, t, n) {
+function Re(e, t) {
 	return {
-		id: re("history-entry"),
-		node: n,
+		id: te(`history-entry-${Date.now()}-${Math.random()}}`),
+		node: t,
 		at: Date.now(),
-		instanceId: e,
-		experienceId: t
+		experienceId: e
 	};
 }
-function Ue(e) {
-	for (let t = e.length - 1; t >= 0; t--) {
-		let n = e[t];
-		if (n && y(n.node)) return e.slice(0, t + 1);
-	}
-	return [];
-}
-var We = L(() => {
-	let e = X.store([]), t = X.event(), n = X.event(), r = X.event(), i = X.event(), a = X.event(), o = X.event();
-	e.on(t, (e, t) => [...e, He(t.instanceId, t.experienceId, t.node)]), e.on(n, (e, t) => {
-		let n = He(t.instanceId, t.experienceId, t.node), r = -1;
-		for (let n = e.length - 1; n >= 0; n--) if (e[n]?.instanceId === t.instanceId) {
-			r = n;
-			break;
-		}
-		return r === -1 ? [...e, n] : [
-			...e.slice(0, r),
-			n,
-			...e.slice(r + 1)
-		];
-	}), e.on(r, (e, { instanceId: t }) => {
-		let n = 0, r = -1;
-		for (let i = e.length - 1; i >= 0; i--) {
-			let a = e[i];
-			if (!(a?.instanceId !== t || !y(a.node)) && (n += 1, n === 2)) {
-				r = i;
+var ze = L(() => {
+	let e = X.store({ entries: [] }), t = X.event(), n = X.event(), r = X.event(), i = X.event(), a = X.event();
+	e.on(t, (e, t) => ({ entries: [...e.entries, Re(t.experienceId, t.node)] })), e.on(n, (e, t) => ({ entries: [...e.entries.slice(0, -1), Re(t.experienceId, t.node)] })), e.on(i, (e, t) => t), e.on(a, (e, { experienceId: t }) => ({ entries: e.entries.filter((e) => e.experienceId !== t) }));
+	function o(e, t) {
+		let n = {
+			lastStepIndex: -1,
+			secondLastStepIndex: -1
+		};
+		for (let r = e.length - 1; r >= 0; r--) {
+			let i = e[r], a = i?.node;
+			if (!(!a || !x(a)) && !(t && i.experienceId !== t)) if (n.lastStepIndex === -1) n.lastStepIndex = r;
+			else {
+				n.secondLastStepIndex = r;
 				break;
 			}
 		}
-		return r === -1 ? e : e.filter((e, n) => e.instanceId !== t || n <= r);
-	}), e.on(i, (e, { snapshots: t }) => {
-		let n = new Set(e.map((e) => e.experienceId)), r = [];
-		for (let e of Object.keys(t)) {
-			if (n.has(e)) continue;
-			let i = t[e];
-			i && r.push(...i);
-		}
-		return r.length === 0 ? e : [...e, ...r];
-	}), e.on(o, (e, t) => [...e, ...t]);
-	let s = e.map((e) => {
-		let t = /* @__PURE__ */ new Map();
-		for (let n of e) t.set(n.experienceId, n.instanceId);
-		let n = {};
-		for (let r of e) {
-			if (t.get(r.experienceId) !== r.instanceId) continue;
-			let e = n[r.experienceId] ?? [];
-			e.push(r), n[r.experienceId] = e;
-		}
 		return n;
-	});
-	return I({
-		clock: a,
-		source: s,
-		fn: (e, { instanceId: t, experienceId: n }) => Ue(e[n] ?? []).map((e) => ({
+	}
+	return e.on(r, (e, t) => {
+		let { secondLastStepIndex: n } = o(e.entries, t.experienceId), r = n === -1 ? e.entries : e.entries.slice(0, n + 1);
+		return {
 			...e,
-			id: re("history-entry"),
-			instanceId: t
-		})),
-		target: o
+			entries: r
+		};
 	}), {
 		push: t,
 		replace: n,
 		back: r,
-		restoreSnapshots: i,
-		seedInstanceFromSnapshot: a,
-		entriesStore: e,
-		snapshotStore: s
+		restore: i,
+		resetExperience: a,
+		entriesStore: e.map((e) => e.entries)
 	};
 });
-function Ge() {
-	return R(We);
+function Be() {
+	return R(ze);
 }
 //#endregion
 //#region src/utils/events.ts
-var Ke = 0, qe = (e) => {
+var Ve = 0, He = (e) => {
 	let t = F([]);
 	return t.on(e, (e, t) => [...e, {
-		id: Ke++,
+		id: Ve++,
 		at: /* @__PURE__ */ new Date(),
 		payload: t
 	}]), t;
-}, Je = M("field"), Ye = L(() => {
-	let e = Je.store({}), t = j(e, {
+}, Ue = M("field"), We = L(() => {
+	let e = Ue.store({}), t = j(e, {
 		register(e, t) {
 			return {
 				...e,
@@ -1083,13 +1054,13 @@ var Ke = 0, qe = (e) => {
 		getByName: c
 	};
 });
-function Xe() {
-	return R(Ye);
+function Ge() {
+	return R(We);
 }
 //#endregion
 //#region src/entities/step/step.ts
-var Ze = M("step"), Qe = L(() => {
-	let e = Ze.store({}), t = j(e, { register(e, t) {
+var Ke = M("step"), qe = L(() => {
+	let e = Ke.store({}), t = j(e, { register(e, t) {
 		return {
 			...e,
 			[t.step.id]: t.step
@@ -1113,16 +1084,45 @@ var Ze = M("step"), Qe = L(() => {
 		indexStore: e
 	};
 });
-function $e() {
-	return R(Qe);
+function Je() {
+	return R(qe);
 }
-function et(e, t) {
+function Ye(e, t) {
+	t.register(e);
+}
+//#endregion
+//#region src/entities/content/content.ts
+var Xe = M("content"), Ze = L(() => {
+	let e = Xe.store({}), t = j(e, { register(e, t) {
+		return {
+			...e,
+			[t.content.id]: t.content
+		};
+	} });
+	function n(e) {
+		t.register({ content: e });
+	}
+	let r = e.map((e) => Object.values(e));
+	function i(t) {
+		return e.map((e) => e[t] ?? null, { skipVoid: !1 });
+	}
+	return {
+		register: n,
+		getById: i,
+		listStore: r,
+		indexStore: e
+	};
+});
+function Qe() {
+	return R(Ze);
+}
+function $e(e, t) {
 	t.register(e);
 }
 //#endregion
 //#region src/entities/action/action.ts
-var tt = M("action"), nt = L(({ client: e }) => {
-	let t = tt.store({}), n = j(t, { register(e, t) {
+var et = M("action"), tt = L(({ client: e }) => {
+	let t = et.store({}), n = j(t, { register(e, t) {
 		return {
 			...e,
 			[t.key]: {
@@ -1180,10 +1180,10 @@ var tt = M("action"), nt = L(({ client: e }) => {
 		getEvokableAction: s
 	};
 });
-function rt(e) {
-	return R(nt, e);
+function nt(e) {
+	return R(tt, e);
 }
-var it = (e, t, n) => {
+var rt = (e, t, n) => {
 	n.register({
 		key: e,
 		action: t
@@ -1202,35 +1202,35 @@ function Z(e, t, n, r) {
 function Q(e) {
 	return e === null || e === "" || Array.isArray(e) && !e.length;
 }
-function at(e) {
+function it(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null;
 }
-function ot(e) {
+function at(e) {
 	try {
 		return JSON.stringify(e), !0;
 	} catch {
 		return !1;
 	}
 }
-function st(e, t) {
+function ot(e, t) {
 	return t.find((t) => t.key === e) ?? null;
 }
-function ct(e, t) {
+function st(e, t) {
 	return e.multiple && (typeof t == "string" || typeof t == "number" || typeof t == "boolean") ? [t] : t;
 }
-function lt(e, t) {
+function ct(e, t) {
 	if (e.type !== "object" || Q(t)) return null;
 	if (e.multiple) {
 		if (!Array.isArray(t)) return Z(e, t, "This field expects multiple values", "Field expects an array of objects.");
 		for (let n of t) {
 			if (typeof n != "object" || !n) return Z(e, t, "This field expects object values", "Field expects an array of objects, but received non-object value.");
-			if (!ot(n)) return Z(e, t, "This field contains non-serializable data", "Field value contains non-JSON-serializable data (functions, circular references, etc.).");
+			if (!at(n)) return Z(e, t, "This field contains non-serializable data", "Field value contains non-JSON-serializable data (functions, circular references, etc.).");
 		}
 		return null;
 	}
-	return Array.isArray(t) ? Z(e, t, "This field expects a single value", "Field expects a single object, not an array.") : typeof t != "object" || !t ? Z(e, t, "This field expects an object value", "Field expects an object value.") : ot(t) ? null : Z(e, t, "This field contains non-serializable data", "Field value contains non-JSON-serializable data (functions, circular references, etc.).");
+	return Array.isArray(t) ? Z(e, t, "This field expects a single value", "Field expects a single object, not an array.") : typeof t != "object" || !t ? Z(e, t, "This field expects an object value", "Field expects an object value.") : at(t) ? null : Z(e, t, "This field contains non-serializable data", "Field value contains non-JSON-serializable data (functions, circular references, etc.).");
 }
-function ut(e, t) {
+function lt(e, t) {
 	if (Q(t) || !Array.isArray(e.options) || e.options.length === 0) return null;
 	let n = Array.isArray(t) ? t : [t];
 	if (e.type === "object") {
@@ -1238,9 +1238,9 @@ function ut(e, t) {
 		return n.every((e) => r.has(JSON.stringify(e))) ? null : Z(e, t, "This field expects a valid option", "Field expects a valid option from the defined choices.");
 	}
 	let r = e.options.map((e) => e.value);
-	return n.every((e) => !at(e) || e === null ? !1 : r.includes(e)) ? null : Z(e, t, "This field expects a valid option", `Field expects a valid option. Valid options are: ${r.join(", ")}`);
+	return n.every((e) => !it(e) || e === null ? !1 : r.includes(e)) ? null : Z(e, t, "This field expects a valid option", `Field expects a valid option. Valid options are: ${r.join(", ")}`);
 }
-async function dt(t, n, r, i) {
+async function ut(t, n, r, i) {
 	if (n.validation && !e(n.validation) && !Q(r)) {
 		let e = i ? {
 			$input: r,
@@ -1253,8 +1253,8 @@ async function dt(t, n, r, i) {
 }
 //#endregion
 //#region src/entities/response/response.ts
-var ft = M("response"), pt = L(({ client: e }) => {
-	let t = ft.store({}), r = P(), i = P(), a = j(t, {
+var dt = M("response"), ft = L(({ client: e }) => {
+	let t = dt.store({}), r = P(), i = P(), a = j(t, {
 		register(e, t) {
 			return {
 				...e,
@@ -1293,7 +1293,7 @@ var ft = M("response"), pt = L(({ client: e }) => {
 				...t,
 				...n
 			}, o = Object.entries(n), c = await Promise.allSettled(o.map(async ([t, n]) => {
-				let o = st(t, e);
+				let o = ot(t, e);
 				if (!o) {
 					r.push({
 						fieldKey: t,
@@ -1303,17 +1303,17 @@ var ft = M("response"), pt = L(({ client: e }) => {
 					});
 					return;
 				}
-				let c = ct(o, n), l = await dt(s, o, c, a);
+				let c = st(o, n), l = await ut(s, o, c, a);
 				if (l) {
 					r.push(l);
 					return;
 				}
-				let u = lt(o, c);
+				let u = ct(o, c);
 				if (u) {
 					r.push(u);
 					return;
 				}
-				let d = ut(o, c);
+				let d = lt(o, c);
 				if (d) {
 					r.push(d);
 					return;
@@ -1373,16 +1373,30 @@ var ft = M("response"), pt = L(({ client: e }) => {
 	function _(t) {
 		return m(e.fields.getByName(t));
 	}
-	return I({
+	I({
 		clock: r,
 		target: a.clearAll
 	}), I({
 		clock: i,
 		target: a.clear
-	}), {
+	});
+	let v = k({
+		source: e.experiences.listStore,
+		effect: (e, t) => {
+			let n = e.find((e) => e.id === t);
+			if (!n) return;
+			let { steps: r } = n.treeStore.getState(), a = r.flatMap((e) => e.fieldKeys);
+			for (let e of a) i(e);
+		}
+	});
+	function y(e) {
+		v(e);
+	}
+	return {
 		register: o,
 		clearAll: r,
 		clear: i,
+		clearByExperience: y,
 		commit: d,
 		getResponsesToCommit: l,
 		listStore: p,
@@ -1392,13 +1406,13 @@ var ft = M("response"), pt = L(({ client: e }) => {
 		getByFieldName: _
 	};
 });
-function mt(e) {
-	return R(pt, e);
+function pt(e) {
+	return R(ft, e);
 }
 //#endregion
 //#region src/entities/condition/condition.ts
-var ht = M("condition"), gt = L(() => {
-	let e = ht.store({}), t = j(e, { register(e, t) {
+var mt = M("condition"), ht = L(() => {
+	let e = mt.store({}), t = j(e, { register(e, t) {
 		return {
 			...e,
 			[t.condition.id]: t.condition
@@ -1422,12 +1436,12 @@ var ht = M("condition"), gt = L(() => {
 		indexStore: e
 	};
 });
-function _t() {
-	return R(gt);
+function gt() {
+	return R(ht);
 }
 //#endregion
 //#region src/utils/api-url.ts
-function vt() {
+function _t() {
 	if (f()) {
 		let e = [
 			document.currentScript,
@@ -1442,7 +1456,7 @@ function vt() {
 }
 //#endregion
 //#region src/utils/search-params.ts
-function yt() {
+function vt() {
 	if (!o()) return {};
 	let e = new URLSearchParams(window.location.search), t = {}, n = /* @__PURE__ */ new Set();
 	for (let [t] of e.entries()) t.startsWith("picked-") && n.add(t);
@@ -1450,23 +1464,23 @@ function yt() {
 		let n = r.replace("picked-", "");
 		t[n] = e.getAll(r);
 	}
-	let r = O("s");
-	if (n.size > 0) D.set(r, t);
+	let r = D("s");
+	if (n.size > 0) E.set(r, t);
 	else {
-		let e = D.get(r);
+		let e = E.get(r);
 		if (e) return e.json() || {};
 	}
 	return t;
 }
 //#endregion
 //#region src/entities/session/session.ts
-var bt = O("session", "global");
-function xt() {
+var yt = D("session", "global");
+function bt() {
 	return l() ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).substring(2, 15)}-${Math.random().toString(36).substring(2, 15)}-${Math.random().toString(36).substring(2, 15)}`;
 }
-function St() {
+function xt() {
 	if (!u()) return null;
-	let e = E.get(bt);
+	let e = T.get(yt);
 	if (!e.isSet()) return null;
 	try {
 		return e.json();
@@ -1474,8 +1488,8 @@ function St() {
 		return null;
 	}
 }
-var Ct = L(() => {
-	let e = St(), t = { id: e?.id ?? xt() };
+var St = L(() => {
+	let e = xt(), t = { id: e?.id ?? bt() };
 	e?.isUser !== void 0 && (t.isUser = e.isUser), e?.identifiers && Object.keys(e.identifiers).length > 0 && (t.identifiers = e.identifiers);
 	let n = F(t), r = j(n, {
 		setIsUser: (e, t) => ({
@@ -1504,7 +1518,7 @@ var Ct = L(() => {
 			source: n,
 			effect: (e) => {
 				if (u()) try {
-					E.get(bt).set(e);
+					T.get(yt).set(e);
 				} catch {}
 			}
 		})
@@ -1515,27 +1529,27 @@ var Ct = L(() => {
 		removeIdentifier: r.removeIdentifier
 	};
 });
-function wt() {
-	return R(Ct, void 0);
+function Ct() {
+	return R(St, void 0);
 }
 //#endregion
 //#region src/utils/picked-config.ts
-function Tt() {
+function wt() {
 	if (o()) return globalThis.window.pickedConfig;
 }
-function Et() {
-	if (o()) return Tt()?.projectId;
+function Tt() {
+	if (o()) return wt()?.projectId;
 }
-function Dt() {
+function Et() {
 	if (!f()) return;
 	let e = document.getElementById("picked_script") || document.querySelector("script#picked") || document.getElementById("cvly");
 	if (e) return e.dataset.projectid || e.getAttribute("project-id") || void 0;
 }
-function Ot(e) {
+function Dt(e) {
 	if (e.projectId) return e.projectId;
-	let t = Et();
+	let t = Tt();
 	if (t) return t;
-	let n = Dt();
+	let n = Et();
 	if (n) return n;
 	throw Error("projectId is required. You can provide it via one of:\n      (1) createClient({ projectId }) options;\n      (2) window.pickedConfig = { projectId };\n      (3) a <script> tag with id 'picked_script', 'picked', or 'cvly' that includes a data-projectid (or project-id) attribute.");
 }
@@ -1544,7 +1558,7 @@ function Ot(e) {
 function $(e) {
 	return e == null || e === "" || Number.isNaN(e);
 }
-var kt = {
+var Ot = {
 	default: (e, t) => $(e) ? String(t ?? "") : String(e),
 	append: (e, t) => t && !$(e) ? `${e} ${t}` : e,
 	prepend: (e, t) => t && !$(e) ? `${t} ${e}` : e,
@@ -1565,24 +1579,24 @@ var kt = {
 		return e instanceof Set ? t.format(Array.from(e).map(String)) : e;
 	}
 };
-function At(e) {
+function kt(e) {
 	return typeof e == "object" && !!e;
 }
-function jt(e, t) {
+function At(e, t) {
 	let n = t;
-	for (let t of e.split(".")) if (At(n) && t in n) n = n[t];
+	for (let t of e.split(".")) if (kt(n) && t in n) n = n[t];
 	else return;
 	return typeof n == "function" ? n() : n;
 }
-function Mt(e, t) {
-	let n = e.split("|").map((e) => e.trim()), r = jt(n.shift() ?? "", t);
+function jt(e, t) {
+	let n = e.split("|").map((e) => e.trim()), r = At(n.shift() ?? "", t);
 	for (let e of n) {
-		let [t, ...n] = e.split(":"), i = t?.trim() ?? "", a = n.join(":").trim().replaceAll(/(?:^['"]|['"]$)/g, ""), o = kt[i];
+		let [t, ...n] = e.split(":"), i = t?.trim() ?? "", a = n.join(":").trim().replaceAll(/(?:^['"]|['"]$)/g, ""), o = Ot[i];
 		o && (r = o(r, a));
 	}
 	return $(r) ? "" : typeof r == "object" ? JSON.stringify(r) : String(r);
 }
-function Nt(e, t) {
+function Mt(e, t) {
 	let n = "", r = 0;
 	for (; r < e.length;) if (e[r] === "{" && e[r + 1] === "{") {
 		r += 2;
@@ -1594,15 +1608,17 @@ function Nt(e, t) {
 			}
 			i += e[r++];
 		}
-		n += Mt(i.trim(), t);
+		n += jt(i.trim(), t);
 	} else n += e[r++];
 	return n;
 }
 //#endregion
 //#region src/picked.ts
-var Pt = class {
+var Nt = class {
 	static logger = r;
 	options;
+	dataSource = null;
+	contentLoader;
 	plugins = {};
 	eventBus = P();
 	events;
@@ -1610,61 +1626,62 @@ var Pt = class {
 	apiUrl;
 	dashboardUrl;
 	documentationSiteUrl;
-	session = wt();
-	searchParams = yt();
-	history = Ge();
-	components = _e({ client: this });
-	experienceInstances = x({ client: this });
-	experiences = le({ client: this });
-	frameworks = be({ client: this });
-	predicates = Ie({ client: this });
-	features = Be({ client: this });
-	conditions = _t();
-	fields = Xe();
-	responses = mt({ client: this });
-	steps = $e();
-	actions = rt({ client: this });
-	stateSnapshotStore = Ce({ client: this });
-	evaluateRuleLogicFx = Oe({ client: this });
+	session = Ct();
+	searchParams = vt();
+	history = Be();
+	components = pe({ client: this });
+	experienceInstances = S({ client: this });
+	experiences = ae({ client: this });
+	frameworks = ge({ client: this });
+	predicates = Me({ client: this });
+	features = Ie({ client: this });
+	conditions = gt();
+	fields = Ge();
+	responses = pt({ client: this });
+	steps = Je();
+	contents = Qe();
+	actions = nt({ client: this });
+	stateSnapshotStore = ye({ client: this });
+	evaluateRuleLogicFx = we({ client: this });
 	start;
 	readyStore;
 	preconditionPassedStore;
 	conditionPassedStore;
 	lifecycleStageStore;
-	lifecycle = Ne({ client: this });
+	lifecycle = ke({ client: this });
 	renderStringFx = k({
 		source: this.responses.listStore,
 		effect: (e, { template: t, context: n }) => {
 			let r = {};
 			for (let t of e) r[t.fieldKey] = t.value;
-			return Nt(t, {
+			return Mt(t, {
 				...n,
 				responses: r
 			});
 		}
 	});
 	constructor(e) {
-		this.events = qe(this.eventBus), this.projectId = Ot(e), this.options = Object.freeze(e), this.apiUrl = e.apiUrl || vt(), this.dashboardUrl = e.dashboardUrl ?? "https://dashboard.picked.app", this.documentationSiteUrl = e.documentationSiteUrl ?? "https://docs.picked.app", this.start = this.lifecycle.start, this.readyStore = this.lifecycle.readyStore, this.preconditionPassedStore = this.lifecycle.preconditionPassedStore, this.conditionPassedStore = this.lifecycle.conditionPassedStore, this.lifecycleStageStore = this.lifecycle.lifecycleStageStore, this.setupPlugins(), this.setupFeatures(), this.setupPredicates(), this.setupActions(), this.setupComponents(), this.lifecycle.setPrecondition(e.precondition), this.lifecycle.setCondition(e.condition), this.eventBus({
+		this.events = He(this.eventBus), this.projectId = Dt(e), this.options = Object.freeze(e), this.apiUrl = e.apiUrl || _t(), this.dashboardUrl = e.dashboardUrl ?? "https://dashboard.picked.app", this.documentationSiteUrl = e.documentationSiteUrl ?? "https://docs.picked.app", this.start = this.lifecycle.start, this.readyStore = this.lifecycle.readyStore, this.preconditionPassedStore = this.lifecycle.preconditionPassedStore, this.conditionPassedStore = this.lifecycle.conditionPassedStore, this.lifecycleStageStore = this.lifecycle.lifecycleStageStore, this.setupPlugins(), this.setupFeatures(), this.setupPredicates(), this.setupActions(), this.setupComponents(), this.lifecycle.setPrecondition(e.precondition), this.lifecycle.setCondition(e.condition), this.eventBus({
 			type: "load",
-			version: ne()
+			version: ee()
 		});
 	}
 	registerFramework = (e) => {
-		xe(e, this.frameworks);
+		_e(e, this.frameworks);
 	};
 	registerComponent = (e, t) => {
 		B(e, t, this.components);
 	};
 	registerPlugin = (e) => {
-		fe(this, e, this.plugins);
+		ce(this, e, this.plugins);
 		let t = this.plugins[e.name];
 		t?.onStart && this.lifecycle.registerPluginStartHook(t.onStart);
 	};
 	registerFeature = (e, t) => {
-		Ve(e, t, this.features);
+		Le(e, t, this.features);
 	};
 	registerPredicate = (e, t) => {
-		Le(e, t, this.predicates);
+		Ne(e, t, this.predicates);
 	};
 	registerCondition = (e) => {
 		this.conditions.register(e);
@@ -1673,10 +1690,13 @@ var Pt = class {
 		this.fields.register(e);
 	};
 	registerStep = (e) => {
-		et(e, this.steps);
+		Ye(e, this.steps);
+	};
+	registerContent = (e) => {
+		$e(e, this.contents);
 	};
 	registerAction = (e, t) => {
-		it(e, t, this.actions);
+		rt(e, t, this.actions);
 	};
 	registerExperience = (e) => {
 		e.component && B(`experience:${e.id}`, e.component, this.components), this.experiences.register(e);
@@ -1764,20 +1784,20 @@ var Pt = class {
 };
 //#endregion
 //#region src/entities/component/lazyComponent.ts
-function Ft(e) {
+function Pt(e) {
 	return {
 		$$type: "lazy-component",
 		load: e
 	};
 }
-function It(e) {
+function Ft(e) {
 	return typeof e == "object" && !!e && "$$type" in e && e.$$type === "lazy-component";
 }
 //#endregion
 //#region src/exports.ts
-var Lt = (e) => {
-	let t = new Pt(e);
+var It = (e) => {
+	let t = new Nt(e);
 	return d(t), t;
 };
 //#endregion
-export { Pt as Picked, Lt as createClient, de as createPluginEffect, O as createStorageKey, n as evaluateRuleLogic, Tt as getPickedConfig, It as isLazyLoader, w as isPickedRoot, Ft as lazyComponent, E as localStore, D as sessionStore, T as subscribe, m as supportsCookies, l as supportsCryptoRandomUUID, f as supportsDocument, s as supportsHistory, i as supportsIntersectionObserver, u as supportsLocalStorage, p as supportsLocation, a as supportsSessionStorage, c as supportsShadowRoot, h as supportsWebComponents, o as supportsWindow };
+export { Nt as Picked, It as createClient, se as createPluginEffect, D as createStorageKey, n as evaluateRuleLogic, wt as getPickedConfig, Ft as isLazyLoader, g as isPickedRoot, Pt as lazyComponent, T as localStore, E as sessionStore, w as subscribe, m as supportsCookies, l as supportsCryptoRandomUUID, f as supportsDocument, s as supportsHistory, i as supportsIntersectionObserver, u as supportsLocalStorage, p as supportsLocation, a as supportsSessionStorage, c as supportsShadowRoot, h as supportsWebComponents, o as supportsWindow };