@picked/react 0.0.1-dev.1770178792114 → 0.0.1-dev.1770256874555

package/dist/context.d.ts

@@ -1,80 +1,6 @@
-import { Picked } from '@picked/client';
+import { ExperienceInstance, 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<{
-        name: string;
-        decisionLogic: import('node_modules/@picked/client/dist/types/logic-engine').LogicRule | undefined;
-        targetSelectors: import('@picked/client').ExperienceTarget[];
-        initializeOpenLogic: import('node_modules/@picked/client/dist/types/logic-engine').LogicValue | import('node_modules/@picked/client/dist/types/logic-engine').LogicRule;
-    }>;
-    target: HTMLElement | undefined;
-    componentStore: import('effector').Store<{
-        name: string;
-        component: import('@picked/client').AdaptedComponent<string, unknown>;
-        frameworkStore: import('effector').Store<import('@picked/client').Framework | undefined>;
-    } | undefined>;
-    stateStore: import('effector').StoreWritable<"transitioning" | "ready">;
-    isOpenStore: import('effector').StoreWritable<boolean>;
-    open: import('effector').EventCallable<void>;
-    close: import('effector').EventCallable<void>;
-    toggleOpen: import('effector').EventCallable<void>;
-    setOpen: import('effector').EventCallable<boolean>;
-    treeStore: import('effector').Store<{
-        steps: import('@picked/client').ExperienceStep[];
-        nodes: import('@picked/client').ExperienceNode[];
-        edges: import('@picked/client').ExperienceEdge[];
-        conditionals: import('@picked/client').ExperienceConditional[];
-    }>;
-    fieldsStore: import('effector').Store<import('@picked/client').Field[]>;
-    currentNodeStore: import('effector').Store<import('@picked/client').ExperienceNode | null>;
-    currentStepStore: import('effector').Store<import('@picked/client').ExperienceStep | null>;
-    nextReachableStepNodesStore: import('effector').Store<import('@picked/client').ExperienceNode[]>;
-    stepsToOriginStore: import('effector').Store<number[]>;
-    stepsToLeafStore: import('effector').Store<number[]>;
-    goToNextStep: import('effector').EventCallable<void>;
-    goToPreviousStep: import('effector').EventCallable<void>;
-    goToStepById: import('effector').EventCallable<string>;
-    stepsHistoryStore: import('effector').Store<import('@picked/client').HistoryEntry[]>;
-} | null>;
-export declare const ExperienceProvider: import('react').Provider<{
-    id: string;
-    experienceId: string;
-    configStore: import('effector').Store<{
-        name: string;
-        decisionLogic: import('node_modules/@picked/client/dist/types/logic-engine').LogicRule | undefined;
-        targetSelectors: import('@picked/client').ExperienceTarget[];
-        initializeOpenLogic: import('node_modules/@picked/client/dist/types/logic-engine').LogicValue | import('node_modules/@picked/client/dist/types/logic-engine').LogicRule;
-    }>;
-    target: HTMLElement | undefined;
-    componentStore: import('effector').Store<{
-        name: string;
-        component: import('@picked/client').AdaptedComponent<string, unknown>;
-        frameworkStore: import('effector').Store<import('@picked/client').Framework | undefined>;
-    } | undefined>;
-    stateStore: import('effector').StoreWritable<"transitioning" | "ready">;
-    isOpenStore: import('effector').StoreWritable<boolean>;
-    open: import('effector').EventCallable<void>;
-    close: import('effector').EventCallable<void>;
-    toggleOpen: import('effector').EventCallable<void>;
-    setOpen: import('effector').EventCallable<boolean>;
-    treeStore: import('effector').Store<{
-        steps: import('@picked/client').ExperienceStep[];
-        nodes: import('@picked/client').ExperienceNode[];
-        edges: import('@picked/client').ExperienceEdge[];
-        conditionals: import('@picked/client').ExperienceConditional[];
-    }>;
-    fieldsStore: import('effector').Store<import('@picked/client').Field[]>;
-    currentNodeStore: import('effector').Store<import('@picked/client').ExperienceNode | null>;
-    currentStepStore: import('effector').Store<import('@picked/client').ExperienceStep | null>;
-    nextReachableStepNodesStore: import('effector').Store<import('@picked/client').ExperienceNode[]>;
-    stepsToOriginStore: import('effector').Store<number[]>;
-    stepsToLeafStore: import('effector').Store<number[]>;
-    goToNextStep: import('effector').EventCallable<void>;
-    goToPreviousStep: import('effector').EventCallable<void>;
-    goToStepById: import('effector').EventCallable<string>;
-    stepsHistoryStore: import('effector').Store<import('@picked/client').HistoryEntry[]>;
-} | null>;
+export declare const ExperienceContext: import('react').Context<ExperienceInstance | null>;
+export declare const ExperienceProvider: import('react').Provider<ExperienceInstance | null>;
 //# sourceMappingURL=context.d.ts.map

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,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEhE,eAAO,MAAM,aAAa,wCAAqC,CAAA;AAC/D,eAAO,MAAM,cAAc,yCAAyB,CAAA;AAEpD,eAAO,MAAM,iBAAiB,oDAAiD,CAAA;AAC/E,eAAO,MAAM,kBAAkB,qDAA6B,CAAA"}

