@picked/svelte 0.0.1-dev.1773807602703 → 0.0.1-dev.1774224866171

package/dist/_virtual/_vite/preload-helper.js

@@ -0,0 +1 @@
+var e=`modulepreload`,t=function(e){return`/`+e},n={},r=function(r,i,a){let o=Promise.resolve();if(i&&i.length>0){let r=document.getElementsByTagName(`link`),s=document.querySelector(`meta[property=csp-nonce]`),c=s?.nonce||s?.getAttribute(`nonce`);function l(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}o=l(i.map(i=>{if(i=t(i,a),i in n)return;n[i]=!0;let o=i.endsWith(`.css`),s=o?`[rel="stylesheet"]`:``;if(a)for(let e=r.length-1;e>=0;e--){let t=r[e];if(t.href===i&&(!o||t.rel===`stylesheet`))return}else if(document.querySelector(`link[href="${i}"]${s}`))return;let l=document.createElement(`link`);if(l.rel=o?`stylesheet`:e,o||(l.as=`script`),l.crossOrigin=``,l.href=i,c&&l.setAttribute(`nonce`,c),document.head.appendChild(l),o)return new Promise((e,t)=>{l.addEventListener(`load`,e),l.addEventListener(`error`,()=>t(Error(`Unable to preload CSS for ${i}`)))})}))}function s(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return o.then(e=>{for(let t of e||[])t.status===`rejected`&&s(t.reason);return r().catch(s)})};export{r as __vitePreload};

package/dist/component.js

@@ -1 +1 @@
-const o=(e,t)=>({frameworkName:"svelte",component:e,style:t}),r=e=>e.frameworkName==="svelte";export{o as adaptSvelteComponent,r as isValidAdaptedComponent};
+var e=(e,t)=>({frameworkName:`svelte`,component:e,style:t}),t=e=>e.frameworkName===`svelte`;export{e as adaptSvelteComponent,t as isValidAdaptedComponent};

package/dist/components/LazyImage.svelte

@@ -50,6 +50,7 @@
       : undefined,
   )
 
+  /** Widths supported by the image optimization service. */
   const SUPPORTED_SIZES = [
     16, 32, 48, 64, 96, 128, 256, 384, 640, 750, 828, 1080, 1200, 1920, 2048, 3840,
   ]

package/dist/components/index.js

@@ -1 +1 @@
-import{default as f}from"./LazyImage.svelte";export{f as LazyImage};
+import e from"./LazyImage.svelte";export{e as LazyImage};

package/dist/context.js

@@ -1 +1 @@
-const E=Symbol("picked-client"),e=Symbol("picked-experience-instance"),c=Symbol("picked-scope"),o=Symbol("picked-step");export{E as CLIENT_CONTEXT_KEY,e as EXPERIENCE_CONTEXT_KEY,c as SCOPE_CONTEXT_KEY,o as STEP_CONTEXT_KEY};
+var e=Symbol(`picked-client`),t=Symbol(`picked-experience-instance`),n=Symbol(`picked-scope`),r=Symbol(`picked-step`);export{e as CLIENT_CONTEXT_KEY,t as EXPERIENCE_CONTEXT_KEY,n as SCOPE_CONTEXT_KEY,r as STEP_CONTEXT_KEY};

package/dist/form/create-form.js

@@ -0,0 +1 @@
+import{getExperience as e,getPicked as t}from"../hooks/client.js";import{createForm as n}from"@picked/client/form";import*as r from"svelte/internal/client";function i(i,a,o){let s=n({client:t(),experienceInstance:e()},i,a,o);return{...s,form:{...s.form,onSubmit:e=>{r.user_effect(()=>s.form.onSubmit(e))},onSuccess:e=>{r.user_effect(()=>s.form.onSuccess(e))},onError:e=>{r.user_effect(()=>s.form.onError(e))}}}}export{i as createForm};

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

@@ -0,0 +1,24 @@
+import { Store } from 'effector';
+import { FormInstance as CoreFormInstance, ErrorCallback, SubmitCallback, SuccessCallback } from '@picked/client/form';
+export type { FormField } from '@picked/client/form';
+/**
+ * Svelte FormInstance — identical to core but callback registration returns void
+ * (cleanup is handled automatically via $effect, not by the consumer).
+ */
+export interface FormInstance<TFieldIds extends string = string> extends Omit<CoreFormInstance<TFieldIds>, 'form'> {
+    form: Omit<CoreFormInstance<TFieldIds>['form'], 'onSubmit' | 'onSuccess' | 'onError'> & {
+        onSubmit: (callback: SubmitCallback<TFieldIds>) => void;
+        onSuccess: (callback: SuccessCallback<TFieldIds>) => void;
+        onError: (callback: ErrorCallback) => void;
+    };
+}
+/**
+ * Creates a form instance with Svelte lifecycle management.
+ *
+ * Wraps the framework-agnostic createForm from @picked/client/form:
+ * - Injects client and experienceInstance from Svelte context
+ * - Auto-wires callback cleanup via $effect so consumers don't need to manage lifecycle
+ *
+ * Used internally by setStepContext — access via getStep() in components.
+ */
+export declare function createForm(formId: string, title: Store<string>, fieldIds: Store<string[]>): FormInstance;

package/dist/form/create-form.svelte.js

@@ -0,0 +1 @@
+export * from './create-form.js';

package/dist/form/get-form.d.ts

@@ -0,0 +1,16 @@
+import { ValidationError } from '@picked/client';
+interface GetFormOptions {
+    id: string;
+    title: string;
+    onSuccess?: () => void | Promise<void>;
+    onError?: (errors: ValidationError[]) => void | Promise<void>;
+}
+type SubmitEventWithCurrentTarget = SubmitEvent & {
+    currentTarget: EventTarget & HTMLFormElement;
+};
+export declare function getForm({ id: formId, title, onError, onSuccess }: GetFormOptions): {
+    form: {
+        onsubmit: import('effector').EventCallable<SubmitEventWithCurrentTarget>;
+    };
+};
+export {};

package/dist/form/get-form.js

@@ -0,0 +1 @@
+import{getExperience as e,getPicked as t}from"../hooks/client.js";import{getStep as n}from"../hooks/step.js";import"../hooks/index.js";import{buildResponsesFromFormData as r}from"@picked/client/form";import{attach as i,createEffect as a,createEvent as o,sample as s,split as c}from"effector";function l({id:l,title:u,onError:d,onSuccess:f}){let p=t(),m=n(),h=e(),{currentStepStore:g}=h,_=o(),v=a(e=>p.responses.commit(e)),y=i({source:{step:g},effect:a(({step:e})=>{p.eventBus({type:`form_submit_success`,form:{id:l,title:u},experience:h,step:e??void 0}),f?.()})}),b=i({source:{step:g},mapParams:(e,t)=>({step:t.step,errors:e.errors}),effect:a(({step:e,errors:t})=>{p.eventBus({type:`form_submit_error`,form:{id:l,title:u},exception:{reason:t},experience:h,step:e??void 0}),t.forEach(t=>{p.eventBus({type:`field_validation_error`,exception:{reason:[t]},experience:h,step:e??void 0})}),d?.(t)})});return s({clock:_,source:{step:g},fn:({step:e})=>({formId:l,title:u,step:e}),target:a(({formId:e,title:t,step:n})=>{p.eventBus({type:`form_submit`,form:{id:e,title:t},experience:h,step:n??void 0})})}),s({clock:_,source:{fields:p.fields.listStore,stepFields:m.fields,step:g},fn:({stepFields:e},t)=>(t.preventDefault(),r(e,new FormData(t.currentTarget))),target:v}),c({source:v.doneData,match:{hasErrors:({errors:e})=>e.length>0},cases:{hasErrors:b,__:y}}),{form:{onsubmit:_}}}export{l as getForm};

package/dist/form/index.d.ts

