@picked/client 0.0.62-next.1 → 0.0.62-next.11

package/dist/esm/plugins/create-experience/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../id-CRqy981z.js";
+import { t as e } from "../../../id-n2yrHvNo.js";
 //#region src/plugins/create-experience/serialization.ts
 var t = {
 	serialize(e) {

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

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

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

@@ -1,26 +1,27 @@
 import "../../../logger-6z_gb4rA.js";
-import { i as e, t } from "../../../api-Dfrznen2.js";
+import { i as e, t } from "../../../api-C6HQ65g9.js";
+import { attach as n } from "effector";
 //#region src/plugins/dynamic-experiences/hash.ts
-function n(e) {
+function r(e) {
 	let t = 2166136261;
 	for (let n = 0; n < e.length; n++) t ^= e.charCodeAt(n), t = Math.imul(t, 16777619);
 	return t >>> 0;
 }
-function r(e) {
-	return n(e) % 100;
+function i(e) {
+	return r(e) % 100;
 }
-function i(e, t) {
+function a(e, t) {
 	return t <= 0 ? !1 : t >= 100 ? !0 : e < t;
 }
 //#endregion
 //#region src/plugins/dynamic-experiences/plugin.ts
-function a(e) {
+function o(e) {
 	return typeof e == "object" && !!e && "features" in e && Array.isArray(e.features);
 }
-function o(e, t) {
+function s(e, t) {
 	if (Array.isArray(t.conditions)) for (let n of t.conditions) e.registerCondition(n);
 }
-function s(e, t) {
+function c(e, t) {
 	e.registerExperience({
 		id: t.id,
 		key: t.key,
@@ -33,10 +34,10 @@ function s(e, t) {
 		componentName: t.componentName
 	});
 }
-function c(e, t) {
+function l(e, t) {
 	if (Array.isArray(t.fields)) for (let n of t.fields) e.registerField(n);
 }
-function l(e, t) {
+function u(e, t) {
 	if (!Array.isArray(t.steps)) return;
 	let n = new Map(t.fields.map((e) => [e.id, e.key]));
 	for (let r of t.steps) {
@@ -49,23 +50,28 @@ function l(e, t) {
 			}
 			t.push(i);
 		}
+		let i = r.layoutContentId ? e.contents.getById(r.layoutContentId) : null;
 		e.registerStep({
 			id: r.id,
 			key: r.key,
 			name: r.name,
 			fieldKeys: t,
-			layoutName: r.layoutName
+			layoutName: r.layoutName,
+			...r.layoutContentId !== void 0 && {
+				layoutContentId: r.layoutContentId,
+				layoutContentStore: i
+			}
 		});
 	}
 }
-function u(e, t) {
-	if (Array.isArray(t.experiences)) for (let n of t.experiences) s(e, n);
+function d(e, t) {
+	if (Array.isArray(t.experiences)) for (let n of t.experiences) c(e, n);
 }
-function d(e) {
+function f(e) {
 	let t = e.searchParams["preview-token"];
 	if (t && t.length > 0) return t[0];
 }
-function f(e) {
+function p(e) {
 	let t = /* @__PURE__ */ new Set(), n = e.searchParams.feature;
 	if (!n) return t;
 	for (let e of n) {
@@ -74,37 +80,18 @@ function f(e) {
 	}
 	return t;
 }
-function p(e, t, n) {
-	let i = f(e), a = e.session?.id;
-	if (!a) throw Error("Session ID is required for feature registration");
-	let o = r(a);
-	for (let r of t.features) i.has(r.id) || m(e, r, n, o);
-}
 function m(e, t, n, r) {
+	let a = p(e), o = i(r);
+	for (let r of t.features) a.has(r.id) || h(e, r, n, o);
+}
+function h(e, t, n, r) {
 	e.registerFeature(t.id, {
 		key: `v${t.version}`,
 		name: t.name,
 		storage: n ? "session" : "local",
-		decide: () => t.enabled ? i(r, t.weight) : !1
+		decide: () => t.enabled ? a(r, t.weight) : !1
 	});
 }
-function h() {
-	let e;
-	try {
-		e = __PICKED_PROJECT_CONFIG__;
-	} catch {
-		return;
-	}
-	if (e === void 0) return;
-	let t;
-	if (typeof e == "string") try {
-		t = JSON.parse(e);
-	} catch {
-		return;
-	}
-	else t = e;
-	if (a(t)) return t;
-}
 function g(e) {
 	try {
 		let t = new URL(e).hostname;
@@ -119,43 +106,129 @@ function _(e) {
 	return typeof t != "object" || !t || !("code" in t) ? !1 : t.code === "ECONNREFUSED";
 }
 async function v(e, n, r) {
-	let i = r?.previewToken ? `projects/${n}?preview_token=${encodeURIComponent(r.previewToken)}` : `projects/${n}`, o;
+	let i = r?.previewToken ? `projects/${n}?preview_token=${encodeURIComponent(r.previewToken)}` : `projects/${n}`, a;
 	try {
-		o = await t(e, i, r?.headers);
+		a = await t(e, i, r?.headers);
 	} catch (t) {
 		return g(e) && _(t), null;
 	}
-	if (!o.ok) return `${o.status.toString()}`, null;
+	if (!a.ok) return `${a.status.toString()}`, null;
 	let s;
 	try {
-		s = await o.json();
+		s = await a.json();
 	} catch {
 		return null;
 	}
-	return a(s) ? s : null;
+	return o(s) ? s : null;
 }
 function y(e) {
+	return typeof e != "object" || !e || !("experienceId" in e) || !("content" in e) ? !1 : Array.isArray(e.content);
+}
+async function b(e, n, r, i) {
+	let a = i?.previewToken ? `projects/${n}/experiences/${r}/content?preview_token=${encodeURIComponent(i.previewToken)}` : `projects/${n}/experiences/${r}/content`, o;
+	try {
+		o = await t(e, a, i?.headers);
+	} catch (t) {
+		return g(e) && _(t) || `${r}`, null;
+	}
+	if (!o.ok) return `${r}${o.status.toString()}`, null;
+	let s;
+	try {
+		s = await o.json();
+	} catch {
+		return `${r}`, null;
+	}
+	return y(s) ? s : (`${r}`, null);
+}
+function x(e, t) {
+	for (let n of t.content) e.registerContent({
+		id: n.id,
+		data: n.data
+	});
+}
+function S(e) {
+	if (typeof e != "object" || !e || !("projectConfig" in e) || !("experienceContent" in e) || !("manifestMetadata" in e)) return !1;
+	let { experienceContent: t } = e;
+	return typeof t == "function";
+}
+async function C() {
+	try {
+		let e = await import("virtual:picked/data");
+		return S(e) ? e : null;
+	} catch {
+		return null;
+	}
+}
+function w(e, t, n) {
+	return (r) => b(e, t, r.id, n ? { previewToken: n } : void 0);
+}
+function T(e, t) {
+	return (n) => e(n, t ? { previewToken: t } : void 0);
+}
+function E(e) {
+	return (t, n) => e.experienceContent(t, n);
+}
+function D(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	return (r, i) => {
+		let a = n.get(r.id);
+		if (a) return a;
+		let o = (async () => {
+			try {
+				let n = await t(r, i);
+				return n && x(e, n), n;
+			} finally {
+				n.delete(r.id);
+			}
+		})();
+		return n.set(r.id, o), o;
+	};
+}
+async function O(e) {
+	let { client: t, apiUrl: n, options: r } = e, i = f(t), a = !!i, o = r?.projectConfig ?? null, s = r?.getContent ? T(r.getContent, i) : null, c = null;
+	if (i) return o ??= await v(n, t.projectId, { previewToken: i }), s ??= w(n, t.projectId, i), {
+		config: o,
+		contentLoader: s,
+		dataSource: c,
+		isPreview: a
+	};
+	if (o && s) return {
+		config: o,
+		contentLoader: s,
+		dataSource: c,
+		isPreview: a
+	};
+	let l = await C();
+	return l ? (o ??= l.projectConfig, s ??= E(l), c = l.manifestMetadata, {
+		config: o,
+		contentLoader: s,
+		dataSource: c,
+		isPreview: a
+	}) : (o ??= await v(n, t.projectId), s ??= w(n, t.projectId), {
+		config: o,
+		contentLoader: s,
+		dataSource: c,
+		isPreview: a
+	});
+}
+function k(e) {
 	return {
 		name: "dynamic-experiences",
 		setup: (t) => {
-			let n = e?.apiUrl ?? t.apiUrl;
-			return { onStart: async () => {
-				let r = d(t);
-				if (r) {
-					let e = await v(n, t.projectId, { previewToken: r });
-					e && (p(t, e, !0), o(t, e), c(t, e), l(t, e), u(t, e));
-					return;
-				}
-				let i = e?.projectConfig ?? h();
-				if (i) {
-					p(t, i, !1), o(t, i), c(t, i), l(t, i), u(t, i);
-					return;
+			let r = e?.apiUrl ?? t.apiUrl;
+			return { onStart: n({
+				source: t.session.store.map((e) => e.id),
+				effect: async (n) => {
+					let { config: i, contentLoader: a, dataSource: o, isPreview: c } = await O({
+						client: t,
+						apiUrl: r,
+						options: e
+					});
+					a && (t.contentLoader = D(t, a)), t.dataSource = o, i && (m(t, i, c, n), s(t, i), l(t, i), u(t, i), d(t, i));
 				}
-				let a = await v(n, t.projectId);
-				a && (p(t, a, !1), o(t, a), c(t, a), l(t, a), u(t, a));
-			} };
+			}) };
 		}
 	};
 }
 //#endregion
-export { e as createClientHeaders, y as dynamicExperiencesPlugin, v as fetchProject };
+export { e as createClientHeaders, k as dynamicExperiencesPlugin, b as fetchExperienceContent, v as fetchProject };

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

@@ -1,6 +1,6 @@
 import "../../../logger-6z_gb4rA.js";
 import { d as e } from "../../../supports-0XIfd4-R.js";
-import { n as t, r as n, t as r } from "../../../storage-6Xk0uAxB.js";
+import { n as t, r as n, t as r } from "../../../storage-hOHCCXvP.js";
 import { createEffect as i, sample as a } from "effector";
 //#region src/plugins/experience-browser-storage/plugin.ts
 var o = ({ storage: o = "local" } = {}) => ({
@@ -10,7 +10,7 @@ var o = ({ storage: o = "local" } = {}) => ({
 		let c = o === "local" ? t : n, l = i(async (e) => {
 			if (!e) return;
 			let t = r("open-close", "experience", e), n = c.get(t).boolean();
-			e.setOpen(n ?? e.isOpenStore.getState());
+			n !== null && e.setOpen(n);
 		});
 		a({
 			source: s.eventBus,
@@ -18,12 +18,15 @@ var o = ({ storage: o = "local" } = {}) => ({
 			fn: (e) => e.experience,
 			target: l
 		});
-		let u = i(async (e) => {
-			let t = r("open-close", "experience", e), n = e.isOpenStore.getState();
-			c.set(t, n);
+		let u = i(async ({ experience: e, isOpen: t }) => {
+			let n = r("open-close", "experience", e);
+			c.set(n, t);
 		}), d = (e) => a({
 			source: e.isOpenStore,
-			fn: () => e,
+			fn: (t) => ({
+				experience: e,
+				isOpen: t
+			}),
 			target: u
 		});
 		s.experienceInstances.listStore.watch((e) => {

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

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

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

@@ -1,5 +1,5 @@
 import { d as e } from "../../../supports-0XIfd4-R.js";
-import { n as t, r as n, t as r } from "../../../storage-6Xk0uAxB.js";
+import { n as t, r as n, t as r } from "../../../storage-hOHCCXvP.js";
 import { attach as i, createEffect as a, sample as o } from "effector";
 //#region src/plugins/responses-browser-storage/plugin.ts
 var s = r("responses", "global");

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

@@ -1,4 +1,4 @@
-import { n as e } from "../../../object-C82v79xc.js";
+import { n as e } from "../../../object-DvUDOytC.js";
 import { d as t, f as n, i as r } from "../../../supports-0XIfd4-R.js";
 //#region src/plugins/single-page-app/plugin.ts
 var i = n, a, o = (e) => ({

package/dist/esm/plugins/web-components/index.js

@@ -9,7 +9,7 @@ var n = () => ({
 		class i extends HTMLElement {
 			connectedCallback() {
 				let e = this.getAttribute("experience-id");
-				n.isReady && e && n.experiences.launch({ id: e });
+				n.readyStore.getState() && e && n.experiences.launch({ id: e });
 			}
 		}
 		window.customElements.define(r, i);

package/dist/esm/server/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../experience-instance-DJaNc5Ob.js";
+import { t as e } from "../../experience-instance-DImym3m_.js";
 import { attach as t, createEffect as n, createEvent as r, createStore as i, sample as a } from "effector";
 //#region src/server/index.ts
 function o() {
@@ -19,17 +19,27 @@ function s(s, c) {
 		currentExperienceIndex: 0,
 		renderedExperiences: [],
 		isComplete: !1
-	}), v = n(async ({ experience: e, availableRenderers: t, startRendererIndex: n = 0 }) => {
-		if (!e) return null;
-		for (let r = n; r < t.length; r++) {
-			let n = t[r], i = e.componentStore.getState();
-			if (i && n?.isValidComponent(i.component)) return {
-				rendered: await n.render(i.component, s, e),
-				rendererIndex: r
-			};
+	}), v = n(async (e) => {
+		let n = t({
+			source: e.experience.componentStore,
+			effect: async (t, n) => {
+				let r = e.availableRenderers[n];
+				return t && r?.isValidComponent(t.component) ? {
+					rendered: await r.render(t.component, s, e.experience),
+					rendererIndex: n
+				} : null;
+			}
+		}), r = e.startRendererIndex ?? 0;
+		for (let t = r; t < e.availableRenderers.length; t++) {
+			let e = await n(t);
+			if (e) return e;
 		}
 		return null;
-	});
+	}), y = n(async ({ experience: e, availableRenderers: t, startRendererIndex: n = 0 }) => e ? v({
+		experience: e,
+		availableRenderers: t,
+		startRendererIndex: n
+	}) : null);
 	return _.on(p, (e, t) => ({
 		...e,
 		renderedExperiences: [...e.renderedExperiences, t],
@@ -55,9 +65,9 @@ function s(s, c) {
 			availableRenderers: c,
 			startRendererIndex: 0
 		}),
-		target: v
+		target: y
 	}), a({
-		clock: v.doneData,
+		clock: y.doneData,
 		filter: (e) => e !== null,
 		fn: (e) => e.rendered.body,
 		target: p
@@ -65,7 +75,7 @@ function s(s, c) {
 		clock: p,
 		target: f
 	}), a({
-		clock: v.doneData,
+		clock: y.doneData,
 		filter: (e) => e === null,
 		target: h
 	}), a({