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

package/dist/form/index.d.ts

@@ -1,2 +1,25 @@
-export type { FormField } from './create-form.svelte';
-export { getForm } from './get-form';
+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 {};

package/dist/form/index.js

@@ -1 +1 @@
-import{getForm as e}from"./get-form.js";export{e as getForm};
+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};

package/dist/hooks/field.d.ts

@@ -1,12 +1,8 @@
 import { Field, FieldValue } from '@picked/client';
 import { Store } from 'effector';
-export interface GetFieldResponse {
+interface GetFieldResponse {
     value: Store<FieldValue>;
     field: Store<Field | null>;
 }
-/**
- * @deprecated Field options and status are now available directly on the Field object
- * from the step fields store. Use `field.options`, `field.status`, and `field.error`
- * instead of accessing them through this hook.
- */
-export declare function getField(id: string): GetFieldResponse;
+export declare function getField(key: string): GetFieldResponse;
+export {};

package/dist/hooks/field.js

@@ -1 +1 @@
-import{getPicked as s}from"./client.js";function r(e){const t=s(),n=t.fields.getById(e),o=t.responses.getByFieldId(e);return{field:n,value:o}}export{r as getField};
+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};

package/dist/hooks/step.d.ts

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

package/dist/hooks/step.js

@@ -1 +1 @@
-import{getContext as h,onMount as A,setContext as E}from"svelte";import{createEffect as g,createEvent as O,sample as p}from"effector";import{STEP_CONTEXT_KEY as x}from"../context.js";import{createForm as k}from"../form/create-form.svelte";import{getStepRouter as C}from"../router/context.js";import{getPicked as I,getExperience as _}from"./client.js";function b(c){const o=_().treeStore.map(s=>{const d=s.steps.find(f=>f.id===c);if(!d)throw new Error(`Step with id "${c}" not found in the experience tree.`);return d}),l=o.map(s=>s.label),u=o.map(s=>s.fieldIds),r=k(c,l,u);return{stepStore:o,form:r}}function K(c){const{activeStep:a}=C(),o=a.map(e=>e?.id===c),{stepStore:l,form:u}=b(c),r=I(),s=g(e=>{r.fields.resolveAll(e)});function d(e,n){return e.dependsOn?.length?e.dependsOn.every(i=>{const t=n[i];return t!=null&&t!==""&&!(Array.isArray(t)&&t.length===0)}):!0}const f=O();p({clock:f,source:{step:l,fields:r.fields.listStore},fn:({step:e,fields:n})=>e.fieldIds.filter(i=>!n.find(t=>t.id===i)?.dependsOn?.length),target:s});const m=g(({step:e,fields:n,responses:i})=>{for(const t of e.fieldIds){const S=n.find(v=>v.id===t);S?.dependsOn?.length&&(d(S,i)?r.fields.resolveAll([t],{force:!0,context:{responses:i}}):r.fields.setWaiting(t))}});return p({clock:f,source:{step:l,fields:r.fields.listStore,responses:r.responses.getAllStore},target:m}),A(()=>{f()}),p({clock:o,source:{step:l,fields:r.fields.listStore},filter:(e,n)=>n,fn:({step:e,fields:n})=>e.fieldIds.filter(i=>!n.find(t=>t.id===i)?.dependsOn?.length),target:s}),p({clock:o,source:{step:l,fields:r.fields.listStore,responses:r.responses.getAllStore},filter:(e,n)=>n,target:m}),E(x,{step:l,isActive:o,isActiveStep:o,...u})}function M(){return h(x)}export{M as getStep,K as setStepContext};
+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};

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

@@ -1,9 +1,13 @@
 <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
@@ -12,15 +16,24 @@
   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>{experienceInstance.experienceId}</td>
+  <td>{experienceName}</td>
   <td><Button variant="ghost" size="small" onclick={() => experienceInstance.toggleOpen()}>{$isOpen}</Button></td>