package/dist/hooks/client.js

@@ -1 +1 @@
-import{useContext as t}from"react";import{ClientContext as n,ExperienceContext as r}from"../context.js";function i(){const e=t(n);if(!e)throw new Error("usePicked must be used within a ClientProvider");return e}function o(){const e=t(r);if(!e)throw new Error("useExperience must be used within an ExperienceProvider");return e}const u=i,x=o;export{x as getExperience,u as getPicked,o as useExperience,i as usePicked};
+import{useContext as t}from"react";import{ExperienceContext as n,ClientContext as r}from"../context.js";function i(){const e=t(r);if(!e)throw new Error("usePicked must be used within a ClientProvider");return e}function o(){const e=t(n);if(!e)throw new Error("useExperience must be used within an ExperienceProvider");return e}const u=i,x=o;export{x as getExperience,u as getPicked,o as useExperience,i as usePicked};

package/dist/hooks/step.js

@@ -1 +1 @@
-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};
+import{createContext as w,useMemo as a,useContext as b}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/hooks/storage.js

@@ -1 +1 @@
-import{useState as x,useEffect as a,useCallback as d}from"react";import{createStorageKey as k,supportsSessionStorage as v,supportsLocalStorage as E,sessionStore as K,localStore as L}from"@picked/client";import{useExperience as h}from"./client.js";const y={fallback:null,scope:"global"};function u(o,n,l){const{fallback:i,scope:f}={...y,...l},p=h(),s=o==="session"?K:L,r=o==="session"?v:E,[S,c]=x(i??null),t=k(n,f,p);a(()=>{if(r()){const e=s.get(t).text();e!==null&&c(e)}},[s,t,r]),a(()=>{if(!r())return;const e=m=>{c(m.text())},b=s.subscribe(t,e);return()=>{b()}},[s,t,r]);const g=d(e=>{c(e),r()&&(e?s.set(t,e):s.remove(t))},[s,t,r]);return[S,g]}function j(o,n){return u("session",o,n)}function q(o,n){return u("local",o,n)}export{q as useLocalStorage,j as useSessionStorage};
+import{useState as x,useEffect as a,useCallback as d}from"react";import{createStorageKey as k,sessionStore as v,localStore as E,supportsSessionStorage as K,supportsLocalStorage as L}from"@picked/client";import{useExperience as h}from"./client.js";const y={fallback:null,scope:"global"};function u(o,n,l){const{fallback:i,scope:f}={...y,...l},p=h(),s=o==="session"?v:E,r=o==="session"?K:L,[S,c]=x(i??null),t=k(n,f,p);a(()=>{if(r()){const e=s.get(t).text();e!==null&&c(e)}},[s,t,r]),a(()=>{if(!r())return;const e=m=>{c(m.text())},b=s.subscribe(t,e);return()=>{b()}},[s,t,r]);const g=d(e=>{c(e),r()&&(e?s.set(t,e):s.remove(t))},[s,t,r]);return[S,g]}function j(o,n){return u("session",o,n)}function q(o,n){return u("local",o,n)}export{q as useLocalStorage,j as useSessionStorage};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/react",
-  "version": "0.0.1-dev.1770178792114",
+  "version": "0.0.1-dev.1770256874555",
   "devDependencies": {
     "@picked/client": "workspace:*",
     "@repo/eslint-config": "workspace:*",
@@ -58,7 +58,7 @@
   ],
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.1-dev.1770178792114",
+    "@picked/client": "0.0.1-dev.1770256874555",
     "effector": "^23.3.0",
     "effector-react": "^23.3.0",
     "react": "19.2.2",