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

package/dist/esm/index.js

@@ -1,35 +1,16 @@
 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 i, c as a, d as o, f as s, i as c, l, m as u, n as d, o as f, r as p, s as m, t as h, u as g } from "../supports-BgjwyijI.js";
+import { a as _, i as v, r as ee, s as y, t as b } from "../dom-DjfSrkpp.js";
+import { c as x, n as S, r as C, s as w } from "../experience-instance-Brph8SaR.js";
+import { i as T, n as E, r as D, t as O } from "../storage-hOHCCXvP.js";
+import { n as te, r as ne } from "../api-qqBYwjhT.js";
+import { t as re } 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"), ie = 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(w).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 = v(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 || v(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 ae(e) {
+	return R(ie, e);
 }
-var ce = L(({ client: e }) => {
+var oe = 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(ae({
 			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 se(e) {
+	return R(oe, e);
 }
-var ue = async (e) => {
+var ce = async (e) => {
 	await e.experiences.initialiseExperiencesFx();
 };
 //#endregion
 //#region src/entities/plugin/plugin.ts
-function de(e) {
+function le(e) {
 	return N(async () => {
 		await e();
 	});
 }
-var fe = (e, t, n) => {
+var ue = (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 }) => ({
+}, de = M("component"), fe = 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 pe(e) {
+	return R(fe, e);
 }
-var ge = L(({ client: e }) => {
-	let t = pe.store({}), n = j(t, { register(e, t) {
+var me = L(({ client: e }) => {
+	let t = de.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 }) => pe({
 			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 he(e) {
+	return R(me, 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) {
+}, ge = M("framework"), _e = L((e) => {
+	let t = ge.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 ve(e) {
+	return R(_e, e);
 }
-var xe = (e, t) => {
+var ye = (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
+}, be = 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 xe(e) {
+	return R(be, e);
 }
 //#endregion
 //#region src/logic-engine.ts
-function we(e) {
+function Se(e) {
 	return typeof e == "number" && !isNaN(e);
 }
 function V(e) {
@@ -315,18 +323,18 @@ function V(e) {
 function H(e) {
 	return Array.isArray(e);
 }
-function U(e) {
+function Ce(e) {
 	return e instanceof Promise;
 }
-function W(e) {
+function we(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e) && Object.keys(e).length === 1;
 }
-function G(e) {
-	if (we(e)) return e;
+function U(e) {
+	if (Se(e)) return e;
 	let t = parseFloat(`${e}`);
 	return isNaN(t) ? 0 : t;
 }
-function K(e) {
+function W(e) {
 	return `${e}`;
 }
 var Te = {
@@ -334,51 +342,51 @@ var Te = {
 	"===": (e, t) => e === t,
 	"!=": (e, t) => e != t,
 	"!==": (e, t) => e !== t,
-	">": (e, t) => G(e) > G(t),
-	">=": (e, t) => G(e) >= G(t),
+	">": (e, t) => U(e) > U(t),
+	">=": (e, t) => U(e) >= U(t),
 	"<": (e, t, n) => {
-		let r = G(e), i = G(t);
+		let r = U(e), i = U(t);
 		if (n === void 0) return r < i;
-		let a = G(n);
+		let a = U(n);
 		return r < i && i < a;
 	},
 	"<=": (e, t, n) => {
-		let r = G(e), i = G(t);
+		let r = U(e), i = U(t);
 		if (n === void 0) return r <= i;
-		let a = G(n);
+		let a = U(n);
 		return r <= i && i <= a;
 	},
-	"!!": async (e) => await J(e),
-	"!": async (e) => !await J(e),
-	"%": (e, t) => G(e) % G(t),
+	"!!": async (e) => await K(e),
+	"!": async (e) => !await K(e),
+	"%": (e, t) => U(e) % U(t),
 	log: (e) => (console.log(e), e),
-	in: (e, t) => t ? V(t) ? t.indexOf(K(e)) !== -1 : H(t) ? t.includes(e) : !1 : !1,
-	cat: (...e) => e.map(K).join(""),
+	in: (e, t) => t ? V(t) ? t.indexOf(W(e)) !== -1 : H(t) ? t.includes(e) : !1 : !1,
+	cat: (...e) => e.map(W).join(""),
 	substr: (e, t, n) => {
-		let r = K(e), i = G(t);
+		let r = W(e), i = U(t);
 		if (n === void 0) return r.substr(i);
-		let a = G(n);
+		let a = U(n);
 		if (a < 0) {
 			let e = r.substr(i);
 			return e.substr(0, e.length + a);
 		}
 		return r.substr(i, a);
 	},
-	"+": (...e) => e.reduce((e, t) => G(e) + G(t), 0),
-	"*": (...e) => e.reduce((e, t) => G(e) * G(t), 1),
+	"+": (...e) => e.reduce((e, t) => U(e) + U(t), 0),
+	"*": (...e) => e.reduce((e, t) => U(e) * U(t), 1),
 	"-": (e, t) => {
-		let n = G(e);
-		return t === void 0 ? -n : n - G(t);
+		let n = U(e);
+		return t === void 0 ? -n : n - U(t);
 	},
-	"/": (e, t) => G(e) / G(t),
-	min: (...e) => Math.min(...e.map(G)),
-	max: (...e) => Math.max(...e.map(G)),
+	"/": (e, t) => U(e) / U(t),
+	min: (...e) => Math.min(...e.map(U)),
+	max: (...e) => Math.max(...e.map(U)),
 	merge: (...e) => e.reduce((e, t) => H(t) ? e.concat(t) : e.concat([t]), []),
 	var(e, t) {
 		let n = arguments.length > 1 ? t : null;
 		if (e === "" || e === "." || e == null) return this;
 		if (typeof e == "number" && Array.isArray(this)) return e >= 0 && e < this.length ? this[e] : n;
-		let r = K(e);
+		let r = W(e);
 		if (r === "" || r === ".") return this;
 		let i = r.split("."), a = this;
 		for (let e of i) {
@@ -393,16 +401,16 @@ var Te = {
 	async missing(...e) {
 		let t = H(e[0]) ? e[0] : e, n = [];
 		for (let e of t) {
-			let t = await q({ var: e }, this);
+			let t = await G({ var: e }, this);
 			(t === null || t === "") && n.push(`${e}`);
 		}
 		return n;
 	},
 	async missing_some(e, t) {
-		let n = await q({ missing: t }, this);
+		let n = await G({ missing: t }, this);
 		if (!H(n) || !H(t)) return [];
 		let r = n.filter(V);
-		return t.filter(V).length - r.length >= G(e) ? [] : r;
+		return t.filter(V).length - r.length >= U(e) ? [] : r;
 	},
 	invoke(...e) {
 		let [t, ...n] = e;
@@ -416,84 +424,84 @@ var Te = {
 			let [t, i] = e;
 			n = t, r = i;
 		}
-		return !V(n) || !V(r) ? !1 : new RegExp(n, r).test(K(t));
+		return !V(n) || !V(r) ? !1 : new RegExp(n, r).test(W(t));
 	},
 	throw(e) {
-		throw Error(K(e));
+		throw Error(W(e));
 	}
 };
-async function q(e, t) {
+async function G(e, t) {
 	if (!e) return e;
-	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;
+	if (Ce(e)) return G(await e, t);
+	if (H(e)) return Promise.all(e.map((e) => G(e, t)));
+	if (!we(e)) return e;
 	let n = Ee(e), r = n ? e[n] ?? [] : [];
 	switch (H(r) || (r = [r]), n) {
 		case "if":
 		case "?:":
-			for (let e = 0; e < r.length - 1; e += 2) if (await J(await q(r[e], t))) return q(r[e + 1], t);
-			return r.length % 2 == 1 ? q(r[r.length - 1], t) : null;
+			for (let e = 0; e < r.length - 1; e += 2) if (await K(await G(r[e], t))) return G(r[e + 1], t);
+			return r.length % 2 == 1 ? G(r[r.length - 1], t) : null;
 		case "and": {
 			let e = null;
-			for (let n of r) if (e = await q(n, t), !await J(e)) return e;
+			for (let n of r) if (e = await G(n, t), !await K(e)) return e;
 			return e;
 		}
 		case "or": {
 			let e = null;
-			for (let n of r) if (e = await q(n, t), await J(e)) return e;
+			for (let n of r) if (e = await G(n, t), await K(e)) return e;
 			return e;
 		}
 		case "map": {
-			let e = await q(r[0], t);
-			return H(e) ? await Promise.all(e.map((e) => q(r[1], e))) : [];
+			let e = await G(r[0], t);
+			return H(e) ? await Promise.all(e.map((e) => G(r[1], e))) : [];
 		}
 		case "filter": {
-			let e = await q(r[0], t);
+			let e = await G(r[0], t);
 			return H(e) ? (await Promise.all(e.map(async (e) => ({
 				item: e,
-				shouldInclude: await J(await q(r[1], e))
+				shouldInclude: await K(await G(r[1], e))
 			})))).filter(({ shouldInclude: e }) => e).map(({ item: e }) => e) : [];
 		}
 		case "reduce": {
-			let e = await q(r[0], t);
-			if (!H(e)) return r.length > 2 ? await q(r[2], t) : null;
-			let n = r[1], i = r.length > 2 ? await q(r[2], t) : null;
-			for (let t of e) i = await q(n, {
+			let e = await G(r[0], t);
+			if (!H(e)) return r.length > 2 ? await G(r[2], t) : null;
+			let n = r[1], i = r.length > 2 ? await G(r[2], t) : null;
+			for (let t of e) i = await G(n, {
 				current: t,
 				accumulator: i
 			});
 			return i;
 		}
 		case "all": {
-			let e = await q(r[0], t);
+			let e = await G(r[0], t);
 			if (!H(e) || e.length === 0) return !1;
-			for (let t of e) if (!await J(await q(r[1], t))) return !1;
+			for (let t of e) if (!await K(await G(r[1], t))) return !1;
 			return !0;
 		}
 		case "some": {
-			let e = await q(r[0], t);
+			let e = await G(r[0], t);
 			if (!H(e)) return !1;
-			for (let t of e) if (await J(await q(r[1], t))) return !0;
+			for (let t of e) if (await K(await G(r[1], t))) return !0;
 			return !1;
 		}
 		case "none": {
-			let e = await q(r[0], t);
+			let e = await G(r[0], t);
 			if (!H(e)) return !0;
-			for (let t of e) if (await J(await q(r[1], t))) return !1;
+			for (let t of e) if (await K(await G(r[1], t))) return !1;
 			return !0;
 		}
 		case "catch": try {
-			return await q(r[0], t);
+			return await G(r[0], t);
 		} catch (e) {
-			return W(e) ? await q(e, t) : r[1] ? await q(r[1], e) : e instanceof Error ? e.message : e;
+			return we(e) ? await G(e, t) : r[1] ? await G(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) => G(e, t))), a = n ? Te[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;
+async function K(e) {
+	return Ce(e) ? K(await e) : !(Array.isArray(e) && e.length === 0) && !!e;
 }
 function Ee(e) {
 	return Object.keys(e)[0];
@@ -519,7 +527,7 @@ var De = L(({ client: e }) => k({
 			let { bucket: e } = await t.getBucket();
 			return e;
 		}, e), {});
-		return await q(a, {
+		return await G(a, {
 			responses: i,
 			location: typeof e.location == "object" ? {
 				hash: e.location.hash,
@@ -558,27 +566,27 @@ var ke = 6e3, Ae = O("last_ping", "global"), je = async (e) => {
 	} catch {
 		return !1;
 	}
-}, Y = M("lifecycle"), Me = L(({ client: e }) => {
-	let t = Y.store(!1), r = F(void 0, {
+}, q = M("lifecycle"), Me = L(({ client: e }) => {
+	let t = q.store(!1), r = F(void 0, {
 		skipVoid: !1,
-		domain: Y
+		domain: q
 	}), i = F(void 0, {
 		skipVoid: !1,
-		domain: Y
-	}), a = Y.store("idle"), o = Y.store([]), s = F(void 0, {
+		domain: q
+	}), a = q.store("idle"), o = q.store([]), s = F(void 0, {
 		skipVoid: !1,
-		domain: Y
-	}), c = F(void 0, {
+		domain: q
+	}), l = F(void 0, {
 		skipVoid: !1,
-		domain: Y
-	}), 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);
+		domain: q
+	}), u = P(), d = P(), f = P(), p = P(), m = P(), h = P();
+	o.on(p, (e, t) => [...e, t]), s.on(m, (e, t) => t), l.on(h, (e, t) => t), t.on(d, () => !0);
 	let g = N(() => {
 		je(e);
 	}), _ = N(async () => {
 		await ee();
 	}), v = N(async () => {
-		await ue(e);
+		await ce(e);
 	}), y = k({ effect: v }), b = k({
 		source: o,
 		effect: async (e) => {
@@ -588,11 +596,13 @@ var ke = 6e3, Ae = O("last_ping", "global"), je = async (e) => {
 		source: s,
 		effect: async (t) => t === void 0 ? !0 : typeof t == "boolean" ? t : await n(e, t) === !0
 	}), S = k({
-		source: c,
+		source: l,
 		effect: async (t) => t === void 0 ? !0 : typeof t == "boolean" ? t : await n(e, t) === !0
 	}), C = I({
-		clock: l,
-		filter: () => f()
+		clock: u,
+		source: a,
+		filter: (e) => e === "idle" && c(),
+		fn: () => void 0
 	});
 	I({
 		clock: C,
@@ -634,19 +644,19 @@ var ke = 6e3, Ae = O("last_ping", "global"), je = async (e) => {
 		clock: x.doneData,
 		filter: (e) => !e,
 		fn: () => void 0,
-		target: d
+		target: f
 	}), I({
 		clock: S.doneData,
 		fn: () => void 0,
-		target: d
+		target: f
 	}), I({
-		clock: d,
+		clock: f,
 		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 w = F(!1).on(_.done, () => !0), T = F(!1).on(f, () => !0), E = F(!1).on(y.done, () => !0), D = A(r, i, (e, t) => e === !0 && t === !0);
 	return I({
-		clock: d,
+		clock: f,
 		source: D,
 		filter: (e) => e,
 		fn: () => void 0,
@@ -660,17 +670,17 @@ var ke = 6e3, Ae = O("last_ping", "global"), je = async (e) => {
 		clock: A(w, T, D, E, (e, t, n, r) => e && t && (!n || r)),
 		filter: (e) => e,
 		fn: () => void 0,
-		target: u
+		target: d
 	}), I({
-		clock: u,
+		clock: d,
 		fn: () => "ready",
 		target: a
 	}), I({
-		clock: u,
+		clock: d,
 		fn: () => ({ type: "ready" }),
 		target: e.eventBus
 	}), I({
-		clock: u,
+		clock: d,
 		source: e.session.store,
 		fn: ({ id: e, isUser: t, identifiers: n }) => ({
 			type: "session",
@@ -691,7 +701,7 @@ var ke = 6e3, Ae = O("last_ping", "global"), je = async (e) => {
 		fn: () => "failed",
 		target: a
 	}), {
-		start: l,
+		start: u,
 		readyStore: t,
 		preconditionPassedStore: r,
 		conditionPassedStore: i,
@@ -773,8 +783,8 @@ var Le = (e, t, n) => {
 		name: e,
 		predicate: t
 	});
-}, Re = M("feature"), ze = L(({ client: e }) => {
-	let t = Re.store({}), n = Re.store([]), i = j(t, { register(e, t) {
+}, J = M("feature"), Re = L(({ client: e }) => {
+	let t = J.store({}), n = J.store([]), i = j(t, { register(e, t) {
 		return {
 			...e,
 			[t.id]: t.feature
@@ -935,107 +945,69 @@ var Le = (e, t, n) => {
 		getEvokableFeature: p
 	};
 });
-function Be(e) {
-	return R(ze, e);
+function ze(e) {
+	return R(Re, e);
 }
-var Ve = (e, t, n) => {
+var Be = (e, t, n) => {
 	n.register({
 		id: e,
 		feature: t
 	});
-}, X = M("history");
-function He(e, t, n) {
+}, Y = M("history");
+function Ve(e, t) {
 	return {
-		id: re("history-entry"),
-		node: n,
+		id: re(`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 He = L(() => {
+	let e = Y.store({ entries: [] }), t = Y.event(), n = Y.event(), r = Y.event(), i = Y.event();
+	e.on(t, (e, t) => ({ entries: [...e.entries, Ve(t.experienceId, t.node)] })), e.on(n, (e, t) => ({ entries: [...e.entries.slice(0, -1), Ve(t.experienceId, t.node)] })), e.on(i, (e, t) => t);
+	function a(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 } = a(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,
+		entriesStore: e.map((e) => e.entries)
 	};
 });
-function Ge() {
-	return R(We);
+function Ue() {
+	return R(He);
 }
 //#endregion
 //#region src/utils/events.ts
-var Ke = 0, qe = (e) => {
+var We = 0, Ge = (e) => {
 	let t = F([]);
 	return t.on(e, (e, t) => [...e, {
-		id: Ke++,
+		id: We++,
 		at: /* @__PURE__ */ new Date(),
 		payload: t
 	}]), t;
-}, Je = M("field"), Ye = L(() => {
-	let e = Je.store({}), t = j(e, {
+}, Ke = M("field"), qe = L(() => {
+	let e = Ke.store({}), t = j(e, {
 		register(e, t) {
 			return {
 				...e,
@@ -1083,13 +1055,13 @@ var Ke = 0, qe = (e) => {
 		getByName: c
 	};
 });
-function Xe() {
-	return R(Ye);
+function Je() {
+	return R(qe);
 }
 //#endregion
 //#region src/entities/step/step.ts
-var Ze = M("step"), Qe = L(() => {
-	let e = Ze.store({}), t = j(e, { register(e, t) {
+var Ye = M("step"), Xe = L(() => {
+	let e = Ye.store({}), t = j(e, { register(e, t) {
 		return {
 			...e,
 			[t.step.id]: t.step
@@ -1113,16 +1085,45 @@ var Ze = M("step"), Qe = L(() => {
 		indexStore: e
 	};
 });
-function $e() {
-	return R(Qe);
+function Ze() {
+	return R(Xe);
 }
-function et(e, t) {
+function Qe(e, t) {
+	t.register(e);
+}
+//#endregion
+//#region src/entities/content/content.ts
+var $e = M("content"), et = L(() => {
+	let e = $e.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 tt() {
+	return R(et);
+}
+function nt(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 rt = M("action"), it = L(({ client: e }) => {
+	let t = rt.store({}), n = j(t, { register(e, t) {
 		return {
 			...e,
 			[t.key]: {
@@ -1180,10 +1181,10 @@ var tt = M("action"), nt = L(({ client: e }) => {
 		getEvokableAction: s
 	};
 });
-function rt(e) {
-	return R(nt, e);
+function at(e) {
+	return R(it, e);
 }
-var it = (e, t, n) => {
+var ot = (e, t, n) => {
 	n.register({
 		key: e,
 		action: t
@@ -1191,7 +1192,7 @@ var it = (e, t, n) => {
 };
 //#endregion
 //#region src/entities/response/response-validation.ts
-function Z(e, t, n, r) {
+function X(e, t, n, r) {
 	return {
 		fieldKey: e.key,
 		userMessage: n,
@@ -1199,62 +1200,62 @@ function Z(e, t, n, r) {
 		value: t
 	};
 }
-function Q(e) {
+function Z(e) {
 	return e === null || e === "" || Array.isArray(e) && !e.length;
 }
-function at(e) {
+function st(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null;
 }
-function ot(e) {
+function ct(e) {
 	try {
 		return JSON.stringify(e), !0;
 	} catch {
 		return !1;
 	}
 }
-function st(e, t) {
+function lt(e, t) {
 	return t.find((t) => t.key === e) ?? null;
 }
-function ct(e, t) {
+function ut(e, t) {
 	return e.multiple && (typeof t == "string" || typeof t == "number" || typeof t == "boolean") ? [t] : t;
 }
-function lt(e, t) {
-	if (e.type !== "object" || Q(t)) return null;
+function dt(e, t) {
+	if (e.type !== "object" || Z(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.");
+		if (!Array.isArray(t)) return X(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 (typeof n != "object" || !n) return X(e, t, "This field expects object values", "Field expects an array of objects, but received non-object value.");
+			if (!ct(n)) return X(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) ? X(e, t, "This field expects a single value", "Field expects a single object, not an array.") : typeof t != "object" || !t ? X(e, t, "This field expects an object value", "Field expects an object value.") : ct(t) ? null : X(e, t, "This field contains non-serializable data", "Field value contains non-JSON-serializable data (functions, circular references, etc.).");
 }
-function ut(e, t) {
-	if (Q(t) || !Array.isArray(e.options) || e.options.length === 0) return null;
+function ft(e, t) {
+	if (Z(t) || !Array.isArray(e.options) || e.options.length === 0) return null;
 	let n = Array.isArray(t) ? t : [t];
 	if (e.type === "object") {
 		let r = new Set(e.options.map((e) => JSON.stringify(e.value)));
-		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.");
+		return n.every((e) => r.has(JSON.stringify(e))) ? null : X(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) => !st(e) || e === null ? !1 : r.includes(e)) ? null : X(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) {
-	if (n.validation && !e(n.validation) && !Q(r)) {
+async function pt(t, n, r, i) {
+	if (n.validation && !e(n.validation) && !Z(r)) {
 		let e = i ? {
 			$input: r,
 			responses: i
 		} : { $input: r }, a = await t(n.validation, e);
-		if (typeof a == "string") return Z(n, r, a, `Field validation resulted in an error: ${a}.`);
-		if (a === !1) return Z(n, r, "This field is invalid", "Field validation resulted in an unspecified error.");
+		if (typeof a == "string") return X(n, r, a, `Field validation resulted in an error: ${a}.`);
+		if (a === !1) return X(n, r, "This field is invalid", "Field validation resulted in an unspecified error.");
 	}
-	return n.required && Q(r) ? Z(n, r, "This field is required", "Field is required.") : !n.multiple && Array.isArray(r) && r.length > 1 ? Z(n, r, "This field expects a single response", "Field expects a single response.") : null;
+	return n.required && Z(r) ? X(n, r, "This field is required", "Field is required.") : !n.multiple && Array.isArray(r) && r.length > 1 ? X(n, r, "This field expects a single response", "Field expects a single response.") : null;
 }
 //#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 mt = M("response"), ht = L(({ client: e }) => {
+	let t = mt.store({}), r = P(), i = P(), a = j(t, {
 		register(e, t) {
 			return {
 				...e,
@@ -1293,7 +1294,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 = lt(t, e);
 				if (!o) {
 					r.push({
 						fieldKey: t,
@@ -1303,17 +1304,17 @@ var ft = M("response"), pt = L(({ client: e }) => {
 					});
 					return;
 				}
-				let c = ct(o, n), l = await dt(s, o, c, a);
+				let c = ut(o, n), l = await pt(s, o, c, a);
 				if (l) {
 					r.push(l);
 					return;
 				}
-				let u = lt(o, c);
+				let u = dt(o, c);
 				if (u) {
 					r.push(u);
 					return;
 				}
-				let d = ut(o, c);
+				let d = ft(o, c);
 				if (d) {
 					r.push(d);
 					return;
@@ -1392,13 +1393,13 @@ var ft = M("response"), pt = L(({ client: e }) => {
 		getByFieldName: _
 	};
 });
-function mt(e) {
-	return R(pt, e);
+function gt(e) {
+	return R(ht, 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 _t = M("condition"), vt = L(() => {
+	let e = _t.store({}), t = j(e, { register(e, t) {
 		return {
 			...e,
 			[t.condition.id]: t.condition
@@ -1422,13 +1423,13 @@ var ht = M("condition"), gt = L(() => {
 		indexStore: e
 	};
 });
-function _t() {
-	return R(gt);
+function yt() {
+	return R(vt);
 }
 //#endregion
 //#region src/utils/api-url.ts
-function vt() {
-	if (f()) {
+function bt() {
+	if (c()) {
 		let e = [
 			document.currentScript,
 			document.getElementById("picked_script"),
@@ -1442,8 +1443,8 @@ function vt() {
 }
 //#endregion
 //#region src/utils/search-params.ts
-function yt() {
-	if (!o()) return {};
+function xt() {
+	if (!s()) 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);
 	for (let r of n) {
@@ -1460,13 +1461,13 @@ function yt() {
 }
 //#endregion
 //#region src/entities/session/session.ts
-var bt = O("session", "global");
-function xt() {
-	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)}`;
+var St = O("session", "global");
+function Ct() {
+	return p() ? 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() {
-	if (!u()) return null;
-	let e = E.get(bt);
+function wt() {
+	if (!m()) return null;
+	let e = E.get(St);
 	if (!e.isSet()) return null;
 	try {
 		return e.json();
@@ -1474,8 +1475,8 @@ function St() {
 		return null;
 	}
 }
-var Ct = L(() => {
-	let e = St(), t = { id: e?.id ?? xt() };
+var Tt = L(() => {
+	let e = wt(), t = { id: e?.id ?? Ct() };
 	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) => ({
@@ -1503,8 +1504,8 @@ var Ct = L(() => {
 		target: k({
 			source: n,
 			effect: (e) => {
-				if (u()) try {
-					E.get(bt).set(e);
+				if (m()) try {
+					E.get(St).set(e);
 				} catch {}
 			}
 		})
@@ -1515,39 +1516,39 @@ var Ct = L(() => {
 		removeIdentifier: r.removeIdentifier
 	};
 });
-function wt() {
-	return R(Ct, void 0);
+function Et() {
+	return R(Tt, void 0);
 }
 //#endregion
 //#region src/utils/picked-config.ts
-function Tt() {
-	if (o()) return globalThis.window.pickedConfig;
+function Dt() {
+	if (s()) return globalThis.window.pickedConfig;
 }
-function Et() {
-	if (o()) return Tt()?.projectId;
+function Ot() {
+	if (s()) return Dt()?.projectId;
 }
-function Dt() {
-	if (!f()) return;
+function kt() {
+	if (!c()) 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 At(e) {
 	if (e.projectId) return e.projectId;
-	let t = Et();
+	let t = Ot();
 	if (t) return t;
-	let n = Dt();
+	let n = kt();
 	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.");
 }
 //#endregion
 //#region src/utils/render-string.ts
-function $(e) {
+function Q(e) {
 	return e == null || e === "" || Number.isNaN(e);
 }
-var kt = {
-	default: (e, t) => $(e) ? String(t ?? "") : String(e),
-	append: (e, t) => t && !$(e) ? `${e} ${t}` : e,
-	prepend: (e, t) => t && !$(e) ? `${t} ${e}` : e,
+var jt = {
+	default: (e, t) => Q(e) ? String(t ?? "") : String(e),
+	append: (e, t) => t && !Q(e) ? `${e} ${t}` : e,
+	prepend: (e, t) => t && !Q(e) ? `${t} ${e}` : e,
 	upper: (e) => typeof e == "string" ? e.toUpperCase() : e,
 	lower: (e) => typeof e == "string" ? e.toLowerCase() : e,
 	capitalize: (e) => typeof e == "string" ? e.charAt(0).toUpperCase() + e.slice(1) : e,
@@ -1565,24 +1566,24 @@ var kt = {
 		return e instanceof Set ? t.format(Array.from(e).map(String)) : e;
 	}
 };
-function At(e) {
+function Mt(e) {
 	return typeof e == "object" && !!e;
 }
-function jt(e, t) {
+function Nt(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 (Mt(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 Pt(e, t) {
+	let n = e.split("|").map((e) => e.trim()), r = Nt(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 = jt[i];
 		o && (r = o(r, a));
 	}
-	return $(r) ? "" : typeof r == "object" ? JSON.stringify(r) : String(r);
+	return Q(r) ? "" : typeof r == "object" ? JSON.stringify(r) : String(r);
 }
-function Nt(e, t) {
+function Ft(e, t) {
 	let n = "", r = 0;
 	for (; r < e.length;) if (e[r] === "{" && e[r + 1] === "{") {
 		r += 2;
@@ -1594,15 +1595,17 @@ function Nt(e, t) {
 			}
 			i += e[r++];
 		}
-		n += Mt(i.trim(), t);
+		n += Pt(i.trim(), t);
 	} else n += e[r++];
 	return n;
 }
 //#endregion
 //#region src/picked.ts
-var Pt = class {
+var $ = class {
 	static logger = r;
 	options;
+	dataSource = null;
+	contentLoader;
 	plugins = {};
 	eventBus = P();
 	events;
@@ -1610,21 +1613,23 @@ 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 });
+	session = Et();
+	searchParams = xt();
+	history = Ue();
+	components = he({ client: this });
+	experienceInstances = S({ client: this });
+	experiences = se({ client: this });
+	frameworks = ve({ 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 });
+	features = ze({ client: this });
+	conditions = yt();
+	fields = Je();
+	responses = gt({ client: this });
+	steps = Ze();
+	contents = tt();
+	actions = at({ client: this });
+	conditionResults = C();
+	stateSnapshotStore = xe({ client: this });
 	evaluateRuleLogicFx = Oe({ client: this });
 	start;
 	readyStore;
@@ -1637,31 +1642,34 @@ var Pt = class {
 		effect: (e, { template: t, context: n }) => {
 			let r = {};
 			for (let t of e) r[t.fieldKey] = t.value;
-			return Nt(t, {
+			return Ft(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 = Ge(this.eventBus), this.projectId = At(e), this.options = Object.freeze(e), this.apiUrl = e.apiUrl || bt(), 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()
-		});
+		}), this.maybeStartPreviewBridge();
+	}
+	maybeStartPreviewBridge() {
+		!s() || !h() || this.searchParams["preview-token"]?.[0] && import("../preview-bridge-eBbZClad.js").then((e) => e.initPreviewBridge()).catch(() => void 0);
 	}
 	registerFramework = (e) => {
-		xe(e, this.frameworks);
+		ye(e, this.frameworks);
 	};
 	registerComponent = (e, t) => {
 		B(e, t, this.components);
 	};
 	registerPlugin = (e) => {
-		fe(this, e, this.plugins);
+		ue(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);
+		Be(e, t, this.features);
 	};
 	registerPredicate = (e, t) => {
 		Le(e, t, this.predicates);
@@ -1673,10 +1681,13 @@ var Pt = class {
 		this.fields.register(e);
 	};
 	registerStep = (e) => {
-		et(e, this.steps);
+		Qe(e, this.steps);
+	};
+	registerContent = (e) => {
+		nt(e, this.contents);
 	};
 	registerAction = (e, t) => {
-		it(e, t, this.actions);
+		ot(e, t, this.actions);
 	};
 	registerExperience = (e) => {
 		e.component && B(`experience:${e.id}`, e.component, this.components), this.experiences.register(e);
@@ -1764,20 +1775,20 @@ var Pt = class {
 };
 //#endregion
 //#region src/entities/component/lazyComponent.ts
-function Ft(e) {
+function It(e) {
 	return {
 		$$type: "lazy-component",
 		load: e
 	};
 }
-function It(e) {
+function Lt(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);
-	return d(t), t;
+var Rt = (e) => {
+	let t = new $(e);
+	return u(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 { $ as Picked, Rt as createClient, le as createPluginEffect, O as createStorageKey, n as evaluateRuleLogic, Dt as getPickedConfig, h as isInsideIframe, Lt as isLazyLoader, _ as isPickedRoot, It as lazyComponent, E as localStore, D as sessionStore, T as subscribe, d as supportsCookies, p as supportsCryptoRandomUUID, c as supportsDocument, i as supportsHistory, f as supportsIntersectionObserver, m as supportsLocalStorage, a as supportsLocation, l as supportsSessionStorage, g as supportsShadowRoot, o as supportsWebComponents, s as supportsWindow };