@@ -1,25 +1,2 @@
-import { ValidationError } from '@picked/client';
-interface GetFormOptions {
-    id: string;
-    title: string;
-    onSuccess?: () => void | Promise<void>;
-    onError?: (errors: ValidationError[]) => void | Promise<void>;
-}
-type SubmitEventWithCurrentTarget = SubmitEvent & {
-    currentTarget: EventTarget & HTMLFormElement;
-};
-/**
- *
- * @param root0
- * @param root0.id
- * @param root0.title
- * @param root0.onError
- * @param root0.onSuccess
- * @example
- */
-export declare function getForm({ id: formId, title, onError, onSuccess }: GetFormOptions): {
-    form: {
-        onsubmit: import('effector').EventCallable<SubmitEventWithCurrentTarget>;
-    };
-};
-export {};
+export type { FormField } from '@picked/client/form';
+export { getForm } from './get-form';

package/dist/form/index.js

@@ -1 +1 @@
-import{createEvent as _,createEffect as m,attach as y,sample as v,split as k}from"effector";import{getPicked as D,getExperience as F}from"../hooks/client.js";import"@picked/client";import{getStep as w}from"../hooks/step.js";import"svelte";import"svelte/store";import"@picked/analytics";function z({id:f,title:l,onError:b,onSuccess:g}){const o=D(),x=w(),i=F(),{currentStepStore:u}=i,d=_(),h=m(r=>o.responses.commit(r)),E=y({source:{step:u},effect:m(async({step:r})=>{o.eventBus({type:"form_submit_success",form:{id:f,title:l},experience:i,step:r??void 0}),await g?.()})}),S=y({source:{step:u},mapParams:(r,a)=>({step:a.step,errors:r.errors}),effect:m(async({step:r,errors:a})=>{o.eventBus({type:"form_submit_error",form:{id:f,title:l},exception:{reason:a},experience:i,step:r??void 0}),a.forEach(c=>{o.eventBus({type:"field_validation_error",exception:{reason:[c]},experience:i,step:r??void 0})}),await b?.(a)})});return v({clock:d,source:{step:u},fn:({step:r})=>({formId:f,title:l,step:r}),target:m(({formId:r,title:a,step:c})=>{o.eventBus({type:"form_submit",form:{id:r,title:a},experience:i,step:c??void 0})})}),v({clock:d,source:{fields:o.fields.listStore,stepFields:x.fields,step:u},fn:({stepFields:r},a)=>{a.preventDefault();const c=new FormData(a.currentTarget),A=Array.from(c.entries()),p={data:{},push(t){const s=t.questionId,e=this.data[s];e?Array.isArray(e)&&Array.isArray(t.value)?Array.isArray(e)&&Array.isArray(t.value)&&(typeof e[0]=="string"?this.data[s]=[...e,...t.value].map(String):typeof e[0]=="number"?this.data[s]=[...e,...t.value].map(Number):typeof e[0]=="boolean"?this.data[s]=[...e,...t.value].map(n=>!!n):this.data[s]=t.value):this.data[s]=t.value:this.data[s]=t.value}};return r.forEach(t=>{let s=A.filter(([e])=>e===t.key||e===t.id);s.length===0&&(s=[[t.id,""]]),s.forEach(([,e])=>{const n=t.id;if(e===""){p.push({questionId:n,value:null});return}switch(t.type){case"text":p.push({questionId:n,value:t.multiple?[String(e)]:String(e)});break;case"number":p.push({questionId:n,value:t.multiple?[Number(e)]:Number(e)});break;case"boolean":p.push({questionId:n,value:t.multiple?[e==="true"]:e==="true"});break}})}),p.data},target:h}),k({source:h.doneData,match:{hasErrors:({errors:r})=>r.length>0},cases:{hasErrors:S,__:E}}),{form:{onsubmit:d}}}export{z as getForm};
+import{getForm as e}from"./get-form.js";export{e as getForm};

package/dist/hooks/action.js

@@ -1 +1 @@
-import{createStore as s,createEvent as f,attach as l,createEffect as u,sample as a}from"effector";import{getPicked as m}from"./client.js";function g(t){return m().actions.getEvokableAction(t)}function v(t){const c=g(t),o=s(void 0,{skipVoid:!1}),n=f(),r=l({source:c,mapParams:(e,i)=>i,effect:u(async e=>{if(e)return e()})});return a({clock:n,target:r}),a({clock:r.doneData,target:o}),n(),o}export{g as getAction,v as getActionResult};
+import{getPicked as e}from"./client.js";import{attach as t,createEffect as n,createEvent as r,createStore as i,sample as a}from"effector";function o(t){return e().actions.getEvokableAction(t)}function s(e){let s=o(e),c=i(void 0,{skipVoid:!1}),l=r(),u=t({source:s,mapParams:(e,t)=>t,effect:n(async e=>{if(e)return e()})});return a({clock:l,target:u}),a({clock:u.doneData,target:c}),l(),c}export{o as getAction,s as getActionResult};

package/dist/hooks/client.js

@@ -1 +1 @@
-import{getContext as t}from"svelte";import{EXPERIENCE_CONTEXT_KEY as e,CLIENT_CONTEXT_KEY as r}from"../context.js";function o(){return t(r)}function i(){return t(e)}export{i as getExperience,o as getPicked};
+import{CLIENT_CONTEXT_KEY as e,EXPERIENCE_CONTEXT_KEY as t}from"../context.js";import{getContext as n}from"svelte";function r(){return n(e)}function i(){return n(t)}export{i as getExperience,r as getPicked};

package/dist/hooks/create-query/index.js

@@ -1 +1 @@
-import{createEffect as D,createStore as w,sample as R}from"effector";const y=new Map;function T(a){return y.has(a)||y.set(a,new Map),y.get(a)}function E(a,i){const o=T(a).get(i);o&&(o.promise=null,o.timestamp=0)}function S(a){T(a).forEach(c=>{c.promise=null,c.timestamp=0})}function v(){y.clear()}function C(a,i,c={}){const{namespace:o="default",defaultStaleTime:f=300*1e3,defaultRetry:m=3,defaultRetryDelay:g=1e3}=c,u=T(o),d=D(async p=>{const{key:s,params:l,options:e}=p;let r=u.get(s)?.promise;const t=u.get(s),n=e.refetch||!r||t&&Date.now()-t.timestamp>(e.staleTime??t.staleTime);if(!r||n){r=L(()=>a(l),e.retry??m,e.retryDelay??g);const h=u.get(s);h&&(h.promise=r,h.timestamp=Date.now(),h.staleTime=e.staleTime??f)}return{key:s,promise:r,result:await r}});return(p,s={})=>{const l=i(p);let e=u.get(l);e||(e={promise:null,data:w(null),error:w(null),isLoading:w(!1),timestamp:0,staleTime:s.staleTime??f},u.set(l,e));const r=D(t=>t);return R({source:d.doneData,filter:t=>t.key===l,fn:t=>t.promise,target:r}),e.isLoading.on(d.pending,(t,n)=>n),e.isLoading.on(r.pending,(t,n)=>n),e.data.on(r.doneData,(t,n)=>n),e.error.on(r.doneData,()=>null),e.error.on(r.failData,(t,n)=>n),e.error.on(d.failData,(t,n)=>n),(!e.promise||Date.now()-e.timestamp>e.staleTime)&&d({key:l,params:p,options:s}),{data:e.data,error:e.error,isLoading:e.isLoading,refetch:()=>d({key:l,params:p,options:{...s,refetch:!0}}).then(({result:t})=>t),invalidate:()=>E(o,l)}}}async function L(a,i,c){let o;for(let f=0;f<=i;f++)try{return await a()}catch(m){o=m instanceof Error?m:new Error(String(m)),f<i&&await new Promise(g=>{setTimeout(g,c*Math.pow(2,f))})}throw o}const P={invalidate:(a,i)=>{i?E(a,i):S(a)},clear:()=>v()},M={realtime:{defaultStaleTime:5*1e3,defaultRetry:1},standard:{defaultStaleTime:300*1e3,defaultRetry:3},static:{defaultStaleTime:3600*1e3,defaultRetry:2}};export{C as createQuery,P as queryCache,M as queryPresets};
+import{createEffect as e,createStore as t,sample as n}from"effector";var r=new Map;function i(e){return r.has(e)||r.set(e,new Map),r.get(e)}function a(e,t){let n=i(e).get(t);n&&(n.promise=null,n.timestamp=0)}function o(e){i(e).forEach(e=>{e.promise=null,e.timestamp=0})}function s(){r.clear()}function c(r,o,s={}){let{namespace:c=`default`,defaultStaleTime:u=300*1e3,defaultRetry:d=3,defaultRetryDelay:f=1e3}=s,p=i(c),m=e(async e=>{let{key:t,params:n,options:i}=e,a=p.get(t)?.promise,o=p.get(t),s=i.refetch||!a||o&&Date.now()-o.timestamp>(i.staleTime??o.staleTime);if(!a||s){a=l(()=>r(n),i.retry??d,i.retryDelay??f);let e=p.get(t);e&&(e.promise=a,e.timestamp=Date.now(),e.staleTime=i.staleTime??u)}return{key:t,promise:a,result:await a}});return(r,i={})=>{let s=o(r),l=p.get(s);l||(l={promise:null,data:t(null),error:t(null),isLoading:t(!1),timestamp:0,staleTime:i.staleTime??u},p.set(s,l));let d=e(e=>e);return n({source:m.doneData,filter:e=>e.key===s,fn:e=>e.promise,target:d}),l.isLoading.on(m.pending,(e,t)=>t),l.isLoading.on(d.pending,(e,t)=>t),l.data.on(d.doneData,(e,t)=>t),l.error.on(d.doneData,()=>null),l.error.on(d.failData,(e,t)=>t),l.error.on(m.failData,(e,t)=>t),(!l.promise||Date.now()-l.timestamp>l.staleTime)&&m({key:s,params:r,options:i}),{data:l.data,error:l.error,isLoading:l.isLoading,refetch:()=>m({key:s,params:r,options:{...i,refetch:!0}}).then(({result:e})=>e),invalidate:()=>a(c,s)}}}async function l(e,t,n){let r;for(let i=0;i<=t;i++)try{return await e()}catch(e){r=e instanceof Error?e:Error(String(e)),i<t&&await new Promise(e=>{setTimeout(e,n*2**i)})}throw r}var u={invalidate:(e,t)=>{t?a(e,t):o(e)},clear:()=>s()},d={realtime:{defaultStaleTime:5*1e3,defaultRetry:1},standard:{defaultStaleTime:300*1e3,defaultRetry:3},static:{defaultStaleTime:3600*1e3,defaultRetry:2}};export{c as createQuery,u as queryCache,d as queryPresets};

