@picked/svelte 0.0.1-dev.1767932013788 → 0.0.1-dev.1768169781062

package/dist/form/form.js

@@ -0,0 +1 @@
+import{getStepFields as W}from"@picked/client";import{createStore as y,combine as $,attach as A,createEffect as d,sample as n,createEvent as x,split as j}from"effector";import{getPicked as z,getExperience as G}from"../hooks/client.js";import"svelte";import"./form.svelte";import"svelte/store";import"@picked/analytics";function _(g){let u=[];return{executeFx:d(async(...a)=>await g(u,...a)),register:a=>{$effect(()=>(u.push(a),()=>{u=u.filter(p=>p!==a)}))}}}function U({id:g,title:u,fieldIds:w}){const l=z();let a=null,p,b=null;try{a=G(),p=a.currentStepStore,b=a.goToNextStep}catch{p=y(null)}const h=y([]),V=$({fields:h,responses:l.responses.listStore},({fields:e,responses:t})=>e.map(o=>{var c;const f=(c=t.find(r=>r.fieldId===o.id))==null?void 0:c.value;return{...o,value:f}})),N=A({source:l.fields.listStore,effect:d(async e=>{const t=e.filter(o=>w.some(f=>f===o.id));return await W(l,t)})});n({clock:N.doneData,target:h}),N();const v=x(),P=x(),B=x(),I=x(),F=x(),S=y(!1),O=y(!1);O.on(I,()=>!0).on(v,()=>!1);const k=_(async(e,t)=>{await Promise.all(e.map(o=>Promise.resolve(o(t))))}),E=_(async(e,t)=>{await Promise.all(e.map(o=>Promise.resolve(o(t))))}),D=_(async(e,t)=>{let o=t;for(const f of e){const c=await Promise.resolve(f(o));c!==void 0&&(o=c)}return o}),q=d(async e=>{const t=await l.responses.commit(e);return{data:e,errors:t.errors}}),T=A({source:{step:p},mapParams:(e,t)=>({step:t.step,data:e.data}),effect:d(async({step:e,data:t})=>(a&&l.eventBus({type:"form_submit_success",form:{id:g,title:u},experience:a,step:e??void 0}),t))}),C=A({source:{step:p},mapParams:(e,t)=>({step:t.step,errors:e.errors}),effect:d(async({step:e,errors:t})=>(a&&(l.eventBus({type:"form_submit_error",form:{id:g,title:u},exception:{reason:t},experience:a,step:e??void 0}),t.forEach(o=>{l.eventBus({type:"field_validation_error",exception:{reason:[o]},experience:a,step:e??void 0})})),t))});return n({clock:v,fn:()=>!0,target:S}),n({clock:v,source:{step:p},fn:({step:e})=>({formId:g,title:u,step:e}),target:d(({formId:e,title:t,step:o})=>{a&&l.eventBus({type:"form_submit",form:{id:e,title:t},experience:a,step:o??void 0})})}),n({clock:v,source:{stepFields:h},fn:({stepFields:e},t)=>{t.preventDefault();const o=new FormData(t.currentTarget),f=Array.from(o.entries()),c={data:{},push(r){const i=r.questionId,s=this.data[i];s?Array.isArray(s)&&Array.isArray(r.value)?Array.isArray(s)&&Array.isArray(r.value)&&(typeof s[0]=="string"?this.data[i]=[...s,...r.value].map(String):typeof s[0]=="number"?this.data[i]=[...s,...r.value].map(Number):typeof s[0]=="boolean"?this.data[i]=[...s,...r.value].map(m=>!!m):this.data[i]=r.value):this.data[i]=r.value:this.data[i]=r.value}};return e.forEach(r=>{let i=f.filter(([s])=>s===r.id);i.length===0&&(i=[[r.id,""]]),i.forEach(([,s])=>{const m=r.id;if(s===""){c.push({questionId:m,value:null});return}switch(r.type){case"text":c.push({questionId:m,value:r.multiple?[String(s)]:String(s)});break;case"number":c.push({questionId:m,value:r.multiple?[Number(s)]:Number(s)});break;case"boolean":c.push({questionId:m,value:r.multiple?[s==="true"]:s==="true"});break}})}),c.data},target:D.executeFx}),n({clock:D.executeFx.doneData,target:q}),j({source:q.doneData,match:{hasErrors:({errors:e})=>e.length>0},cases:{hasErrors:C,__:T}}),n({clock:T.doneData,target:P}),n({clock:P,fn:e=>({data:e,stopNavigation:I}),target:k.executeFx}),n({clock:k.executeFx.done,target:F}),b&&n({clock:F,source:O,filter:e=>!e,target:b}),n({clock:C.doneData,target:B}),n({clock:B,target:E.executeFx}),n({clock:[F,E.executeFx.done],fn:()=>!1,target:S}),{form:{onsubmit:v},fields:V,onFormSubmit:D.register,onFormSuccess:k.register,onFormError:E.register,isFormSubmitting:S}}export{U as getForm};