-  <td>{$currentNode?.id || ''}</td>
+  <td>{currentNodeDisplay}</td>
   <td>{$currentNode?.type || ''}</td>
-  <td>{$currentStep?.id || ''}</td>
-  <td>{$currentStep?.label || ''}</td>
+  <td>{currentStepDisplay}</td>
+  <td>{$currentStep?.title || ''}</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: 'Experience' },
+    { key: 'experience', header: 'Name' },
     { key: 'isOpen', header: 'Is Open' },
     { key: 'currentNodeId', header: 'Current node ID' },
     { key: 'currentNodeType', header: 'Current node Type' },

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

@@ -1,11 +1,23 @@
 <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,
@@ -21,59 +33,49 @@
     value: unknown
   }
 
-  function getPayloadFields(payload: EventBusPayload): PayloadField[] {
+  function getExperienceFields(exp: unknown): PayloadField[] {
+    if (!exp || typeof exp !== 'object') return []
     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
+  }
 
-    fields.push({ label: 'Type', value: payload.type })
+  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
+  }
 
-    if ('value' in payload && payload.value !== undefined) {
+  function getScalarFields(payload: EventBusPayload): PayloadField[] {
+    const fields: PayloadField[] = []
+    if ('value' in payload && payload.value !== undefined)
       fields.push({ label: 'Value', value: payload.value })
-    }
-
-    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) {
+    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
+  }
 
-    if ('id' in payload && payload.id && payload.type === 'session') {
+  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')
       fields.push({ label: 'Session ID', value: payload.id })
-    }
-
     return fields
   }
 
@@ -97,9 +99,7 @@
     <Badge status="info">{event.payload.type}</Badge>
   </td>
   <td>
-    <Text size="small">
-      {'experience' in event.payload && event.payload.experience ? event.payload.experience.experienceId : '-'}
-    </Text>
+    <Text size="small">{eventExpName}</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}
+            {#each getPayloadFields(event.payload) as field (field.label)}
               <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.launchExperienceById(experience.id)}>
+    <Button variant="primary" size="small" onclick={() => client.experiences.open({ id: experience.id, options: { bypassCondition: true } })}>
       Launch experience
     </Button>
   </Stack>

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

@@ -9,17 +9,16 @@
   let zoom = 1
   let selectedNode = null
   let highlightedPath: string[][] = []
-  let error: string | null = null
+  let error = null
   const loading = false
 
   let treeRenderingDone = false
 
   const tree = experience.treeStore
 
-  $: steps = $tree.steps
   $: nodes = $tree.nodes
   $: edges = $tree.edges
-  $: conditionals = $tree.conditionals
+  $: conditions = $tree.conditions
 
   let zoomBehavior: d3.ZoomBehavior<SVGSVGElement, unknown>
 
@@ -89,8 +88,7 @@
   function renderGraph() {
     d3.select(svgEl).selectAll('*').remove()
 
-    const stepsMap = new Map(steps.map((s) => [s.id, s]))
-    const conditionalsMap = new Map(conditionals.map((c) => [c.id, c]))
+    const conditionsMap = new Map(conditions.map((c) => [c.id, c]))
     const outgoingEdges = new Map<string, ExperienceEdge[]>()
     edges.forEach((e) => {
       if (!outgoingEdges.has(e.sourceNodeId)) outgoingEdges.set(e.sourceNodeId, [])
@@ -99,12 +97,13 @@
 
     const getNodeLabel = (node: ExperienceNode): string => {
       if (node.type === 'origin') return 'Start'
-      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)
+      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)
         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.id,
+      label: experience.name ?? experience.key ?? experience.id,
       component: ExperienceScreen,
       props: {
         experience,

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

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

package/dist/router/Step.svelte

@@ -13,6 +13,7 @@
 
   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?.id) || null,
+    fn: ({ steps, currentStep }) => steps.find((s) => s.id === (currentStep?.key ?? currentStep?.id)) || null,
     target: setActiveStepEvent,
   })
 

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

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

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

