@picked/react 0.0.1-dev.1778561735098 → 0.0.1-dev.1780446300503

package/dist/experience/Experience.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+interface ExperienceProps {
+    /**
+     * Slot name. Maps to the `.picked-slot-<name>` selector that targeted experiences declare.
+     * Named `name` rather than `slot` for parity with the Svelte component, where `slot` is a
+     * reserved attribute.
+     */
+    readonly name: string;
+}
+/**
+ * Renders the experiences that target the named slot and whose condition is active, ordered by
+ * placement precedence (`before → prepend → append → after`).
+ *
+ * Active is read from `conditionResults` via `peek`: a seeded snapshot makes it synchronous for
+ * SSR and the hydration first paint, while a cache miss (standalone, no snapshot) triggers an
+ * asynchronous evaluation in a browser effect whose store write re-renders this component.
+ * Subscribing to `client.conditionResults.store` is what makes those late writes reactive.
+ *
+ * @param {ExperienceProps} props - The component props.
+ * @param {string} props.name - The slot name, mapped to the `.picked-slot-<name>` selector.
+ * @returns {React.JSX.Element} The active experiences for the slot.
+ * @example
+ * <Experience name="page" />
+ */
+declare function Experience({ name }: ExperienceProps): React.JSX.Element;
+export default Experience;
+//# sourceMappingURL=Experience.d.ts.map

package/dist/experience/Experience.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Experience.d.ts","sourceRoot":"","sources":["../../src/experience/Experience.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAoB,MAAM,OAAO,CAAA;AAQxC,UAAU,eAAe;IACvB;;;;OAIG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB;AAmED;;;;;;;;;;;;;;GAcG;AACH,iBAAS,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2ChE;AAED,eAAe,UAAU,CAAA"}

package/dist/experience/Experience.js

@@ -0,0 +1 @@
+import{usePicked as e}from"../hooks/client.js";import"../hooks/index.js";import t from"./ExperienceHost.js";import{useEffect as n}from"react";import{supportsWindow as r}from"@picked/client";import{evaluateConditionMemo as i,hashRule as a}from"@picked/client/server";import{Fragment as o,jsx as s}from"react/jsx-runtime";import{useUnit as c}from"effector-react";var l=[`before`,`prepend`,`append`,`after`];function u(e){let t=l.indexOf(e);return t===-1?l.length:t}function d(e,t){let n=e.configStore.getState(),r=n.targetSelectors.find(e=>e.selector===t);return r?{experience:e,placement:r.placement,condition:n.decisionLogic,hash:a(n.decisionLogic)}:null}function f(){let{href:e,pathname:t,search:n,hostname:r,origin:i,protocol:a,port:o,host:s,hash:c}=window.location;return{href:e,pathname:t,search:n,hostname:r,origin:i,protocol:a,port:o,host:s,hash:c}}function p({name:a}){let l=e(),p=`.picked-slot-${a}`,m=c(l.experiences.listStore);c(l.conditionResults.store);let h=m.map(e=>d(e,p)).filter(e=>e!==null).sort((e,t)=>u(e.placement)-u(t.placement)),g=h.filter(e=>l.conditionResults.peek(e.hash)===!0);return n(()=>{if(r())for(let e of h)l.conditionResults.peek(e.hash)===void 0&&i(l,e.condition,{context:{location:f()}})}),s(o,{children:g.map(e=>s(t,{experience:e.experience,client:l},e.experience.id))})}export{p as default};

package/dist/experience/ExperienceHost.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { ExperienceStore, Picked } from '@picked/client';
+interface ExperienceHostProps {
+    readonly experience: ExperienceStore;
+    readonly client: Picked;
+}
+/**
+ * Instantiates a single experience and renders its resolved React component.
+ *
+ * The experience instance is created once per mount (a ref initializer), exposed via
+ * `ExperienceProvider` so the component's hooks (`useExperience`, `useStep`) resolve, and the
+ * component is passed the same `{ client, experience }` props the browser/server renderers use.
+ * Direct components render synchronously; lazy loaders and promise-wrapped components render
+ * through `React.lazy` + `Suspense` (fallback `null`) and swap in once resolved.
+ *
+ * @param {ExperienceHostProps} props - The host props.
+ * @param {ExperienceStore} props.experience - The experience to instantiate.
+ * @param {Picked} props.client - The Picked client.
+ * @returns {React.JSX.Element | null} The rendered component, or null when none resolves.
+ * @example
+ * <ExperienceHost experience={experienceStore} client={client} />
+ */
+declare function ExperienceHost({ experience, client }: ExperienceHostProps): React.JSX.Element | null;
+export default ExperienceHost;
+//# sourceMappingURL=ExperienceHost.d.ts.map

