@picked/client 0.0.1-dev.1777611471601 → 0.0.1-dev.1777612433193

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

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

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

@@ -1,5 +1,5 @@
 import "../../../logger-6z_gb4rA.js";
-import { i as e, t } from "../../../api-UYfzBUGT.js";
+import { i as e, t } from "../../../api-BITDxiKp.js";
 //#region src/plugins/dynamic-experiences/hash.ts
 function n(e) {
 	let t = 2166136261;

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-hOHCCXvP.js";
+import { n as t, r as n, t as r } from "../../../storage-6Xk0uAxB.js";
 import { createEffect as i, sample as a } from "effector";
 //#region src/plugins/experience-browser-storage/plugin.ts
 var o = ({ storage: o = "local" } = {}) => ({

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-hOHCCXvP.js";
+import { n as t, r as n, t as r } from "../../../storage-6Xk0uAxB.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-hOHCCXvP.js";
+import { n as t, r as n, t as r } from "../../../storage-6Xk0uAxB.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/server/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../experience-instance-IkIw31Cg.js";
+import { t as e } from "../../experience-instance-DJaNc5Ob.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() {

package/dist/experience-instance-DC2gKwA6.cjs

@@ -0,0 +1 @@
+const e=require(`./rules-logic-DNLOv90w.cjs`);require(`./logger-fbvQC40v.cjs`);const t=require(`./supports-Dsjg-82e.cjs`);let n=require(`effector`),r=require(`@withease/factories`);function i(e){return!t.d()||!t.r()?[]:Array.from(window.document.querySelectorAll(e)).filter(e=>e instanceof HTMLElement)}var a=`open`;function o(e){if(!t.l())throw Error(`Shadow DOM is not supported in this environment`);return e.attachShadow({mode:a})}function s(){return new Promise((e,n)=>{if(!t.r()){n();return}document.readyState===`loading`?document.addEventListener(`readystatechange`,()=>e(),{once:!0}):e()})}function c(e,t){let n=new MutationObserver(r=>{document.contains(e)||(n.disconnect(),t())});n.observe(document.body,{childList:!0,subtree:!0})}var l=`picked-root`,u=`picked-target`,d=`picked-root`;function f(e,t){return[...e,{selector:`${d}[experience-id="${t}"]`,placement:`replace`}].flatMap(e=>{let n=i(e.selector).filter(e=>!h(e,t)&&!g(e,t));return{...e,elements:n}})}function p(e,t,n){return e.flatMap(e=>e.elements.map(r=>v(r,e.placement,t,n)))}function m(e,t){e.classList.add(u),e.classList.add(`${u}-${t}`)}function h(e,t){return t?e.classList.contains(`${u}-${t}`):e.classList.contains(`${u}`)}function g(e,t){return t?e.classList.contains(`${l}-${t}`):e.classList.contains(l)}function _(e,t){let n=document.createElement(`div`);return n.style.display=`block`,n.classList.add(l),n.classList.add(`${l}-${e}`),n.classList.add(`${l}-${t}`),n}function v(e,t,n,r){let i,a=_(n,r);if(e instanceof Document)i=e.body.appendChild(a);else{switch(t){case`replace`:e.replaceWith(a);break;case`before`:e.before(a);break;case`after`:e.after(a);break;case`prepend`:e.prepend(a);break;case`append`:e.append(a);break}i=a}return i}function y(e){return e.type===`condition`}function b(e){return e.type===`step`}function x(e){return e.type===`experience`}function S(e){return e.type===`origin`}function C(e){return e.type===`action`}var w=(e,t,n,r,i=new Set)=>i.has(n.id)?[]:(i.add(n.id),b(n)&&!r?[n]:t.filter(e=>e.sourceNodeId===n.id).flatMap(n=>{let r=e.find(e=>e.id===n.destinationNodeId);return r?w(e,t,r,!1,i):[]})),T=(e,t,n)=>w(e,t,n,!0,new Set),E=(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]=E(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]},D=(e,t,n)=>E(e,t,n,!0,new Set),O=(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]=O(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]},k=(e,t,n)=>O(e,t,n,new Set),A=e=>e.find(e=>e.type===`origin`)||null,j=(e,t,n)=>{if(!e)return A(t);let r=n.find(t=>t.sourceNodeId===e.id);return r&&t.find(e=>e.id===r.destinationNodeId)||null};async function M(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 N=(0,n.createDomain)(`experience-instance`),P=(0,r.createFactory)(({client:t,experience:r,target:i,options:a})=>{let o=(0,n.createEvent)(),s=(0,n.createEvent)(),c=(0,n.createEvent)(),l=(0,n.createEvent)(),u=(0,n.createEvent)(),d=(0,n.createEvent)(),f=r.componentStore,p=N.store(`transitioning`),m=t.history.entriesStore.map(e=>e.filter(e=>e.experienceId===r.id)),h=m.map(e=>e.filter(e=>b(e.node))),g=m.map(e=>e.at(-1)?.node||null),_=(0,n.combine)(t.steps.listStore,g,(e,t)=>e.find(e=>t&&b(t)&&e.id===t.stepId)||null),v=(0,n.combine)(t.steps.listStore,h,(e,t)=>{let n=t.at(-2);if(!n||!b(n.node))return null;let r=n.node;return e.find(e=>e.id===r.stepId)||null}),w=(0,n.combine)(r.treeStore,g,({nodes:e,edges:t},n)=>n?T(e,t,n):[]),E=(0,n.combine)(r.treeStore,g,({nodes:e,edges:t},n)=>n?k(e,t,n):[-1,-1]),O=(0,n.combine)(r.treeStore,g,({nodes:e,edges:t},n)=>n?D(e,t,n):[-1,-1]),P=N.store(!1),F=(0,n.createApi)(P,{open:()=>!0,close:()=>!1,toggle:e=>!e,set:(e,t)=>t}),I=(0,n.createEffect)(async()=>{t.history.back({experienceId:r.id})}),L=(0,n.attach)({source:r.treeStore,effect:async(e,n)=>{let i=e.nodes.find(e=>b(e)&&e.stepId===n);i&&t.history.push({experienceId:r.id,node:i})}}),R=(0,n.attach)({source:g,effect:e=>{}}),z=(0,n.attach)({source:r.treeStore,effect:async({nodes:e})=>A(e)}),B=(0,n.attach)({source:r.treeStore,effect:async({nodes:e,edges:t},n)=>{if(S(n))return j(n,e,t)}}),V=(0,n.attach)({source:r.treeStore,effect:async({nodes:n,edges:r,conditions:i},a)=>{if(!y(a))return;let o=i.find(e=>e.id===a.conditionId)?.logic;return o?M(!!await e.t(t,o),a.id,n,r):void 0}}),H=(0,n.attach)({source:r.treeStore,effect:async({nodes:e,edges:n},r)=>{if(!C(r))return;let i=r.actionKey;if(!i){`${r.id}`;return}let a=t.actions.getByKey(i).getState();if(!a){`${i}`;let t=n.find(e=>e.sourceNodeId===r.id&&e.sourceHandle===`false`);return t?e.find(e=>e.id===t.destinationNodeId):null}if(typeof a!=`function`){`${i}`;let t=n.find(e=>e.sourceNodeId===r.id&&e.sourceHandle===`false`);return t?e.find(e=>e.id===t.destinationNodeId):null}try{`${i}`,await a({...t.getStateSnapshot(),args:[]},{experience:J});let o=n.find(e=>e.sourceNodeId===r.id&&e.sourceHandle===`true`);if(!o)return`${r.id}`,null;let s=e.find(e=>e.id===o.destinationNodeId);return`${i}${s?.id}`,s||null}catch{`${i}`;let t=n.find(e=>e.sourceNodeId===r.id&&e.sourceHandle===`false`);if(!t)return`${r.id}`,null;let a=e.find(e=>e.id===t.destinationNodeId);return`${i}${a?.id}`,a||null}}}),U=(0,n.createEffect)(e=>{x(e)&&t.experiences.launch({key:e.experienceKey})}),W=(0,n.attach)({source:[g,r.treeStore],effect:async([e,{nodes:t,edges:n}])=>j(e,t,n)}),G=(0,n.attach)({source:[g,r.treeStore],effect:async([e,{nodes:t,edges:n}])=>j(e,t,n)}),K=(0,n.createEffect)(e=>{t.history.push({experienceId:r.id,node:e})}),q=(0,n.attach)({source:r.configStore,effect:async({initializeOpenLogic:n})=>a?.initialiseOpen===void 0?e.n(n)?!!await e.t(t,n):n??!1:a.initialiseOpen}),J=Object.freeze({id:Math.random().toString(36).substring(7),experienceKey:r.key,experienceId:r.id,configStore:r.configStore,target:i,componentStore:f,stateStore:p,isOpenStore:P,open:F.open,close:F.close,toggleOpen:F.toggle,setOpen:F.set,treeStore:r.treeStore,currentNodeStore:g,currentStepStore:_,previousStepStore:v,nextReachableStepNodesStore:w,stepsToOriginStore:E,stepsToLeafStore:O,goToNextStep:s,goToPreviousStep:c,goToStepById:l,stepsHistoryStore:h}),Y=(0,n.createEvent)(),X=(0,n.createEvent)();return(0,n.sample)({clock:g,target:Y}),(0,n.sample)({clock:Y,filter:e=>e===null,target:z}),(0,n.sample)({clock:Y,filter:e=>e!==null,target:X}),(0,n.split)({source:X,match:e=>y(e)?`condition`:b(e)?`step`:x(e)?`launchExperience`:S(e)?`origin`:C(e)?`action`:`other`,cases:{origin:B,condition:V,step:R,launchExperience:U,action:H,__:(0,n.createEvent)()}}),(0,n.sample)({clock:[V.doneData,B.doneData,z.doneData,G.doneData,W.doneData,H.doneData],filter:Boolean,target:K}),(0,n.sample)({clock:s,target:G}),(0,n.sample)({clock:s,source:_,filter:Boolean,target:t.eventBus.prepend(e=>({type:`step_submit`,step:e,experience:J}))}),(0,n.sample)({clock:G.done,source:_,filter:Boolean,target:t.eventBus.prepend(e=>({type:`step_submit_success`,step:e,experience:J}))}),(0,n.sample)({clock:G.fail,source:_,filter:Boolean,target:t.eventBus.prepend(e=>({type:`step_submit_error`,step:e,experience:J}))}),(0,n.sample)({clock:c,target:I}),(0,n.sample)({clock:l,target:L}),(0,n.sample)({source:(0,n.combine)([V.pending,B.pending,z.pending,G.pending]),fn:e=>e.some(Boolean)?`transitioning`:`ready`,target:p}),(0,n.sample)({clock:R.doneData,source:_,filter:Boolean,target:t.eventBus.prepend(e=>({type:`step_enter`,step:e,experience:J}))}),(0,n.sample)({clock:d,target:q}),(0,n.sample)({source:q.doneData,fn:Boolean,target:P}),(0,n.sample)({source:g,clock:o,filter:e=>e?S(e):!0,target:W}),(0,n.sample)({source:P,filter:Boolean,target:o}),(0,n.sample)({source:P,filter:Boolean,target:t.eventBus.prepend(()=>({type:`experience_open`,experience:J}))}),(0,n.sample)({source:P,filter:e=>!e,target:t.eventBus.prepend(()=>({type:`experience_close`,experience:J}))}),(0,n.sample)({clock:u,target:[d]}),u(),J});function F(e){return(0,r.invoke)(P,e)}var I=(0,r.createFactory)(({client:e})=>{let t=N.store({}),r=(0,n.createEvent)(),i=(0,n.createEvent)(),a=(0,n.createEvent)(),s=(0,n.createApi)(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??[]}}}),l=(0,n.createEffect)(({experience:t,target:n,options:r})=>F({client:e,experience:t,target:n,options:r})),u=(0,n.createEffect)(e=>{s.register(e)}),d=(0,n.createEffect)(e=>{e.target&&c(e.target,()=>{a(e)})}),f=(0,n.createEffect)(e=>{s.unregister(e)}),p=(0,n.createEffect)(t=>{let n=t.componentStore.getState();if(!n)return;let r=n.frameworkStore.getState();if(!r){`${n.name}`;return}let i=t.target;if(!i){`${t.experienceId}`;return}let a=o(i);try{r.render(a,n.component,e,t)}catch{}});(0,n.sample)({clock:r,target:l}),(0,n.sample)({clock:a,target:f}),(0,n.sample)({clock:l.doneData,target:[u,d,i]}),(0,n.sample)({clock:l.doneData,target:e.eventBus.prepend(e=>({type:`experience_initialize`,experience:e}))}),(0,n.sample)({clock:i,target:p});function m(e,t,n){r({experience:e,target:t,options:n})}let h=t.map(e=>Object.values(e).flat());function g(e){return h.map(t=>t.filter(t=>t.experienceKey===e),{skipVoid:!1})}function _(e){return t.map(t=>t[e]||[],{skipVoid:!1})}return{spawn:m,getByExperienceKey:g,getByExperienceId:_,listStore:h}});function L(e){return(0,r.invoke)(I,e)}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return F}});

