@picked/react 0.0.1-dev.1769474304876 → 0.0.1-dev.1769486944066

package/dist/form/index.js

@@ -1 +1 @@
-import{usePicked as v,useExperience as b}from"../hooks/client.js";import"../hooks/step.js";import"react";import"@picked/client";function _(a){const s=v(),i=b(),{id:l,title:c}=a;async function p(f){var m,d;f.preventDefault(),s.eventBus({type:"form_submit",form:{id:l,title:c},experience:i});const y=new FormData(f.currentTarget),n={data:{},push(t){const r=t.questionId,e=this.data[r];e?Array.isArray(e)&&Array.isArray(t.value)?Array.isArray(e)&&Array.isArray(t.value)&&(typeof e[0]=="string"?this.data[r]=[...e,...t.value].map(String):typeof e[0]=="number"?this.data[r]=[...e,...t.value].map(Number):typeof e[0]=="boolean"?this.data[r]=[...e,...t.value].map(u=>!!u):this.data[r]=t.value):this.data[r]=t.value:this.data[r]=t.value}};for(const[t,r]of y.entries()){const e=s.fields.getById(t).getState();if(!e)continue;const u=e.id;switch(e.type){case"text":n.push({questionId:u,value:e.multiple?[String(r)]:String(r)});break;case"number":n.push({questionId:u,value:e.multiple?[Number(r)]:Number(r)});break;case"boolean":n.push({questionId:u,value:e.multiple?[r==="true"]:r==="true"});break}}const{errors:o}=await s.responses.commit(n.data);if(o.length>0){s.eventBus({type:"form_submit_error",form:{id:l,title:c},exception:{reason:o},experience:i}),o.forEach(t=>{s.eventBus({type:"field_validation_error",exception:{reason:[t]},experience:i})}),await((m=a.onError)==null?void 0:m.call(a,o));return}s.eventBus({type:"form_submit_success",form:{id:l,title:c},experience:i}),await((d=a.onSuccess)==null?void 0:d.call(a))}return{form:{onsubmit:p}}}export{_ as useForm};
+import{usePicked as d,useExperience as y}from"../hooks/client.js";import"../hooks/step.js";import"react";import"@picked/client";function A(u){const a=d(),o=y(),{id:l,title:c}=u;async function p(f){f.preventDefault(),a.eventBus({type:"form_submit",form:{id:l,title:c},experience:o});const m=new FormData(f.currentTarget),i={data:{},push(r){const t=r.questionId,e=this.data[t];e?Array.isArray(e)&&Array.isArray(r.value)?Array.isArray(e)&&Array.isArray(r.value)&&(typeof e[0]=="string"?this.data[t]=[...e,...r.value].map(String):typeof e[0]=="number"?this.data[t]=[...e,...r.value].map(Number):typeof e[0]=="boolean"?this.data[t]=[...e,...r.value].map(s=>!!s):this.data[t]=r.value):this.data[t]=r.value:this.data[t]=r.value}};for(const[r,t]of m.entries()){const e=a.fields.getById(r).getState();if(!e)continue;const s=e.id;switch(e.type){case"text":i.push({questionId:s,value:e.multiple?[String(t)]:String(t)});break;case"number":i.push({questionId:s,value:e.multiple?[Number(t)]:Number(t)});break;case"boolean":i.push({questionId:s,value:e.multiple?[t==="true"]:t==="true"});break}}const{errors:n}=await a.responses.commit(i.data);if(n.length>0){a.eventBus({type:"form_submit_error",form:{id:l,title:c},exception:{reason:n},experience:o}),n.forEach(r=>{a.eventBus({type:"field_validation_error",exception:{reason:[r]},experience:o})}),await u.onError?.(n);return}a.eventBus({type:"form_submit_success",form:{id:l,title:c},experience:o}),await u.onSuccess?.()}return{form:{onsubmit:p}}}export{A as useForm};

package/dist/hooks/step.js