@@ -0,0 +1 @@
+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};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/svelte",
-  "version": "0.0.1-dev.1773729274420",
+  "version": "0.0.1-dev.1773807602703",
   "dependencies": {
     "d3": "^7.9.0"
   },
@@ -88,7 +88,7 @@
   },
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.1-dev.1773729274420",
+    "@picked/client": "0.0.1-dev.1773807602703",
     "effector": "^23.3.0",
     "svelte": "^5.34.3"
   },

package/dist/form/build-responses.d.ts

@@ -1,13 +0,0 @@
-import { FieldBase, FieldValue } from '@picked/client';
-type FieldLike = Pick<FieldBase, 'id' | 'type' | 'multiple'>;
-/**
- * Parses a FormData snapshot into a typed record of field responses.
- *
- * - Fields absent from FormData are mapped to `null`.
- * - Empty string values are mapped to `null`.
- * - Repeated entries for the same field (e.g. multi-select checkboxes) are
- *   merged into a typed array — matching the field's declared element type.
- * - Values are coerced to the field's declared type (text → string, number → number, boolean → boolean).
- */
-export declare function buildResponsesFromFormData(fields: FieldLike[], formData: FormData): Record<string, FieldValue>;
-export {};

package/dist/form/build-responses.js

@@ -1 +0,0 @@
-function i(e,o,n){const r=e[o];if(r===void 0){e[o]=n;return}if(Array.isArray(r)&&Array.isArray(n)&&n.length>0){typeof r[0]=="string"?e[o]=[...r,...n].map(String):typeof r[0]=="number"?e[o]=[...r,...n].map(Number):typeof r[0]=="boolean"?e[o]=[...r,...n].map(t=>!!t):e[o]=n;return}e[o]=n}function b(e,o){const n=Array.from(o.entries()),r={};return e.forEach(t=>{let m=n.filter(([s])=>s===t.id);m.length===0&&(m=[[t.id,""]]),m.forEach(([,s])=>{if(s===""){i(r,t.id,null);return}switch(t.type){case"text":case"object":i(r,t.id,t.multiple?[String(s)]:String(s));break;case"number":i(r,t.id,t.multiple?[Number(s)]:Number(s));break;case"boolean":i(r,t.id,t.multiple?[s==="true"]:s==="true");break}})}),r}export{b as buildResponsesFromFormData};

package/dist/form/create-field-evaluator.d.ts

@@ -1,17 +0,0 @@
-import { FieldValue, FieldWithStatus, Picked } from '@picked/client';
-import { Store, StoreWritable } from 'effector';
-/**
- * Creates a reactive store of evaluated fields for a given set of field IDs.
- *
- * Fields are re-evaluated whenever:
- * - The available field IDs change (e.g. a step is entered)
- * - Any response is committed (options may depend on prior answers)
- * - The global field registry changes (fields registered after init)
- * - Staged values change (field visibility conditions may reference responses.*)
- *
- * Evaluation runs `getStepFields` with effective responses (committed + staged) as context,
- * so visibility conditions see live in-session values rather than only committed responses.
- */
-export declare function createFieldEvaluator(client: Picked, fieldIds: Store<string[]>, stagedValuesStore: StoreWritable<Record<string, FieldValue>>): {
-    fieldsStore: Store<FieldWithStatus[]>;
-};

package/dist/form/create-field-evaluator.js

@@ -1 +0,0 @@
-import{getStepFields as m}from"./get-step-fields.js";import{createStore as u,attach as F,createEffect as S,sample as i}from"effector";function k(e,r,s){const o=u([]),t=F({source:{allFields:e.fields.listStore,fieldIds:r,staged:s,committed:e.responses.getAllStore},effect:S(async({allFields:l,fieldIds:a,staged:c,committed:d})=>{const f=l.filter(p=>a.includes(p.id)),n={...d,...c};return await m(e,f,{responses:n})})});return i({clock:t.doneData,target:o}),t(),i({clock:[e.responses.listStore,r,e.fields.listStore,s],target:t}),{fieldsStore:o}}export{k as createFieldEvaluator};

