@picked/client 0.0.62-next.3 → 0.0.62-next.5

package/dist/experience-instance-DImym3m_.js

@@ -0,0 +1,419 @@
+import { n as e, t } from "./rules-logic-D_CVBuv7.js";
+import "./logger-6z_gb4rA.js";
+import { n, o as r } from "./dom-DGePXPpM.js";
+import { attach as i, combine as a, createApi as o, createDomain as s, createEffect as c, createEvent as l, sample as u, split as d } from "effector";
+import { createFactory as f, invoke as p } from "@withease/factories";
+//#region src/utils/nodes.ts
+function m(e) {
+	return e.type === "condition";
+}
+function h(e) {
+	return e.type === "step";
+}
+function g(e) {
+	return e.type === "experience";
+}
+function _(e) {
+	return e.type === "origin";
+}
+function v(e) {
+	return e.type === "action";
+}
+//#endregion
+//#region src/utils/node-tree/next-reachable-step-nodes.ts
+var y = (e, t, n, r, i = /* @__PURE__ */ new Set()) => i.has(n.id) ? [] : (i.add(n.id), h(n) && !r ? [n] : t.filter((e) => e.sourceNodeId === n.id).flatMap((n) => {
+	let r = e.find((e) => e.id === n.destinationNodeId);
+	return r ? y(e, t, r, !1, i) : [];
+})), ee = (e, t, n) => y(e, t, n, !0, /* @__PURE__ */ new Set()), b = (e, t, n, r, i = /* @__PURE__ */ new Set()) => {
+	if (i.has(n.id)) return [-1, -1];
+	i.add(n.id);
+	let a = t.filter((e) => e.sourceNodeId === n.id);
+	if (a.length === 0) return [0, 0];
+	let o = Infinity, s = -Infinity;
+	for (let n of a) {
+		let r = e.find((e) => e.id === n.destinationNodeId);
+		if (!r) continue;
+		let [a, c] = b(e, t, r, !1, new Set(i));
+		a !== -1 && (o = Math.min(o, a + 1), s = Math.max(s, c + 1));
+	}
+	return o === Infinity ? [-1, -1] : [o, s];
+}, te = (e, t, n) => b(e, t, n, !0, /* @__PURE__ */ new Set()), x = (e, t, n, r = /* @__PURE__ */ new Set()) => {
+	if (r.has(n.id)) return [-1, -1];
+	if (r.add(n.id), n.type === "origin") return [0, 0];
+	let i = t.filter((e) => e.destinationNodeId === n.id);
+	if (i.length === 0) return [-1, -1];
+	let a = Infinity, o = -Infinity;
+	for (let n of i) {
+		let i = e.find((e) => e.id === n.sourceNodeId);
+		if (!i) continue;
+		let [s, c] = x(e, t, i, new Set(r));
+		s !== -1 && (a = Math.min(a, s + 1), o = Math.max(o, c + 1));
+	}
+	return a === Infinity ? [-1, -1] : [a, o];
+}, S = (e, t, n) => x(e, t, n, /* @__PURE__ */ new Set()), C = (e) => e.find((e) => e.type === "origin") || null, w = (e, t, n) => {
+	if (!e) return C(t);
+	let r = n.find((t) => t.sourceNodeId === e.id);
+	return r && t.find((e) => e.id === r.destinationNodeId) || null;
+};
+//#endregion
+//#region src/utils/node-tree/get-next-node-from-condition.ts
+async function ne(e, t, n, r) {
+	let i = e ? "true" : "false", a = r.find((e) => e.sourceHandle === i && e.sourceNodeId === t);
+	return n.find((e) => e.id === a?.destinationNodeId);
+}
+//#endregion
+//#region src/entities/experience-instance/experience-instance.ts
+var T = s("experience-instance"), E = f(({ client: r, experience: s, target: f, options: p }) => {
+	let y = l(), b = l(), x = l(), E = l(), D = l(), O = l(), k = s.componentStore, A = T.store("transitioning"), j = r.history.entriesStore.map((e) => e.filter((e) => e.experienceId === s.id)), M = j.map((e) => e.filter((e) => h(e.node))), N = j.map((e) => e.at(-1)?.node || null), P = a(r.steps.listStore, N, (e, t) => e.find((e) => t && h(t) && e.id === t.stepId) || null), re = a(r.steps.listStore, M, (e, t) => {
+		let n = t.at(-2);
+		if (!n || !h(n.node)) return null;
+		let r = n.node;
+		return e.find((e) => e.id === r.stepId) || null;
+	}), F = a(s.treeStore, N, ({ nodes: e, edges: t }, n) => n ? ee(e, t, n) : []), I = a(s.treeStore, N, ({ nodes: e, edges: t }, n) => n ? S(e, t, n) : [-1, -1]), L = a(s.treeStore, N, ({ nodes: e, edges: t }, n) => n ? te(e, t, n) : [-1, -1]), R = T.store(!1), z = o(R, {
+		open: () => !0,
+		close: () => !1,
+		toggle: (e) => !e,
+		set: (e, t) => t
+	}), B = c(async () => {
+		r.history.back({ experienceId: s.id });
+	}), V = i({
+		source: s.treeStore,
+		effect: async (e, t) => {
+			let n = e.nodes.find((e) => h(e) && e.stepId === t);
+			n && r.history.push({
+				experienceId: s.id,
+				node: n
+			});
+		}
+	}), H = i({
+		source: N,
+		effect: (e) => {}
+	}), U = i({
+		source: s.treeStore,
+		effect: async ({ nodes: e }) => C(e)
+	}), W = i({
+		source: s.treeStore,
+		effect: async ({ nodes: e, edges: t }, n) => {
+			if (_(n)) return w(n, e, t);
+		}
+	}), G = i({
+		source: s.treeStore,
+		effect: async ({ nodes: e, edges: n, conditions: i }, a) => {
+			if (!m(a)) return;
+			let o = i.find((e) => e.id === a.conditionId)?.logic;
+			return o ? ne(!!await t(r, o), a.id, e, n) : void 0;
+		}
+	}), K = i({
+		source: {
+			tree: s.treeStore,
+			actions: r.actions.listStore,
+			snapshot: r.stateSnapshotStore
+		},
+		effect: async ({ tree: e, actions: t, snapshot: n }, r) => {
+			let { nodes: i, edges: a } = e;
+			if (!v(r)) return;
+			let o = r.actionKey;
+			if (!o) {
+				`${r.id}`;
+				return;
+			}
+			let s = t.find((e) => e.key === o)?.action;
+			if (!s) {
+				`${o}`;
+				let e = a.find((e) => e.sourceNodeId === r.id && e.sourceHandle === "false");
+				return e ? i.find((t) => t.id === e.destinationNodeId) : null;
+			}
+			if (typeof s != "function") {
+				`${o}`;
+				let e = a.find((e) => e.sourceNodeId === r.id && e.sourceHandle === "false");
+				return e ? i.find((t) => t.id === e.destinationNodeId) : null;
+			}
+			try {
+				`${o}`, await s({
+					...n,
+					args: []
+				}, { experience: Z });
+				let e = a.find((e) => e.sourceNodeId === r.id && e.sourceHandle === "true");
+				if (!e) return `${r.id}`, null;
+				let t = i.find((t) => t.id === e.destinationNodeId);
+				return `${o}${t?.id}`, t || null;
+			} catch {
+				`${o}`;
+				let e = a.find((e) => e.sourceNodeId === r.id && e.sourceHandle === "false");
+				if (!e) return `${r.id}`, null;
+				let t = i.find((t) => t.id === e.destinationNodeId);
+				return `${o}${t?.id}`, t || null;
+			}
+		}
+	}), ie = c((e) => {
+		g(e) && r.experiences.launch({ key: e.experienceKey });
+	}), q = i({
+		source: [N, s.treeStore],
+		effect: async ([e, { nodes: t, edges: n }]) => w(e, t, n)
+	}), J = i({
+		source: [N, s.treeStore],
+		effect: async ([e, { nodes: t, edges: n }]) => w(e, t, n)
+	}), ae = c((e) => {
+		r.history.push({
+			experienceId: s.id,
+			node: e
+		});
+	}), Y = i({
+		source: s.configStore,
+		effect: async ({ initializeOpenLogic: n }) => p?.initialiseOpen === void 0 ? e(n) ? !!await t(r, n) : n ?? !1 : p.initialiseOpen
+	}), X = a(k, r.frameworks.listStore, (e, t) => {
+		if (!e) return null;
+		let n = t.find((t) => t.name === e.component.frameworkName);
+		return n ? {
+			component: e,
+			framework: n
+		} : null;
+	}, { skipVoid: !1 }), Z, oe = i({
+		source: X,
+		effect: (e) => {
+			if (!e) return;
+			if (!f) {
+				`${s.id}`;
+				return;
+			}
+			let t = n(f);
+			try {
+				e.framework.render(t, e.component.component, r, Z);
+			} catch {}
+		}
+	});
+	Z = Object.freeze({
+		id: Math.random().toString(36).substring(7),
+		experienceKey: s.key,
+		experienceId: s.id,
+		experienceName: s.name,
+		configStore: s.configStore,
+		target: f,
+		componentStore: k,
+		componentAndFrameworkStore: X,
+		stateStore: A,
+		isOpenStore: R,
+		open: z.open,
+		close: z.close,
+		toggleOpen: z.toggle,
+		setOpen: z.set,
+		treeStore: s.treeStore,
+		currentNodeStore: N,
+		currentStepStore: P,
+		previousStepStore: re,
+		nextReachableStepNodesStore: F,
+		stepsToOriginStore: I,
+		stepsToLeafStore: L,
+		goToNextStep: b,
+		goToPreviousStep: x,
+		goToStepById: E,
+		stepsHistoryStore: M,
+		mountFx: oe
+	});
+	let Q = l(), $ = l();
+	return u({
+		clock: N,
+		target: Q
+	}), u({
+		clock: Q,
+		filter: (e) => e === null,
+		target: U
+	}), u({
+		clock: Q,
+		filter: (e) => e !== null,
+		target: $
+	}), d({
+		source: $,
+		match: (e) => m(e) ? "condition" : h(e) ? "step" : g(e) ? "launchExperience" : _(e) ? "origin" : v(e) ? "action" : "other",
+		cases: {
+			origin: W,
+			condition: G,
+			step: H,
+			launchExperience: ie,
+			action: K,
+			__: l()
+		}
+	}), u({
+		clock: [
+			G.doneData,
+			W.doneData,
+			U.doneData,
+			J.doneData,
+			q.doneData,
+			K.doneData
+		],
+		filter: Boolean,
+		target: ae
+	}), u({
+		clock: b,
+		target: J
+	}), u({
+		clock: b,
+		source: P,
+		filter: Boolean,
+		target: r.eventBus.prepend((e) => ({
+			type: "step_submit",
+			step: e,
+			experience: Z
+		}))
+	}), u({
+		clock: J.done,
+		source: P,
+		filter: Boolean,
+		target: r.eventBus.prepend((e) => ({
+			type: "step_submit_success",
+			step: e,
+			experience: Z
+		}))
+	}), u({
+		clock: J.fail,
+		source: P,
+		filter: Boolean,
+		target: r.eventBus.prepend((e) => ({
+			type: "step_submit_error",
+			step: e,
+			experience: Z
+		}))
+	}), u({
+		clock: x,
+		target: B
+	}), u({
+		clock: E,
+		target: V
+	}), u({
+		source: a([
+			G.pending,
+			W.pending,
+			U.pending,
+			J.pending
+		]),
+		fn: (e) => e.some(Boolean) ? "transitioning" : "ready",
+		target: A
+	}), u({
+		clock: H.doneData,
+		source: P,
+		filter: Boolean,
+		target: r.eventBus.prepend((e) => ({
+			type: "step_enter",
+			step: e,
+			experience: Z
+		}))
+	}), u({
+		clock: O,
+		target: Y
+	}), u({
+		source: Y.doneData,
+		fn: Boolean,
+		target: R
+	}), u({
+		source: N,
+		clock: y,
+		filter: (e) => e ? _(e) : !0,
+		target: q
+	}), u({
+		source: R,
+		filter: Boolean,
+		target: y
+	}), u({
+		source: R,
+		filter: Boolean,
+		target: r.eventBus.prepend(() => ({
+			type: "experience_open",
+			experience: Z
+		}))
+	}), u({
+		source: R,
+		filter: (e) => !e,
+		target: r.eventBus.prepend(() => ({
+			type: "experience_close",
+			experience: Z
+		}))
+	}), u({
+		clock: D,
+		target: [O]
+	}), D(), Z;
+});
+function D(e) {
+	return p(E, e);
+}
+var O = f(({ client: e }) => {
+	let t = T.store({}), n = l(), i = l(), a = l(), s = o(t, {
+		register(e, t) {
+			let n = [...e[t.experienceId] ?? []];
+			return n.push(t), {
+				...e,
+				[t.experienceId]: n
+			};
+		},
+		unregister(e, t) {
+			let n = t.experienceId, r = e[n]?.filter((e) => e !== t);
+			return {
+				...e,
+				[n]: r ?? []
+			};
+		}
+	}), d = c(({ experience: t, target: n, options: r }) => D({
+		client: e,
+		experience: t,
+		target: n,
+		options: r
+	})), f = c((e) => {
+		s.register(e);
+	}), p = c((e) => {
+		e.target && r(e.target, () => {
+			a(e);
+		});
+	}), m = c((e) => {
+		s.unregister(e);
+	}), h = c(async (e) => {
+		await e.mountFx();
+	});
+	u({
+		clock: n,
+		target: d
+	}), u({
+		clock: a,
+		target: m
+	}), u({
+		clock: d.doneData,
+		target: [
+			f,
+			p,
+			i
+		]
+	}), u({
+		clock: d.doneData,
+		target: e.eventBus.prepend((e) => ({
+			type: "experience_initialize",
+			experience: e
+		}))
+	}), u({
+		clock: i,
+		target: h
+	});
+	function g(e, t, r) {
+		n({
+			experience: e,
+			target: t,
+			options: r
+		});
+	}
+	let _ = t.map((e) => Object.values(e).flat());
+	function v(e) {
+		return _.map((t) => t.filter((t) => t.experienceKey === e), { skipVoid: !1 });
+	}
+	function y(e) {
+		return t.map((t) => t[e] || [], { skipVoid: !1 });
+	}
+	return {
+		spawn: g,
+		getByExperienceKey: v,
+		getByExperienceId: y,
+		listStore: _
+	};
+});
+function k(e) {
+	return p(O, e);
+}
+//#endregion
+export { h as i, k as n, m as r, D as t };

