@picked/react 0.0.0-main.250901040057-ca07341 → 0.0.1-dev.1762908210565

package/dist/component.d.ts

@@ -0,0 +1,10 @@
+import { AdaptedComponent, AdaptedComponentStyle } from '@picked/client';
+import { ComponentType } from 'react';
+export type ComponentWithProps = ComponentType<any>;
+export declare const adaptReactComponent: (component: ComponentWithProps | Promise<{
+    default: ComponentWithProps;
+}>, style?: AdaptedComponentStyle) => AdaptedComponent<"react", ComponentWithProps | Promise<{
+    default: ComponentWithProps;
+}>>;
+export declare const isValidAdaptedComponent: (component: AdaptedComponent<string, unknown>) => component is AdaptedComponent<"react", ComponentWithProps>;
+//# sourceMappingURL=component.d.ts.map

package/dist/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAC7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC,GAAG,CAAC,CAAA;AAKnD,eAAO,MAAM,mBAAmB,GAC9B,WAAW,kBAAkB,GAAG,OAAO,CAAC;IAAE,OAAO,EAAE,kBAAkB,CAAA;CAAE,CAAC,EACxE,QAAQ,qBAAqB,KAC5B,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAAC;IAAE,OAAO,EAAE,kBAAkB,CAAA;CAAE,CAAC,CAMzF,CAAA;AAED,eAAO,MAAM,uBAAuB,GAClC,WAAW,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,KAC3C,SAAS,IAAI,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAE3D,CAAA"}

package/dist/component.js

@@ -0,0 +1 @@
+const a=(e,t)=>({frameworkName:"react",component:e,style:t}),r=e=>e.frameworkName==="react";export{a as adaptReactComponent,r as isValidAdaptedComponent};

package/dist/context.d.ts

@@ -0,0 +1,78 @@
+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<{
+        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[];
+    }>;
+    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[];
+    }>;
+    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>;
+//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -0,0 +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"}

package/dist/context.js

@@ -0,0 +1 @@
+import{createContext as e}from"react";const t=e(null),n=t.Provider,o=e(null),i=o.Provider;export{t as ClientContext,n as ClientProvider,o as ExperienceContext,i as ExperienceProvider};

package/dist/form/index.d.ts

@@ -0,0 +1,16 @@
+import { ValidationError } from '@picked/client';
+interface GetFormOptions {
+    id: string;
+    title: string;
+    onSuccess?: () => void | Promise<void>;
+    onError?: (errors: ValidationError[]) => void | Promise<void>;
+}
+export declare function useForm(options: GetFormOptions): {
+    form: {
+        onsubmit: (event: SubmitEvent & {
+            currentTarget: EventTarget & HTMLFormElement;
+        }) => Promise<void>;
+    };
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAqB,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAQxE,UAAU,cAAc;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAC9D;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE,cAAc;;0BAKd,WAAW,GAAG;YAAE,aAAa,EAAE,WAAW,GAAG,eAAe,CAAA;SAAE;;EA+G9F"}

package/dist/form/index.js

@@ -0,0 +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};

package/dist/hooks/client.d.ts

@@ -0,0 +1,16 @@
+import { ExperienceInstance, Picked } from '@picked/client';
+/**
+ * Retrieves the Picked Client for the Experience Instance
+ *
+ * @returns The Picked client instance that provides access to experiences, steps, and other Picked functionality
+ */
+export declare function usePicked(): Picked;
+/**
+ * Retrieves the Experience Store for the current Experience Instance
+ *
+ * @returns The Experience store instance that provides access to experience configuration and state
+ */
+export declare function useExperience(): ExperienceInstance;
+export declare const getPicked: typeof usePicked;
+export declare const getExperience: typeof useExperience;
+//# sourceMappingURL=client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/hooks/client.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAGhE;;;;GAIG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAOlC;AAED;;;;GAIG;AACH,wBAAgB,aAAa,IAAI,kBAAkB,CAOlD;AAGD,eAAO,MAAM,SAAS,kBAAY,CAAA;AAClC,eAAO,MAAM,aAAa,sBAAgB,CAAA"}