@@ -1 +1 @@
-import{createContext as b,useContext as E,useMemo as m}from"react";import{attach as F,createEffect as R,combine as A,createStore as P,sample as g}from"effector";import{evaluateRuleLogic as k}from"@picked/client";import{useUnit as y}from"effector-react";import{useStepRouter as D}from"../router/context.js";import{useExperience as L,usePicked as M}from"./client.js";const U=b(null);function G(){const e=E(U);if(!e)throw new Error("useStep must be used within a StepContextProvider");return{step:e.step,fields:e.fields,isActiveStep:e.isActiveStep??!1}}function H(e){const d=L(),s=M(),{activeStep:o}=D(),x=m(()=>(o==null?void 0:o.id)===e,[o==null?void 0:o.id,e]),{stepContext:S}=m(()=>{const n=F({source:A({steps:d.treeStore.map(r=>r.steps),fields:s.fields.listStore,responses:s.responses.listStore}),effect:R(async({steps:r,fields:l,responses:C})=>{const c=r.find(t=>t.id===e);if(!c)throw new Error(`Step with id "${e}" not found in the experience tree.`);const h=l.filter(t=>c.fieldIds.includes(t.id)),p=[];for(const t of h)t.condition?await k(s,t.condition)&&p.push(t):p.push(t);const w=p.map(t=>{var a;const u=(a=C.find(v=>v.fieldId===t.id))==null?void 0:a.value;return{...t,value:u}});return{step:{id:c.id,label:c.label},fields:w}})}),f=P({step:{id:e,label:""},fields:[]});return f.on(n.doneData,(r,l)=>l),g({clock:[s.fields.listStore,s.responses.listStore],target:n}),n(),{stepContextFx:n,stepContext:f}},[e,s,d]),i=y(S);return{step:i==null?void 0:i.step,fields:(i==null?void 0:i.fields)||[],isActiveStep:x}}export{U as StepContextProvider,H as useSetStepContext,G as useStep};
+import{createContext as w,useContext as b,useMemo as a}from"react";import{attach as E,createEffect as F,combine as R,createStore as A,sample as P}from"effector";import{evaluateRuleLogic as g}from"@picked/client";import{useUnit as k}from"effector-react";import{useStepRouter as y}from"../router/context.js";import{useExperience as D,usePicked as L}from"./client.js";const M=w(null);function B(){const e=b(M);if(!e)throw new Error("useStep must be used within a StepContextProvider");return{step:e.step,fields:e.fields,isActiveStep:e.isActiveStep??!1}}function G(e){const l=D(),s=L(),{activeStep:p}=y(),m=a(()=>p?.id===e,[p?.id,e]),{stepContext:S}=a(()=>{const o=E({source:R({steps:l.treeStore.map(i=>i.steps),fields:s.fields.listStore,responses:s.responses.listStore}),effect:F(async({steps:i,fields:r,responses:x})=>{const n=i.find(t=>t.id===e);if(!n)throw new Error(`Step with id "${e}" not found in the experience tree.`);const v=r.filter(t=>n.fieldIds.includes(t.id)),c=[];for(const t of v)t.condition?await g(s,t.condition)&&c.push(t):c.push(t);const C=c.map(t=>{const u=x.find(h=>h.fieldId===t.id)?.value;return{...t,value:u}});return{step:{id:n.id,label:n.label},fields:C}})}),f=A({step:{id:e,label:""},fields:[]});return f.on(o.doneData,(i,r)=>r),P({clock:[s.fields.listStore,s.responses.listStore],target:o}),o(),{stepContextFx:o,stepContext:f}},[e,s,l]),d=k(S);return{step:d?.step,fields:d?.fields||[],isActiveStep:m}}export{M as StepContextProvider,G as useSetStepContext,B as useStep};

package/dist/render/browser.js

