@picked/svelte 0.0.62-next.5 → 0.0.62-next.6

package/dist/hooks/content.d.ts

@@ -0,0 +1,18 @@
+import { Store } from 'effector';
+import { Content } from '@picked/client';
+/**
+ * Returns the registry store for a content id, mirroring `getField(key)`. Resolves
+ * the Picked client via `getPicked()` and returns `client.contents.getById(id)`.
+ *
+ * @param {string} id - The content record id to look up.
+ * @returns {Store<Content | null>} The registry store; `null` until content is registered.
+ * @example
+ * ```svelte
+ * <script>
+ *   import { getContent } from '@picked/svelte'
+ *   const banner = getContent('lc_banner')
+ * </script>
+ * <h1>{$banner?.data?.headline ?? ''}</h1>
+ * ```
+ */
+export declare function getContent(id: string): Store<Content | null>;

package/dist/hooks/content.js

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

package/dist/hooks/index.d.ts

@@ -3,7 +3,8 @@ export { getPicked, getExperience } from './client';
 export { getPredicate, getPredicateResult } from './predicate';
 export { getFeature, getFeatureResult } from './feature';
 export { getAction, getActionResult } from './action';
-export { getStep, setStepContext } from './step';
+export { getStep, setStepContext, getStepContent } from './step';
+export { getContent } from './content';
 export { useUnit, getContextScope, setContextScope } from './stores';
 export { createSessionStorageStore, createLocalStorageStore } from './storage.js';
 export { getTrackRecommendationPresentEvent } from './events';

package/dist/hooks/index.js

@@ -1 +1 @@
-import{getExperience as e,getPicked as t}from"./client.js";import{getPredicate as n,getPredicateResult as r}from"./predicate.js";import{getFeature as i,getFeatureResult as a}from"./feature.js";import{getAction as o,getActionResult as s}from"./action.js";import{getStep as c,setStepContext as l}from"./step.js";import{getContextScope as u,setContextScope as d,useUnit as f}from"./stores.js";import{createLocalStorageStore as p,createSessionStorageStore as m}from"./storage.js";import{getTrackRecommendationPresentEvent as h}from"./events.js";import{createQuery as g,queryCache as _,queryPresets as v}from"./create-query/index.js";export{p as createLocalStorageStore,g as createQuery,m as createSessionStorageStore,o as getAction,s as getActionResult,u as getContextScope,e as getExperience,i as getFeature,a as getFeatureResult,t as getPicked,n as getPredicate,r as getPredicateResult,c as getStep,h as getTrackRecommendationPresentEvent,_ as queryCache,v as queryPresets,d as setContextScope,l as setStepContext,f as useUnit};
+import{getExperience as e,getPicked as t}from"./client.js";import{getPredicate as n,getPredicateResult as r}from"./predicate.js";import{getFeature as i,getFeatureResult as a}from"./feature.js";import{getAction as o,getActionResult as s}from"./action.js";import{getStep as c,getStepContent as l,setStepContext as u}from"./step.js";import{getContent as d}from"./content.js";import{getContextScope as f,setContextScope as p,useUnit as m}from"./stores.js";import{createLocalStorageStore as h,createSessionStorageStore as g}from"./storage.js";import{getTrackRecommendationPresentEvent as _}from"./events.js";import{createQuery as v,queryCache as y,queryPresets as b}from"./create-query/index.js";export{h as createLocalStorageStore,v as createQuery,g as createSessionStorageStore,o as getAction,s as getActionResult,d as getContent,f as getContextScope,e as getExperience,i as getFeature,a as getFeatureResult,t as getPicked,n as getPredicate,r as getPredicateResult,c as getStep,l as getStepContent,_ as getTrackRecommendationPresentEvent,y as queryCache,b as queryPresets,p as setContextScope,u as setStepContext,m as useUnit};

package/dist/hooks/step.d.ts

@@ -1,10 +1,15 @@
 import { Store } from 'effector';