package/dist/hooks/client.js

@@ -0,0 +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};

package/dist/hooks/field.d.ts

@@ -0,0 +1,8 @@
+import { Field, FieldValue } from '@picked/client';
+import { Store } from 'effector';
+export interface GetFieldResponse {
+    value: Store<FieldValue>;
+    field: Store<Field | null>;
+}
+export declare function getField(id: string): GetFieldResponse;
+//# sourceMappingURL=field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/hooks/field.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGrC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAA;IACxB,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;CAC3B;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,gBAAgB,CAQrD"}

package/dist/hooks/field.js

@@ -0,0 +1 @@
+import{getPicked as s}from"./client.js";function r(e){const t=s(),n=t.fields.getById(e),o=t.responses.getByFieldId(e);return{field:n,value:o}}export{r as getField};

package/dist/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export { usePicked, useExperience, getPicked, getExperience } from './client';
+export { useStep, useSetStepContext } from './step';
+export { useSessionStorage, useLocalStorage } from './storage';
+export * from './field';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAC7E,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC9D,cAAc,SAAS,CAAA"}

package/dist/hooks/index.js

@@ -0,0 +1 @@
+import{getExperience as o,getPicked as r,useExperience as p,usePicked as s}from"./client.js";import{useSetStepContext as i,useStep as u}from"./step.js";import{useLocalStorage as c,useSessionStorage as g}from"./storage.js";import{getField as m}from"./field.js";export{o as getExperience,m as getField,r as getPicked,p as useExperience,c as useLocalStorage,s as usePicked,g as useSessionStorage,i as useSetStepContext,u as useStep};

package/dist/hooks/step.d.ts

@@ -0,0 +1,26 @@
+import { Store } from 'effector';
+import { Field, Response } from '@picked/client';
+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(): {
+    step: StepWithLabel;
+    fields: FieldWithValue[];
+    isActiveStep: boolean;
+};
+export declare function useSetStepContext(stepId: string): {
+    step: StepWithLabel;
+    fields: FieldWithValue[];
+    isActiveStep: boolean;
+};
+export {};
+//# sourceMappingURL=step.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1 @@
+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/dist/hooks/storage.d.ts

@@ -0,0 +1,8 @@
+import { StorageScope } from '@picked/client';
+export interface UseStorageOptions {
+    fallback: string | undefined | null;
+    scope: StorageScope;
+}
+export declare function useSessionStorage(key: string, options: UseStorageOptions): [string | null, (value: string | null) => void];
+export declare function useLocalStorage(key: string, options: UseStorageOptions): [string | null, (value: string | null) => void];
+//# sourceMappingURL=storage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../src/hooks/storage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAU/D,MAAM,WAAW,iBAAiB;IAEhC,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAA;IACnC,KAAK,EAAE,YAAY,CAAA;CACpB;AA+DD,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,2BApD9C,MAAM,GAAG,IAAI,KAAK,IAAI,EAsDhD;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,2BAxD5C,MAAM,GAAG,IAAI,KAAK,IAAI,EA0DhD"}

package/dist/hooks/storage.js

@@ -0,0 +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};

package/dist/index.d.ts

@@ -1,2 +1,3 @@
-export {};
+export { adaptReactComponent, isValidAdaptedComponent } from './component';
+export type * from './component';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAC1E,mBAAmB,aAAa,CAAA"}

package/dist/index.js

@@ -1 +1 @@
-console.log("@picked/react");
+import{adaptReactComponent as a,isValidAdaptedComponent as e}from"./component.js";export{a as adaptReactComponent,e as isValidAdaptedComponent};

package/dist/plugins/framework/index.d.ts

@@ -0,0 +1,3 @@
+export { reactFrameworkPlugin } from './plugin';
+export type * from './plugin';
+//# sourceMappingURL=index.d.ts.map