package/dist/experience/ExperienceHost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExperienceHost.d.ts","sourceRoot":"","sources":["../../src/experience/ExperienceHost.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAA+C,MAAM,OAAO,CAAA;AAGnE,OAAO,KAAK,EAAsB,eAAe,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAMjF,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAA;IACpC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB;AAiBD;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,cAAc,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAsD7F;AAED,eAAe,cAAc,CAAA"}

package/dist/experience/ExperienceHost.js

@@ -0,0 +1 @@
+import{isValidAdaptedComponent as e}from"../component.js";import{ExperienceProvider as t}from"../context.js";import n,{Suspense as r,useEffect as i,useMemo as a,useRef as o}from"react";import{isLazyLoader as s,supportsWindow as c}from"@picked/client";import{createExperienceInstance as l}from"@picked/client/server";import{jsx as u}from"react/jsx-runtime";import{useUnit as d}from"effector-react";function f(e){return typeof e==`function`&&!s(e)&&!(e instanceof Promise)}function p({experience:p,client:m}){let h=o(null);h.current??=l({client:m,experience:p});let g=h.current,_=d(g.componentAndFrameworkStore),v=d(m.readyStore);i(()=>{v&&c()&&p.prepareExperienceContentFx()},[v,p]);let y=_?.component.component,b=y&&e(y)?y.component:void 0,x=a(()=>s(b)?n.lazy(()=>b.load()):b instanceof Promise?n.lazy(()=>b):null,[b]);return f(b)?u(t,{value:g,children:u(b,{client:m,experience:g})}):x?u(t,{value:g,children:u(r,{fallback:null,children:u(x,{client:m,experience:g})})}):null}export{p as default};

package/dist/experience/PickedProvider.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+import { CreateClientOptions, Picked } from '@picked/client';
+import { PickedSnapshot } from '@picked/client/server';
+type PickedProviderProps = {
+    readonly client: Picked;
+    readonly children?: React.ReactNode;
+} | {
+    readonly options: CreateClientOptions;
+    readonly snapshot?: PickedSnapshot;
+    readonly children?: React.ReactNode;
+};
+/**
+ * Provides a Picked client to descendant components.
+ *
+ * Pass `options` to have the provider create the client and synchronously hydrate it from an
+ * optional SSR snapshot, so `<Experience>` and the hooks read a fully-populated client during SSR
+ * and the hydration first paint; a `versionId` mismatch is tolerated (the client reconciles via
+ * `start()`). Alternatively pass an existing `client` (such as the app's already-running global
+ * client) to render experiences against it. In the browser the provider calls `client.start()`
+ * from an effect; `start()` is idempotent, so a client that was already started is left untouched.
+ *
+ * @param {PickedProviderProps} props - Either `{ client }` or `{ options, snapshot? }`, plus `children`.
+ * @returns {React.JSX.Element} The provider wrapping its children.
+ * @example
+ * <PickedProvider options={options} snapshot={snapshot}>
+ *   <Experience name="page" />
+ * </PickedProvider>
+ * @example
+ * <PickedProvider client={globalClient}>
+ *   <Experience name="hero-widget" />
+ * </PickedProvider>
+ */
+declare function PickedProvider(props: PickedProviderProps): React.JSX.Element;
+export default PickedProvider;
+//# sourceMappingURL=PickedProvider.d.ts.map

package/dist/experience/PickedProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickedProvider.d.ts","sourceRoot":"","sources":["../../src/experience/PickedProvider.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEjE,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAGlF,KAAK,mBAAmB,GACpB;IACE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACpC,GACD;IACE,QAAQ,CAAC,OAAO,EAAE,mBAAmB,CAAA;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAA;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACpC,CAAA;AA+BL;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAarE;AAED,eAAe,cAAc,CAAA"}

package/dist/experience/PickedProvider.js