package/dist/experience-instance-DJaNc5Ob.js

@@ -0,0 +1,486 @@
+import { n as e, t } from "./rules-logic-BTIxfrJJ.js";
+import "./logger-6z_gb4rA.js";
+import { d as n, l as r, r as i } from "./supports-0XIfd4-R.js";
+import { attach as a, combine as o, createApi as s, createDomain as c, createEffect as l, createEvent as u, sample as d, split as f } from "effector";
+import { createFactory as p, invoke as m } from "@withease/factories";
+//#region src/utils/dom.ts
+function h(e) {
+	return !n() || !i() ? [] : Array.from(window.document.querySelectorAll(e)).filter((e) => e instanceof HTMLElement);
+}
+var g = "open";
+function _(e) {
+	if (!r()) throw Error("Shadow DOM is not supported in this environment");
+	return e.attachShadow({ mode: g });
+}
+function v() {
+	return new Promise((e, t) => {
+		if (!i()) {
+			t();
+			return;
+		}
+		document.readyState === "loading" ? document.addEventListener("readystatechange", () => e(), { once: !0 }) : e();
+	});
+}
+function y(e, t) {
+	let n = new MutationObserver((r) => {
+		document.contains(e) || (n.disconnect(), t());
+	});
+	n.observe(document.body, {
+		childList: !0,
+		subtree: !0
+	});
+}
+var b = "picked-root", x = "picked-target", S = "picked-root";
+function C(e, t) {
+	return [...e, {
+		selector: `${S}[experience-id="${t}"]`,
+		placement: "replace"
+	}].flatMap((e) => {
+		let n = h(e.selector).filter((e) => !E(e, t) && !D(e, t));
+		return {
+			...e,
+			elements: n
+		};
+	});
+}
+function w(e, t, n) {
+	return e.flatMap((e) => e.elements.map((r) => k(r, e.placement, t, n)));
+}
+function T(e, t) {
+	e.classList.add(x), e.classList.add(`${x}-${t}`);
+}
+function E(e, t) {
+	return t ? e.classList.contains(`${x}-${t}`) : e.classList.contains(`${x}`);
+}
+function D(e, t) {
+	return t ? e.classList.contains(`${b}-${t}`) : e.classList.contains(b);
+}
+function O(e, t) {
+	let n = document.createElement("div");
+	return n.style.display = "block", n.classList.add(b), n.classList.add(`${b}-${e}`), n.classList.add(`${b}-${t}`), n;
+}
+function k(e, t, n, r) {
+	let i, a = O(n, r);
+	if (e instanceof Document) i = e.body.appendChild(a);
+	else {
+		switch (t) {
+			case "replace":
+				e.replaceWith(a);
+				break;
+			case "before":
+				e.before(a);
+				break;
+			case "after":
+				e.after(a);
+				break;
+			case "prepend":
+				e.prepend(a);
+				break;
+			case "append":
+				e.append(a);
+				break;
+		}
+		i = a;
+	}
+	return i;
+}
+//#endregion
+//#region src/utils/nodes.ts
+function A(e) {
+	return e.type === "condition";
+}
+function j(e) {
+	return e.type === "step";
+}
+function M(e) {
+	return e.type === "experience";
+}
+function N(e) {
+	return e.type === "origin";
+}
+function P(e) {
+	return e.type === "action";
+}
+//#endregion
+//#region src/utils/node-tree/next-reachable-step-nodes.ts
+var F = (e, t, n, r, i = /* @__PURE__ */ new Set()) => i.has(n.id) ? [] : (i.add(n.id), j(n) && !r ? [n] : t.filter((e) => e.sourceNodeId === n.id).flatMap((n) => {
+	let r = e.find((e) => e.id === n.destinationNodeId);
+	return r ? F(e, t, r, !1, i) : [];
+})), I = (e, t, n) => F(e, t, n, !0, /* @__PURE__ */ new Set()), L = (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] = L(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];
+}, ee = (e, t, n) => L(e, t, n, !0, /* @__PURE__ */ new Set()), R = (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] = R(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];
+}, te = (e, t, n) => R(e, t, n, /* @__PURE__ */ new Set()), z = (e) => e.find((e) => e.type === "origin") || null, B = (e, t, n) => {
+	if (!e) return z(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 V(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 H = c("experience-instance"), U = p(({ client: n, experience: r, target: i, options: c }) => {
+	let p = u(), m = u(), h = u(), g = u(), _ = u(), v = u(), y = r.componentStore, b = H.store("transitioning"), x = n.history.entriesStore.map((e) => e.filter((e) => e.experienceId === r.id)), S = x.map((e) => e.filter((e) => j(e.node))), C = x.map((e) => e.at(-1)?.node || null), w = o(n.steps.listStore, C, (e, t) => e.find((e) => t && j(t) && e.id === t.stepId) || null), T = o(n.steps.listStore, S, (e, t) => {
+		let n = t.at(-2);
+		if (!n || !j(n.node)) return null;
+		let r = n.node;
+		return e.find((e) => e.id === r.stepId) || null;
+	}), E = o(r.treeStore, C, ({ nodes: e, edges: t }, n) => n ? I(e, t, n) : []), D = o(r.treeStore, C, ({ nodes: e, edges: t }, n) => n ? te(e, t, n) : [-1, -1]), O = o(r.treeStore, C, ({ nodes: e, edges: t }, n) => n ? ee(e, t, n) : [-1, -1]), k = H.store(!1), F = s(k, {
+		open: () => !0,
+		close: () => !1,
+		toggle: (e) => !e,
+		set: (e, t) => t
+	}), L = l(async () => {
+		n.history.back({ experienceId: r.id });
+	}), R = a({
+		source: r.treeStore,
+		effect: async (e, t) => {
+			let i = e.nodes.find((e) => j(e) && e.stepId === t);
+			i && n.history.push({
+				experienceId: r.id,
+				node: i
+			});
+		}
+	}), U = a({
+		source: C,
+		effect: (e) => {}
+	}), W = a({
+		source: r.treeStore,
+		effect: async ({ nodes: e }) => z(e)
+	}), G = a({
+		source: r.treeStore,
+		effect: async ({ nodes: e, edges: t }, n) => {
+			if (N(n)) return B(n, e, t);
+		}
+	}), K = a({
+		source: r.treeStore,
+		effect: async ({ nodes: e, edges: r, conditions: i }, a) => {
+			if (!A(a)) return;
+			let o = i.find((e) => e.id === a.conditionId)?.logic;
+			return o ? V(!!await t(n, o), a.id, e, r) : void 0;
+		}
+	}), q = a({
+		source: r.treeStore,
+		effect: async ({ nodes: e, edges: t }, r) => {
+			if (!P(r)) return;
+			let i = r.actionKey;
+			if (!i) {
+				`${r.id}`;
+				return;
+			}
+			let a = n.actions.getByKey(i).getState();
+			if (!a) {
+				`${i}`;
+				let n = t.find((e) => e.sourceNodeId === r.id && e.sourceHandle === "false");
+				return n ? e.find((e) => e.id === n.destinationNodeId) : null;
+			}
+			if (typeof a != "function") {
+				`${i}`;
+				let n = t.find((e) => e.sourceNodeId === r.id && e.sourceHandle === "false");
+				return n ? e.find((e) => e.id === n.destinationNodeId) : null;
+			}
+			try {
+				`${i}`, await a({
+					...n.getStateSnapshot(),
+					args: []
+				}, { experience: Z });
+				let o = t.find((e) => e.sourceNodeId === r.id && e.sourceHandle === "true");
+				if (!o) return `${r.id}`, null;
+				let s = e.find((e) => e.id === o.destinationNodeId);
+				return `${i}${s?.id}`, s || null;
+			} catch {
+				`${i}`;
+				let n = t.find((e) => e.sourceNodeId === r.id && e.sourceHandle === "false");
+				if (!n) return `${r.id}`, null;
+				let a = e.find((e) => e.id === n.destinationNodeId);
+				return `${i}${a?.id}`, a || null;
+			}
+		}
+	}), ne = l((e) => {
+		M(e) && n.experiences.launch({ key: e.experienceKey });
+	}), J = a({
+		source: [C, r.treeStore],
+		effect: async ([e, { nodes: t, edges: n }]) => B(e, t, n)
+	}), Y = a({
+		source: [C, r.treeStore],
+		effect: async ([e, { nodes: t, edges: n }]) => B(e, t, n)
+	}), re = l((e) => {
+		n.history.push({
+			experienceId: r.id,
+			node: e
+		});
+	}), X = a({
+		source: r.configStore,
+		effect: async ({ initializeOpenLogic: r }) => c?.initialiseOpen === void 0 ? e(r) ? !!await t(n, r) : r ?? !1 : c.initialiseOpen
+	}), Z = Object.freeze({
+		id: Math.random().toString(36).substring(7),
+		experienceKey: r.key,
+		experienceId: r.id,
+		configStore: r.configStore,
+		target: i,
+		componentStore: y,
+		stateStore: b,
+		isOpenStore: k,
+		open: F.open,
+		close: F.close,
+		toggleOpen: F.toggle,
+		setOpen: F.set,
+		treeStore: r.treeStore,
+		currentNodeStore: C,
+		currentStepStore: w,
+		previousStepStore: T,
+		nextReachableStepNodesStore: E,
+		stepsToOriginStore: D,
+		stepsToLeafStore: O,
+		goToNextStep: m,
+		goToPreviousStep: h,
+		goToStepById: g,
+		stepsHistoryStore: S
+	}), Q = u(), $ = u();
+	return d({
+		clock: C,
+		target: Q
+	}), d({
+		clock: Q,
+		filter: (e) => e === null,
+		target: W
+	}), d({
+		clock: Q,
+		filter: (e) => e !== null,
+		target: $
+	}), f({
+		source: $,
+		match: (e) => A(e) ? "condition" : j(e) ? "step" : M(e) ? "launchExperience" : N(e) ? "origin" : P(e) ? "action" : "other",
+		cases: {
+			origin: G,
+			condition: K,
+			step: U,
+			launchExperience: ne,
+			action: q,
+			__: u()
+		}
+	}), d({
+		clock: [
+			K.doneData,
+			G.doneData,
+			W.doneData,
+			Y.doneData,
+			J.doneData,
+			q.doneData
+		],
+		filter: Boolean,
+		target: re
+	}), d({
+		clock: m,
+		target: Y
+	}), d({
+		clock: m,
+		source: w,
+		filter: Boolean,
+		target: n.eventBus.prepend((e) => ({
+			type: "step_submit",
+			step: e,
+			experience: Z
+		}))
+	}), d({
+		clock: Y.done,
+		source: w,
+		filter: Boolean,
+		target: n.eventBus.prepend((e) => ({
+			type: "step_submit_success",
+			step: e,
+			experience: Z
+		}))
+	}), d({
+		clock: Y.fail,
+		source: w,
+		filter: Boolean,
+		target: n.eventBus.prepend((e) => ({
+			type: "step_submit_error",
+			step: e,
+			experience: Z
+		}))
+	}), d({
+		clock: h,
+		target: L
+	}), d({
+		clock: g,
+		target: R
+	}), d({
+		source: o([
+			K.pending,
+			G.pending,
+			W.pending,
+			Y.pending
+		]),
+		fn: (e) => e.some(Boolean) ? "transitioning" : "ready",
+		target: b
+	}), d({
+		clock: U.doneData,
+		source: w,
+		filter: Boolean,
+		target: n.eventBus.prepend((e) => ({
+			type: "step_enter",
+			step: e,
+			experience: Z
+		}))
+	}), d({
+		clock: v,
+		target: X
+	}), d({
+		source: X.doneData,
+		fn: Boolean,
+		target: k
+	}), d({
+		source: C,
+		clock: p,
+		filter: (e) => e ? N(e) : !0,
+		target: J
+	}), d({
+		source: k,
+		filter: Boolean,
+		target: p
+	}), d({
+		source: k,
+		filter: Boolean,
+		target: n.eventBus.prepend(() => ({
+			type: "experience_open",
+			experience: Z
+		}))
+	}), d({
+		source: k,
+		filter: (e) => !e,
+		target: n.eventBus.prepend(() => ({
+			type: "experience_close",
+			experience: Z
+		}))
+	}), d({
+		clock: _,
+		target: [v]
+	}), _(), Z;
+});
+function W(e) {
+	return m(U, e);
+}
+var G = p(({ client: e }) => {
+	let t = H.store({}), n = u(), r = u(), i = u(), a = s(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 ?? []
+			};
+		}
+	}), o = l(({ experience: t, target: n, options: r }) => W({
+		client: e,
+		experience: t,
+		target: n,
+		options: r
+	})), c = l((e) => {
+		a.register(e);
+	}), f = l((e) => {
+		e.target && y(e.target, () => {
+			i(e);
+		});
+	}), p = l((e) => {
+		a.unregister(e);
+	}), m = l((t) => {
+		let n = t.componentStore.getState();
+		if (!n) return;
+		let r = n.frameworkStore.getState();
+		if (!r) {
+			`${n.name}`;
+			return;
+		}
+		let i = t.target;
+		if (!i) {
+			`${t.experienceId}`;
+			return;
+		}
+		let a = _(i);
+		try {
+			r.render(a, n.component, e, t);
+		} catch {}
+	});
+	d({
+		clock: n,
+		target: o
+	}), d({
+		clock: i,
+		target: p
+	}), d({
+		clock: o.doneData,
+		target: [
+			c,
+			f,
+			r
+		]
+	}), d({
+		clock: o.doneData,
+		target: e.eventBus.prepend((e) => ({
+			type: "experience_initialize",
+			experience: e
+		}))
+	}), d({
+		clock: r,
+		target: m
+	});
+	function h(e, t, r) {
+		n({
+			experience: e,
+			target: t,
+			options: r
+		});
+	}
+	let g = t.map((e) => Object.values(e).flat());
+	function v(e) {
+		return g.map((t) => t.filter((t) => t.experienceKey === e), { skipVoid: !1 });
+	}
+	function b(e) {
+		return t.map((t) => t[e] || [], { skipVoid: !1 });
+	}
+	return {
+		spawn: h,
+		getByExperienceKey: v,
+		getByExperienceId: b,
+		listStore: g
+	};
+});
+function K(e) {
+	return m(G, e);
+}
+//#endregion
+export { w as a, D as c, j as i, T as l, K as n, v as o, A as r, C as s, W as t };