-import { ExperienceStep } from '@picked/client';
+import { Content, ExperienceStep } from '@picked/client';
 import { FormInstance, FormField } from '../form/create-form.svelte';
 export interface StepContext extends FormInstance {
     step: Store<ExperienceStep>;
     /** Directly accessible fields with current response values — usable without a form. */
     fields: Store<FormField[]>;
+    /**
+     * Reactive store of the current step's CMS layout content. Resolves the step's
+     * `layoutContentId` against `client.contents` and stays reactive.
+     */
+    layoutContentStore: Store<Content | null>;
     isActive: Store<boolean>;
     /** @deprecated Use `isActive` instead. */
     isActiveStep: Store<boolean>;
@@ -12,13 +17,31 @@ export interface StepContext extends FormInstance {
 /**
  * Creates and sets step context in the Svelte context tree.
  *
- * @param stepKey - The step key.
+ * @param {string} stepKey - The step key.
+ * @returns {StepContext} The created step context.
  * @example setStepContext('step-1')
  */
 export declare function setStepContext(stepKey: string): StepContext;
 /**
  * Retrieves the step context from the Svelte context tree.
  *
+ * @returns {StepContext} The current step context.
  * @example getStep()
  */
 export declare function getStep(): StepContext;
+/**
+ * Returns a Svelte/Effector store that yields the current step's resolved CMS content
+ * data, or `null` when no content is registered for the step's `layoutContentId`.
+ * Subscribers automatically receive updates when content is registered or replaced.
+ *
+ * @returns {Store<Record<string, unknown> | null>} A store of the Content record's `data`.
+ * @example
+ * ```svelte
+ * <script>
+ *   import { getStepContent } from '@picked/svelte'
+ *   const content = getStepContent()
+ * </script>
+ * <h1>{$content?.headline ?? ''}</h1>
+ * ```
+ */
+export declare function getStepContent(): Store<Record<string, unknown> | null>;

package/dist/hooks/step.js

@@ -1 +1 @@
-import{STEP_CONTEXT_KEY as e}from"../context.js";import{getPicked as t}from"./client.js";import{getStepRouter as n}from"../router/context.js";import{getContext as r,setContext as i}from"svelte";import{createForm as a}from"../form/create-form.svelte";function o(r){let o=t(),{activeStep:s}=n(),c=s.map(e=>e?.key===r),l=o.steps.listStore.map(e=>e.find(e=>e.key===r)??{id:r,key:r,name:``,fieldKeys:[]});return i(e,{step:l,isActive:c,isActiveStep:c,...a(r,l.map(e=>e.name),l.map(e=>e.fieldKeys))})}function s(){return r(e)}export{s as getStep,o as setStepContext};
+import{STEP_CONTEXT_KEY as e}from"../context.js";import{getPicked as t}from"./client.js";import{getStepRouter as n}from"../router/context.js";import{combine as r}from"effector";import{getContext as i,setContext as a}from"svelte";import{createForm as o}from"../form/create-form.svelte";function s(i){let s=t(),{activeStep:c}=n(),l=c.map(e=>e?.key===i),u=s.steps.listStore.map(e=>e.find(e=>e.key===i)??{id:i,key:i,name:``,fieldKeys:[]}),d=o(i,u.map(e=>e.name),u.map(e=>e.fieldKeys));return a(e,{step:u,layoutContentStore:r(u,s.contents.indexStore,(e,t)=>e.layoutContentId?t[e.layoutContentId]??null:null,{skipVoid:!1}),isActive:l,isActiveStep:l,...d})}function c(){return i(e)}function l(){let{layoutContentStore:e}=c();return e.map(e=>e?.data??null,{skipVoid:!1})}export{c as getStep,l as getStepContent,s as setStepContext};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/svelte",
-  "version": "0.0.62-next.5",
+  "version": "0.0.62-next.6",
   "dependencies": {
     "d3": "^7.9.0"
   },
@@ -88,7 +88,7 @@
   },
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.62-next.5",
+    "@picked/client": "0.0.62-next.6",
     "effector": "^23.3.0",
     "svelte": "^5.46.4"
   },