package/dist/plugins/framework/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/framework/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAC/C,mBAAmB,UAAU,CAAA"}

package/dist/plugins/framework/index.js

@@ -0,0 +1 @@
+import{reactFrameworkPlugin as o}from"./plugin.js";export{o as reactFrameworkPlugin};

package/dist/plugins/framework/plugin.d.ts

@@ -0,0 +1,34 @@
+import { AdaptableComponents, AdaptedComponentStyle, Plugin } from '@picked/client';
+import { ComponentWithProps } from '../../component';
+export type AdapterComponents = Partial<Record<keyof AdaptableComponents, {
+    component: ComponentWithProps;
+    style?: AdaptedComponentStyle;
+}>>;
+export interface ReactFrameworkPluginOptions {
+    components: AdapterComponents;
+    stylesheets?: string[];
+    css?: string[];
+}
+/**
+ * Enables React component rendering compatibility.
+ * This plugin registers the React framework and allows rendering React components
+ * with the client's experience data.
+ *
+ * @param {ReactFrameworkPluginOptions} options - Configuration options for the React plugin
+ * @returns {Plugin} The plugin.
+ *
+ * @example
+ * ```typescript
+ * createClient({
+ *   plugins: [
+ *     reactFrameworkPlugin({
+ *       components: {
+ *         experience: Experience
+ *       }
+ *     })
+ *   ]
+ * })
+ * ```
+ */
+export declare const reactFrameworkPlugin: (options: ReactFrameworkPluginOptions) => Plugin;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugins/framework/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/framework/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAU,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAChG,OAAO,EAAuB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAG9E,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,MAAM,CACJ,MAAM,mBAAmB,EACzB;IAAE,SAAS,EAAE,kBAAkB,CAAC;IAAC,KAAK,CAAC,EAAE,qBAAqB,CAAA;CAAE,CACjE,CACF,CAAA;AAED,MAAM,WAAW,2BAA2B;IAC1C,UAAU,EAAE,iBAAiB,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,GAAG,CAAC,EAAE,MAAM,EAAE,CAAA;CACf;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,oBAAoB,GAAI,SAAS,2BAA2B,KAAG,MAuB3E,CAAA"}

package/dist/plugins/framework/plugin.js

@@ -0,0 +1 @@
+import{adaptReactComponent as o}from"../../component.js";import{renderReactComponent as m}from"../../render/browser.js";const a=e=>({name:"react-framework",setup:t=>{t.registerFramework({name:"react",render(...n){return m(...n,{stylesheets:e.stylesheets,css:e.css})}});const r=e.components.experience;r&&t.registerComponent("experience",o(r.component,r.style))}});export{a as reactFrameworkPlugin};

package/dist/render/browser.d.ts

@@ -0,0 +1,7 @@
+import { AdaptedComponent, ExperienceInstance, Picked } from '@picked/client';
+export declare const renderReactComponent: (shadowRoot: ShadowRoot, component: AdaptedComponent<string, unknown>, client: Picked, experience: ExperienceInstance, options: {
+    stylesheets?: string[];
+    css?: string[];
+}) => Promise<void>;
+export declare const unRenderReactComponent: (target: Element) => void;
+//# sourceMappingURL=browser.d.ts.map

package/dist/render/browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../../src/render/browser.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAQlF,eAAO,MAAM,oBAAoB,GAC/B,YAAY,UAAU,EACtB,WAAW,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,EAC5C,QAAQ,MAAM,EACd,YAAY,kBAAkB,EAC9B,SAAS;IACP,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,GAAG,CAAC,EAAE,MAAM,EAAE,CAAA;CACf,kBAoEF,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,QAAQ,OAAO,SAMrD,CAAA"}

package/dist/render/browser.js

@@ -0,0 +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};

package/dist/render/server.d.ts