@@ -0,0 +1 @@
+import{ClientProvider as e}from"../context.js";import{useEffect as t,useRef as n}from"react";import{createClient as r,supportsWindow as i}from"@picked/client";import{registerProjectConfig as a}from"@picked/client/server";import{jsx as o}from"react/jsx-runtime";function s(e,t){let n=r(e);if(t){let e=n.session.store.getState().id;a(n,t.projectConfig,{isPreview:!1,sessionId:e}),t.content.forEach(e=>n.registerContent(e)),n.conditionResults.seed(t.conditionResults)}return n}function c(r){let a=n(null);a.current??=`client`in r?r.client:s(r.options,r.snapshot);let c=a.current;return t(()=>{i()&&c.start()},[c]),o(e,{value:c,children:r.children})}export{c as default};

package/dist/hooks/action.js

@@ -1 +1 @@
-import{usePicked as e}from"./client.js";import{attach as t,createEffect as n,createEvent as r,createStore as i,sample as a}from"effector";import{useUnit as o}from"effector-react";function s(t,n){return o(e().actions.getEvokableAction(t,n))}function c(s,c){let l=e().actions.getEvokableAction(s,c),u=i(void 0,{skipVoid:!1}),d=r(),f=t({source:l,mapParams:(e,t)=>t,effect:n(async e=>{if(e)return await e()})});return a({clock:d,target:f}),a({clock:f.doneData,target:u}),d(),a({clock:l,target:d}),o(u)}export{s as useAction,c as useActionResult};
+import{usePicked as e}from"./client.js";import{useUnit as t}from"effector-react";import{attach as n,createEffect as r,createEvent as i,createStore as a,sample as o}from"effector";function s(n,r){return t(e().actions.getEvokableAction(n,r))}function c(s,c){let l=e().actions.getEvokableAction(s,c),u=a(void 0,{skipVoid:!1}),d=i(),f=n({source:l,mapParams:(e,t)=>t,effect:r(async e=>{if(e)return await e()})});return o({clock:d,target:f}),o({clock:f.doneData,target:u}),d(),o({clock:l,target:d}),t(u)}export{s as useAction,c as useActionResult};

package/dist/hooks/content.d.ts

@@ -0,0 +1,26 @@
+import { Store } from 'effector';
+import { Content } from '@picked/client';
+/**
+ * Returns the registry store for a content id. Resolves the Picked client via
+ * `usePicked()` and returns `client.contents.getById(id)`. Consumers are
+ * responsible for calling `useUnit` to subscribe.
+ *
+ * Named with the `use` prefix so it satisfies React's rules-of-hooks (it
+ * indirectly calls `usePicked()`, which is itself a hook).
+ *
+ * @param {string} id - The content record id to look up.
+ * @returns {Store<Content | null>} The registry store; `null` until content is registered.
+ * @throws {Error} When called outside a `ClientProvider`. The error is propagated unchanged from `usePicked()`.
+ * @example
+ * ```tsx
+ * import { useUnit } from 'effector-react'
+ * import { useContent } from '@picked/react'
+ *
+ * const Banner = () => {
+ *   const content = useUnit(useContent('lc_banner'))
+ *   return <h1>{(content?.data?.headline as string) ?? ''}</h1>
+ * }
+ * ```
+ */
+export declare function useContent(id: string): Store<Content | null>;
+//# sourceMappingURL=content.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../src/hooks/content.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAG7C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAG5D"}

package/dist/hooks/content.js

@@ -0,0 +1 @@
+import{usePicked as e}from"./client.js";function t(t){return e().contents.getById(t)}export{t as useContent};

package/dist/hooks/feature.js