package/dist/form/index.d.ts

@@ -1 +1 @@
-export { getForm } from './form.svelte';
+export { getForm } from './form';

package/dist/form/index.js

@@ -1 +1 @@
-import{getForm as e}from"./form.svelte";export{e as getForm};
+import{getForm as e}from"./form";export{e as getForm};

package/dist/hooks/index.js

@@ -1 +1 @@
-import{getExperience as r,getPicked as o}from"./client.js";import{getStep as c,setStepContext as g}from"./step.js";import{getField as m}from"./field.js";import{getForm as n}from"../form/form.svelte";import{getAction as s,getActionResult as i}from"./action.js";import{getFeature as S,getFeatureResult as d}from"./feature.js";import{getPredicate as P,getPredicateResult as C}from"./predicate.js";import{getContextScope as R,setContextScope as y,useUnit as k}from"./stores.js";import{createLocalStorageStore as A,createSessionStorageStore as E}from"./storage.js";import{getTrackRecommendationPresentEvent as v}from"./events.js";import{createQuery as Q,queryCache as T,queryPresets as U}from"./create-query/index.js";export{A as createLocalStorageStore,Q as createQuery,E as createSessionStorageStore,s as getAction,i as getActionResult,R as getContextScope,r as getExperience,S as getFeature,d as getFeatureResult,m as getField,n as getForm,o as getPicked,P as getPredicate,C as getPredicateResult,c as getStep,v as getTrackRecommendationPresentEvent,T as queryCache,U as queryPresets,y as setContextScope,g as setStepContext,k as useUnit};
+import{getExperience as r,getPicked as o}from"./client.js";import{getStep as c,setStepContext as g}from"./step.js";import{getField as m}from"./field.js";import{getForm as n}from"../form/form";import{getAction as s,getActionResult as i}from"./action.js";import{getFeature as S,getFeatureResult as d}from"./feature.js";import{getPredicate as P,getPredicateResult as C}from"./predicate.js";import{getContextScope as R,setContextScope as y,useUnit as k}from"./stores.js";import{createLocalStorageStore as A,createSessionStorageStore as E}from"./storage.js";import{getTrackRecommendationPresentEvent as v}from"./events.js";import{createQuery as Q,queryCache as T,queryPresets as U}from"./create-query/index.js";export{A as createLocalStorageStore,Q as createQuery,E as createSessionStorageStore,s as getAction,i as getActionResult,R as getContextScope,r as getExperience,S as getFeature,d as getFeatureResult,m as getField,n as getForm,o as getPicked,P as getPredicate,C as getPredicateResult,c as getStep,v as getTrackRecommendationPresentEvent,T as queryCache,U as queryPresets,y as setContextScope,g as setStepContext,k as useUnit};

package/dist/hooks/step.js