package/dist/experience-instance-DygAdzbn.cjs

@@ -0,0 +1 @@
+const e=require(`./rules-logic-H6P8xwHF.cjs`);require(`./logger-fbvQC40v.cjs`);const t=require(`./dom-C3C6Fmwz.cjs`);let n=require(`effector`),r=require(`@withease/factories`);function i(e){return e.type===`condition`}function a(e){return e.type===`step`}function o(e){return e.type===`experience`}function s(e){return e.type===`origin`}function c(e){return e.type===`action`}var l=(e,t,n,r,i=new Set)=>i.has(n.id)?[]:(i.add(n.id),a(n)&&!r?[n]:t.filter(e=>e.sourceNodeId===n.id).flatMap(n=>{let r=e.find(e=>e.id===n.destinationNodeId);return r?l(e,t,r,!1,i):[]})),u=(e,t,n)=>l(e,t,n,!0,new Set),d=(e,t,n,r,i=new Set)=>{if(i.has(n.id))return[-1,-1];i.add(n.id);let a=t.filter(e=>e.sourceNodeId===n.id);if(a.length===0)return[0,0];let o=1/0,s=-1/0;for(let n of a){let r=e.find(e=>e.id===n.destinationNodeId);if(!r)continue;let[a,c]=d(e,t,r,!1,new Set(i));a!==-1&&(o=Math.min(o,a+1),s=Math.max(s,c+1))}return o===1/0?[-1,-1]:[o,s]},f=(e,t,n)=>d(e,t,n,!0,new Set),p=(e,t,n,r=new Set)=>{if(r.has(n.id))return[-1,-1];if(r.add(n.id),n.type===`origin`)return[0,0];let i=t.filter(e=>e.destinationNodeId===n.id);if(i.length===0)return[-1,-1];let a=1/0,o=-1/0;for(let n of i){let i=e.find(e=>e.id===n.sourceNodeId);if(!i)continue;let[s,c]=p(e,t,i,new Set(r));s!==-1&&(a=Math.min(a,s+1),o=Math.max(o,c+1))}return a===1/0?[-1,-1]:[a,o]},m=(e,t,n)=>p(e,t,n,new Set),h=e=>e.find(e=>e.type===`origin`)||null,g=(e,t,n)=>{if(!e)return h(t);let r=n.find(t=>t.sourceNodeId===e.id);return r&&t.find(e=>e.id===r.destinationNodeId)||null};async function _(e,t,n,r){let i=e?`true`:`false`,a=r.find(e=>e.sourceHandle===i&&e.sourceNodeId===t);return n.find(e=>e.id===a?.destinationNodeId)}var v=(0,n.createDomain)(`experience-instance`),y=(0,r.createFactory)(({client:r,experience:l,target:d,options:p})=>{let y=(0,n.createEvent)(),b=(0,n.createEvent)(),x=(0,n.createEvent)(),S=(0,n.createEvent)(),C=(0,n.createEvent)(),w=(0,n.createEvent)(),T=l.componentStore,E=v.store(`transitioning`),D=r.history.entriesStore.map(e=>e.filter(e=>e.experienceId===l.id)),O=D.map(e=>e.filter(e=>a(e.node))),k=D.map(e=>e.at(-1)?.node||null),A=(0,n.combine)(r.steps.listStore,k,(e,t)=>e.find(e=>t&&a(t)&&e.id===t.stepId)||null),j=(0,n.combine)(r.steps.listStore,O,(e,t)=>{let n=t.at(-2);if(!n||!a(n.node))return null;let r=n.node;return e.find(e=>e.id===r.stepId)||null}),M=(0,n.combine)(l.treeStore,k,({nodes:e,edges:t},n)=>n?u(e,t,n):[]),N=(0,n.combine)(l.treeStore,k,({nodes:e,edges:t},n)=>n?m(e,t,n):[-1,-1]),P=(0,n.combine)(l.treeStore,k,({nodes:e,edges:t},n)=>n?f(e,t,n):[-1,-1]),F=v.store(!1),I=(0,n.createApi)(F,{open:()=>!0,close:()=>!1,toggle:e=>!e,set:(e,t)=>t}),L=(0,n.createEffect)(async()=>{r.history.back({experienceId:l.id})}),R=(0,n.attach)({source:l.treeStore,effect:async(e,t)=>{let n=e.nodes.find(e=>a(e)&&e.stepId===t);n&&r.history.push({experienceId:l.id,node:n})}}),z=(0,n.attach)({source:k,effect:e=>{}}),B=(0,n.attach)({source:l.treeStore,effect:async({nodes:e})=>h(e)}),V=(0,n.attach)({source:l.treeStore,effect:async({nodes:e,edges:t},n)=>{if(s(n))return g(n,e,t)}}),H=(0,n.attach)({source:l.treeStore,effect:async({nodes:t,edges:n,conditions:a},o)=>{if(!i(o))return;let s=a.find(e=>e.id===o.conditionId)?.logic;return s?_(!!await e.t(r,s),o.id,t,n):void 0}}),U=(0,n.attach)({source:{tree:l.treeStore,actions:r.actions.listStore,snapshot:r.stateSnapshotStore},effect:async({tree:e,actions:t,snapshot:n},r)=>{let{nodes:i,edges:a}=e;if(!c(r))return;let o=r.actionKey;if(!o){`${r.id}`;return}let s=t.find(e=>e.key===o)?.action;if(!s){`${o}`;let e=a.find(e=>e.sourceNodeId===r.id&&e.sourceHandle===`false`);return e?i.find(t=>t.id===e.destinationNodeId):null}if(typeof s!=`function`){`${o}`;let e=a.find(e=>e.sourceNodeId===r.id&&e.sourceHandle===`false`);return e?i.find(t=>t.id===e.destinationNodeId):null}try{`${o}`,await s({...n,args:[]},{experience:X});let e=a.find(e=>e.sourceNodeId===r.id&&e.sourceHandle===`true`);if(!e)return`${r.id}`,null;let t=i.find(t=>t.id===e.destinationNodeId);return`${o}${t?.id}`,t||null}catch{`${o}`;let e=a.find(e=>e.sourceNodeId===r.id&&e.sourceHandle===`false`);if(!e)return`${r.id}`,null;let t=i.find(t=>t.id===e.destinationNodeId);return`${o}${t?.id}`,t||null}}}),W=(0,n.createEffect)(e=>{o(e)&&r.experiences.launch({key:e.experienceKey})}),G=(0,n.attach)({source:[k,l.treeStore],effect:async([e,{nodes:t,edges:n}])=>g(e,t,n)}),K=(0,n.attach)({source:[k,l.treeStore],effect:async([e,{nodes:t,edges:n}])=>g(e,t,n)}),q=(0,n.createEffect)(e=>{r.history.push({experienceId:l.id,node:e})}),J=(0,n.attach)({source:l.configStore,effect:async({initializeOpenLogic:t})=>p?.initialiseOpen===void 0?e.n(t)?!!await e.t(r,t):t??!1:p.initialiseOpen}),Y=(0,n.combine)(T,r.frameworks.listStore,(e,t)=>{if(!e)return null;let n=t.find(t=>t.name===e.component.frameworkName);return n?{component:e,framework:n}:null},{skipVoid:!1}),X,Z=(0,n.attach)({source:Y,effect:e=>{if(!e)return;if(!d){`${l.id}`;return}let n=t.n(d);try{e.framework.render(n,e.component.component,r,X)}catch{}}});X=Object.freeze({id:Math.random().toString(36).substring(7),experienceKey:l.key,experienceId:l.id,experienceName:l.name,configStore:l.configStore,target:d,componentStore:T,componentAndFrameworkStore:Y,stateStore:E,isOpenStore:F,open:I.open,close:I.close,toggleOpen:I.toggle,setOpen:I.set,treeStore:l.treeStore,currentNodeStore:k,currentStepStore:A,previousStepStore:j,nextReachableStepNodesStore:M,stepsToOriginStore:N,stepsToLeafStore:P,goToNextStep:b,goToPreviousStep:x,goToStepById:S,stepsHistoryStore:O,mountFx:Z});let Q=(0,n.createEvent)(),$=(0,n.createEvent)();return(0,n.sample)({clock:k,target:Q}),(0,n.sample)({clock:Q,filter:e=>e===null,target:B}),(0,n.sample)({clock:Q,filter:e=>e!==null,target:$}),(0,n.split)({source:$,match:e=>i(e)?`condition`:a(e)?`step`:o(e)?`launchExperience`:s(e)?`origin`:c(e)?`action`:`other`,cases:{origin:V,condition:H,step:z,launchExperience:W,action:U,__:(0,n.createEvent)()}}),(0,n.sample)({clock:[H.doneData,V.doneData,B.doneData,K.doneData,G.doneData,U.doneData],filter:Boolean,target:q}),(0,n.sample)({clock:b,target:K}),(0,n.sample)({clock:b,source:A,filter:Boolean,target:r.eventBus.prepend(e=>({type:`step_submit`,step:e,experience:X}))}),(0,n.sample)({clock:K.done,source:A,filter:Boolean,target:r.eventBus.prepend(e=>({type:`step_submit_success`,step:e,experience:X}))}),(0,n.sample)({clock:K.fail,source:A,filter:Boolean,target:r.eventBus.prepend(e=>({type:`step_submit_error`,step:e,experience:X}))}),(0,n.sample)({clock:x,target:L}),(0,n.sample)({clock:S,target:R}),(0,n.sample)({source:(0,n.combine)([H.pending,V.pending,B.pending,K.pending]),fn:e=>e.some(Boolean)?`transitioning`:`ready`,target:E}),(0,n.sample)({clock:z.doneData,source:A,filter:Boolean,target:r.eventBus.prepend(e=>({type:`step_enter`,step:e,experience:X}))}),(0,n.sample)({clock:w,target:J}),(0,n.sample)({source:J.doneData,fn:Boolean,target:F}),(0,n.sample)({source:k,clock:y,filter:e=>e?s(e):!0,target:G}),(0,n.sample)({source:F,filter:Boolean,target:y}),(0,n.sample)({source:F,filter:Boolean,target:r.eventBus.prepend(()=>({type:`experience_open`,experience:X}))}),(0,n.sample)({source:F,filter:e=>!e,target:r.eventBus.prepend(()=>({type:`experience_close`,experience:X}))}),(0,n.sample)({clock:C,target:[w]}),C(),X});function b(e){return(0,r.invoke)(y,e)}var x=(0,r.createFactory)(({client:e})=>{let r=v.store({}),i=(0,n.createEvent)(),a=(0,n.createEvent)(),o=(0,n.createEvent)(),s=(0,n.createApi)(r,{register(e,t){let n=[...e[t.experienceId]??[]];return n.push(t),{...e,[t.experienceId]:n}},unregister(e,t){let n=t.experienceId,r=e[n]?.filter(e=>e!==t);return{...e,[n]:r??[]}}}),c=(0,n.createEffect)(({experience:t,target:n,options:r})=>b({client:e,experience:t,target:n,options:r})),l=(0,n.createEffect)(e=>{s.register(e)}),u=(0,n.createEffect)(e=>{e.target&&t.o(e.target,()=>{o(e)})}),d=(0,n.createEffect)(e=>{s.unregister(e)}),f=(0,n.createEffect)(async e=>{await e.mountFx()});(0,n.sample)({clock:i,target:c}),(0,n.sample)({clock:o,target:d}),(0,n.sample)({clock:c.doneData,target:[l,u,a]}),(0,n.sample)({clock:c.doneData,target:e.eventBus.prepend(e=>({type:`experience_initialize`,experience:e}))}),(0,n.sample)({clock:a,target:f});function p(e,t,n){i({experience:e,target:t,options:n})}let m=r.map(e=>Object.values(e).flat());function h(e){return m.map(t=>t.filter(t=>t.experienceKey===e),{skipVoid:!1})}function g(e){return r.map(t=>t[e]||[],{skipVoid:!1})}return{spawn:p,getByExperienceKey:h,getByExperienceId:g,listStore:m}});function S(e){return(0,r.invoke)(x,e)}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});