@@ -0,0 +1,11 @@
+import { AdaptedComponent, ExperienceInstance, Picked } from '@picked/client';
+export declare const staticRenderReactComponent: (component: AdaptedComponent<string, unknown>, client: Picked, experience: ExperienceInstance, options: {
+    stylesheets?: string[];
+    css?: string[];
+}) => Promise<{
+    stylesheets: string[];
+    css: string[];
+    body: string;
+    head: string;
+}>;
+//# sourceMappingURL=server.d.ts.map

package/dist/render/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/render/server.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAKlF,eAAO,MAAM,0BAA0B,GACrC,WAAW,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,EAC5C,QAAQ,MAAM,EACd,YAAY,kBAAkB,EAC9B,SAAS;IACP,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,GAAG,CAAC,EAAE,MAAM,EAAE,CAAA;CACf;;;;;EAgDF,CAAA"}

package/dist/render/server.js

@@ -0,0 +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};

package/dist/router/Step.js

@@ -0,0 +1 @@
+import{jsx as l,Fragment as a}from"react/jsx-runtime";import{useState as m,useEffect as p}from"react";import"../context.js";import{useSetStepContext as n}from"../hooks/step.js";import"@picked/client";import{useStepRouter as g}from"./context.js";const d=({id:s,component:t,children:S})=>{const r={id:s},{registerStep:u,unregisterStep:i}=g(),[o,f]=m(null);return n(s),p(()=>(u(r),()=>i(r)),[u,i,r]),p(()=>{t&&typeof t!="function"?Promise.resolve(t).then(e=>{typeof e=="object"&&"default"in e?f(()=>e.default):f(()=>e)}):typeof t=="function"&&f(()=>t)},[t]),t?o?l(o,{}):null:l(a,{children:S})};export{d as default};

package/dist/router/StepRouter.js

@@ -0,0 +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};

package/dist/router/context.d.ts

@@ -0,0 +1,12 @@
+export interface Step {
+    id: string;
+}
+interface ContextOptions {
+    activeStep?: Step | null;
+    unregisterStep: (step: Step) => void;
+    registerStep: (step: Step) => void;
+}
+export declare const StepRouterProvider: import('react').Provider<ContextOptions | null>;
+export declare const useStepRouter: () => ContextOptions;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/router/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/router/context.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAA;CACX;AAED,UAAU,cAAc;IACtB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACxB,cAAc,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACpC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CACnC;AAID,eAAO,MAAM,kBAAkB,iDAA6B,CAAA;AAE5D,eAAO,MAAM,aAAa,sBAOzB,CAAA"}

package/dist/router/context.js

@@ -0,0 +1 @@
+import{createContext as o,useContext as r}from"react";const e=o(null),u=e.Provider,s=()=>{const t=r(e);if(!t)throw new Error("useStepRouter must be used within a StepRouterProvider");return t};export{u as StepRouterProvider,s as useStepRouter};

package/dist/router/index.d.ts

@@ -0,0 +1,4 @@
+export { default as StepRouter } from './StepRouter';
+export { default as Step } from './Step';
+export * from './context';
+//# sourceMappingURL=index.d.ts.map

package/dist/router/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/router/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,cAAc,WAAW,CAAA"}

package/dist/router/index.js

@@ -0,0 +1 @@
+import{default as r}from"./StepRouter.js";import{default as p}from"./Step.js";import{StepRouterProvider as f,useStepRouter as a}from"./context.js";export{p as Step,r as StepRouter,f as StepRouterProvider,a as useStepRouter};

package/dist/server/index.d.ts

@@ -0,0 +1,4 @@
+import { Renderer } from '@picked/client/server';
+import { AdaptedComponent } from '@picked/client';
+export declare const renderer: Renderer<AdaptedComponent<string, unknown>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/server/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/server/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAA8B,MAAM,gBAAgB,CAAA;AAIlF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,CAchE,CAAA"}

package/dist/server/index.js