@@ -1 +1 @@
-import{getContext as x,setContext as u}from"svelte";import{STEP_CONTEXT_KEY as n}from"../context.js";import{getStepRouter as a}from"../router/context.js";import{getForm as g}from"../form/form.svelte";import{getExperience as E}from"./client.js";function w(){return x(n)}function T(t){const i=E(),{activeStep:c}=a(),m=c.map(e=>(e==null?void 0:e.id)===t),o=i.treeStore.map(e=>{const r=e.steps.find(s=>s.id===t);if(!r)throw new Error(`Step with id "${t}" not found in the experience tree.`);return r}),{label:p,fieldIds:f}=o.getState(),S=g({id:`${t}`,title:p||t,fieldIds:f});return u(n,{step:o,isActiveStep:m,...S})}export{w as getStep,T as setStepContext};
+import{getContext as x,setContext as u}from"svelte";import{STEP_CONTEXT_KEY as n}from"../context.js";import{getStepRouter as a}from"../router/context.js";import{getForm as g}from"../form/form";import{getExperience as E}from"./client.js";function w(){return x(n)}function T(t){const i=E(),{activeStep:c}=a(),m=c.map(e=>(e==null?void 0:e.id)===t),o=i.treeStore.map(e=>{const r=e.steps.find(s=>s.id===t);if(!r)throw new Error(`Step with id "${t}" not found in the experience tree.`);return r}),{label:p,fieldIds:f}=o.getState(),S=g({id:`${t}`,title:p||t,fieldIds:f});return u(n,{step:o,isActiveStep:m,...S})}export{w as getStep,T as setStepContext};

package/dist/plugins/devtools/experience.js

@@ -1 +1 @@
-import{createExperience as e}from"@picked/client/plugins/create-experience";import{adaptSvelteComponent as o}from"../../component.js";import t from"./DevToolsExperience.svelte";const p=e({id:"svelte-devtools",name:"Picked Devtools",decide:{},targets:[{selector:"main",placement:"append"}],component:o(t)});p.addStep({label:"Tools"});export{p as devtoolsExperience};
+import{createExperience as e}from"@picked/client/plugins/create-experience";import{adaptSvelteComponent as o}from"../../component.js";import t from"./DevToolsExperience";const p=e({id:"svelte-devtools",name:"Picked Devtools",decide:{},targets:[{selector:"main",placement:"append"}],component:o(t)});p.addStep({label:"Tools"});export{p as devtoolsExperience};

package/dist/render/browser.js

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

package/dist/router/index.d.ts

@@ -1,2 +1,2 @@
-export { default as StepRouter } from './StepRouter.svelte';
-export { default as Step } from './Step.svelte';
+export { default as StepRouter } from './StepRouter';
+export { default as Step } from './Step';

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{default as o}from"./StepRouter";import{default as a}from"./Step";export{a as Step,o as StepRouter};

package/package.json

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

package/dist/form/form.svelte.ts