@@ -1 +1 @@
-import n from"react";import{createRoot as v}from"react-dom/client";import{isValidAdaptedComponent as A}from"../component.js";import{ClientProvider as E,ExperienceProvider as h}from"../context.js";import{mergeArrays as y}from"../utils/array.js";const l=new WeakMap,x=async(r,t,o,c,a)=>{var p,f;if(!A(t))throw new Error("The component is invalid.");const m=y((p=t.style)==null?void 0:p.sheets,a.stylesheets),d=y((f=t.style)==null?void 0:f.css,a.css);m.length&&m.forEach(s=>{const e=document.createElement("link");e.setAttribute("rel","stylesheet"),e.setAttribute("href",s),e.setAttribute("type","text/css"),e.setAttribute("picked-injected","true"),r.appendChild(e)}),d.length&&d.forEach(s=>{const e=document.createElement("style");e.textContent=s,e.setAttribute("type","text/css"),e.setAttribute("picked-injected","true"),r.appendChild(e)});const u=document.createElement("div");r.appendChild(u);const i=v(u);if(l.set(r,i),t.component instanceof Promise){const{default:s}=await t.component;i.render(n.createElement(E,{value:o},n.createElement(h,{value:c},n.createElement(s,{client:o,experience:c}))));return}const C=t.component;i.render(n.createElement(E,{value:o},n.createElement(h,{value:c},n.createElement(C,{client:o,experience:c}))))},R=r=>{const t=l.get(r);t&&(t.unmount(),l.delete(r))};export{x as renderReactComponent,R as unRenderReactComponent};
+import n from"react";import{createRoot as y}from"react-dom/client";import{isValidAdaptedComponent as C}from"../component.js";import{ClientProvider as p,ExperienceProvider as f}from"../context.js";import{mergeArrays as E}from"../utils/array.js";const l=new WeakMap,P=async(r,t,o,c,a)=>{if(!C(t))throw new Error("The component is invalid.");const m=E(t.style?.sheets,a.stylesheets),d=E(t.style?.css,a.css);m.length&&m.forEach(s=>{const e=document.createElement("link");e.setAttribute("rel","stylesheet"),e.setAttribute("href",s),e.setAttribute("type","text/css"),e.setAttribute("picked-injected","true"),r.appendChild(e)}),d.length&&d.forEach(s=>{const e=document.createElement("style");e.textContent=s,e.setAttribute("type","text/css"),e.setAttribute("picked-injected","true"),r.appendChild(e)});const u=document.createElement("div");r.appendChild(u);const i=y(u);if(l.set(r,i),t.component instanceof Promise){const{default:s}=await t.component;i.render(n.createElement(p,{value:o},n.createElement(f,{value:c},n.createElement(s,{client:o,experience:c}))));return}const h=t.component;i.render(n.createElement(p,{value:o},n.createElement(f,{value:c},n.createElement(h,{client:o,experience:c}))))},j=r=>{const t=l.get(r);t&&(t.unmount(),l.delete(r))};export{P as renderReactComponent,j as unRenderReactComponent};

package/dist/render/server.js

@@ -1 +1 @@
-import t from"react";import{renderToString as c}from"react-dom/server";import{isValidAdaptedComponent as y}from"../component.js";import{ClientProvider as i,ExperienceProvider as d}from"../context.js";import{mergeArrays as f}from"../utils/array.js";const R=async(e,r,s,m)=>{var n,l;if(!y(e))throw new Error("The component is invalid.");const E=f((n=e.style)==null?void 0:n.sheets,m.stylesheets),p=f((l=e.style)==null?void 0:l.css,m.css);let o;const v="";if(e.component instanceof Promise){const{default:a}=await e.component;o=c(t.createElement(i,{value:r},t.createElement(d,{value:s},t.createElement(a,{client:r,experience:s}))))}else{const a=e.component;o=c(t.createElement(i,{value:r},t.createElement(d,{value:s},t.createElement(a,{client:r,experience:s}))))}return{stylesheets:E,css:p,body:o,head:v}};export{R as staticRenderReactComponent};
+import t from"react";import{renderToString as n}from"react-dom/server";import{isValidAdaptedComponent as p}from"../component.js";import{ClientProvider as l,ExperienceProvider as c}from"../context.js";import{mergeArrays as i}from"../utils/array.js";const w=async(e,r,s,m)=>{if(!p(e))throw new Error("The component is invalid.");const d=i(e.style?.sheets,m.stylesheets),f=i(e.style?.css,m.css);let o;const E="";if(e.component instanceof Promise){const{default:a}=await e.component;o=n(t.createElement(l,{value:r},t.createElement(c,{value:s},t.createElement(a,{client:r,experience:s}))))}else{const a=e.component;o=n(t.createElement(l,{value:r},t.createElement(c,{value:s},t.createElement(a,{client:r,experience:s}))))}return{stylesheets:d,css:f,body:o,head:E}};export{w as staticRenderReactComponent};