package/dist/form/create-field-validation.d.ts

@@ -1,41 +0,0 @@
-import { FieldValue, FieldWithStatus, Picked, ValidationError } from '@picked/client';
-import { EventCallable, Store, StoreWritable } from 'effector';
-export interface FieldValidation {
-    /** Dispatch when a field value changes — runs validation if the field has been touched. */
-    fieldChangeEvent: EventCallable<{
-        fieldId: string;
-        value: FieldValue;
-    }>;
-    /** Dispatch when a field loses focus — always runs full validation including required check. */
-    fieldBlurEvent: EventCallable<{
-        fieldId: string;
-        value: FieldValue;
-    }>;
-    /** Which fields have been interacted with — used by formFieldsStore to show/hide errors. */
-    touchedStore: StoreWritable<Partial<Record<string, boolean>>>;
-    /**
-     * Per-field validation errors — written by client-side validation and overwritten
-     * by server errors on commit failure. Exposed as writable so the submit pipeline
-     * can populate server errors and reset state on new submit attempts.
-     */
-    fieldErrorsStore: StoreWritable<Partial<Record<string, ValidationError>>>;
-    /** Flat list of all current validation errors — derived from fieldErrorsStore. */
-    formErrorsStore: Store<ValidationError[]>;
-    /**
-     * Current in-session field values — updated on every onChange/onBlur before commit.
-     * Used as the responses context for condition evaluation so conditions react to
-     * live input without writing to client.responses prematurely.
-     */
-    stagedValuesStore: StoreWritable<Record<string, FieldValue>>;
-}
-/**
- * Creates the client-side validation slice for a form.
- *
- * Responsibilities:
- * - Tracks which fields have been touched (first blur = touched)
- * - Validates on blur (full: includes required check) and on change (if already touched)
- * - Uses the same json-logic evaluator the server uses, so client and server results match
- * - Maintains stagedValuesStore: current in-session values used as responses context for
- *   condition evaluation, avoiding premature writes to client.responses
- */
-export declare function createFieldValidation(client: Picked, fieldsStore: Store<FieldWithStatus[]>, stagedValuesStore: StoreWritable<Record<string, FieldValue>>): FieldValidation;

package/dist/form/create-field-validation.js

@@ -1 +0,0 @@
-import{evaluateRuleLogic as M}from"@picked/client";import{createEvent as h,createStore as y,sample as p,attach as q}from"effector";function F(s){return s===null||s===""||Array.isArray(s)&&s.length===0}function R(s,k,c){const f=h(),a=h(),u=y({});p({clock:a,source:u,fn:(r,{fieldId:e})=>({...r,[e]:!0}),target:u});const g=y({}),v=g.map(r=>Object.values(r).filter(e=>e!==void 0)),m=q({source:{fields:k,staged:c,committed:s.responses.getAllStore},effect:async({fields:r,staged:e,committed:n},{fieldId:t,value:i,checkRequired:E})=>{const o=r.find(d=>d.id===t);if(!o)return{fieldId:t,error:null};if(o.validation&&Object.keys(o.validation).length>0){const d={...n,...e},l=await M(s,o.validation,{responses:d,$input:i});if(typeof l=="string")return{fieldId:t,error:{fieldId:t,userMessage:l,systemMessage:l,value:i}};if(l===!1)return{fieldId:t,error:{fieldId:t,userMessage:"This field is invalid",systemMessage:"Field validation rule returned false.",value:i}}}return E&&o.required&&F(i)?{fieldId:t,error:{fieldId:t,userMessage:"This field is required",systemMessage:"Field is required.",value:i}}:{fieldId:t,error:null}}});return p({clock:f,source:u,filter:(r,{fieldId:e})=>r[e]===!0,fn:(r,{fieldId:e,value:n})=>({fieldId:e,value:n,checkRequired:!1}),target:m}),p({clock:a,fn:({fieldId:r,value:e})=>({fieldId:r,value:e,checkRequired:!0}),target:m}),c.on(f,(r,{fieldId:e,value:n})=>({...r,[e]:n})),c.on(a,(r,{fieldId:e,value:n})=>({...r,[e]:n})),g.on(m.doneData,(r,{fieldId:e,error:n})=>{if(n===null){const t={...r};return delete t[e],t}return{...r,[e]:n}}),{fieldChangeEvent:f,fieldBlurEvent:a,touchedStore:u,fieldErrorsStore:g,formErrorsStore:v,stagedValuesStore:c}}export{R as createFieldValidation};

