@picked/svelte 0.0.12 → 0.0.14-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8,7 +8,7 @@ interface GetFormOptions {
8
8
  type SubmitEventWithCurrentTarget = SubmitEvent & {
9
9
  currentTarget: EventTarget & HTMLFormElement;
10
10
  };
11
- export declare function getForm({ id, title, onError, onSuccess }: GetFormOptions): {
11
+ export declare function getForm({ id: formId, title, onError, onSuccess }: GetFormOptions): {
12
12
  form: {
13
13
  onsubmit: import('effector').EventCallable<SubmitEventWithCurrentTarget>;
14
14
  };
@@ -1 +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};
1
+ 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";import"@picked/analytics";function P({id:f,title:m,onError:d,onSuccess:v}){const i=F(),o=D(),{currentStepStore:c}=o,h=k(),y=l(e=>i.responses.commit(e)),g=b({source:{step:c},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:c},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:c},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:c},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(p=>!!p):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 p=t.id;switch(t.type){case"text":u.push({questionId:p,value:t.multiple?[String(r)]:String(r)});break;case"number":u.push({questionId:p,value:t.multiple?[Number(r)]:Number(r)});break;case"boolean":u.push({questionId:p,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{P as getForm};
@@ -0,0 +1,2 @@
1
+ import { AnalyticsProductList } from '@picked/analytics';
2
+ export declare const getTrackRecommendationPresentEvent: () => import('effector').Effect<AnalyticsProductList, void, Error>;
@@ -0,0 +1 @@
1
+ import{attach as s}from"effector";import{trackRecommendationPresentEvent as a}from"@picked/analytics";import{getPicked as m,getExperience as p}from"./client.js";const x=()=>{const{session:n,projectId:r,organizationId:o}=m(),e=p();return s({source:{config:e.configStore,step:e.currentStepStore},async effect({config:i,step:t},c){if(!n||!t)throw new Error("Cannot track recommendation present event: missing session or experience data.");return a({organizationId:o,projectId:r,experience:{id:e.experienceId,title:i.name},sessionId:n.id,step:t,productList:c})}})};export{x as getTrackRecommendationPresentEvent};
@@ -2,3 +2,4 @@ export { getPicked, getExperience } from './client';
2
2
  export { getStep, setStepContext } from './step';
3
3
  export { useUnit, getContextScope, setContextScope } from './stores';
4
4
  export { createSessionStorageStore, createLocalStorageStore } from './storage.js';
5
+ export { getTrackRecommendationPresentEvent } from './events';
@@ -1 +1 @@
1
- import{getExperience as o,getPicked as r}from"./client.js";import{getStep as S,setStepContext as x}from"./step.js";import{getContextScope as g,setContextScope as n,useUnit as a}from"./stores.js";import{createLocalStorageStore as f,createSessionStorageStore as i}from"./storage.js";export{f as createLocalStorageStore,i as createSessionStorageStore,g as getContextScope,o as getExperience,r as getPicked,S as getStep,n as setContextScope,x as setStepContext,a as useUnit};
1
+ import{getExperience as o,getPicked as r}from"./client.js";import{getStep as p,setStepContext as c}from"./step.js";import{getContextScope as S,setContextScope as a,useUnit as g}from"./stores.js";import{createLocalStorageStore as s,createSessionStorageStore as f}from"./storage.js";import{getTrackRecommendationPresentEvent as C}from"./events.js";export{s as createLocalStorageStore,f as createSessionStorageStore,S as getContextScope,o as getExperience,r as getPicked,p as getStep,C as getTrackRecommendationPresentEvent,a as setContextScope,c as setStepContext,g as useUnit};
@@ -1,14 +1,10 @@
1
1
  import { Store } from 'effector';
2
- import { Field, Response } from '@picked/client';
3
- import { Step } from '../router/context';
2
+ import { ExperienceStep, Field, Response } from '@picked/client';
4
3
  type FieldWithValue = Field & {
5
4
  value: Response | undefined;
6
5
  };
7
- type StepWithLabel = Step & {
8
- label?: string;
9
- };
10
6
  export interface StepContext {
11
- step: Store<StepWithLabel>;
7
+ step: Store<ExperienceStep>;
12
8
  fields: Store<FieldWithValue[]>;
13
9
  isActiveStep: Store<boolean>;
14
10
  }
@@ -1 +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"}],type:"funnel",component:o(t)});p.addStep({label:"Tools"});export{p as devtoolsExperience};
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};
package/package.json CHANGED
@@ -1,10 +1,11 @@
1
1
  {
2
2
  "name": "@picked/svelte",
3
- "version": "0.0.12",
3
+ "version": "0.0.14-next.1",
4
4
  "dependencies": {
5
5
  "d3": "^7.9.0"
6
6
  },
7
7
  "devDependencies": {
8
+ "@picked/analytics": "workspace:*",
8
9
  "@picked/client": "workspace:*",
9
10
  "@repo/eslint-config": "workspace:*",
10
11
  "@repo/typescript-config": "workspace:*",
@@ -18,7 +19,7 @@
18
19
  "svelte-check": "^4.2.2",
19
20
  "typedoc": "^0.28.5",
20
21
  "typedoc-plugin-markdown": "^4.6.3",
21
- "vite": "^6.3.5",
22
+ "vite": "^6.4.1",
22
23
  "vite-plugin-dts": "^4.5.4"
23
24
  },
24
25
  "exports": {
@@ -70,7 +71,7 @@
70
71
  ],
71
72
  "module": "./dist/index.js",
72
73
  "peerDependencies": {
73
- "@picked/client": "0.0.12",
74
+ "@picked/client": "0.0.14-next.1",
74
75
  "effector": "^23.3.0",
75
76
  "svelte": "^5.34.3"
76
77
  },