package/dist/router/StepRouter.js

@@ -1 +1 @@
-import{jsx as g}from"react/jsx-runtime";import{useState as f,useRef as R,useCallback as c,useEffect as S}from"react";import{supportsWindow as h}from"@picked/client";import{useUnit as A}from"effector-react";import{useExperience as E}from"../hooks/client.js";import"../hooks/step.js";import{StepRouterProvider as M}from"./context.js";const V=({children:l})=>{const u=E(),{currentStepStore:m}=u,t=A(m),[p,o]=f(null),s=R(!1),[r,n]=f([]),a=c(e=>{if(h())n(i=>[...i,e]);else{if(s.current)return;e.id===(t==null?void 0:t.id)&&(o(e),s.current=!0)}},[t==null?void 0:t.id]),d=c(e=>{n(i=>i.filter(x=>x!==e))},[]);S(()=>{o(r.find(e=>e.id===(t==null?void 0:t.id))||null)},[r,t==null?void 0:t.id]);const v={activeStep:p,registerStep:a,unregisterStep:d};return t!=null&&t.id?g(M,{value:v,children:l}):null};export{V as default};
+import{jsx as x}from"react/jsx-runtime";import{useState as c,useRef as g,useCallback as u,useEffect as R}from"react";import{supportsWindow as h}from"@picked/client";import{useUnit as A}from"effector-react";import{useExperience as E}from"../hooks/client.js";import"../hooks/step.js";import{StepRouterProvider as M}from"./context.js";const V=({children:p})=>{const f=E(),{currentStepStore:l}=f,e=A(l),[S,i]=c(null),o=g(!1),[s,n]=c([]),m=u(t=>{if(h())n(r=>[...r,t]);else{if(o.current)return;t.id===e?.id&&(i(t),o.current=!0)}},[e?.id]),a=u(t=>{n(r=>r.filter(v=>v!==t))},[]);R(()=>{i(s.find(t=>t.id===e?.id)||null)},[s,e?.id]);const d={activeStep:S,registerStep:m,unregisterStep:a};return e?.id?x(M,{value:d,children:p}):null};export{V as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/react",
-  "version": "0.0.1-dev.1769474304876",
+  "version": "0.0.1-dev.1769486944066",
   "devDependencies": {
     "@picked/client": "workspace:*",
     "@repo/eslint-config": "workspace:*",
@@ -10,16 +10,16 @@
     "@types/react": "19.2.4",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "^4.5.2",
-    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/coverage-v8": "^4.0.17",
     "effector": "^23.3.0",
     "effector-react": "^23.3.0",
     "fast-glob": "^3.3.3",
     "jsdom": "^26.1.0",
     "typedoc": "^0.28.5",
     "typedoc-plugin-markdown": "^4.6.3",
-    "vite": "^6.4.1",
+    "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.4"
+    "vitest": "^4.0.17"
   },
   "exports": {
     ".": {
@@ -58,7 +58,7 @@
   ],
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.1-dev.1769474304876",
+    "@picked/client": "0.0.1-dev.1769486944066",
     "effector": "^23.3.0",
     "effector-react": "^23.3.0",
     "react": "19.2.2",