package/dist/form/create-form.js

@@ -1 +0,0 @@
-import"svelte/internal/client";import{createStore as C,combine as P,attach as j,sample as u}from"effector";import{getPicked as N,getExperience as R}from"../hooks/client.js";import{createFieldEvaluator as W}from"./create-field-evaluator.js";import{createFieldValidation as q}from"./create-field-validation.js";import{createSubmitPipeline as w}from"./create-submit-pipeline.svelte";function x(m){const t=m.currentTarget;if(t instanceof HTMLInputElement)return t.type==="checkbox"?t.checked:t.value;if(t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement)return t.value}function X(m,t,k){const r=N(),g=R(),{currentStepStore:F,goToNextStep:I}=g,d=C({}),{fieldsStore:a}=W(r,k,d),{fieldChangeEvent:E,fieldBlurEvent:T,touchedStore:b,fieldErrorsStore:p,formErrorsStore:A}=q(r,a,d),y=P({fields:a,responses:r.responses.listStore,staged:d,fieldErrors:p,touched:b},({fields:s,responses:o,staged:i,fieldErrors:S,touched:f})=>s.map(e=>({...e,value:i[e.id]??o.find(n=>n.fieldId===e.id)?.value,error:S[e.id],touched:f[e.id]??!1,onChange:n=>{const c=x(n);c!==void 0&&E({fieldId:e.id,value:c})},onBlur:n=>{const c=x(n);c!==void 0&&T({fieldId:e.id,value:c})}}))),D=j({source:{staged:d,committed:r.responses.getAllStore,allFields:r.fields.listStore},effect:({staged:s,committed:o,allFields:i},S)=>{const f={...o,...s};for(const e of S){const n=i.find(v=>v.id===e);if(!n)continue;(n.dependsOn??[]).every(v=>{const l=f[v];return l!=null&&l!==""&&!(Array.isArray(l)&&l.length===0)})?r.fields.resolveAll([e],{force:!0,context:{responses:f}}):r.fields.setWaiting(e)}}});u({clock:E,source:{fields:a},fn:({fields:s},{fieldId:o})=>s.filter(i=>i.dependsOn?.includes(o)).map(i=>i.id),target:D});const{submitEvent:H,isFormSubmitting:L,onSubmit:M,onSuccess:O,onError:V,submitStarted:h,serverErrorsReceived:B}=w({client:r,experienceInstance:g,formId:m,title:t,stepStore:F,fieldsStore:a,goToNextStep:I});return u({clock:h,fn:()=>({}),target:b}),u({clock:h,fn:()=>({}),target:p}),u({clock:B,fn:s=>Object.fromEntries(s.map(o=>[o.fieldId,o])),target:p}),{form:{onsubmit:H,errors:A,submitting:L,onSubmit:M,onSuccess:O,onError:V},fields:y}}export{X as createForm};

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