@@ -1 +1 @@
-import{usePicked as e}from"./client.js";import{attach as t,createEffect as n,createEvent as r,createStore as i,sample as a}from"effector";import{useUnit as o}from"effector-react";function s(t){return e().features.getEvokableFeature(t)}function c(e){return o(s(e))}function l(e){let c=s(e),l=i(void 0,{skipVoid:!1}),u=r(),d=t({source:c,mapParams:(e,t)=>t,effect:n(async e=>await e())});return a({clock:u,target:d}),a({clock:d.doneData,fn:t=>{if(t!==void 0)return{id:e,bucket:t}},target:l}),u(),a({clock:c,target:u}),o(l)}export{c as useFeature,l as useFeatureResult};
+import{usePicked as e}from"./client.js";import{useUnit as t}from"effector-react";import{attach as n,createEffect as r,createEvent as i,createStore as a,sample as o}from"effector";function s(t){return e().features.getEvokableFeature(t)}function c(e){return t(s(e))}function l(e){let c=s(e),l=a(void 0,{skipVoid:!1}),u=i(),d=n({source:c,mapParams:(e,t)=>t,effect:r(async e=>await e())});return o({clock:u,target:d}),o({clock:d.doneData,fn:t=>{if(t!==void 0)return{id:e,bucket:t}},target:l}),u(),o({clock:c,target:u}),t(l)}export{c as useFeature,l as useFeatureResult};

package/dist/hooks/index.d.ts

@@ -3,11 +3,12 @@
  */
 export { ClientContext, ClientProvider, ExperienceContext, ExperienceProvider } from '../context';
 export { usePicked, useExperience } from './client';
-export { useStep, useSetStepContext } from './step';
+export { useStep, useSetStepContext, useStepContent } from './step';
 export type { StepContext } from './step';
 export { useSessionStorage, useLocalStorage } from './storage';
 export type { UseStorageOptions } from './storage';
 export * from './field';
 export { useFeature, useFeatureResult } from './feature';
 export { useAction, useActionResult } from './action';
+export { useContent } from './content';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACjG,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAA;AACnD,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC9D,YAAY,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAClD,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACjG,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AACnE,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC9D,YAAY,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAClD,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA"}

package/dist/hooks/index.js

@@ -1 +1 @@
-import{ClientContext as e,ClientProvider as t,ExperienceContext as n,ExperienceProvider as r}from"../context.js";import{useExperience as i,usePicked as a}from"./client.js";import{useAction as o,useActionResult as s}from"./action.js";import{useFeature as c,useFeatureResult as l}from"./feature.js";import{getField as u}from"./field.js";import{useSetStepContext as d,useStep as f}from"./step.js";import{useLocalStorage as p,useSessionStorage as m}from"./storage.js";export{e as ClientContext,t as ClientProvider,n as ExperienceContext,r as ExperienceProvider,u as getField,o as useAction,s as useActionResult,i as useExperience,c as useFeature,l as useFeatureResult,p as useLocalStorage,a as usePicked,m as useSessionStorage,d as useSetStepContext,f as useStep};
+import{ClientContext as e,ClientProvider as t,ExperienceContext as n,ExperienceProvider as r}from"../context.js";import{useExperience as i,usePicked as a}from"./client.js";import{useSetStepContext as o,useStep as s,useStepContent as c}from"./step.js";import{useLocalStorage as l,useSessionStorage as u}from"./storage.js";import{getField as d}from"./field.js";import{useFeature as f,useFeatureResult as p}from"./feature.js";import{useAction as m,useActionResult as h}from"./action.js";import{useContent as g}from"./content.js";export{e as ClientContext,t as ClientProvider,n as ExperienceContext,r as ExperienceProvider,d as getField,m as useAction,h as useActionResult,g as useContent,i as useExperience,f as useFeature,p as useFeatureResult,l as useLocalStorage,a as usePicked,u as useSessionStorage,o as useSetStepContext,s as useStep,c as useStepContent};

package/dist/hooks/step.d.ts

@@ -1,11 +1,18 @@
 import { Store } from 'effector';
