@picked/react 0.0.6-next.1 → 0.0.7-next.1

package/dist/context.d.ts

@@ -2,6 +2,7 @@ import { Picked } from '@picked/client';
 export declare const ClientContext: import('react').Context<Picked | null>;
 export declare const ClientProvider: import('react').Provider<Picked | null>;
 export declare const ExperienceContext: import('react').Context<{
+    id: string;
     experienceId: string;
     configStore: import('effector').Store<{
         type: string;
@@ -38,6 +39,7 @@ export declare const ExperienceContext: import('react').Context<{
     stepsHistoryStore: import('effector').Store<import('@picked/client').HistoryEntry[]>;
 } | null>;
 export declare const ExperienceProvider: import('react').Provider<{
+    id: string;
     experienceId: string;
     configStore: import('effector').Store<{
         type: string;

package/dist/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAsB,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEhE,eAAO,MAAM,aAAa,wCAAqC,CAAA;AAC/D,eAAO,MAAM,cAAc,yCAAyB,CAAA;AAEpD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAiD,CAAA;AAC/E,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAA6B,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAsB,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEhE,eAAO,MAAM,aAAa,wCAAqC,CAAA;AAC/D,eAAO,MAAM,cAAc,yCAAyB,CAAA;AAEpD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAiD,CAAA;AAC/E,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAA6B,CAAA"}

package/dist/hooks/step.d.ts

@@ -1,25 +1,26 @@
+import { Store } from 'effector';
 import { Field, Response } from '@picked/client';
-export interface StepContextValue {
-    step: {
-        id: string;
-        label: string;
-    };
-    fields: {
-        field: Field | undefined;
-        value: Response | undefined;
-    }[];
-    isActiveStep: boolean;
+type FieldWithValue = Field & {
+    value: Response | undefined;
+};
+type StepWithLabel = {
+    id: string;
+    label: string;
+};
+export interface StepContext {
+    step: Store<StepWithLabel>;
+    fields: Store<FieldWithValue[]>;
+    isActiveStep?: boolean;
 }
-export declare function useStep(): StepContextValue;
+export declare function useStep(): {
+    step: StepWithLabel;
+    fields: FieldWithValue[];
+    isActiveStep: boolean;
+};
 export declare function useSetStepContext(stepId: string): {
-    step: {
-        id: string;
-        label: string;
-    };
-    fields: {
-        field: Field | undefined;
-        value: import('@picked/client').FieldValue | undefined;
-    }[];
+    step: StepWithLabel;
+    fields: FieldWithValue[];
     isActiveStep: boolean;
 };
+export {};
 //# sourceMappingURL=step.d.ts.map

package/dist/hooks/step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../src/hooks/step.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAKrD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,MAAM,EAAE;QAAE,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;QAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,CAAA;KAAE,EAAE,CAAA;IACnE,YAAY,EAAE,OAAO,CAAA;CACtB;AAID,wBAAgB,OAAO,qBAOtB;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM;;;;;;;;;;EA4C/C"}
+{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../src/hooks/step.ts"],"names":[],"mappings":"AACA,OAAO,EAAsD,KAAK,KAAK,EAAE,MAAM,UAAU,CAAA;AACzF,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAoC,MAAM,gBAAgB,CAAA;AAMvF,KAAK,cAAc,GAAG,KAAK,GAAG;IAAE,KAAK,EAAE,QAAQ,GAAG,SAAS,CAAA;CAAE,CAAA;AAC7D,KAAK,aAAa,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAOlD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAC1B,MAAM,EAAE,KAAK,CAAC,cAAc,EAAE,CAAC,CAAA;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAID,wBAAgB,OAAO;;;;EActB;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM;;;;EA+F/C"}

package/dist/hooks/step.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/react",
-  "version": "0.0.6-next.1",
+  "version": "0.0.7-next.1",
   "devDependencies": {
     "@picked/client": "workspace:*",
     "@repo/eslint-config": "workspace:*",
@@ -54,7 +54,7 @@
   ],
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.6-next.1",
+    "@picked/client": "0.0.7-next.1",
     "effector": "^23.3.0",
     "effector-react": "^23.3.0",
     "react": "^19.1.0",