package/dist/types/form/create-form.d.ts

@@ -69,6 +69,61 @@ export interface FormInstance<TFieldKeys extends string = string> {
  * ```
  */
 export declare function getEventValue(e: Event): FieldValue | undefined;
+/**
+ * Extracts the staged value for a field from a form event. For a multi-value
+ * checkbox group, toggles the clicked option's value into or out of
+ * `currentValue` rather than reading the DOM — under React-controlled
+ * checkboxes, reconciliation reverts `el.checked` to match the prop before
+ * the change event fires, so any DOM-based read returns the pre-toggle
+ * state. For `<select multiple>`, reads `el.selectedOptions` (React does
+ * not race the change event there). Falls back to {@link getEventValue}
+ * for single-value fields and unrelated targets.
+ *
+ * For multi-checkbox events other than `change`: returns `undefined` for
+ * `input` so the caller skips dispatch (both `input` and `change` fire on a
+ * single click; only `change` should toggle, otherwise the toggle would run
+ * twice and cancel out). Returns `currentValue` (coerced to an array) for
+ * any non-change event so the caller can still dispatch — keeping
+ * touched-tracking and required-validation on `blur` working.
+ *
+ * Not re-exported from the form barrel; intended for use by the form's own
+ * field handlers and for direct unit testing.
+ *
+ * @param {Event} e - The DOM event from a form input.
+ * @param {Field} field - The field whose handler received the event.
+ * @param {FieldValue | undefined} currentValue - The field's currently staged or committed value.
+ * @returns {FieldValue | undefined} The value to stage, or undefined if the caller should skip dispatch.
+ * @example
+ * ```ts
+ * input.addEventListener('change', (e) => {
+ *   const value = getStagedEventValue(e, field, field.value)
+ * })
+ * ```
+ */
+export declare function getStagedEventValue(e: Event, field: Field, currentValue: FieldValue | undefined): FieldValue | undefined;
+/**
+ * Builds a DOM event handler that derives the next staged value via
+ * {@link getStagedEventValue} and dispatches the given event-callable when
+ * the helper returns a defined value. Skips dispatch if the helper returns
+ * undefined (e.g. `input` events on multi-select checkboxes, where dispatch
+ * is owned by the change event to avoid double-toggling).
+ *
+ * Not re-exported from the form barrel; intended for use by `createForm`
+ * and for direct unit testing.
+ *
+ * @param {Field} field - The field bound to the handler.
+ * @param {FieldValue | undefined} value - The field's currently staged or committed value.
+ * @param {EventCallable<{ fieldKey: string; value: FieldValue }>} dispatch - The event-callable to fire when the helper returns a value.
+ * @returns {(e: Event) => void} The handler to attach to a DOM event.
+ * @example
+ * ```ts
+ * const onChange = createFieldHandler(field, value, fieldChangeEvent)
+ * ```
+ */
+export declare function createFieldHandler(field: Field, value: FieldValue | undefined, dispatch: EventCallable<{
+    fieldKey: string;
+    value: FieldValue;
+}>): (e: Event) => void;
 /**
  * Creates a form instance tied to a set of field keys.
  * Handles field evaluation, form submission, data transformation,

package/dist/types/form/create-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-form.d.ts","sourceRoot":"","sources":["../../../src/form/create-form.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,KAAK,EAEX,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAGvC,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,4BAA4B,EACjC,KAAK,eAAe,EACrB,MAAM,0BAA0B,CAAA;AAEjC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG;IAC9B,KAAK,EAAE,UAAU,GAAG,SAAS,CAAA;IAC7B,8DAA8D;IAC9D,KAAK,EAAE,eAAe,GAAG,SAAS,CAAA;IAClC,OAAO,EAAE,OAAO,CAAA;IAChB,4DAA4D;IAC5D,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,UAAU,GAAG,SAAS,CAAA;QAC7B,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;QACpC,QAAQ,EAAE,OAAO,CAAA;QACjB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;QAC/B,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;QAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;QAC5B,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;KAC3B,CAAA;CACF,CAAA;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,kBAAkB,EAAE,kBAAkB,CAAA;CACvC;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM;IAC9D,mDAAmD;IACnD,IAAI,EAAE;QACJ,0DAA0D;QAC1D,KAAK,EAAE;YACL,QAAQ,EAAE,aAAa,CAAC,4BAA4B,CAAC,CAAA;SACtD,CAAA;QACD,6EAA6E;QAC7E,MAAM,EAAE,KAAK,CAAC,eAAe,EAAE,CAAC,CAAA;QAChC,iEAAiE;QACjE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;QAC1B,4FAA4F;QAC5F,cAAc,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,UAAU,CAAC,KAAK,MAAM,IAAI,CAAA;QACpE,oFAAoF;QACpF,SAAS,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,KAAK,MAAM,IAAI,CAAA;QAChE,gFAAgF;QAChF,OAAO,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,MAAM,IAAI,CAAA;KACjD,CAAA;IACD,+FAA+F;IAC/F,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAA;CAC3B;AAED;;;;;;;;;;;GAWG;AAEH,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,UAAU,GAAG,SAAS,CAW9D;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,cAAc,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,EACpB,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,GACzB,YAAY,CAoLd"}
+{"version":3,"file":"create-form.d.ts","sourceRoot":"","sources":["../../../src/form/create-form.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/client",
-  "version": "0.0.1-dev.1777611471601",
+  "version": "0.0.1-dev.1777612433193",
   "dependencies": {
     "@withease/factories": "^1.0.5"
   },
@@ -89,12 +89,6 @@
       "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",
@@ -204,10 +198,6 @@
       "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"

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../../logger-fbvQC40v.cjs`),t=require(`../../../supports-Dsjg-82e.cjs`),n=require(`../../../experience-BhteyYBl.cjs`);var r=new WeakSet,i=()=>({name:`dom-observer`,setup:e=>{a()&&(r.has(e)||(r.add(e),o(e)))}});function a(){return!(!t.d()||!t.r()||typeof MutationObserver!=`function`||typeof requestAnimationFrame!=`function`||!document.body)}function o(t){let r=[];t.experiences.listStore.watch(()=>{let e=new Set;for(let n of t.experiences.listStore.getState()){let t=n.configStore.getState().targetSelectors;for(let n of t)typeof n.selector==`string`&&n.selector.length>0&&e.add(n.selector)}r=Array.from(e)});let i=!1,a=!1,o,c=()=>{if(i){a=!0;return}i=!0,Promise.resolve(n.n(t)).catch(t=>e.t(`error`,t)).finally(()=>{i=!1,a&&(a=!1,l())})},l=()=>{o===void 0&&(o=requestAnimationFrame(()=>{o=void 0,c()}))};new MutationObserver(e=>{if(r.length!==0){for(let t of e)if(t.type===`childList`&&s(t.addedNodes,r)){l();return}}}).observe(document.body,{childList:!0,subtree:!0})}function s(e,t){for(let n of Array.from(e))if(n instanceof Element)for(let e of t)try{if(n.matches(e)||n.querySelector(e)!==null)return!0}catch{continue}return!1}exports.domObserverPlugin=i;