-import { ExperienceStep } from '@picked/client';
+import { Content, ExperienceStep } from '@picked/client';
 import { FormInstance } from '../form';
 import { ReactFormField } from '../utils/map-field-to-react';
 export interface StepContext {
     step: Store<ExperienceStep>;
     /** Reactive store of fields with React-style event handlers and current state. */
     fields: Store<ReactFormField[]>;
+    /**
+     * Reactive store of the current step's CMS layout content. Resolves the step's
+     * `layoutContentId` against `client.contents` and stays reactive — when content is
+     * registered or updated, subscribers re-render. Yields `null` when the step has no
+     * `layoutContentId` or the referenced content has not been registered yet.
+     */
+    layoutContentStore: Store<Content | null>;
     isActive: boolean;
     /** @deprecated Use `isActive` instead. */
     isActiveStep: boolean;
@@ -31,4 +38,18 @@ export declare function useStep(): StepContext;
  * @example useSetStepContext('step-1')
  */
 export declare function useSetStepContext(stepKey: string): StepContext;
+/**
+ * Returns the current step's resolved CMS content data, or `null` when no content is
+ * registered for the step's `layoutContentId`. Subscribes to `useStep().layoutContentStore`
+ * via Effector's `useUnit`, so the component re-renders on content updates.
+ *
+ * @returns {Record<string, unknown> | null} The Content record's `data`, or `null`.
+ * @throws {Error} When called outside `StepContextProvider`.
+ * @example
+ * ```tsx
+ * const content = useStepContent()
+ * return <Layout headline={content?.headline as string ?? ''} />
+ * ```
+ */
+export declare function useStepContent(): Record<string, unknown> | null;
 //# 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,MAAM,UAAU,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAGjE,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAC3B,kFAAkF;IAClF,MAAM,EAAE,KAAK,CAAC,cAAc,EAAE,CAAC,CAAA;IAC/B,QAAQ,EAAE,OAAO,CAAA;IACjB,0CAA0C;IAC1C,YAAY,EAAE,OAAO,CAAA;IACrB,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;CAC3B;AAED,eAAO,MAAM,mBAAmB,6CAA0C,CAAA;AAE1E;;;;;GAKG;AACH,wBAAgB,OAAO,IAAI,WAAW,CAOrC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,CAyC9D"}
+{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../src/hooks/step.ts"],"names":[],"mappings":"AAEA,OAAO,EAAW,KAAK,KAAK,EAAE,MAAM,UAAU,CAAA;AAE9C,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC7D,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAGjE,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAC3B,kFAAkF;IAClF,MAAM,EAAE,KAAK,CAAC,cAAc,EAAE,CAAC,CAAA;IAC/B;;;;;OAKG;IACH,kBAAkB,EAAE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;IACzC,QAAQ,EAAE,OAAO,CAAA;IACjB,0CAA0C;IAC1C,YAAY,EAAE,OAAO,CAAA;IACrB,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;CAC3B;AAED,eAAO,MAAM,mBAAmB,6CAA0C,CAAA;AAE1E;;;;;GAKG;AACH,wBAAgB,OAAO,IAAI,WAAW,CAOrC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,CA6D9D;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAI/D"}

package/dist/hooks/step.js

@@ -1 +1 @@
-import{useExperience as e}from"./client.js";import{useForm as t}from"../form/index.js";import{useStepRouter as n}from"../router/context.js";import{createContext as r,useContext as i,useMemo as a}from"react";var o=r(null);function s(){let e=i(o);if(!e)throw Error(`useStep must be used within a StepContextProvider`);return e}function c(r){let i=e(),{activeStep:o}=n(),s=a(()=>o?.key===r,[o?.key,r]),c=a(()=>i.treeStore.map(e=>e.steps.find(e=>e.key===r)??{id:r,key:r,name:``,fieldKeys:[]},{skipVoid:!1}),[i,r]),{form:l,fields:u}=t(r,a(()=>c.map(e=>e.name,{skipVoid:!1}),[c]),a(()=>c.map(e=>e.fieldKeys,{skipVoid:!1}),[c]));return{step:c,fields:u,isActive:s,isActiveStep:s,form:l}}export{o as StepContextProvider,c as useSetStepContext,s as useStep};
+import{useExperience as e,usePicked as t}from"./client.js";import{useForm as n}from"../form/index.js";import{useStepRouter as r}from"../router/context.js";import{createContext as i,useContext as a,useMemo as o}from"react";import{useUnit as s}from"effector-react";import{combine as c}from"effector";var l=i(null);function u(){let e=a(l);if(!e)throw Error(`useStep must be used within a StepContextProvider`);return e}function d(i){let a=e(),s=t(),{activeStep:l}=r(),u=o(()=>l?.key===i,[l?.key,i]),d=o(()=>a.treeStore.map(e=>e.steps.find(e=>e.key===i)??{id:i,key:i,name:``,fieldKeys:[]},{skipVoid:!1}),[a,i]),{form:f,fields:p}=n(i,o(()=>d.map(e=>e.name,{skipVoid:!1}),[d]),o(()=>d.map(e=>e.fieldKeys,{skipVoid:!1}),[d]));return{step:d,fields:p,layoutContentStore:o(()=>c(d,s.contents.indexStore,(e,t)=>e.layoutContentId?t[e.layoutContentId]??null:null,{skipVoid:!1}),[d,s]),isActive:u,isActiveStep:u,form:f}}function f(){let{layoutContentStore:e}=u();return s(e)?.data??null}export{l as StepContextProvider,d as useSetStepContext,u as useStep,f as useStepContent};

package/dist/index.d.ts

@@ -3,4 +3,6 @@
  */
 export { adaptReactComponent, isValidAdaptedComponent } from './component';
 export type * from './component';
+export { default as PickedProvider } from './experience/PickedProvider';
+export { default as Experience } from './experience/Experience';
 //# 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":"AAAA;;GAEG;AACH,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAC1E,mBAAmB,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAC1E,mBAAmB,aAAa,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/index.js

@@ -1 +1 @@
-import{adaptReactComponent as e,isValidAdaptedComponent as t}from"./component.js";export{e as adaptReactComponent,t as isValidAdaptedComponent};
+import{adaptReactComponent as e,isValidAdaptedComponent as t}from"./component.js";import n from"./experience/PickedProvider.js";import r from"./experience/Experience.js";export{r as Experience,n as PickedProvider,e as adaptReactComponent,t as isValidAdaptedComponent};

package/dist/router/StepRouter.js

@@ -1 +1 @@
-import{useExperience as e}from"../hooks/client.js";import{StepRouterProvider as t}from"./context.js";import"../hooks/index.js";import{useCallback as n,useMemo as r,useRef as i,useState as a}from"react";import{useUnit as o}from"effector-react";import{supportsWindow as s}from"@picked/client";import{jsx as c}from"react/jsx-runtime";function l({children:l}){let{currentStepStore:u}=e(),d=o(u),f=i(!1),[p,m]=a([]),[h,g]=a(null),_=n(e=>{if(s())m(t=>[...t,e]);else{if(f.current)return;e.key===d?.key&&(g(e),f.current=!0)}},[d?.key]),v=n(e=>{m(t=>t.filter(t=>t!==e))},[]),y=r(()=>h??p.find(e=>e.key===d?.key)??null,[h,p,d?.key]),b=r(()=>({activeStep:y,registerStep:_,unregisterStep:v}),[y,_,v]);return d?.key?c(t,{value:b,children:l}):null}export{l as default};
+import{useExperience as e}from"../hooks/client.js";import{StepRouterProvider as t}from"./context.js";import"../hooks/index.js";import{useCallback as n,useMemo as r,useRef as i,useState as a}from"react";import{supportsWindow as o}from"@picked/client";import{jsx as s}from"react/jsx-runtime";import{useUnit as c}from"effector-react";function l({children:l}){let{currentStepStore:u}=e(),d=c(u),f=i(!1),[p,m]=a([]),[h,g]=a(null),_=n(e=>{if(o())m(t=>[...t,e]);else{if(f.current)return;e.key===d?.key&&(g(e),f.current=!0)}},[d?.key]),v=n(e=>{m(t=>t.filter(t=>t!==e))},[]),y=r(()=>h??p.find(e=>e.key===d?.key)??null,[h,p,d?.key]),b=r(()=>({activeStep:y,registerStep:_,unregisterStep:v}),[y,_,v]);return d?.key?s(t,{value:b,children:l}):null}export{l as default};

package/package.json

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

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

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.test.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../src/form/index.test.tsx"],"names":[],"mappings":""}

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

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=step.test.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"step.test.d.ts","sourceRoot":"","sources":["../../src/hooks/step.test.tsx"],"names":[],"mappings":""}

package/dist/router/StepRouter.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=StepRouter.test.d.ts.map

package/dist/router/StepRouter.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepRouter.test.d.ts","sourceRoot":"","sources":["../../src/router/StepRouter.test.tsx"],"names":[],"mappings":""}

package/dist/utils/map-field-to-react.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=map-field-to-react.test.d.ts.map

package/dist/utils/map-field-to-react.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"map-field-to-react.test.d.ts","sourceRoot":"","sources":["../../src/utils/map-field-to-react.test.tsx"],"names":[],"mappings":""}