@picked/svelte 0.0.1-dev.1774244905386 → 0.0.1-dev.1774924249530

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

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
+/** @file Public re-exports for Svelte hook utilities. */
 export { getPicked, getExperience } from './client';
 export { getPredicate, getPredicateResult } from './predicate';
 export { getFeature, getFeatureResult } from './feature';

package/dist/hooks/step.d.ts

@@ -1,13 +1,24 @@
 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;
+/**
+ * Creates and sets step context in the Svelte context tree.
+ *
+ * @param stepId - The step identifier.
+ * @example setStepContext('step-1')
+ */
 export declare function setStepContext(stepId: string): StepContext;
-export {};
+/**
+ * Retrieves the step context from the Svelte context tree.
+ *
+ * @example getStep()
+ */
+export declare function getStep(): StepContext;

package/dist/hooks/step.js

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

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

@@ -7,7 +7,7 @@
   export let experienceInstance: ExperienceInstance
 
   const client = getPicked()
-  const experienceLookup = client.experiences.get(experienceInstance.experienceId)
+  const experienceStore = client.experiences.get(experienceInstance.experienceId)
 
   const currentNode = experienceInstance.currentNodeStore
   const currentStep = experienceInstance.currentStepStore
@@ -17,11 +17,9 @@
   const isOpen = experienceInstance.isOpenStore
 
   $: totalNextStepNodes = $nextStepNodes.length
-  $: experienceName = $experienceLookup?.name ?? experienceInstance.experienceId
+  $: experienceName = $experienceStore?.name ?? experienceInstance.experienceId
   $: currentNodeDisplay = $currentNode
-    ? (('name' in $currentNode && $currentNode.name) ||
-        ('stepKey' in $currentNode && $currentNode.stepKey) ||
-        $currentNode.id)
+    ? (('stepKey' in $currentNode && $currentNode.stepKey) || $currentNode.id)
     : ''
   $: currentStepDisplay = $currentStep?.name ?? ''
 </script>
@@ -32,7 +30,7 @@
   <td>{currentNodeDisplay}</td>
   <td>{$currentNode?.type || ''}</td>
   <td>{currentStepDisplay}</td>
-  <td>{$currentStep?.title || ''}</td>
+  <td>{$currentStep?.name || ''}</td>
   <td>{totalNextStepNodes}</td>
   <td>{$stepsToOrigin[0]} - {$stepsToOrigin[1]}</td>
   <td>{$stepsToLeaf[0]} - {$stepsToLeaf[1]}</td>

package/dist/plugins/devtools/plugin.js

