@picked/svelte 0.0.1-dev.1765409277916 → 0.0.1-dev.1765411047807

package/dist/form/index.js

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

package/dist/hooks/events.js

@@ -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};
+import{attach as c}from"effector";import{trackRecommendationPresentEvent as a}from"@picked/analytics";import{getPicked as m,getExperience as d}from"./client.js";const x=()=>{const{session:e,projectId:r,organizationId:i}=m(),n=d();return c({source:{config:n.configStore,step:n.currentStepStore},async effect({config:o,step:t},s){if(!e||!t)throw new Error("Cannot track recommendation present event: missing session or experience data.");return a({organizationId:i,projectId:r,experience:{id:n.experienceId,title:o.name},sessionId:e.id,identifiers:e.identifiers,isUser:e.isUser,step:t,productList:s})}})};export{x as getTrackRecommendationPresentEvent};

package/dist/render/browser.js

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

@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { type Snippet } from 'svelte'
+  import { getPicked } from '../hooks'
+
+  interface Props {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    children?: Snippet<[{ componentProps?: Record<string, any> }]>
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    componentProps?: Record<string, any>
+  }
+
+  const { children, componentProps }: Props = $props()
+
+  function handleError(error: unknown) {
+    const client = getPicked()
+
+    client.eventBus({
+      type: 'exception',
+      level: 'error',
+      data: error,
+    })
+  }
+</script>
+
+<svelte:boundary onerror={handleError}>{@render children?.({ ...componentProps })}</svelte:boundary>

package/package.json

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