@picked/svelte 0.0.12-next.4 → 0.0.12-next.5

package/dist/form/index.d.ts

@@ -8,7 +8,7 @@ interface GetFormOptions {
 type SubmitEventWithCurrentTarget = SubmitEvent & {
     currentTarget: EventTarget & HTMLFormElement;
 };
-export declare function getForm({ id, title, onError, onSuccess }: GetFormOptions): {
+export declare function getForm({ id: formId, title, onError, onSuccess }: GetFormOptions): {
     form: {
         onsubmit: import('effector').EventCallable<SubmitEventWithCurrentTarget>;
     };

package/dist/form/index.js

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

package/dist/hooks/step.d.ts

@@ -1,14 +1,10 @@
 import { Store } from 'effector';
-import { Field, Response } from '@picked/client';
-import { Step } from '../router/context';
+import { ExperienceStep, Field, Response } from '@picked/client';
 type FieldWithValue = Field & {
     value: Response | undefined;
 };
-type StepWithLabel = Step & {
-    label?: string;
-};
 export interface StepContext {
-    step: Store<StepWithLabel>;
+    step: Store<ExperienceStep>;
     fields: Store<FieldWithValue[]>;
     isActiveStep: Store<boolean>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/svelte",
-  "version": "0.0.12-next.4",
+  "version": "0.0.12-next.5",
   "dependencies": {
     "d3": "^7.9.0"
   },
@@ -70,7 +70,7 @@
   ],
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.12-next.4",
+    "@picked/client": "0.0.12-next.5",
     "effector": "^23.3.0",
     "svelte": "^5.34.3"
   },