@@ -1,457 +0,0 @@
-import type {
-  ExperienceStep,
-  Field,
-  FieldValue,
-  ValidationError,
-  ExperienceInstance,
-} from '@picked/client'
-import { getStepFields } from '@picked/client'
-import {
-  attach,
-  createEffect,
-  createEvent,
-  createStore,
-  sample,
-  split,
-  type EventCallable,
-  type Store,
-  combine,
-} from 'effector'
-import { getPicked, getExperience } from '../hooks'
-
-interface Response {
-  questionId: Field['id']
-  value: FieldValue
-}
-
-// Extract field IDs from a readonly string array
-type ExtractFieldIds<TFieldIds extends readonly string[]> = TFieldIds[number]
-
-interface GetFormOptions<TFieldIds extends readonly string[]> {
-  id: string
-  title: string
-  fieldIds: TFieldIds
-}
-
-interface CommitResult<TFieldIds extends string = string> {
-  data: Record<TFieldIds, FieldValue>
-  errors: ValidationError[]
-}
-
-type SuccessCallback<TFieldIds extends string = string> = (options: {
-  data: Record<TFieldIds, FieldValue>
-  stopNavigation: EventCallable<void>
-}) => void | Promise<void>
-
-type ErrorCallback = (errors: ValidationError[]) => void | Promise<void>
-
-type SubmitCallback<TFieldIds extends string = string> = (
-  data: Record<TFieldIds, FieldValue>,
-) => Record<TFieldIds, FieldValue> | void | Promise<Record<TFieldIds, FieldValue> | void>
-
-type SubmitEventWithCurrentTarget = SubmitEvent & { currentTarget: EventTarget & HTMLFormElement }
-
-/**
- * Factory function to create a callback observer with automatic cleanup
- * Reduces duplication across success/error/submit callback patterns
- */
-function createObserver<TCallback extends (...args: any[]) => any, TReturn = void>(
-  executor: (callbacks: TCallback[], ...params: Parameters<TCallback>) => Promise<TReturn>,
-) {
-  let callbacks: TCallback[] = []
-
-  const executeFx = createEffect(async (...params: Parameters<TCallback>): Promise<TReturn> => {
-    return await executor(callbacks, ...params)
-  })
-
-  const register = (callback: TCallback) => {
-    $effect(() => {
-      callbacks.push(callback)
-      return () => {
-        callbacks = callbacks.filter((cb) => cb !== callback)
-      }
-    })
-  }
-
-  return { executeFx, register }
-}
-
-export function getForm<const TFieldIds extends readonly string[]>({
-  id: formId,
-  title,
-  fieldIds,
-}: GetFormOptions<TFieldIds>) {
-  type FieldId = ExtractFieldIds<TFieldIds>
-  const client = getPicked()
-
-  // Make experience and router context optional
-  let experienceInstance: ExperienceInstance | null = null
-  let stepStore: Store<ExperienceStep | null>
-  let goToNextStep: EventCallable<void> | null = null
-
-  try {
-    experienceInstance = getExperience()
-    stepStore = experienceInstance.currentStepStore
-    goToNextStep = experienceInstance.goToNextStep
-  } catch {
-    // Not in experience context - create null store for standalone forms
-    stepStore = createStore<ExperienceStep | null>(null)
-  }
-
-  // Create internal fields store
-  const fieldsStore = createStore<Field[]>([])
-
-  // Create fields with values store for UI
-  const fieldsWithValues = combine(
-    {
-      fields: fieldsStore,
-      responses: client.responses.listStore,
-    },
-    ({ fields, responses }) => {
-      return fields.map((field) => {
-        const value = responses.find((r) => r.fieldId === field.id)?.value
-        return { ...field, value }
-      })
-    },
-  )
-
-  // Filter and evaluate fields based on fieldIds
-  const evaluateFieldsFx = attach({
-    source: client.fields.listStore,
-    effect: createEffect(async (allFields: Field[]) => {
-      const filteredFields = allFields.filter((field) =>
-        fieldIds.some((id) => id === field.id),
-      )
-      return await getStepFields(client, filteredFields)
-    }),
-  })
-
-  // Populate fields store when fields are evaluated
-  sample({
-    clock: evaluateFieldsFx.doneData,
-    target: fieldsStore,
-  })
-
-  // Auto-trigger field evaluation on form creation
-  evaluateFieldsFx()
-
-  const submitEvent = createEvent<SubmitEventWithCurrentTarget>()
-  const formSuccessEvent = createEvent<Record<FieldId, FieldValue>>()
-  const formErrorEvent = createEvent<ValidationError[]>()
-  const stopNavigationEvent = createEvent<void>()
-  const allCallbacksCompleteEvent = createEvent<void>()
-
-  const isFormSubmitting = createStore<boolean>(false)
-  const stopNavigationStore = createStore(false)
-  stopNavigationStore
-    .on(stopNavigationEvent, () => true) // Set to true when stopNavigation is used in onFormSuccess
-    .on(submitEvent, () => false) // Reset to false on new submit
-
-  // Create observers for each callback type
-  const successObserver = createObserver<SuccessCallback<FieldId>>(async (callbacks, options) => {
-    await Promise.all(callbacks.map((callback) => Promise.resolve(callback(options))))
-  })
-
-  const errorObserver = createObserver<ErrorCallback>(async (callbacks, errors) => {
-    await Promise.all(callbacks.map((callback) => Promise.resolve(callback(errors))))
-  })
-
-  const submitObserver = createObserver<SubmitCallback<FieldId>, Record<FieldId, FieldValue>>(
-    async (callbacks, data) => {
-      let transformedData = data
-
-      // Apply each callback's transformation sequentially
-      for (const callback of callbacks) {
-        const result = await Promise.resolve(callback(transformedData))
-        // If callback returns data, use it; otherwise keep current
-        if (result !== undefined) {
-          transformedData = result
-        }
-      }
-
-      return transformedData
-    },
-  )
-
-  const commitFx = createEffect(async (responses: Record<FieldId, FieldValue>) => {
-    const result = await client.responses.commit(responses)
-    // Merge submitted data with validation result
-    return {
-      data: responses,
-      errors: result.errors,
-    }
-  })
-
-  const onSuccessFx = attach({
-    source: { step: stepStore },
-    mapParams: (commitResult: CommitResult<FieldId>, source) => ({
-      step: source.step,
-      data: commitResult.data,
-    }),
-    effect: createEffect(
-      async ({
-        step,
-        data,
-      }: {
-        step: ExperienceStep | null
-        data: Record<FieldId, FieldValue>
-      }) => {
-        // Only fire events if in experience context
-        if (experienceInstance) {
-          client.eventBus({
-            type: 'form_submit_success',
-            form: { id: formId, title },
-            experience: experienceInstance,
-            step: step ?? undefined,
-          })
-        }
-
-        return data
-      },
-    ),
-  })
-
-  const onErrorFx = attach({
-    source: { step: stepStore },
-    mapParams: (commitResult: CommitResult<FieldId>, source) => ({
-      step: source.step,
-      errors: commitResult.errors,
-    }),
-    effect: createEffect(
-      async ({ step, errors }: { step: ExperienceStep | null; errors: ValidationError[] }) => {
-        // Only fire events if in experience context
-        if (experienceInstance) {
-          client.eventBus({
-            type: 'form_submit_error',
-            form: { id: formId, title },
-            exception: { reason: errors },
-            experience: experienceInstance,
-            step: step ?? undefined,
-          })
-
-          errors.forEach((exception) => {
-            client.eventBus({
-              type: 'field_validation_error',
-              exception: { reason: [exception] },
-              experience: experienceInstance,
-              step: step ?? undefined,
-            })
-          })
-        }
-
-        return errors
-      },
-    ),
-  })
-
-  // set isFormSubmitting to true when the form is submitted
-  sample({
-    clock: submitEvent,
-    fn: () => true,
-    target: isFormSubmitting,
-  })
-
-  sample({
-    clock: submitEvent,
-    source: { step: stepStore },
-    fn: ({ step }) => ({ formId, title, step }),
-    target: createEffect(
-      ({
-        formId: formIdParam,
-        title: titleParam,
-        step,
-      }: {
-        formId: string
-        title: string
-        step: ExperienceStep | null
-      }) => {
-        // Only fire events if in experience context
-        if (experienceInstance) {
-          client.eventBus({
-            type: 'form_submit',
-            form: { id: formIdParam, title: titleParam },
-            experience: experienceInstance,
-            step: step ?? undefined,
-          })
-        }
-      },
-    ),
-  })
-
-  sample({
-    clock: submitEvent,
-    source: {
-      stepFields: fieldsStore,
-    },
-    fn: ({ stepFields }, event): Record<FieldId, FieldValue> => {
-      event.preventDefault()
-
-      const formData = new FormData(event.currentTarget)
-      const formDataEntries = Array.from(formData.entries())
-
-      const responses: { data: Record<Field['id'], FieldValue>; push: (item: Response) => void } = {
-        data: {},
-        push(item: Response) {
-          const questionId = item.questionId
-          const existing = this.data[questionId]
-
-          if (!existing) {
-            // No matching questionId, just add the new item
-            this.data[questionId] = item.value
-            // If both values are arrays, merge them
-          } else if (Array.isArray(existing) && Array.isArray(item.value)) {
-            if (Array.isArray(existing) && Array.isArray(item.value)) {
-              // Check what type FieldValue expects and convert accordingly
-              if (typeof existing[0] === 'string') {
-                this.data[questionId] = [...existing, ...item.value].map(String)
-              } else if (typeof existing[0] === 'number') {
-                this.data[questionId] = [...existing, ...item.value].map(Number)
-              } else if (typeof existing[0] === 'boolean') {
-                this.data[questionId] = [...existing, ...item.value].map((v) => Boolean(v))
-              } else {
-                this.data[questionId] = item.value
-              }
-            }
-          } else {
-            // Otherwise, override the existing value
-            this.data[questionId] = item.value
-          }
-        },
-      }
-
-      stepFields.forEach((field: Field) => {
-        let fieldEntries = formDataEntries.filter(([key]) => key === field.id)
-
-        if (fieldEntries.length === 0) {
-          fieldEntries = [[field.id, '']]
-        }
-
-        fieldEntries.forEach(([, value]) => {
-          const questionId = field.id
-
-          if (value === '') {
-            responses.push({
-              questionId,
-              value: null,
-            })
-
-            return
-          }
-
-          switch (field.type) {
-            case 'text':
-              responses.push({
-                questionId,
-                value: field.multiple ? [String(value)] : String(value),
-              })
-              break
-            case 'number':
-              responses.push({
-                questionId,
-                value: field.multiple ? [Number(value)] : Number(value),
-              })
-              break
-            case 'boolean':
-              responses.push({
-                questionId,
-                value: field.multiple ? [value === 'true'] : value === 'true',
-              })
-              break
-            // case 'object':
-            //   try {
-            //     responses.push({
-            //       questionId,
-            //       value: field.multiple ? [JSON.parse(String(value))] : JSON.parse(String(value)),
-            //     })
-            //   } catch {
-            //     responses.push({
-            //       questionId,
-            //       value: field.multiple ? [null] : null,
-            //     })
-            //   }
-
-            // break
-          }
-        })
-      })
-
-      return responses.data
-    },
-    target: submitObserver.executeFx,
-  })
-
-  // Pass transformed data from submit callbacks to commit
-  sample({
-    clock: submitObserver.executeFx.doneData,
-    target: commitFx,
-  })
-
-  // Errors are returned from the commit even if it is a success, split to handle errors array
-  split({
-    source: commitFx.doneData,
-    match: {
-      hasErrors: ({ errors }) => errors.length > 0,
-    },
-    cases: {
-      hasErrors: onErrorFx,
-      __: onSuccessFx,
-    },
-  })
-
-  sample({
-    clock: onSuccessFx.doneData,
-    target: formSuccessEvent,
-  })
-
-  // When form succeeds, execute all callbacks
-  sample({
-    clock: formSuccessEvent,
-    fn: (data) => ({ data, stopNavigation: stopNavigationEvent }), // Pass form data and event reference to callbacks
-    target: successObserver.executeFx,
-  })
-
-  // When all callbacks complete, trigger navigation check
-  sample({
-    clock: successObserver.executeFx.done,
-    target: allCallbacksCompleteEvent,
-  })
-
-  // Check navigation after all callbacks complete (only if in router context)
-  if (goToNextStep) {
-    sample({
-      clock: allCallbacksCompleteEvent,
-      source: stopNavigationStore,
-      filter: (stop) => !stop,
-      target: goToNextStep,
-    })
-  }
-
-  // Declarative event wiring for error flow
-  sample({
-    clock: onErrorFx.doneData,
-    target: formErrorEvent,
-  })
-
-  // When form errors, execute all error callbacks
-  sample({
-    clock: formErrorEvent,
-    target: errorObserver.executeFx,
-  })
-
-  sample({
-    clock: [allCallbacksCompleteEvent, errorObserver.executeFx.done],
-    fn: () => false,
-    target: isFormSubmitting,
-  })
-
-  return {
-    form: {
-      onsubmit: submitEvent,
-    },
-    fields: fieldsWithValues,
-    onFormSubmit: submitObserver.register,
-    onFormSuccess: successObserver.register,
-    onFormError: errorObserver.register,
-    isFormSubmitting,
-  }
-}