@@ -1,41 +0,0 @@
-import { FieldValue, FieldWithStatus, ValidationError } from '@picked/client';
-import { EventCallable, Store } from 'effector';
-import { ErrorCallback, SubmitCallback, SubmitEventWithCurrentTarget, SuccessCallback } from './create-submit-pipeline.svelte';
-export type FormField = Omit<FieldWithStatus, 'error'> & {
-    value: FieldValue | undefined;
-    /** Validation error for this field, or undefined if valid. */
-    error: ValidationError | undefined;
-    touched: boolean;
-    onChange: (e: Event) => void;
-    onBlur: (e: Event) => void;
-};
-/**
- * Return type for createForm()
- * Provides form handlers, reactive stores, and callback registration
- */
-export interface FormInstance<TFieldIds extends string = string> {
-    /** Form element props (bind to <form>) */
-    form: {
-        onsubmit: EventCallable<SubmitEventWithCurrentTarget>;
-        /** Flat list of all current validation errors — derived from fieldErrors */
-        errors: Store<ValidationError[]>;
-        /** Reactive store indicating if form is currently submitting */
-        submitting: Store<boolean>;
-        /** Register callbacks to transform/validate data before submission */
-        onSubmit: (callback: SubmitCallback<TFieldIds>) => void;
-        /** Register callbacks to run on successful form submission */
-        onSuccess: (callback: SuccessCallback<TFieldIds>) => void;
-        /** Register callbacks to run on form validation errors */
-        onError: (callback: ErrorCallback) => void;
-    };
-    /** Reactive store of fields with current values, errors, touched state, and event handlers */
-    fields: Store<FormField[]>;
-}
-/**
- * Creates a form instance tied to a set of field IDs.
- * Handles field evaluation, form submission, data transformation,
- * validation, event bus tracking, and step navigation.
- *
- * 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

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

package/dist/form/create-submit-pipeline.js

@@ -1 +0,0 @@
-import*as C from"svelte/internal/client";import{createEvent as i,createStore as B,createEffect as l,attach as O,sample as s,split as R}from"effector";import{buildResponsesFromFormData as T}from"./build-responses.js";function k(c){let o=[];return{executeFx:l(async(...a)=>await c(o,...a)),register:a=>{const f=()=>{o=o.filter(p=>p!==a)};C.user_effect(()=>(o.push(a),f))}}}function q({client:c,experienceInstance:o,formId:u,title:m,stepStore:a,fieldsStore:f,goToNextStep:p}){const n=i(),y=i(),v=i(),_=i(),x=i(),d=B(!1),D=B(!1);D.on(_,()=>!0).on(n,()=>!1);const N=n.map(()=>{}),g=k(async(e,t)=>{await Promise.all(e.map(r=>Promise.resolve(r(t))))}),b=k(async(e,t)=>{await Promise.all(e.map(r=>Promise.resolve(r(t))))}),F=k(async(e,t)=>{let r=t;for(const E of e){const w=await Promise.resolve(E(r));w!==void 0&&(r=w)}return r}),P=l(async e=>{const t=await c.responses.commit(e);return{data:e,errors:t.errors}}),h=O({source:{step:a,title:m},mapParams:(e,t)=>({step:t.step,title:t.title,data:e.data}),effect:l(async({step:e,title:t,data:r})=>(c.eventBus({type:"form_submit_success",form:{id:u,title:t},experience:o,step:e??void 0}),r))}),S=O({source:{step:a,title:m},mapParams:(e,t)=>({step:t.step,title:t.title,errors:e.errors}),effect:l(async({step:e,title:t,errors:r})=>(c.eventBus({type:"form_submit_error",form:{id:u,title:t},exception:{reason:r},experience:o,step:e??void 0}),r.forEach(E=>{c.eventBus({type:"field_validation_error",exception:{reason:[E]},experience:o,step:e??void 0})}),r))});return s({clock:n,fn:()=>!0,target:d}),s({clock:n,source:{step:a,title:m},fn:({step:e,title:t})=>({formId:u,title:t,step:e}),target:l(({formId:e,title:t,step:r})=>{c.eventBus({type:"form_submit",form:{id:e,title:t},experience:o,step:r??void 0})})}),s({clock:n,source:{stepFields:f},fn:({stepFields:e},t)=>(t.preventDefault(),T(e,new FormData(t.currentTarget))),target:F.executeFx}),s({clock:F.executeFx.doneData,target:P}),R({source:P.doneData,match:{hasErrors:({errors:e})=>e.length>0},cases:{hasErrors:S,__:h}}),s({clock:h.doneData,target:y}),s({clock:y,fn:e=>({data:e,stopNavigation:_}),target:g.executeFx}),s({clock:g.executeFx.done,target:x}),s({clock:x,source:D,filter:e=>!e,target:p}),s({clock:S.doneData,target:v}),s({clock:v,target:b.executeFx}),s({clock:[x,b.executeFx.done],fn:()=>!1,target:d}),{submitEvent:n,isFormSubmitting:d,onSubmit:F.register,onSuccess:g.register,onError:b.register,submitStarted:N,serverErrorsReceived:v}}export{q as createSubmitPipeline};

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

@@ -1,53 +0,0 @@
-import { ExperienceInstance, ExperienceStep, FieldValue, FieldWithStatus, Picked, ValidationError } from '@picked/client';
-import { Event, EventCallable, Store } from 'effector';
-export type SubmitEventWithCurrentTarget = SubmitEvent & {
-    currentTarget: EventTarget & HTMLFormElement;
-};
-export type SuccessCallback<TFieldIds extends string = string> = (options: {
-    data: Record<TFieldIds, FieldValue>;
-    stopNavigation: EventCallable<void>;
-}) => void | Promise<void>;
-export type ErrorCallback = (errors: ValidationError[]) => void | Promise<void>;
-export type SubmitCallback<TFieldIds extends string = string> = (data: Record<TFieldIds, FieldValue>) => Record<TFieldIds, FieldValue> | void | Promise<Record<TFieldIds, FieldValue> | void>;
-export interface SubmitPipelineConfig {
-    client: Picked;
-    experienceInstance: ExperienceInstance;
-    formId: string;
-    title: Store<string>;
-    stepStore: Store<ExperienceStep | null>;
-    fieldsStore: Store<FieldWithStatus[]>;
-    goToNextStep: EventCallable<void>;
-}
-export interface SubmitPipeline {
-    submitEvent: EventCallable<SubmitEventWithCurrentTarget>;
-    isFormSubmitting: Store<boolean>;
-    onSubmit: (callback: SubmitCallback) => void;
-    onSuccess: (callback: SuccessCallback) => void;
-    onError: (callback: ErrorCallback) => void;
-    /**
-     * Fired when a submit attempt starts — callers use this to clear validation state.
-     * Separating this from `submitEvent` keeps the pipeline decoupled from the
-     * validation module's internal stores.
-     */
-    submitStarted: Event<void>;
-    /**
-     * Fired when the server returns validation errors — callers write these to
-     * `fieldErrorsStore` in the validation module.
-     */
-    serverErrorsReceived: Event<ValidationError[]>;
-}
-/**
- * Creates the submit pipeline for a form instance.
- *
- * Manages the full lifecycle of a form submission:
- * - Emitting event bus calls (form_submit, form_submit_success, form_submit_error)
- * - Running onSubmit data-transform callbacks in series
- * - Committing responses to the server
- * - Running onSuccess/onError callbacks in parallel
- * - Navigating to the next step (unless stopNavigation is called)
- *
- * Returns coordination events (`submitStarted`, `serverErrorsReceived`) that the
- * caller wires to the validation module to keep validation state in sync without
- * the pipeline needing direct access to validation stores.
- */
-export declare function createSubmitPipeline({ client, experienceInstance, formId, title, stepStore, fieldsStore, goToNextStep, }: SubmitPipelineConfig): SubmitPipeline;

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

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

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

@@ -1,16 +0,0 @@
-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

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

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

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

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

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