package/dist/types/plugins/dom-observer/index.d.ts

@@ -0,0 +1,3 @@
+/** @file Public entrypoint for the dom-observer plugin. */
+export { domObserverPlugin } from './plugin';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/plugins/dom-observer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/plugins/dom-observer/index.ts"],"names":[],"mappings":"AAAA,2DAA2D;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA"}

package/dist/types/plugins/dom-observer/plugin.d.ts

@@ -0,0 +1,50 @@
+import { Plugin } from '../../entities/plugin/plugin';
+/**
+ * Watches the document for `childList` mutations and reconciles experiences
+ * whose declared target selectors match newly added DOM subtrees. Each
+ * matching experience runs through its per-experience `shouldInitialiseFx`,
+ * and on `true` is handed to its `initialiseFx(undefined)`.
+ *
+ * Scope: lazy-mounted target hosts that arrive after the initial bulk init
+ * in `picked.ts`. Route-driven re-initialisation (decisionLogic depending
+ * on `location.pathname`, lifecycle event re-fires, plugin start hooks)
+ * is the responsibility of `singlePageAppPlugin`, which calls
+ * `client.start()` on history events. Pair the two plugins to cover both.
+ *
+ * Pipeline:
+ *  - Each experience's `configStore.watch()` pushes its trimmed selectors
+ *    into a reactive `Store<Map<id, string[]>>`. Empty / whitespace-only
+ *    selectors are filtered out.
+ *  - A single `MutationObserver` collects `Element` instances from
+ *    `childList.addedNodes` across one animation frame, then fires a
+ *    single `mutationObserved` event carrying the collected elements.
+ *  - `sample` filters registered experiences to those whose selectors
+ *    match at least one added element via `el.matches` or
+ *    `el.querySelector`. Malformed selectors are skipped per-experience
+ *    without poisoning the rest of the batch. The matched array is
+ *    routed straight into `reconcileMatchedFx` via `sample.target`.
+ *  - `reconcileMatchedFx` invokes each experience's
+ *    `shouldInitialiseFx`, and on `true` its `initialiseFx(undefined)`.
+ *    `initialiseFx` is idempotent: tagged target elements are skipped
+ *    on subsequent passes.
+ *
+ * Setup is deferred until `document.body` is parsed, so SDKs loaded from
+ * `<head>` without `defer` (the standard Shopify-theme / GTM-template
+ * pattern) still install once the body becomes available.
+ *
+ * No-ops outside browser environments and on partial-DOM runtimes that
+ * lack `MutationObserver` or `requestAnimationFrame`. `MutationObserver`
+ * does not cross shadow root or iframe boundaries, so experiences whose
+ * target lives inside a shadow tree or a cross-origin frame are not
+ * reconciled by this plugin.
+ *
+ * @returns {Plugin} The plugin.
+ * @example
+ * ```typescript
+ * createClient({
+ *   plugins: [domObserverPlugin()]
+ * })
+ * ```
+ */
+export declare const domObserverPlugin: () => Plugin;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/types/plugins/dom-observer/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../../src/plugins/dom-observer/plugin.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAA;AAK1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,iBAAiB,QAAO,MAiBpC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/client",
-  "version": "0.0.62-next.3",
+  "version": "0.0.62-next.5",
   "dependencies": {
     "@withease/factories": "^1.0.5"
   },
@@ -89,6 +89,12 @@
       "require": "./dist/cjs/plugins/dynamic-experiences/index.js",
       "default": "./dist/esm/plugins/dynamic-experiences/index.js"
     },
+    "./plugins/dom-observer": {
+      "types": "./dist/types/plugins/dom-observer/index.d.ts",
+      "import": "./dist/esm/plugins/dom-observer/index.js",
+      "require": "./dist/cjs/plugins/dom-observer/index.js",
+      "default": "./dist/esm/plugins/dom-observer/index.js"
+    },
     "./form": {
       "types": "./dist/types/form/index.d.ts",
       "import": "./dist/esm/form/index.js",
@@ -198,6 +204,10 @@
       "path": "dist/esm/plugins/web-components/index.js",
       "limit": "10 kB"
     },
+    {
+      "path": "dist/esm/plugins/dom-observer/index.js",
+      "limit": "5 kB"
+    },
     {
       "path": "dist/esm/form/index.js",
       "limit": "5 kB"