package/dist/hooks/events.js

@@ -1 +1 @@
-import{attach as c}from"effector";import{trackRecommendationPresentEvent as a}from"@picked/analytics";import{getPicked as m,getExperience as d}from"./client.js";const x=()=>{const{session:e,projectId:r,organizationId:i}=m(),n=d();return c({source:{config:n.configStore,step:n.currentStepStore},async effect({config:o,step:t},s){if(!e||!t)throw new Error("Cannot track recommendation present event: missing session or experience data.");return a({organizationId:i,projectId:r,experience:{id:n.experienceId,title:o.name},sessionId:e.id,identifiers:e.identifiers,isUser:e.isUser,step:t,productList:s})}})};export{x as getTrackRecommendationPresentEvent};
+import{getExperience as e,getPicked as t}from"./client.js";import{attach as n}from"effector";import{trackRecommendationPresentEvent as r}from"@picked/analytics";var i=()=>{let{session:i,projectId:a,organizationId:o}=t(),s=e();return n({source:{config:s.configStore,step:s.currentStepStore},async effect({config:e,step:t},n){if(!i||!t)throw Error(`Cannot track recommendation present event: missing session or experience data.`);return r({organizationId:o,projectId:a,experience:{id:s.experienceId,title:e.name},sessionId:i.id,identifiers:i.identifiers,isUser:i.isUser,step:t,productList:n})}})};export{i as getTrackRecommendationPresentEvent};

package/dist/hooks/feature.js

@@ -1 +1 @@
-import{createStore as i,createEvent as s,attach as f,createEffect as l,sample as o}from"effector";import{getPicked as v}from"./client.js";function d(t){return v().features.getEvokableFeature(t)}function m(t){const r=d(t),c=i(void 0,{skipVoid:!1}),a=s(),n=f({source:r,mapParams:(e,u)=>u,effect:l(async e=>await e())});return o({clock:a,target:n}),o({clock:n.doneData,fn:e=>{if(e!==void 0)return{id:t,bucket:e}},target:c}),a(),o({clock:r,target:a}),c}export{d as getFeature,m as getFeatureResult};
+import{getPicked as e}from"./client.js";import{attach as t,createEffect as n,createEvent as r,createStore as i,sample as a}from"effector";function o(t){return e().features.getEvokableFeature(t)}function s(e){let s=o(e),c=i(void 0,{skipVoid:!1}),l=r(),u=t({source:s,mapParams:(e,t)=>t,effect:n(async e=>await e())});return a({clock:l,target:u}),a({clock:u.doneData,fn:t=>{if(t!==void 0)return{id:e,bucket:t}},target:c}),l(),a({clock:s,target:l}),c}export{o as getFeature,s as getFeatureResult};

package/dist/hooks/field.d.ts

@@ -1,8 +1,7 @@
 import { Field, FieldValue } from '@picked/client';
 import { Store } from 'effector';
