@picked/client 0.0.1-dev.1778467244607 → 0.0.1-dev.1778468342672

package/dist/esm/index.js

@@ -4,13 +4,13 @@ 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 _, i as v, l as y, n as b, o as ee, r as x, s as S } from "../experience-instance-BrLWgVAN.js";
 import { i as C, n as w, r as T, t as E } from "../storage-6Xk0uAxB.js";
-import { n as D, r as te } from "../api-DWGhvwuG.js";
+import { n as D, r as te } from "../api-BFD1TEJW.js";
 import { t as ne } from "../id-CRqy981z.js";
 import { attach as O, combine as k, createApi as A, createDomain as j, createEffect as M, createEvent as N, createStore as P, sample as F } from "effector";
 import { createFactory as I, invoke as L } from "@withease/factories";
 //#region src/entities/experience/experience.ts
-var re = j("experience"), ie = I(({ client: e, experience: r }) => {
-	let i = re.store(r), a = A(i, { merge(e, t) {
+var R = j("experience"), re = I(({ client: e, experience: r }) => {
+	let i = R.store(r), a = A(i, { merge(e, t) {
 		return {
 			...e,
 			...t.experience
@@ -47,8 +47,40 @@ var re = j("experience"), ie = I(({ client: e, experience: r }) => {
 			let { decisionLogic: s, targetSelectors: c } = o;
 			return c.length === 0 || S(c, r.id).length < 1 ? !1 : s === void 0 ? !0 : t(s) ? await n(e, s) === !0 : !0;
 		}
-	});
-	return u = {
+	}), p = M(async () => {
+		if (!e.contentLoader) return !0;
+		try {
+			await e.contentLoader({
+				id: r.id,
+				key: r.key
+			});
+		} catch {
+			`${r.id}`;
+		}
+		return !0;
+	}), m = N(), h = N(), _ = R.createStore(void 0, { skipVoid: !1 }).on(m, (e, t) => t).on(h, (e, t) => t);
+	return F({
+		clock: m,
+		target: f
+	}), F({
+		clock: f.doneData,
+		source: _,
+		filter: (e, t) => t,
+		fn: (e) => e,
+		target: d
+	}), F({
+		clock: f.doneData,
+		filter: Boolean,
+		target: p
+	}), F({
+		clock: h,
+		source: _,
+		fn: (e) => e,
+		target: d
+	}), F({
+		clock: h,
+		target: p
+	}), u = {
 		id: r.id,
 		key: r.key,
 		name: r.name,
@@ -58,20 +90,23 @@ var re = j("experience"), ie = I(({ client: e, experience: r }) => {
 		actions: l,
 		merge: a.merge,
 		initialiseFx: d,
-		shouldInitialiseFx: f
+		shouldInitialiseFx: f,
+		initialiseRequested: m,
+		initialiseDirectly: h,
+		prepareExperienceContentFx: p
 	}, u;
 });
-function ae(e) {
-	return L(ie, e);
+function ie(e) {
+	return L(re, e);
 }
-var oe = I(({ client: e }) => {
-	let t = re.store({}), n = A(t, { register(e, t) {
+var ae = I(({ client: e }) => {
+	let t = R.store({}), n = A(t, { register(e, t) {
 		return {
 			...e,
 			[t.id]: t
 		};
 	} }), r = N(), i = M((t) => {
-		n.register(ae({
+		n.register(ie({
 			client: e,
 			experience: t
 		}));
@@ -105,18 +140,14 @@ var oe = I(({ client: e }) => {
 	}
 	let c = O({
 		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 {
@@ -131,7 +162,7 @@ var oe = I(({ 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;
@@ -154,28 +185,26 @@ var oe = I(({ client: e }) => {
 		listStore: a,
 		initialiseExperiencesFx: O({
 			source: a,
-			effect: async (e) => {
-				await Promise.all(e.map(async (e) => {
-					await e.shouldInitialiseFx() && await e.initialiseFx(void 0);
-				}));
+			effect: (e) => {
+				for (let t of e) t.initialiseRequested(void 0);
 			}
 		})
 	};
 });
-function se(e) {
-	return L(oe, e);
+function oe(e) {
+	return L(ae, e);
 }
-var ce = async (e) => {
+var se = async (e) => {
 	await e.experiences.initialiseExperiencesFx();
 };
 //#endregion
 //#region src/entities/plugin/plugin.ts
-function le(e) {
+function ce(e) {
 	return M(async () => {
 		await e();
 	});
 }
-var ue = (e, t, n) => {
+var le = (e, t, n) => {
 	let r = t.name, i = t.setup(e);
 	if (i) {
 		let e = n[r] ?? {};
@@ -184,16 +213,16 @@ var ue = (e, t, n) => {
 			...i
 		});
 	}
-}, de = j("component"), fe = I(({ client: e, component: t, name: n }) => ({
+}, ue = j("component"), de = I(({ client: e, component: t, name: n }) => ({
 	name: n,
 	component: t,
 	frameworkStore: e.frameworks.getByName(t.frameworkName)
 }));
-function pe(e) {
-	return L(fe, e);
+function fe(e) {
+	return L(de, e);
 }
-var me = I(({ client: e }) => {
-	let t = de.store({}), n = A(t, { register(e, t) {
+var pe = I(({ client: e }) => {
+	let t = ue.store({}), n = A(t, { register(e, t) {
 		return {
 			...e,
 			[t.name]: t
@@ -206,7 +235,7 @@ var me = I(({ client: e }) => {
 		fn: (e, { name: t }) => `Component '${t}' already registered. Registering again will override the previous registration.`
 	}).watch((e) => /* @__PURE__ */ r("warn", e)), F({
 		clock: i,
-		fn: ({ name: t, component: n }) => pe({
+		fn: ({ name: t, component: n }) => fe({
 			client: e,
 			name: t,
 			component: n
@@ -223,16 +252,16 @@ var me = I(({ client: e }) => {
 		listStore: a
 	};
 });
-function he(e) {
-	return L(me, e);
+function me(e) {
+	return L(pe, e);
 }
-var ge = (e, t, n) => {
+var z = (e, t, n) => {
 	n.register({
 		name: e,
 		component: t
 	});
-}, _e = j("framework"), ve = I((e) => {
-	let t = _e.store({}), n = A(t, { register(e, t) {
+}, he = j("framework"), ge = I((e) => {
+	let t = he.store({}), n = A(t, { register(e, t) {
 		return {
 			...e,
 			[t.name]: t.framework
@@ -257,20 +286,20 @@ var ge = (e, t, n) => {
 		listStore: a
 	};
 });
-function ye(e) {
-	return L(ve, e);
+function _e(e) {
+	return L(ge, e);
 }
-var be = (e, t) => {
+var ve = (e, t) => {
 	t.register({
 		name: e.name,
 		framework: e
 	});
-}, xe = I(({ 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
+}, ye = I(({ 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 k(e.responses.listStore, e.fields.listStore, (t, r) => Object.freeze({
 		client: e,
@@ -279,84 +308,84 @@ var be = (e, t) => {
 		...n
 	}));
 });
-function Se(e) {
-	return L(xe, e);
+function be(e) {
+	return L(ye, e);
 }
 //#endregion
 //#region src/logic-engine.ts
-function Ce(e) {
+function xe(e) {
 	return typeof e == "number" && !isNaN(e);
 }
-function R(e) {
+function B(e) {
 	return typeof e == "string";
 }
-function z(e) {
+function V(e) {
 	return Array.isArray(e);
 }
-function B(e) {
+function H(e) {
 	return e instanceof Promise;
 }
-function V(e) {
+function U(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e) && Object.keys(e).length === 1;
 }
-function H(e) {
-	if (Ce(e)) return e;
+function W(e) {
+	if (xe(e)) return e;
 	let t = parseFloat(`${e}`);
 	return isNaN(t) ? 0 : t;
 }
-function U(e) {
+function G(e) {
 	return `${e}`;
 }
-var we = {
+var Se = {
 	"==": (e, t) => e == t,
 	"===": (e, t) => e === t,
 	"!=": (e, t) => e != t,
 	"!==": (e, t) => e !== t,
-	">": (e, t) => H(e) > H(t),
-	">=": (e, t) => H(e) >= H(t),
+	">": (e, t) => W(e) > W(t),
+	">=": (e, t) => W(e) >= W(t),
 	"<": (e, t, n) => {
-		let r = H(e), i = H(t);
+		let r = W(e), i = W(t);
 		if (n === void 0) return r < i;
-		let a = H(n);
+		let a = W(n);
 		return r < i && i < a;
 	},
 	"<=": (e, t, n) => {
-		let r = H(e), i = H(t);
+		let r = W(e), i = W(t);
 		if (n === void 0) return r <= i;
-		let a = H(n);
+		let a = W(n);
 		return r <= i && i <= a;
 	},
-	"!!": async (e) => await G(e),
-	"!": async (e) => !await G(e),
-	"%": (e, t) => H(e) % H(t),
+	"!!": async (e) => await q(e),
+	"!": async (e) => !await q(e),
+	"%": (e, t) => W(e) % W(t),
 	log: (e) => (console.log(e), e),
-	in: (e, t) => t ? R(t) ? t.indexOf(U(e)) !== -1 : z(t) ? t.includes(e) : !1 : !1,
-	cat: (...e) => e.map(U).join(""),
+	in: (e, t) => t ? B(t) ? t.indexOf(G(e)) !== -1 : V(t) ? t.includes(e) : !1 : !1,
+	cat: (...e) => e.map(G).join(""),
 	substr: (e, t, n) => {
-		let r = U(e), i = H(t);
+		let r = G(e), i = W(t);
 		if (n === void 0) return r.substr(i);
-		let a = H(n);
+		let a = W(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) => H(e) + H(t), 0),
-	"*": (...e) => e.reduce((e, t) => H(e) * H(t), 1),
+	"+": (...e) => e.reduce((e, t) => W(e) + W(t), 0),
+	"*": (...e) => e.reduce((e, t) => W(e) * W(t), 1),
 	"-": (e, t) => {
-		let n = H(e);
-		return t === void 0 ? -n : n - H(t);
+		let n = W(e);
+		return t === void 0 ? -n : n - W(t);
 	},
-	"/": (e, t) => H(e) / H(t),
-	min: (...e) => Math.min(...e.map(H)),
-	max: (...e) => Math.max(...e.map(H)),
-	merge: (...e) => e.reduce((e, t) => z(t) ? e.concat(t) : e.concat([t]), []),
+	"/": (e, t) => W(e) / W(t),
+	min: (...e) => Math.min(...e.map(W)),
+	max: (...e) => Math.max(...e.map(W)),
+	merge: (...e) => e.reduce((e, t) => V(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 = U(e);
+		let r = G(e);
 		if (r === "" || r === ".") return this;
 		let i = r.split("."), a = this;
 		for (let e of i) {
@@ -369,116 +398,116 @@ var we = {
 		return a === void 0 ? n : a;
 	},
 	async missing(...e) {
-		let t = z(e[0]) ? e[0] : e, n = [];
+		let t = V(e[0]) ? e[0] : e, n = [];
 		for (let e of t) {
-			let t = await W({ var: e }, this);
+			let t = await K({ var: e }, this);
 			(t === null || t === "") && n.push(`${e}`);
 		}
 		return n;
 	},
 	async missing_some(e, t) {
-		let n = await W({ missing: t }, this);
-		if (!z(n) || !z(t)) return [];
-		let r = n.filter(R);
-		return t.filter(R).length - r.length >= H(e) ? [] : r;
+		let n = await K({ missing: t }, this);
+		if (!V(n) || !V(t)) return [];
+		let r = n.filter(B);
+		return t.filter(B).length - r.length >= W(e) ? [] : r;
 	},
 	invoke(...e) {
 		let [t, ...n] = e;
 		return typeof t == "function" ? Reflect.apply(t, null, n) : null;
 	},
-	startsWith: (e, t) => R(e) && R(t) && e.startsWith(t),
-	endsWith: (e, t) => R(e) && R(t) && e.endsWith(t),
+	startsWith: (e, t) => B(e) && B(t) && e.startsWith(t),
+	endsWith: (e, t) => B(e) && B(t) && e.endsWith(t),
 	regexp_matches(e, t) {
 		let n = e, r = "";
-		if (z(e)) {
+		if (V(e)) {
 			let [t, i] = e;
 			n = t, r = i;
 		}
-		return !R(n) || !R(r) ? !1 : new RegExp(n, r).test(U(t));
+		return !B(n) || !B(r) ? !1 : new RegExp(n, r).test(G(t));
 	},
 	throw(e) {
-		throw Error(U(e));
+		throw Error(G(e));
 	}
 };
-async function W(e, t) {
+async function K(e, t) {
 	if (!e) return e;
-	if (B(e)) return W(await e, t);
-	if (z(e)) return Promise.all(e.map((e) => W(e, t)));
-	if (!V(e)) return e;
-	let n = Te(e), r = n ? e[n] ?? [] : [];
-	switch (z(r) || (r = [r]), n) {
+	if (H(e)) return K(await e, t);
+	if (V(e)) return Promise.all(e.map((e) => K(e, t)));
+	if (!U(e)) return e;
+	let n = Ce(e), r = n ? e[n] ?? [] : [];
+	switch (V(r) || (r = [r]), n) {
 		case "if":
 		case "?:":
-			for (let e = 0; e < r.length - 1; e += 2) if (await G(await W(r[e], t))) return W(r[e + 1], t);
-			return r.length % 2 == 1 ? W(r[r.length - 1], t) : null;
+			for (let e = 0; e < r.length - 1; e += 2) if (await q(await K(r[e], t))) return K(r[e + 1], t);
+			return r.length % 2 == 1 ? K(r[r.length - 1], t) : null;
 		case "and": {
 			let e = null;
-			for (let n of r) if (e = await W(n, t), !await G(e)) return e;
+			for (let n of r) if (e = await K(n, t), !await q(e)) return e;
 			return e;
 		}
 		case "or": {
 			let e = null;
-			for (let n of r) if (e = await W(n, t), await G(e)) return e;
+			for (let n of r) if (e = await K(n, t), await q(e)) return e;
 			return e;
 		}
 		case "map": {
-			let e = await W(r[0], t);
-			return z(e) ? await Promise.all(e.map((e) => W(r[1], e))) : [];
+			let e = await K(r[0], t);
+			return V(e) ? await Promise.all(e.map((e) => K(r[1], e))) : [];
 		}
 		case "filter": {
-			let e = await W(r[0], t);
-			return z(e) ? (await Promise.all(e.map(async (e) => ({
+			let e = await K(r[0], t);
+			return V(e) ? (await Promise.all(e.map(async (e) => ({
 				item: e,
-				shouldInclude: await G(await W(r[1], e))
+				shouldInclude: await q(await K(r[1], e))
 			})))).filter(({ shouldInclude: e }) => e).map(({ item: e }) => e) : [];
 		}
 		case "reduce": {
-			let e = await W(r[0], t);
-			if (!z(e)) return r.length > 2 ? await W(r[2], t) : null;
-			let n = r[1], i = r.length > 2 ? await W(r[2], t) : null;
-			for (let t of e) i = await W(n, {
+			let e = await K(r[0], t);
+			if (!V(e)) return r.length > 2 ? await K(r[2], t) : null;
+			let n = r[1], i = r.length > 2 ? await K(r[2], t) : null;
+			for (let t of e) i = await K(n, {
 				current: t,
 				accumulator: i
 			});
 			return i;
 		}
 		case "all": {
-			let e = await W(r[0], t);
-			if (!z(e) || e.length === 0) return !1;
-			for (let t of e) if (!await G(await W(r[1], t))) return !1;
+			let e = await K(r[0], t);
+			if (!V(e) || e.length === 0) return !1;
+			for (let t of e) if (!await q(await K(r[1], t))) return !1;
 			return !0;
 		}
 		case "some": {
-			let e = await W(r[0], t);
-			if (!z(e)) return !1;
-			for (let t of e) if (await G(await W(r[1], t))) return !0;
+			let e = await K(r[0], t);
+			if (!V(e)) return !1;
+			for (let t of e) if (await q(await K(r[1], t))) return !0;
 			return !1;
 		}
 		case "none": {
-			let e = await W(r[0], t);
-			if (!z(e)) return !0;
-			for (let t of e) if (await G(await W(r[1], t))) return !1;
+			let e = await K(r[0], t);
+			if (!V(e)) return !0;
+			for (let t of e) if (await q(await K(r[1], t))) return !1;
 			return !0;
 		}
 		case "catch": try {
-			return await W(r[0], t);
+			return await K(r[0], t);
 		} catch (e) {
-			return V(e) ? await W(e, t) : r[1] ? await W(r[1], e) : e instanceof Error ? e.message : e;
+			return U(e) ? await K(e, t) : r[1] ? await K(r[1], e) : e instanceof Error ? e.message : e;
 		}
 	}
-	let i = await Promise.all(r.map((e) => W(e, t))), a = n ? we[n] : void 0;
+	let i = await Promise.all(r.map((e) => K(e, t))), a = n ? Se[n] : void 0;
 	if (!a) throw Error(`Unrecognized operation ${n}`);
 	return a.apply(t, i);
 }
-async function G(e) {
-	return B(e) ? G(await e) : !(Array.isArray(e) && e.length === 0) && !!e;
+async function q(e) {
+	return H(e) ? q(await e) : !(Array.isArray(e) && e.length === 0) && !!e;
 }
-function Te(e) {
+function Ce(e) {
 	return Object.keys(e)[0];
 }
 //#endregion
 //#region src/lifecycle/rules-logic.ts
-var Ee = I(({ client: e }) => O({
+var we = I(({ client: e }) => O({
 	source: {
 		stateSnapshot: e.stateSnapshotStore,
 		predicates: e.predicates.listStore,
@@ -497,7 +526,7 @@ var Ee = I(({ client: e }) => O({
 			let { bucket: e } = await t.getBucket();
 			return e;
 		}, e), {});
-		return await W(a, {
+		return await K(a, {
 			responses: i,
 			location: typeof e.location == "object" ? {
 				hash: e.location.hash,
@@ -517,15 +546,15 @@ var Ee = I(({ client: e }) => O({
 		});
 	}
 }));
-function De(e) {
-	return L(Ee, e);
+function Te(e) {
+	return L(we, e);
 }
 //#endregion
 //#region src/ping.ts
-var Oe = 6e3, ke = E("last_ping", "global"), Ae = async (e) => {
+var Ee = 6e3, De = E("last_ping", "global"), Oe = async (e) => {
 	try {
-		let t = Date.now(), n = w.get(ke), r = 0;
-		if (n.isSet() && (r = n.json() ?? 0), r && t - r < Oe) return !0;
+		let t = Date.now(), n = w.get(De), r = 0;
+		if (n.isSet() && (r = n.json() ?? 0), r && t - r < Ee) return !0;
 		let i = {
 			projectId: e.projectId,
 			path: window.location.pathname
@@ -536,27 +565,27 @@ var Oe = 6e3, ke = E("last_ping", "global"), Ae = async (e) => {
 	} catch {
 		return !1;
 	}
-}, K = j("lifecycle"), je = I(({ client: e }) => {
-	let t = K.store(!1), r = P(void 0, {
+}, J = j("lifecycle"), ke = I(({ client: e }) => {
+	let t = J.store(!1), r = P(void 0, {
 		skipVoid: !1,
-		domain: K
+		domain: J
 	}), i = P(void 0, {
 		skipVoid: !1,
-		domain: K
-	}), a = K.store("idle"), o = K.store([]), s = P(void 0, {
+		domain: J
+	}), a = J.store("idle"), o = J.store([]), s = P(void 0, {
 		skipVoid: !1,
-		domain: K
+		domain: J
 	}), c = P(void 0, {
 		skipVoid: !1,
-		domain: K
+		domain: J
 	}), l = N(), u = N(), d = N(), p = N(), m = N(), h = N();
 	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 = M(() => {
-		Ae(e);
+		Oe(e);
 	}), _ = M(async () => {
 		await ee();
 	}), v = M(async () => {
-		await ce(e);
+		await se(e);
 	}), y = O({ effect: v }), b = O({
 		source: o,
 		effect: async (e) => {
@@ -679,13 +708,13 @@ var Oe = 6e3, ke = E("last_ping", "global"), Ae = async (e) => {
 		setCondition: h
 	};
 });
-function Me(e) {
-	return L(je, e);
+function Ae(e) {
+	return L(ke, e);
 }
 //#endregion
 //#region src/entities/predicate/predicate.ts
-var Ne = j("predicate"), Pe = I(({ client: e }) => {
-	let t = Ne.store({}), n = A(t, { register(e, t) {
+var je = j("predicate"), Me = I(({ client: e }) => {
+	let t = je.store({}), n = A(t, { register(e, t) {
 		return {
 			...e,
 			[t.name]: {
@@ -743,16 +772,16 @@ var Ne = j("predicate"), Pe = I(({ client: e }) => {
 		getEvokablePredicate: s
 	};
 });
-function Fe(e) {
-	return L(Pe, e);
+function Ne(e) {
+	return L(Me, e);
 }
-var Ie = (e, t, n) => {
+var Pe = (e, t, n) => {
 	n.register({
 		name: e,
 		predicate: t
 	});
-}, Le = j("feature"), Re = I(({ client: e }) => {
-	let t = Le.store({}), n = Le.store([]), i = A(t, { register(e, t) {
+}, Y = j("feature"), Fe = I(({ client: e }) => {
+	let t = Y.store({}), n = Y.store([]), i = A(t, { register(e, t) {
 		return {
 			...e,
 			[t.id]: t.feature
@@ -913,16 +942,16 @@ var Ie = (e, t, n) => {
 		getEvokableFeature: p
 	};
 });
-function ze(e) {
-	return L(Re, e);
+function Ie(e) {
+	return L(Fe, e);
 }
-var Be = (e, t, n) => {
+var Le = (e, t, n) => {
 	n.register({
 		id: e,
 		feature: t
 	});
-}, q = j("history");
-function J(e, t) {
+}, X = j("history");
+function Re(e, t) {
 	return {
 		id: ne(`history-entry-${Date.now()}-${Math.random()}}`),
 		node: t,
@@ -930,9 +959,9 @@ function J(e, t) {
 		experienceId: e
 	};
 }
-var Ve = I(() => {
-	let e = q.store({ entries: [] }), t = q.event(), n = q.event(), r = q.event(), i = q.event();
-	e.on(t, (e, t) => ({ entries: [...e.entries, J(t.experienceId, t.node)] })), e.on(n, (e, t) => ({ entries: [...e.entries.slice(0, -1), J(t.experienceId, t.node)] })), e.on(i, (e, t) => t);
+var ze = I(() => {
+	let e = X.store({ entries: [] }), t = X.event(), n = X.event(), r = X.event(), i = 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);
 	function a(e, t) {
 		let n = {
 			lastStepIndex: -1,
@@ -962,20 +991,20 @@ var Ve = I(() => {
 		entriesStore: e.map((e) => e.entries)
 	};
 });
-function He() {
-	return L(Ve);
+function Be() {
+	return L(ze);
 }
 //#endregion
 //#region src/utils/events.ts
-var Ue = 0, We = (e) => {
+var Ve = 0, He = (e) => {
 	let t = P([]);
 	return t.on(e, (e, t) => [...e, {
-		id: Ue++,
+		id: Ve++,
 		at: /* @__PURE__ */ new Date(),
 		payload: t
 	}]), t;
-}, Ge = j("field"), Ke = I(() => {
-	let e = Ge.store({}), t = A(e, {
+}, Ue = j("field"), We = I(() => {
+	let e = Ue.store({}), t = A(e, {
 		register(e, t) {
 			return {
 				...e,
@@ -1023,13 +1052,13 @@ var Ue = 0, We = (e) => {
 		getByName: c
 	};
 });
-function qe() {
-	return L(Ke);
+function Ge() {
+	return L(We);
 }
 //#endregion
 //#region src/entities/step/step.ts
-var Je = j("step"), Ye = I(() => {
-	let e = Je.store({}), t = A(e, { register(e, t) {
+var Ke = j("step"), qe = I(() => {
+	let e = Ke.store({}), t = A(e, { register(e, t) {
 		return {
 			...e,
 			[t.step.id]: t.step
@@ -1053,16 +1082,45 @@ var Je = j("step"), Ye = I(() => {
 		indexStore: e
 	};
 });
-function Xe() {
-	return L(Ye);
+function Je() {
+	return L(qe);
 }
-function Ze(e, t) {
+function Ye(e, t) {
+	t.register(e);
+}
+//#endregion
+//#region src/entities/content/content.ts
+var Xe = j("content"), Ze = I(() => {
+	let e = Xe.store({}), t = A(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 L(Ze);
+}
+function $e(e, t) {
 	t.register(e);
 }
 //#endregion
 //#region src/entities/action/action.ts
-var Qe = j("action"), $e = I(({ client: e }) => {
-	let t = Qe.store({}), n = A(t, { register(e, t) {
+var et = j("action"), tt = I(({ client: e }) => {
+	let t = et.store({}), n = A(t, { register(e, t) {
 		return {
 			...e,
 			[t.key]: {
@@ -1120,10 +1178,10 @@ var Qe = j("action"), $e = I(({ client: e }) => {
 		getEvokableAction: s
 	};
 });
-function et(e) {
-	return L($e, e);
+function nt(e) {
+	return L(tt, e);
 }
-var tt = (e, t, n) => {
+var rt = (e, t, n) => {
 	n.register({
 		key: e,
 		action: t
@@ -1131,7 +1189,7 @@ var tt = (e, t, n) => {
 };
 //#endregion
 //#region src/entities/response/response-validation.ts
-function Y(e, t, n, r) {
+function Z(e, t, n, r) {
 	return {
 		fieldKey: e.key,
 		userMessage: n,
@@ -1139,62 +1197,62 @@ function Y(e, t, n, r) {
 		value: t
 	};
 }
-function X(e) {
+function Q(e) {
 	return e === null || e === "" || Array.isArray(e) && !e.length;
 }
-function nt(e) {
+function it(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null;
 }
-function Z(e) {
+function at(e) {
 	try {
 		return JSON.stringify(e), !0;
 	} catch {
 		return !1;
 	}
 }
-function rt(e, t) {
+function ot(e, t) {
 	return t.find((t) => t.key === e) ?? null;
 }
-function it(e, t) {
+function st(e, t) {
 	return e.multiple && (typeof t == "string" || typeof t == "number" || typeof t == "boolean") ? [t] : t;
 }
-function at(e, t) {
-	if (e.type !== "object" || X(t)) return null;
+function ct(e, t) {
+	if (e.type !== "object" || Q(t)) return null;
 	if (e.multiple) {
-		if (!Array.isArray(t)) return Y(e, t, "This field expects multiple values", "Field expects an array of objects.");
+		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 Y(e, t, "This field expects object values", "Field expects an array of objects, but received non-object value.");
-			if (!Z(n)) return Y(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 Z(e, t, "This field expects object values", "Field expects an array of objects, but received non-object value.");
+			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) ? Y(e, t, "This field expects a single value", "Field expects a single object, not an array.") : typeof t != "object" || !t ? Y(e, t, "This field expects an object value", "Field expects an object value.") : Z(t) ? null : Y(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 ot(e, t) {
-	if (X(t) || !Array.isArray(e.options) || e.options.length === 0) return null;
+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") {
 		let r = new Set(e.options.map((e) => JSON.stringify(e.value)));
-		return n.every((e) => r.has(JSON.stringify(e))) ? null : Y(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 : 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) => !nt(e) || e === null ? !1 : r.includes(e)) ? null : Y(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 st(t, n, r, i) {
-	if (n.validation && !e(n.validation) && !X(r)) {
+async function ut(t, n, r, i) {
+	if (n.validation && !e(n.validation) && !Q(r)) {
 		let e = i ? {
 			$input: r,
 			responses: i
 		} : { $input: r }, a = await t(n.validation, e);
-		if (typeof a == "string") return Y(n, r, a, `Field validation resulted in an error: ${a}.`);
-		if (a === !1) return Y(n, r, "This field is invalid", "Field validation resulted in an unspecified error.");
+		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.");
 	}
-	return n.required && X(r) ? Y(n, r, "This field is required", "Field is required.") : !n.multiple && Array.isArray(r) && r.length > 1 ? Y(n, r, "This field expects a single response", "Field expects a single response.") : null;
+	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;
 }
 //#endregion
 //#region src/entities/response/response.ts
-var ct = j("response"), lt = I(({ client: e }) => {
-	let t = ct.store({}), r = N(), i = N(), a = A(t, {
+var dt = j("response"), ft = I(({ client: e }) => {
+	let t = dt.store({}), r = N(), i = N(), a = A(t, {
 		register(e, t) {
 			return {
 				...e,
@@ -1233,7 +1291,7 @@ var ct = j("response"), lt = I(({ client: e }) => {
 				...t,
 				...n
 			}, o = Object.entries(n), c = await Promise.allSettled(o.map(async ([t, n]) => {
-				let o = rt(t, e);
+				let o = ot(t, e);
 				if (!o) {
 					r.push({
 						fieldKey: t,
@@ -1243,17 +1301,17 @@ var ct = j("response"), lt = I(({ client: e }) => {
 					});
 					return;
 				}
-				let c = it(o, n), l = await st(s, o, c, a);
+				let c = st(o, n), l = await ut(s, o, c, a);
 				if (l) {
 					r.push(l);
 					return;
 				}
-				let u = at(o, c);
+				let u = ct(o, c);
 				if (u) {
 					r.push(u);
 					return;
 				}
-				let d = ot(o, c);
+				let d = lt(o, c);
 				if (d) {
 					r.push(d);
 					return;
@@ -1332,13 +1390,13 @@ var ct = j("response"), lt = I(({ client: e }) => {
 		getByFieldName: _
 	};
 });
-function ut(e) {
-	return L(lt, e);
+function pt(e) {
+	return L(ft, e);
 }
 //#endregion
 //#region src/entities/condition/condition.ts
-var dt = j("condition"), ft = I(() => {
-	let e = dt.store({}), t = A(e, { register(e, t) {
+var mt = j("condition"), ht = I(() => {
+	let e = mt.store({}), t = A(e, { register(e, t) {
 		return {
 			...e,
 			[t.condition.id]: t.condition
@@ -1362,12 +1420,12 @@ var dt = j("condition"), ft = I(() => {
 		indexStore: e
 	};
 });
-function pt() {
-	return L(ft);
+function gt() {
+	return L(ht);
 }
 //#endregion
 //#region src/utils/api-url.ts
-function mt() {
+function _t() {
 	if (f()) {
 		let e = [
 			document.currentScript,
@@ -1382,7 +1440,7 @@ function mt() {
 }
 //#endregion
 //#region src/utils/search-params.ts
-function ht() {
+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);
@@ -1400,13 +1458,13 @@ function ht() {
 }
 //#endregion
 //#region src/entities/session/session.ts
-var Q = E("session", "global");
-function gt() {
+var yt = E("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 _t() {
+function xt() {
 	if (!u()) return null;
-	let e = w.get(Q);
+	let e = w.get(yt);
 	if (!e.isSet()) return null;
 	try {
 		return e.json();
@@ -1414,8 +1472,8 @@ function _t() {
 		return null;
 	}
 }
-var vt = I(() => {
-	let e = _t(), t = { id: e?.id ?? gt() };
+var St = I(() => {
+	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 = P(t), r = A(n, {
 		setIsUser: (e, t) => ({
@@ -1444,7 +1502,7 @@ var vt = I(() => {
 			source: n,
 			effect: (e) => {
 				if (u()) try {
-					w.get(Q).set(e);
+					w.get(yt).set(e);
 				} catch {}
 			}
 		})
@@ -1455,27 +1513,27 @@ var vt = I(() => {
 		removeIdentifier: r.removeIdentifier
 	};
 });
-function yt() {
-	return L(vt, void 0);
+function Ct() {
+	return L(St, void 0);
 }
 //#endregion
 //#region src/utils/picked-config.ts
-function bt() {
+function wt() {
 	if (o()) return globalThis.window.pickedConfig;
 }
-function xt() {
-	if (o()) return bt()?.projectId;
+function Tt() {
+	if (o()) return wt()?.projectId;
 }
-function St() {
+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 Ct(e) {
+function Dt(e) {
 	if (e.projectId) return e.projectId;
-	let t = xt();
+	let t = Tt();
 	if (t) return t;
-	let n = St();
+	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.");
 }
@@ -1484,7 +1542,7 @@ function Ct(e) {
 function $(e) {
 	return e == null || e === "" || Number.isNaN(e);
 }
-var wt = {
+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,
@@ -1505,24 +1563,24 @@ var wt = {
 		return e instanceof Set ? t.format(Array.from(e).map(String)) : e;
 	}
 };
-function Tt(e) {
+function kt(e) {
 	return typeof e == "object" && !!e;
 }
-function Et(e, t) {
+function At(e, t) {
 	let n = t;
-	for (let t of e.split(".")) if (Tt(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 Dt(e, t) {
-	let n = e.split("|").map((e) => e.trim()), r = Et(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 = wt[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 Ot(e, t) {
+function Mt(e, t) {
 	let n = "", r = 0;
 	for (; r < e.length;) if (e[r] === "{" && e[r + 1] === "{") {
 		r += 2;
@@ -1534,15 +1592,17 @@ function Ot(e, t) {
 			}
 			i += e[r++];
 		}
-		n += Dt(i.trim(), t);
+		n += jt(i.trim(), t);
 	} else n += e[r++];
 	return n;
 }
 //#endregion
 //#region src/picked.ts
-var kt = class {
+var Nt = class {
 	static logger = r;
 	options;
+	dataSource = null;
+	contentLoader;
 	plugins = {};
 	eventBus = N();
 	events;
@@ -1550,61 +1610,62 @@ var kt = class {
 	apiUrl;
 	dashboardUrl;
 	documentationSiteUrl;
-	session = yt();
-	searchParams = ht();
-	history = He();
-	components = he({ client: this });
+	session = Ct();
+	searchParams = vt();
+	history = Be();
+	components = me({ client: this });
 	experienceInstances = b({ client: this });
-	experiences = se({ client: this });
-	frameworks = ye({ client: this });
-	predicates = Fe({ client: this });
-	features = ze({ client: this });
-	conditions = pt();
-	fields = qe();
-	responses = ut({ client: this });
-	steps = Xe();
-	actions = et({ client: this });
-	stateSnapshotStore = Se({ client: this });
-	evaluateRuleLogicFx = De({ client: this });
+	experiences = oe({ client: this });
+	frameworks = _e({ client: this });
+	predicates = Ne({ client: this });
+	features = Ie({ client: this });
+	conditions = gt();
+	fields = Ge();
+	responses = pt({ client: this });
+	steps = Je();
+	contents = Qe();
+	actions = nt({ client: this });
+	stateSnapshotStore = be({ client: this });
+	evaluateRuleLogicFx = Te({ client: this });
 	start;
 	readyStore;
 	preconditionPassedStore;
 	conditionPassedStore;
 	lifecycleStageStore;
-	lifecycle = Me({ client: this });
+	lifecycle = Ae({ client: this });
 	renderStringFx = O({
 		source: this.responses.listStore,
 		effect: (e, { template: t, context: n }) => {
 			let r = {};
 			for (let t of e) r[t.fieldKey] = t.value;
-			return Ot(t, {
+			return Mt(t, {
 				...n,
 				responses: r
 			});
 		}
 	});
 	constructor(e) {
-		this.events = We(this.eventBus), this.projectId = Ct(e), this.options = Object.freeze(e), this.apiUrl = e.apiUrl || mt(), 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: te()
 		});
 	}
 	registerFramework = (e) => {
-		be(e, this.frameworks);
+		ve(e, this.frameworks);
 	};
 	registerComponent = (e, t) => {
-		ge(e, t, this.components);
+		z(e, t, this.components);
 	};
 	registerPlugin = (e) => {
-		ue(this, e, this.plugins);
+		le(this, e, this.plugins);
 		let t = this.plugins[e.name];
 		t?.onStart && this.lifecycle.registerPluginStartHook(t.onStart);
 	};
 	registerFeature = (e, t) => {
-		Be(e, t, this.features);
+		Le(e, t, this.features);
 	};
 	registerPredicate = (e, t) => {
-		Ie(e, t, this.predicates);
+		Pe(e, t, this.predicates);
 	};
 	registerCondition = (e) => {
 		this.conditions.register(e);
@@ -1613,13 +1674,16 @@ var kt = class {
 		this.fields.register(e);
 	};
 	registerStep = (e) => {
-		Ze(e, this.steps);
+		Ye(e, this.steps);
+	};
+	registerContent = (e) => {
+		$e(e, this.contents);
 	};
 	registerAction = (e, t) => {
-		tt(e, t, this.actions);
+		rt(e, t, this.actions);
 	};
 	registerExperience = (e) => {
-		e.component && ge(`experience:${e.id}`, e.component, this.components), this.experiences.register(e);
+		e.component && z(`experience:${e.id}`, e.component, this.components), this.experiences.register(e);
 	};
 	launchExperienceById = async (e, t) => {
 		this.experiences.launch({
@@ -1704,20 +1768,20 @@ var kt = class {
 };
 //#endregion
 //#region src/entities/component/lazyComponent.ts
-function At(e) {
+function Pt(e) {
 	return {
 		$$type: "lazy-component",
 		load: e
 	};
 }
-function jt(e) {
+function Ft(e) {
 	return typeof e == "object" && !!e && "$$type" in e && e.$$type === "lazy-component";
 }
 //#endregion
 //#region src/exports.ts
-var Mt = (e) => {
-	let t = new kt(e);
+var It = (e) => {
+	let t = new Nt(e);
 	return d(t), t;
 };
 //#endregion
-export { kt as Picked, Mt as createClient, le as createPluginEffect, E as createStorageKey, n as evaluateRuleLogic, bt as getPickedConfig, jt as isLazyLoader, _ as isPickedRoot, At as lazyComponent, w as localStore, T as sessionStore, C 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, ce as createPluginEffect, E as createStorageKey, n as evaluateRuleLogic, wt as getPickedConfig, Ft as isLazyLoader, _ as isPickedRoot, Pt as lazyComponent, w as localStore, T as sessionStore, C 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 };