@@ -0,0 +1 @@
+import{isValidAdaptedComponent as n}from"../component.js";import{staticRenderReactComponent as d}from"../render/server.js";const m={isValidComponent:n,render:async(o,t,r)=>{const e=await d(o,t,r,{});return{head:e.head,body:e.body}}};export{m as renderer};

package/dist/utils/array.d.ts

@@ -0,0 +1,2 @@
+export declare const mergeArrays: (a?: string[], b?: string[]) => string[];
+//# sourceMappingURL=array.d.ts.map

package/dist/utils/array.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"array.d.ts","sourceRoot":"","sources":["../../src/utils/array.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,GAAI,IAAI,MAAM,EAAE,EAAE,IAAI,MAAM,EAAE,aAErD,CAAA"}

package/dist/utils/array.js

@@ -0,0 +1 @@
+const t=(r,e)=>[...r||[],...e||[]];export{t as mergeArrays};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/react",
-  "version": "0.0.0-main.250901040057-ca07341",
+  "version": "0.0.1-dev.1762908210565",
   "devDependencies": {
     "@picked/client": "workspace:*",
     "@repo/eslint-config": "workspace:*",
@@ -9,22 +9,61 @@
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^4.5.2",
-    "tslib": "^2.8.1",
-    "vite": "^6.3.5",
+    "effector": "^23.3.0",
+    "effector-react": "^23.3.0",
+    "fast-glob": "^3.3.3",
+    "typedoc": "^0.28.5",
+    "typedoc-plugin-markdown": "^4.6.3",
+    "vite": "^6.4.1",
     "vite-plugin-dts": "^4.5.4"
   },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./server": {
+      "types": "./dist/server/index.d.ts",
+      "import": "./dist/server/index.js",
+      "default": "./dist/server/index.js"
+    },
+    "./router": {
+      "types": "./dist/router/index.d.ts",
+      "import": "./dist/router/index.js",
+      "default": "./dist/router/index.js"
+    },
+    "./form": {
+      "types": "./dist/form/index.d.ts",
+      "import": "./dist/form/index.js",
+      "default": "./dist/form/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js",
+      "default": "./dist/hooks/index.js"
+    },
+    "./plugins/framework": {
+      "types": "./dist/plugins/framework/index.d.ts",
+      "import": "./dist/plugins/framework/index.js",
+      "default": "./dist/plugins/framework/index.js"
+    }
+  },
   "files": [
     "dist"
   ],
-  "main": "dist",
+  "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.0-main.250901040057-ca07341",
+    "@picked/client": "0.0.1-dev.1762908210565",
+    "effector": "^23.3.0",
+    "effector-react": "^23.3.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
   },
   "private": false,
   "scripts": {
     "build": "vite build",
+    "build:docs": "pnpm typedoc",
     "dev": "vite build --watch",
     "lint": "eslint .",
     "lint-files": "eslint",
@@ -33,5 +72,6 @@
     "test:packaged-types": "attw --pack",
     "type-check": "tsc -p . --noEmit"
   },
-  "type": "module"
+  "type": "module",
+  "types": "./dist/index.d.ts"
 }

package/dist/components/ShadowRoot/ShadowRoot.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-interface ReactShadowRootProps {
-    delegatesFocus?: boolean;
-    mode?: 'open' | 'closed';
-    children: ReactNode;
-}
-declare const ReactShadowRoot: ({ delegatesFocus, mode, children, }: Readonly<ReactShadowRootProps>) => import("react/jsx-runtime").JSX.Element | null;
-export default ReactShadowRoot;
-//# sourceMappingURL=ShadowRoot.d.ts.map

package/dist/components/ShadowRoot/ShadowRoot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShadowRoot.d.ts","sourceRoot":"","sources":["../../../src/components/ShadowRoot/ShadowRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,UAAU,oBAAoB;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACxB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAMD,QAAA,MAAM,eAAe,GAAI,qCAItB,QAAQ,CAAC,oBAAoB,CAAC,mDA6BhC,CAAA;AAED,eAAe,eAAe,CAAA"}