-interface GetFieldResponse {
+export interface GetFieldResponse {
     value: Store<FieldValue>;
     field: Store<Field | null>;
 }
-export declare function getField(key: string): GetFieldResponse;
-export {};
+export declare function getField(id: string): GetFieldResponse;

package/dist/hooks/field.js

@@ -1 +1 @@
-import{getPicked as s}from"./client.js";function r(e){const t=s(),n=t.fields.getByKey(e),o=t.responses.getByFieldKey(e);return{field:n,value:o}}export{r as getField};
+import{getPicked as e}from"./client.js";function t(t){let n=e();return{field:n.fields.getById(t),value:n.responses.getByFieldId(t)}}export{t as getField};

package/dist/hooks/index.js

@@ -1 +1 @@
-import{getExperience as r,getPicked as o}from"./client.js";import{getPredicate as p,getPredicateResult as a}from"./predicate.js";import{getFeature as x,getFeatureResult as n}from"./feature.js";import{getAction as s,getActionResult as f}from"./action.js";import{getStep as u,setStepContext as S}from"./step.js";import{getContextScope as d,setContextScope as l,useUnit as C}from"./stores.js";import{createLocalStorageStore as y,createSessionStorageStore as k}from"./storage.js";import{getTrackRecommendationPresentEvent as A}from"./events.js";import{createQuery as F,queryCache as h,queryPresets as v}from"./create-query/index.js";export{y as createLocalStorageStore,F as createQuery,k as createSessionStorageStore,s as getAction,f as getActionResult,d as getContextScope,r as getExperience,x as getFeature,n as getFeatureResult,o as getPicked,p as getPredicate,a as getPredicateResult,u as getStep,A as getTrackRecommendationPresentEvent,h as queryCache,v as queryPresets,l as setContextScope,S as setStepContext,C as useUnit};
+import{getExperience as e,getPicked as t}from"./client.js";import{getPredicate as n,getPredicateResult as r}from"./predicate.js";import{getFeature as i,getFeatureResult as a}from"./feature.js";import{getAction as o,getActionResult as s}from"./action.js";import{getStep as c,setStepContext as l}from"./step.js";import{getContextScope as u,setContextScope as d,useUnit as f}from"./stores.js";import{createLocalStorageStore as p,createSessionStorageStore as m}from"./storage.js";import{getTrackRecommendationPresentEvent as h}from"./events.js";import{createQuery as g,queryCache as _,queryPresets as v}from"./create-query/index.js";export{p as createLocalStorageStore,g as createQuery,m as createSessionStorageStore,o as getAction,s as getActionResult,u as getContextScope,e as getExperience,i as getFeature,a as getFeatureResult,t as getPicked,n as getPredicate,r as getPredicateResult,c as getStep,h as getTrackRecommendationPresentEvent,_ as queryCache,v as queryPresets,d as setContextScope,l as setStepContext,f as useUnit};

package/dist/hooks/predicate.js

@@ -1 +1 @@
-import"@picked/client";import{createStore as s,createEvent as d,attach as l,createEffect as f,sample as a}from"effector";import{getPicked as u}from"./client.js";function m(e){return u().predicates.getEvokablePredicate(e)}function v(e){const t=m(e),o=s(void 0,{skipVoid:!1}),r=d(),i=l({source:t,mapParams:(c,n)=>n,effect:f(async c=>{if(c)return await c()})});return a({clock:r,target:i}),a({clock:i.doneData,target:o}),r(),a({clock:t,target:r}),o}export{m as getPredicate,v as getPredicateResult};
+import{getPicked as e}from"./client.js";import{attach as t,createEffect as n,createEvent as r,createStore as i,sample as a}from"effector";import"@picked/client";function o(t){return e().predicates.getEvokablePredicate(t)}function s(e){let s=o(e),c=i(void 0,{skipVoid:!1}),l=r(),u=t({source:s,mapParams:(e,t)=>t,effect:n(async e=>{if(e)return await e()})});return a({clock:l,target:u}),a({clock:u.doneData,target:c}),l(),a({clock:s,target:l}),c}export{o as getPredicate,s as getPredicateResult};

package/dist/hooks/step.d.ts

@@ -1,13 +1,13 @@
 import { Store } from 'effector';
-import { ExperienceStep, Field, Response } from '@picked/client';
-type FieldWithValue = Field & {
-    value: Response | undefined;
-};
-export interface StepContext {
+import { ExperienceStep } from '@picked/client';
+import { FormInstance, FormField } from '../form/create-form.svelte';
+export interface StepContext extends FormInstance {
     step: Store<ExperienceStep>;
-    fields: Store<FieldWithValue[]>;
+    /** Directly accessible fields with current response values — usable without a form */
+    fields: Store<FormField[]>;
+    isActive: Store<boolean>;
+    /** @deprecated Use `isActive` instead */
     isActiveStep: Store<boolean>;
 }
-export declare function getStep(): StepContext;
 export declare function setStepContext(stepId: string): StepContext;
-export {};
+export declare function getStep(): StepContext;

package/dist/hooks/step.js

@@ -1 +1 @@
-import{getContext as g,setContext as y}from"svelte";import{createStore as v,combine as a,attach as h,createEffect as k,sample as l}from"effector";import{getStepFields as x}from"../utils/get-step-fields.js";import{STEP_CONTEXT_KEY as u}from"../context.js";import{getStepRouter as E}from"../router/context.js";import{getPicked as K}from"./client.js";function _(){return g(u)}function b(o){const r=K(),{activeStep:S}=E(),n=S.map(e=>e?.id===o),f=r.steps.listStore.map(e=>{const i=e.find(t=>(t.key??t.id)===o);if(!i)throw new Error(`Step with id "${o}" not found in the step registry.`);return i}),d=v([]),m=a({fields:d,responses:r.responses.listStore},({fields:e,responses:i})=>e.map(t=>{const s=i.find(p=>p.fieldKey===t.key||p.fieldId===t.id)?.value;return{...t,value:s}})),c=h({source:a({step:f,fields:r.fields.listStore}),effect:k(async({step:e,fields:i})=>{const t=e.fieldKeys&&e.fieldKeys.length>0?i.filter(s=>(e.fieldKeys??[]).includes(s.key)):i.filter(s=>(e.fieldIds??[]).includes(s.id));return await x(r,t)})});return l({source:{isActiveStep:n},filter:({isActiveStep:e})=>e,target:c}),l({clock:r.responses.listStore,source:{isActiveStep:n},filter:({isActiveStep:e})=>e,target:c}),l({source:c.doneData,target:d}),y(u,{step:f,fields:m,isActiveStep:n})}export{_ as getStep,b as setStepContext};
+import{STEP_CONTEXT_KEY as e}from"../context.js";import{getExperience as t}from"./client.js";import{getStepRouter as n}from"../router/context.js";import{getContext as r,setContext as i}from"svelte";import{createForm as a}from"../form/create-form.svelte";function o(e){let n=t().treeStore.map(t=>{let n=t.steps.find(t=>t.id===e);if(!n)throw Error(`Step with id "${e}" not found in the experience tree.`);return n});return{stepStore:n,form:a(e,n.map(e=>e.label),n.map(e=>e.fieldIds))}}function s(t){let{activeStep:r}=n(),a=r.map(e=>e?.id===t),{stepStore:s,form:c}=o(t);return i(e,{step:s,isActive:a,isActiveStep:a,...c})}function c(){return r(e)}export{c as getStep,s as setStepContext};

package/dist/hooks/storage.js

@@ -1 +1 @@
-import{writable as b}from"svelte/store";import{createStorageKey as m,sessionStore as d,localStore as x,supportsSessionStorage as y,supportsLocalStorage as k}from"@picked/client";import{getExperience as K}from"./client.js";const L={fallback:null,scope:"global"};function a(e,t,i){const{fallback:l,scope:u}={...L,...i},s=e==="session"?d:x,p=e==="session"?y:k,o=b(l);if(p()){const S=K(),r=m(t,u,S),c=s.get(r).text();c!==null&&o.set(c),o.subscribe(n=>{n?s.set(r,n):s.remove(r)});const f=n=>{o.set(n.text())},g=s.subscribe(r,f);return{...o,destroy:()=>{g()}}}return{...o,destroy:()=>{}}}function I(e,t){return a("session",e,t)}function O(e,t){return a("local",e,t)}export{O as createLocalStorageStore,I as createSessionStorageStore};
+import{getExperience as e}from"./client.js";import{createStorageKey as t,localStore as n,sessionStore as r,supportsLocalStorage as i,supportsSessionStorage as a}from"@picked/client";import{writable as o}from"svelte/store";var s={fallback:null,scope:`global`};function c(c,l,u){let{fallback:d,scope:f}={...s,...u},p=c===`session`?r:n,m=c===`session`?a:i,h=o(d);if(m()){let n=t(l,f,e()),r=p.get(n).text();r!==null&&h.set(r),h.subscribe(e=>{e?p.set(n,e):p.remove(n)});let i=p.subscribe(n,e=>{h.set(e.text())});return{...h,destroy:()=>{i()}}}return{...h,destroy:()=>{}}}function l(e,t){return c(`session`,e,t)}function u(e,t){return c(`local`,e,t)}export{u as createLocalStorageStore,l as createSessionStorageStore};

package/dist/hooks/stores.js

@@ -1 +1 @@
-import{getContext as f,setContext as s}from"svelte";import{fork as p,is as r,scopeBind as n,createWatch as m}from"effector";import{SCOPE_CONTEXT_KEY as c}from"../context.js";const g=e=>{const t=p(e);return s(c,t)},C=()=>f(c);function u(e){const t=C();return t?r.effect(e)?n(e,{scope:t}):r.event(e)&&typeof e=="function"?n(e,{scope:t}):{subscribe:o=>(o(t.getState(e)),m({unit:e,fn:o,scope:t}))}:e}export{C as getContextScope,g as setContextScope,u as useUnit};
+import{SCOPE_CONTEXT_KEY as e}from"../context.js";import{createWatch as t,fork as n,is as r,scopeBind as i}from"effector";import{getContext as a,setContext as o}from"svelte";var s=t=>o(e,n(t)),c=()=>a(e);function l(e){let n=c();return n?r.effect(e)||r.event(e)&&typeof e==`function`?i(e,{scope:n}):{subscribe:r=>(r(n.getState(e)),t({unit:e,fn:r,scope:n}))}:e}export{c as getContextScope,s as setContextScope,l as useUnit};

package/dist/index.js

@@ -1 +1 @@
-import{adaptSvelteComponent as o,isValidAdaptedComponent as t}from"./component.js";import{default as d}from"./components/LazyImage.svelte";export{d as LazyImage,o as adaptSvelteComponent,t as isValidAdaptedComponent};
+import{adaptSvelteComponent as e,isValidAdaptedComponent as t}from"./component.js";import{LazyImage as n}from"./components/index.js";export{n as LazyImage,e as adaptSvelteComponent,t as isValidAdaptedComponent};

package/dist/plugins/devtools/components/ExperienceInstanceListItem.svelte

@@ -1,13 +1,9 @@
 <script lang="ts">
   import type { ExperienceInstance } from '@picked/client'
   import { Button } from '../ui'
-  import { getPicked } from '../../../hooks'
 
   export let experienceInstance: ExperienceInstance
 
-  const client = getPicked()
-  const experienceLookup = client.experiences.get(experienceInstance.experienceId)
-
   const currentNode = experienceInstance.currentNodeStore
   const currentStep = experienceInstance.currentStepStore
   const nextStepNodes = experienceInstance.nextReachableStepNodesStore
@@ -16,24 +12,15 @@
   const isOpen = experienceInstance.isOpenStore
 
   $: totalNextStepNodes = $nextStepNodes.length
-  $: experienceName = $experienceLookup?.name ?? $experienceLookup?.key ?? experienceInstance.experienceId
-  $: currentNodeDisplay = $currentNode
-    ? (('name' in $currentNode && $currentNode.name) ||
-        ('stepKey' in $currentNode && $currentNode.stepKey) ||
-        $currentNode.id)
-    : ''
-  $: currentStepDisplay = $currentStep
-    ? ($currentStep.name ?? $currentStep.key ?? $currentStep.id)
-    : ''
 </script>
 
 <tr>
-  <td>{experienceName}</td>
+  <td>{experienceInstance.experienceId}</td>
   <td><Button variant="ghost" size="small" onclick={() => experienceInstance.toggleOpen()}>{$isOpen}</Button></td>
-  <td>{currentNodeDisplay}</td>
+  <td>{$currentNode?.id || ''}</td>
   <td>{$currentNode?.type || ''}</td>
-  <td>{currentStepDisplay}</td>
-  <td>{$currentStep?.title || ''}</td>
+  <td>{$currentStep?.id || ''}</td>
+  <td>{$currentStep?.label || ''}</td>
   <td>{totalNextStepNodes}</td>
   <td>{$stepsToOrigin[0]} - {$stepsToOrigin[1]}</td>
   <td>{$stepsToLeaf[0]} - {$stepsToLeaf[1]}</td>

package/dist/plugins/devtools/components/ExperienceInstancesTable.svelte

@@ -6,7 +6,7 @@
   export let experienceInstances: ExperienceInstance[]
 
   const columns = [
-    { key: 'experience', header: 'Name' },
+    { key: 'experience', header: 'Experience' },
     { key: 'isOpen', header: 'Is Open' },
     { key: 'currentNodeId', header: 'Current node ID' },
     { key: 'currentNodeType', header: 'Current node Type' },

package/dist/plugins/devtools/index.js

@@ -1 +1 @@
-import{svelteDevtoolsPlugin as l}from"./plugin.js";export{l as svelteDevtoolsPlugin};
+import{svelteDevtoolsPlugin as e}from"./plugin.js";export{e as svelteDevtoolsPlugin};

package/dist/plugins/devtools/plugin.js

@@ -1 +1 @@
-import{__vitePreload as i}from"../../_virtual/preload-helper.js";import{lazyComponent as r}from"@picked/client";import{createExperience as p,createExperiencePlugin as a}from"@picked/client/plugins/create-experience";import{adaptSvelteComponent as l}from"../../component.js";const v=t=>{const e=p({id:"devtools",name:"Picked Devtools",condition:!1,initializeOpen:!1,targets:[{selector:"body",placement:"append"}],component:l(r(()=>i(()=>import("./DevToolsExperience.svelte"),[])))});return e.addStep({label:"Tools"}),[{name:"svelte-devtools",setup:o=>{t?.enabled&&o.eventBus.watch(n=>{n.type==="ready"&&o.experiences.launch({id:e.id,options:{bypassCondition:!0}})})}},a({experiences:[e]})]};export{v as svelteDevtoolsPlugin};
+import{adaptSvelteComponent as e}from"../../component.js";import{__vitePreload as t}from"../../_virtual/_vite/preload-helper.js";import{lazyComponent as n}from"@picked/client";import{createExperience as r,createExperiencePlugin as i}from"@picked/client/plugins/create-experience";var a=a=>{let o=r({id:`devtools`,name:`Picked Devtools`,condition:!1,initializeOpen:!1,targets:[{selector:`body`,placement:`append`}],component:e(n(()=>t(()=>import(`./DevToolsExperience.svelte`),[])))});return o.addStep({label:`Tools`}),[{name:`svelte-devtools`,setup:e=>{a?.enabled&&e.eventBus.watch(t=>{t.type===`ready`&&e.experiences.launch({id:o.id,options:{bypassCondition:!0}})})}},i({experiences:[o]})]};export{a as svelteDevtoolsPlugin};

package/dist/plugins/devtools/screens/events/EventListItem.svelte

@@ -1,23 +1,11 @@
 <script lang="ts">
   import type { EventBusPayload, EventHistoryEntry } from '@picked/client'
   import { Badge, Card, CodeBlock, Stack, Text } from '../../ui'
-  import { getPicked } from '../../../../hooks'
 
   export let event: EventHistoryEntry
   export let isExpanded: boolean
   export let onToggle: () => void
 
-  const client = getPicked()
-
-  const eventExpId =
-    'experience' in event.payload && event.payload.experience
-      ? event.payload.experience.experienceId
-      : undefined
-  const eventExpLookup = client.experiences.get(eventExpId ?? '')
-  $: eventExpName = eventExpId
-    ? ($eventExpLookup?.name ?? $eventExpLookup?.key ?? eventExpId)
-    : '-'
-
   function formatTime(date: Date): string {
     return date.toLocaleTimeString('en-US', {
       hour12: false,
@@ -33,49 +21,59 @@
     value: unknown
   }
 
-  function getExperienceFields(exp: unknown): PayloadField[] {
-    if (!exp || typeof exp !== 'object') return []
+  function getPayloadFields(payload: EventBusPayload): PayloadField[] {
     const fields: PayloadField[] = []
-    if ('id' in exp && exp.id) fields.push({ label: 'Experience ID', value: exp.id })
-    if ('experienceId' in exp && exp.experienceId)
-      fields.push({ label: 'Experience Type', value: exp.experienceId })
-    return fields
-  }
 
-  function getStepFields(step: unknown): PayloadField[] {
-    if (!step || typeof step !== 'object') return []
-    const fields: PayloadField[] = []
-    if ('id' in step && step.id) fields.push({ label: 'Step ID', value: step.id })
-    // eslint-disable-next-line sonarjs/deprecation -- backwards-compat fallback for label
-    const stepName = ('name' in step && step.name) || ('label' in step && step.label)
-    if (stepName) fields.push({ label: 'Step Name', value: stepName })
-    return fields
-  }
+    fields.push({ label: 'Type', value: payload.type })
 
-  function getScalarFields(payload: EventBusPayload): PayloadField[] {
-    const fields: PayloadField[] = []
-    if ('value' in payload && payload.value !== undefined)
+    if ('value' in payload && payload.value !== undefined) {
       fields.push({ label: 'Value', value: payload.value })
-    if ('form' in payload && payload.form)
+    }
+
+    if ('experience' in payload && payload.experience) {
+      const exp = payload.experience
+      if (exp && typeof exp === 'object') {
+        if ('id' in exp && exp.id) {
+          fields.push({ label: 'Experience ID', value: exp.id })
+        }
+        if ('experienceId' in exp && exp.experienceId) {
+          fields.push({ label: 'Experience Type', value: exp.experienceId })
+        }
+      }
+    }
+
+    if ('step' in payload && payload.step) {
+      const step = payload.step
+      if (step && typeof step === 'object') {
+        if ('id' in step && step.id) {
+          fields.push({ label: 'Step ID', value: step.id })
+        }
+        if ('label' in step && step.label) {
+          fields.push({ label: 'Step Label', value: step.label })
+        }
+      }
+    }
+
+    if ('form' in payload && payload.form) {
       fields.push({ label: 'Form', value: JSON.stringify(payload.form) })
-    if ('feature' in payload && payload.feature)
+    }
+
+    if ('feature' in payload && payload.feature) {
       fields.push({ label: 'Feature', value: JSON.stringify(payload.feature) })
-    if ('exception' in payload && payload.exception)
+    }
+
+    if ('exception' in payload && payload.exception) {
       fields.push({ label: 'Exception', value: JSON.stringify(payload.exception) })
-    if ('version' in payload && payload.version)
+    }
+
+    if ('version' in payload && payload.version) {
       fields.push({ label: 'Version', value: payload.version })
-    return fields
-  }
+    }
 
-  function getPayloadFields(payload: EventBusPayload): PayloadField[] {
-    const fields: PayloadField[] = [{ label: 'Type', value: payload.type }]
-    fields.push(...getScalarFields(payload))
-    if ('experience' in payload && payload.experience)
-      fields.push(...getExperienceFields(payload.experience))
-    if ('step' in payload && payload.step)
-      fields.push(...getStepFields(payload.step))
-    if ('id' in payload && payload.id && payload.type === 'session')
+    if ('id' in payload && payload.id && payload.type === 'session') {
       fields.push({ label: 'Session ID', value: payload.id })
+    }
+
     return fields
   }
 
@@ -99,7 +97,9 @@
     <Badge status="info">{event.payload.type}</Badge>
   </td>
   <td>
-    <Text size="small">{eventExpName}</Text>
+    <Text size="small">
+      {'experience' in event.payload && event.payload.experience ? event.payload.experience.experienceId : '-'}
+    </Text>
   </td>
   <td>
     <Text size="caption" color="subdued">
@@ -114,7 +114,7 @@
         <Text size="small" weight="semibold">Event Payload</Text>
         <Card>
           <Stack direction="vertical" gap="small">
-            {#each getPayloadFields(event.payload) as field (field.label)}
+            {#each getPayloadFields(event.payload) as field}
               <Text size="caption" inline>
                 <Text size="caption" weight="semibold" color="subdued" inline>{field.label}:</Text>
                 <CodeBlock code={formatValue(field.value)} inline />

package/dist/plugins/devtools/screens/experiences/ExperienceDetailsScreen.svelte

@@ -11,7 +11,7 @@
 
 <Stack direction="vertical" gap="medium" padding="medium">
   <Stack direction="horizontal" gap="small">
-    <Button variant="primary" size="small" onclick={() => client.experiences.open({ id: experience.id, options: { bypassCondition: true } })}>
+    <Button variant="primary" size="small" onclick={() => client.launchExperienceById(experience.id)}>
       Launch experience
     </Button>
   </Stack>

package/dist/plugins/devtools/screens/experiences/ExperienceTreeScreen.svelte

@@ -9,16 +9,17 @@
   let zoom = 1
   let selectedNode = null
   let highlightedPath: string[][] = []
-  let error = null
+  let error: string | null = null
   const loading = false
 
   let treeRenderingDone = false
 
   const tree = experience.treeStore
 
+  $: steps = $tree.steps
   $: nodes = $tree.nodes
   $: edges = $tree.edges
-  $: conditions = $tree.conditions
+  $: conditionals = $tree.conditionals
 
   let zoomBehavior: d3.ZoomBehavior<SVGSVGElement, unknown>
 
@@ -88,7 +89,8 @@
   function renderGraph() {
     d3.select(svgEl).selectAll('*').remove()
 
-    const conditionsMap = new Map(conditions.map((c) => [c.id, c]))
+    const stepsMap = new Map(steps.map((s) => [s.id, s]))
+    const conditionalsMap = new Map(conditionals.map((c) => [c.id, c]))
     const outgoingEdges = new Map<string, ExperienceEdge[]>()
     edges.forEach((e) => {
       if (!outgoingEdges.has(e.sourceNodeId)) outgoingEdges.set(e.sourceNodeId, [])
@@ -97,13 +99,12 @@
 
     const getNodeLabel = (node: ExperienceNode): string => {
       if (node.type === 'origin') return 'Start'
-      if (node.type === 'step')
-        return node.name ?? node.stepKey ?? node.stepId ?? 'Unknown Step'
-      if (node.type === 'conditional') {
-        const conditionId = node.conditionId ?? node.conditionalId
-        const conditionItem = conditionId ? conditionsMap.get(conditionId) : undefined
-        if (conditionItem?.label) return conditionItem.label
-        if (conditionItem?.condition) return formatLogicRule(conditionItem.condition)
+      if (node.type === 'step' && node.stepId)
+        return stepsMap.get(node.stepId)?.label ?? 'Unknown Step'
+      if (node.type === 'conditional' && node.conditionalId) {
+        const conditional = conditionalsMap.get(node.conditionalId)
+        if (conditional?.label) return conditional.label
+        if (conditional?.condition) return formatLogicRule(conditional.condition)
         return 'Condition'
       }
       return 'Unknown Node'

package/dist/plugins/devtools/screens/experiences/ExperiencesListScreen.svelte

@@ -9,7 +9,7 @@
   $: tabs = $experiences.map((experience) => {
     return {
       id: experience.id,
-      label: experience.name ?? experience.key ?? experience.id,
+      label: experience.id,
       component: ExperienceScreen,
       props: {
         experience,

package/dist/plugins/devtools/screens/history/HistoryEntryListItem.svelte

@@ -1,17 +1,12 @@
 <script lang="ts">
   import type { HistoryEntry } from '@picked/client'
-  import { getPicked } from '../../../../hooks'
 
   export let historyEntry: HistoryEntry
-
-  const client = getPicked()
-  const experienceLookup = client.experiences.get(historyEntry.experienceId)
-  $: experienceName = $experienceLookup?.name ?? $experienceLookup?.key ?? historyEntry.experienceId
 </script>
 
 <tr>
   <td>{historyEntry.id}</td>
-  <td>{experienceName}</td>
+  <td>{historyEntry.experienceId}</td>
   <td>{historyEntry.node.id}</td>
   <td>{historyEntry.node.type}</td>
   <td>{historyEntry.at}</td>

package/dist/plugins/devtools/screens/responses/ResponseTableRow.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { ResponseListItem, PrimitiveFieldValue, Field } from '@picked/client'
+  import type { ResponseListItem, PrimitiveFieldValue, Field, FieldValue } from '@picked/client'
   import { getPicked } from '../../../../hooks'
   import { Button, Text, CodeBlock, Banner, Stack } from '../../ui'
 
@@ -11,9 +11,10 @@
   let isEditing = false
   let editValue = ''
   let editError = ''
-  let selectedOptions: Set<PrimitiveFieldValue> = new Set()
+  let selectedOptions: Set<FieldValue> = new Set()
 
-  $: hasOptions = field?.options && field.options.length > 0
+  $: hasOptions = Array.isArray(field?.options) && field.options.length > 0
+  $: staticOptions = Array.isArray(field?.options) ? field.options : null
   $: currentValue = response?.value ?? null
 
   function formatValue(value: unknown): string {
@@ -52,7 +53,7 @@
     selectedOptions = new Set()
   }
 
-  function toggleOption(optionValue: PrimitiveFieldValue) {
+  function toggleOption(optionValue: FieldValue) {
     if (field?.multiple) {
       if (selectedOptions.has(optionValue)) {
         selectedOptions.delete(optionValue)
@@ -65,7 +66,7 @@
     }
   }
 
-  function parseValue(input: string): unknown {
+  function parseValue(input: string): FieldValue {
     input = input.trim()
 
     if (input === '' || input === '-') {
@@ -99,14 +100,14 @@
 
   async function saveEdit() {
     try {
-      let newValue: unknown
+      let newValue: FieldValue
 
       if (hasOptions) {
         const values = Array.from(selectedOptions)
         if (field?.multiple) {
           newValue = values
         } else {
-          newValue = values[0] ?? null
+          newValue = values.at(0) ?? null
         }
       } else {
         newValue = parseValue(editValue)
@@ -134,7 +135,7 @@
 
 <tr>
   <td>
-    <CodeBlock code={field.key ?? field.id} inline />
+    <CodeBlock code={field.name} inline />
   </td>
   <td>
     <Text size="small" weight="semibold">{field.label}</Text>
@@ -142,9 +143,9 @@
   <td>
     {#if isEditing}
       <Stack direction="vertical" gap="small">
-        {#if hasOptions && field?.options}
+        {#if hasOptions && staticOptions}
           <Stack direction="vertical" gap="small">
-            {#each field.options as option (option.id)}
+            {#each staticOptions as option (option.id)}
               <label class="option-label">
                 {#if field.multiple}
                   <input

package/dist/plugins/devtools/screens/responses/ResponsesTable.svelte

@@ -34,7 +34,7 @@
   }
 
   const columns = [
-    { key: 'id', header: 'Key' },
+    { key: 'id', header: 'ID' },
     { key: 'field', header: 'Field' },
     { key: 'value', header: 'Value' },
     { key: 'type', header: 'Type' },

package/dist/plugins/devtools/ui/index.js

@@ -1 +1 @@
-import{default as t}from"./actions/Button.svelte";import{default as r}from"./actions/CopyButton.svelte";import{default as d}from"./typography/Heading.svelte";import{default as p}from"./typography/Text.svelte";import{default as x}from"./layout/Card.svelte";import{default as s}from"./layout/Divider.svelte";import{default as n}from"./layout/Spacer.svelte";import{default as S}from"./layout/Stack.svelte";import{default as C}from"./forms/Checkbox.svelte";import{default as b}from"./forms/RadioGroup.svelte";import{default as g}from"./forms/Select.svelte";import{default as w}from"./forms/Switch.svelte";import{default as D}from"./forms/TextField.svelte";import{default as R}from"./feedback/Banner.svelte";import{default as z}from"./feedback/Spinner.svelte";import{default as G}from"./overlays/Tooltip.svelte";import{default as V}from"./data/Badge.svelte";import{default as q}from"./data/CodeBlock.svelte";import{default as I}from"./data/DataTable.svelte";import{default as K}from"./data/EmptyState.svelte";import{default as M}from"./data/ExpandableRow.svelte";import{default as O}from"./data/VisualizationContainer.svelte";export{V as Badge,R as Banner,t as Button,x as Card,C as Checkbox,q as CodeBlock,r as CopyButton,I as DataTable,s as Divider,K as EmptyState,M as ExpandableRow,d as Heading,b as RadioGroup,g as Select,n as Spacer,z as Spinner,S as Stack,w as Switch,p as Text,D as TextField,G as Tooltip,O as VisualizationContainer};
+import e from"./actions/Button.svelte";import t from"./actions/CopyButton.svelte";import n from"./typography/Heading.svelte";import r from"./typography/Text.svelte";import i from"./layout/Card.svelte";import a from"./layout/Divider.svelte";import o from"./layout/Spacer.svelte";import s from"./layout/Stack.svelte";import c from"./forms/Checkbox.svelte";import l from"./forms/RadioGroup.svelte";import u from"./forms/Select.svelte";import d from"./forms/Switch.svelte";import f from"./forms/TextField.svelte";import p from"./feedback/Banner.svelte";import m from"./feedback/Spinner.svelte";import h from"./overlays/Tooltip.svelte";import g from"./data/Badge.svelte";import _ from"./data/CodeBlock.svelte";import v from"./data/DataTable.svelte";import y from"./data/EmptyState.svelte";import b from"./data/ExpandableRow.svelte";import x from"./data/VisualizationContainer.svelte";export{g as Badge,p as Banner,e as Button,i as Card,c as Checkbox,_ as CodeBlock,t as CopyButton,v as DataTable,a as Divider,y as EmptyState,b as ExpandableRow,n as Heading,l as RadioGroup,u as Select,o as Spacer,m as Spinner,s as Stack,d as Switch,r as Text,f as TextField,h as Tooltip,x as VisualizationContainer};

package/dist/plugins/framework/index.js

@@ -1 +1 @@
-import{svelteFrameworkPlugin as o}from"./plugin.js";export{o as svelteFrameworkPlugin};
+import{svelteFrameworkPlugin as e}from"./plugin.js";export{e as svelteFrameworkPlugin};

package/dist/plugins/framework/plugin.js

@@ -1 +1 @@
-import{adaptSvelteComponent as o}from"../../component.js";import{renderSvelteComponent as s}from"../../render/browser.js";const c=e=>({name:"svelte-framework",setup:t=>{t.registerFramework({name:"svelte",render(...n){return s(...n,{stylesheets:e.stylesheets,css:e.css})}});const r=e.components.experience;r&&t.registerComponent("experience",o(r.component,r.style))}});export{c as svelteFrameworkPlugin};
+import{adaptSvelteComponent as e}from"../../component.js";import{renderSvelteComponent as t}from"../../render/browser.js";var n=n=>({name:`svelte-framework`,setup:r=>{r.registerFramework({name:`svelte`,render(...e){return t(...e,{stylesheets:n.stylesheets,css:n.css})}});let i=n.components.experience;i&&r.registerComponent(`experience`,e(i.component,i.style))}});export{n as svelteFrameworkPlugin};

package/dist/render/browser.js

@@ -1 +1 @@
-import{isLazyLoader as p}from"@picked/client";import{mount as u}from"svelte";import{isValidAdaptedComponent as d}from"../component.js";import{CLIENT_CONTEXT_KEY as f,EXPERIENCE_CONTEXT_KEY as E}from"../context.js";import{mergeArrays as l}from"../utils/array.js";import y from"../utils/ErrorBoundary.svelte";function C(n,t){return new Map([[f,n],[E,t]])}const k=async(n,t,s,i,c)=>{if(!d(t))throw new Error("The component is invalid.");const m=l(t.style?.sheets,c.stylesheets),a=l(t.style?.css,c.css);m.length&&m.forEach(r=>{const e=document.createElement("link");e.setAttribute("rel","stylesheet"),e.setAttribute("href",r),e.setAttribute("type","text/css"),e.setAttribute("picked-injected","true"),n.appendChild(e)}),a.length&&a.forEach(r=>{const e=document.createElement("style");e.textContent=r,e.setAttribute("type","text/css"),e.setAttribute("picked-injected","true"),n.appendChild(e)});const o=r=>{u(y,{target:n,props:{component:r,componentProps:{client:s,experience:i}},context:C(s,i)})};if(p(t.component)){const{default:r}=await t.component.load();o(r);return}if(t.component instanceof Promise){const{default:r}=await t.component;o(r);return}o(t.component)},N=n=>{};export{C as createContext,k as renderSvelteComponent,N as unRenderSvelteComponent};
+import{isValidAdaptedComponent as e}from"../component.js";import{CLIENT_CONTEXT_KEY as t,EXPERIENCE_CONTEXT_KEY as n}from"../context.js";import{mergeArrays as r}from"../utils/array.js";import{mount as i}from"svelte";import{isLazyLoader as a}from"@picked/client";import o from"../utils/ErrorBoundary.svelte";function s(e,r){return new Map([[t,e],[n,r]])}var c=async(t,n,c,l,u)=>{if(!e(n))throw Error(`The component is invalid.`);let d=r(n.style?.sheets,u.stylesheets),f=r(n.style?.css,u.css);d.length&&d.forEach(e=>{let n=document.createElement(`link`);n.setAttribute(`rel`,`stylesheet`),n.setAttribute(`href`,e),n.setAttribute(`type`,`text/css`),n.setAttribute(`picked-injected`,`true`),t.appendChild(n)}),f.length&&f.forEach(e=>{let n=document.createElement(`style`);n.textContent=e,n.setAttribute(`type`,`text/css`),n.setAttribute(`picked-injected`,`true`),t.appendChild(n)});let p=e=>{i(o,{target:t,props:{component:e,componentProps:{client:c,experience:l}},context:s(c,l)})};if(a(n.component)){let{default:e}=await n.component.load();p(e);return}if(n.component instanceof Promise){let{default:e}=await n.component;p(e);return}p(n.component)},l=e=>{};export{s as createContext,c as renderSvelteComponent,l as unRenderSvelteComponent};

package/dist/render/server.js

@@ -1 +1 @@
-import{isLazyLoader as m}from"@picked/client";import{render as l}from"svelte/server";import{isValidAdaptedComponent as h}from"../component.js";import{CLIENT_CONTEXT_KEY as f,EXPERIENCE_CONTEXT_KEY as p}from"../context.js";import{mergeArrays as n}from"../utils/array.js";function c(e,t){return new Map([[f,e],[p,t]])}const w=async(e,t,o,a)=>{if(!h(e))throw new Error("The component is invalid.");const d=n(e.style?.sheets,a.stylesheets),i=n(e.style?.css,a.css);let s;m(e.component)?s=(await e.component.load()).default:e.component instanceof Promise?s=(await e.component).default:s=e.component;const r=l(s,{props:{client:t,experience:o},context:c(t,o)});return{stylesheets:d,css:i,head:r.head,html:r.html,body:r.body,hashes:r.hashes}};export{c as createContext,w as staticRenderSvelteComponent};
+import{isValidAdaptedComponent as e}from"../component.js";import{CLIENT_CONTEXT_KEY as t,EXPERIENCE_CONTEXT_KEY as n}from"../context.js";import{mergeArrays as r}from"../utils/array.js";import{isLazyLoader as i}from"@picked/client";import{render as a}from"svelte/server";function o(e,r){return new Map([[t,e],[n,r]])}var s=async(t,n,s,c)=>{if(!e(t))throw Error(`The component is invalid.`);let l=r(t.style?.sheets,c.stylesheets),u=r(t.style?.css,c.css),d;d=i(t.component)?(await t.component.load()).default:t.component instanceof Promise?(await t.component).default:t.component;let f=a(d,{props:{client:n,experience:s},context:o(n,s)});return{stylesheets:l,css:u,head:f.head,html:f.html,body:f.body,hashes:f.hashes}};export{o as createContext,s as staticRenderSvelteComponent};

package/dist/router/Step.svelte

@@ -13,7 +13,6 @@
 
   const step = {
     id,
-    key: id
   }
 
   const { registerStep, unregisterStep } = getStepRouter()

package/dist/router/StepRouter.svelte

@@ -51,7 +51,7 @@
 
   sample({
     source: { steps: stepsStore, currentStep: currentStepStore },
-    fn: ({ steps, currentStep }) => steps.find((s) => s.id === (currentStep?.key ?? currentStep?.id)) || null,
+    fn: ({ steps, currentStep }) => steps.find((s) => s.id === currentStep?.id) || null,
     target: setActiveStepEvent,
   })
 

package/dist/router/context.js

@@ -1 +1 @@
-import{getContext as o,setContext as r}from"svelte";const t=Symbol("router"),s=e=>r(t,e),p=()=>o(t);export{p as getStepRouter,s as setStepRouter};
+import{getContext as e,setContext as t}from"svelte";var n=Symbol(`router`),r=e=>t(n,e),i=()=>e(n);export{i as getStepRouter,r as setStepRouter};

package/dist/router/index.js

@@ -1 +1 @@
-import{default as o}from"./StepRouter.svelte";import{default as a}from"./Step.svelte";export{a as Step,o as StepRouter};
+import e from"./StepRouter.svelte";import t from"./Step.svelte";export{t as Step,e as StepRouter};

package/dist/server/index.js

@@ -1 +1 @@
-import{isValidAdaptedComponent as n}from"../component.js";import{staticRenderSvelteComponent as d}from"../render/server.js";const m={isValidComponent:n,render:async(o,t,r)=>{const e=await d(o,t,r,{});return{head:e.head,body:e.body}}};export{m as renderer};
+import{isValidAdaptedComponent as e}from"../component.js";import{staticRenderSvelteComponent as t}from"../render/server.js";var n={isValidComponent:e,render:async(e,n,r)=>{let i=await t(e,n,r,{});return{head:i.head,body:i.body}}};export{n as renderer};

package/dist/utils/array.js

@@ -1 +1 @@
-const t=(r,e)=>[...r||[],...e||[]];export{t as mergeArrays};
+var e=(e,t)=>[...e||[],...t||[]];export{e as mergeArrays};

package/dist/vite-env.d.js

@@ -1 +0,0 @@
-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/svelte",
-  "version": "0.0.1-dev.1773807602703",
+  "version": "0.0.1-dev.1774224866171",
   "dependencies": {
     "d3": "^7.9.0"
   },
@@ -11,22 +11,22 @@
     "@repo/typescript-config": "workspace:*",
     "@size-limit/file": "^12.0.0",
     "@sveltejs/package": "^2.3.11",
-    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
     "@tsconfig/svelte": "^5.0.4",
     "@types/d3": "^7.4.3",
     "@types/node": "^22",
-    "@vitest/coverage-v8": "^4.0.17",
+    "@vitest/coverage-v8": "^4.1.0",
     "effector": "^23.3.0",
     "fast-glob": "^3.3.3",
     "happy-dom": "^20.0.2",
     "size-limit": "^12.0.0",
-    "svelte": "^5.34.3",
+    "svelte": "^5.46.4",
     "svelte-check": "^4.2.2",
     "typedoc": "^0.28.5",
     "typedoc-plugin-markdown": "^4.6.3",
-    "vite": "^7.3.1",
+    "vite": "^8.0.1",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.0.17"
+    "vitest": "^4.1.0"
   },
   "exports": {
     ".": {
@@ -80,7 +80,7 @@
       "knip",
       "jscpd",
       "eslint",
-      "tsc"
+      "tsgo"
     ],
     "entry": [
       "src/plugins/devtools/ui/index.ts"
@@ -88,9 +88,9 @@
   },
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.1-dev.1773807602703",
+    "@picked/client": "0.0.1-dev.1774224866171",
     "effector": "^23.3.0",
-    "svelte": "^5.34.3"
+    "svelte": "^5.46.4"
   },
   "private": false,
   "scripts": {
@@ -111,7 +111,7 @@
     "test:coverage": "vitest run --coverage",
     "test:packaged-types": "attw --pack",
     "test:watch": "vitest",
-    "type-check": "tsc -p . --noEmit"
+    "type-check": "tsgo -p . --noEmit"
   },
   "size-limit": [
     {

package/dist/_virtual/preload-helper.js

@@ -1 +0,0 @@
-const p="modulepreload",v=function(l){return"/"+l},u={},y=function(d,c,E){let i=Promise.resolve();if(c&&c.length>0){let f=function(e){return Promise.all(e.map(o=>Promise.resolve(o).then(s=>({status:"fulfilled",value:s}),s=>({status:"rejected",reason:s}))))};document.getElementsByTagName("link");const r=document.querySelector("meta[property=csp-nonce]"),t=r?.nonce||r?.getAttribute("nonce");i=f(c.map(e=>{if(e=v(e),e in u)return;u[e]=!0;const o=e.endsWith(".css"),s=o?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${e}"]${s}`))return;const n=document.createElement("link");if(n.rel=o?"stylesheet":p,o||(n.as="script"),n.crossOrigin="",n.href=e,t&&n.setAttribute("nonce",t),document.head.appendChild(n),o)return new Promise((m,h)=>{n.addEventListener("load",m),n.addEventListener("error",()=>h(new Error(`Unable to preload CSS for ${e}`)))})}))}function a(r){const t=new Event("vite:preloadError",{cancelable:!0});if(t.payload=r,window.dispatchEvent(t),!t.defaultPrevented)throw r}return i.then(r=>{for(const t of r||[])t.status==="rejected"&&a(t.reason);return d().catch(a)})};export{y as __vitePreload};

package/dist/utils/get-step-fields.d.ts

@@ -1,2 +0,0 @@
-import { Field, Picked } from '@picked/client';
-export declare function getStepFields(client: Picked, fields: Field[]): Promise<Field[]>;

package/dist/utils/get-step-fields.js

@@ -1 +0,0 @@
-import{evaluateRuleLogic as s}from"@picked/client";function u(o){return o.options?.some(n=>"condition"in n)??!1}function l(o){return o.some(n=>n.condition||n.conditionKey||u(n))}async function a(o,n){return n.conditionKey?o.conditions.getByKey(n.conditionKey).getState()?.condition??null:n.condition??null}async function g(o,n){return n.length===0||!l(n)?n:(await Promise.all(n.map(async t=>{const r=await a(o,t);if(!(r?await s(o,r):!0))return null;if(!t.options||!u(t))return t;const e=(await Promise.all(t.options.map(async i=>i.condition?await s(o,i.condition)?i:null:i))).filter(i=>i!==null);return e.length===t.options.length?t:e.length===0?null:{...t,options:e}}))).filter(t=>t!==null)}export{g as getStepFields};