@@ -1 +1 @@
-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({key:o.key,options:{bypassCondition:!0}})})}},i({experiences:[o]})]};export{a 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`,key:`devtools`,name:`Picked Devtools`,condition:!1,initializeOpen:!1,targets:[{selector:`body`,placement:`append`}],component:e(n(()=>t(()=>import(`./DevToolsExperience.svelte`),[])))});return o.addStep({name:`Tools`}),[{name:`svelte-devtools`,setup:e=>{a?.enabled&&e.eventBus.watch(t=>{t.type===`ready`&&e.experiences.launch({key:o.key,options:{bypassCondition:!0}})})}},i({experiences:[o]})]};export{a as svelteDevtoolsPlugin};

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

@@ -14,9 +14,9 @@
     'experience' in event.payload && event.payload.experience
       ? event.payload.experience.experienceId
       : undefined
-  const eventExpLookup = client.experiences.get(eventExpId ?? '')
+  const eventExperienceStore = client.experiences.get(eventExpId ?? '')
   $: eventExpName = eventExpId
-    ? ($eventExpLookup?.name ?? eventExpId)
+    ? ($eventExperienceStore?.name ?? eventExpId)
     : '-'
 
   /**
@@ -73,19 +73,37 @@
    * ```
    */
   function getStepFields(step: unknown): PayloadField[] {
-    if (!step || typeof step !== 'object') return []
+    if (!step || typeof step !== 'object'){
+      return []
+    } 
+
     const fields: PayloadField[] = []
-    if ('id' in step && step.id) fields.push({ label: 'Step ID', value: step.id })
+    if ('key' in step && step.key) { 
+      fields.push({ label: 'Step Key', value: step.key }) 
+    }
+
     // 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 })
+    if (stepName) { 
+      fields.push({ label: 'Step Name', value: stepName }) 
+    }
+
     return fields
   }
 
+  /** Scalar payload keys to extract and their display labels. JSON-serializable values are stringified. */
+  const SCALAR_KEYS: { key: string; label: string; serialize?: boolean }[] = [
+    { key: 'value', label: 'Value' },
+    { key: 'form', label: 'Form', serialize: true },
+    { key: 'feature', label: 'Feature', serialize: true },
+    { key: 'exception', label: 'Exception', serialize: true },
+    { key: 'version', label: 'Version' },
+  ]
+
   /**
    * Extracts scalar (non-nested) fields from an event bus payload.
    *
-   * @param payload - The event bus payload to extract fields from.
+   * @param payload - The event bus payload to extract scalar fields from.
    * @example
    * ```typescript
    * getScalarFields({ type: 'step', value: 42 })
@@ -94,23 +112,22 @@
    */
   function getScalarFields(payload: EventBusPayload): PayloadField[] {
     const fields: PayloadField[] = []
-    if ('value' in payload && payload.value !== undefined)
-      fields.push({ label: 'Value', value: payload.value })
-    if ('form' in payload && payload.form)
-      fields.push({ label: 'Form', value: JSON.stringify(payload.form) })
-    if ('feature' in payload && payload.feature)
-      fields.push({ label: 'Feature', value: JSON.stringify(payload.feature) })
-    if ('exception' in payload && payload.exception)
-      fields.push({ label: 'Exception', value: JSON.stringify(payload.exception) })
-    if ('version' in payload && payload.version)
-      fields.push({ label: 'Version', value: payload.version })
+    const record = payload as Record<string, unknown>
+
+    for (const { key, label, serialize } of SCALAR_KEYS) {
+      const raw = record[key]
+      if (raw !== undefined) {
+        fields.push({ label, value: serialize ? JSON.stringify(raw) : raw })
+      }
+    }
+
     return fields
   }
 
   /**
-   * Builds a complete list of display fields from an event bus payload.
+   * Builds a flat list of display fields from an event bus payload.
    *
-   * @param payload - The event bus payload to extract all fields from.
+   * @param payload - The event bus payload to extract fields from.
    * @example
    * ```typescript
    * getPayloadFields({ type: 'session', id: 'sess-1' })
@@ -120,12 +137,19 @@
   function getPayloadFields(payload: EventBusPayload): PayloadField[] {
     const fields: PayloadField[] = [{ label: 'Type', value: payload.type }]
     fields.push(...getScalarFields(payload))
-    if ('experience' in payload && payload.experience)
+
+    if ('experience' in payload && payload.experience) {
       fields.push(...getExperienceFields(payload.experience))
-    if ('step' in payload && payload.step)
+    }
+
+    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
   }
 

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

@@ -12,7 +12,7 @@
   let selectedNode = null
   // eslint-disable-next-line @typescript-eslint/no-unused-vars, sonarjs/no-unused-collection -- reserved for future path highlighting
   let highlightedPath: string[][] = []
-  let error = null
+  let error: string | null = null
   const loading = false
 
   let treeRenderingDone = false
@@ -138,7 +138,7 @@
     const getNodeLabel = (node: ExperienceNode): string => {
       if (node.type === 'origin') return 'Start'
       if (node.type === 'step')
-        return node.name ?? node.stepKey ?? node.stepId ?? 'Unknown Step'
+        return node.name ?? 'Unknown Step'
       if (node.type === 'condition') {
         const conditionId = node.conditionId
         const conditionItem = conditionId ? conditionsMap.get(conditionId) : undefined

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

@@ -6,8 +6,8 @@
   export let historyEntry: HistoryEntry
 
   const client = getPicked()
-  const experienceLookup = client.experiences.get(historyEntry.experienceId)
-  $: experienceName = $experienceLookup?.name ?? historyEntry.experienceId
+  const experienceStore = client.experiences.get(historyEntry.experienceId)
+  $: experienceName = $experienceStore?.name ?? historyEntry.experienceId
 </script>
 
 <tr>

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

@@ -15,7 +15,8 @@
   // eslint-disable-next-line svelte/prefer-svelte-reactivity -- Set is reassigned for Svelte reactivity via `selectedOptions = selectedOptions`
   let selectedOptions: Set<PrimitiveFieldValue> = 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
 
   /**
@@ -159,14 +160,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)
@@ -210,9 +211,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/router/Step.svelte

@@ -1,24 +1,30 @@
 <script lang="ts">
+  /** @file Step component that registers a step with the router and renders its content. */
   import { type Component, type Snippet } from 'svelte'
   import { setStepContext } from '../hooks'
   import { getStepRouter } from './context'
 
   interface Props {
-    id: string
+    /** Preferred prop: the step key used for registration and lookup. */
+    key?: string
+    /** @deprecated Use `key` instead. Accepted for backwards compatibility. */
+    id?: string
     component?: Component | Promise<Component> | Promise<{ default: Component }>
     children?: Snippet
   }
 
-  const { id, component, children }: Props = $props()
+  const { key, id, component, children }: Props = $props()
+
+  const resolvedKey = key ?? id ?? ''
 
   const step = {
-    id,
-    key: id
+    id: resolvedKey,
+    key: resolvedKey,
   }
 
   const { registerStep, unregisterStep } = getStepRouter()
 
-  setStepContext(id)
+  setStepContext(resolvedKey)
 
   $effect(() => {
     registerStep(step)

package/dist/router/StepRouter.svelte

@@ -35,7 +35,7 @@
       // we just skip them.
       if (hasActiveStep) return
 
-      const isMatchingStep = step.id === currentStepStore.getState()?.id
+      const isMatchingStep = step.key === currentStepStore.getState()?.key
 
       if (isMatchingStep) {
         setActiveStepEvent(step)
@@ -52,7 +52,7 @@
 
   sample({
     source: { steps: stepsStore, currentStep: currentStepStore },
-    fn: ({ steps, currentStep }) => steps.find((s) => s.id === currentStep?.key) || null,
+    fn: ({ steps, currentStep }) => steps.find((s) => s.key === currentStep?.key) || null,
     target: setActiveStepEvent,
   })
 

package/dist/router/context.d.ts

@@ -1,6 +1,7 @@
 import { Store } from 'effector';
 export interface Step {
     id: string;
+    key: string;
 }
 interface ContextOptions {
     activeStep: Store<Step | null>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/svelte",
-  "version": "0.0.1-dev.1774244905386",
+  "version": "0.0.1-dev.1774924249530",
   "dependencies": {
     "d3": "^7.9.0"
   },
@@ -18,7 +18,7 @@
     "@vitest/coverage-v8": "^4.1.0",
     "effector": "^23.3.0",
     "fast-glob": "^3.3.3",
-    "happy-dom": "^20.0.2",
+    "happy-dom": "^20.8.8",
     "size-limit": "^12.0.0",
     "svelte": "^5.46.4",
     "svelte-check": "^4.2.2",
@@ -88,7 +88,7 @@
   },
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.1-dev.1774244905386",
+    "@picked/client": "0.0.1-dev.1774924249530",
     "effector": "^23.3.0",
     "svelte": "^5.46.4"
   },
@@ -108,7 +108,7 @@
     "svelte-check": "svelte-check --tsconfig ./tsconfig.json",
     "svelte-check:report": "mkdir -p ./.reports && pnpm svelte-check --tsconfig ./tsconfig.json --output=machine > ./.reports/svelte-check.txt || [ -f './.reports/svelte-check.txt' ]",
     "test": "vitest run",
-    "test:coverage": "vitest run --coverage",
+    "test:coverage": "../../scripts/vitest-coverage.sh",
     "test:packaged-types": "attw --pack",
     "test:watch": "vitest",
     "type-check": "tsgo -p . --noEmit"

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 e}from"@picked/client";function t(e){return e.options?.some(e=>`condition`in e)??!1}function n(e){return e.some(e=>e.condition||e.conditionKey||t(e))}async function r(e,t){return t.conditionKey?e.conditions.getByKey(t.conditionKey).getState()?.logic??null:t.condition??null}async function i(i,a){return a.length===0||!n(a)?a:(await Promise.all(a.map(async n=>{let a=await r(i,n);if(!(!a||await e(i,a)))return null;if(!n.options||!t(n))return n;let o=(await Promise.all(n.options.map(async t=>t.condition?await e(i,t.condition)?t:null:t))).filter(e=>e!==null);return o.length===n.options.length?n:o.length===0?null:{...n,options:o}}))).filter(e=>e!==null)}export{i as getStepFields};