@picked/svelte 0.0.1-dev.1778561735098 → 0.0.1-dev.1778730134956

package/dist/hooks/client.d.ts

@@ -1,13 +1,25 @@
 import { Picked, ExperienceInstance } from '@picked/client';
 /**
- * Retrieves the Picked Client for the Experience Instance
+ * Retrieves the Picked Client for the Experience Instance.
  *
- * @returns The Picked client instance that provides access to experiences, steps, and other Picked functionality
+ * @returns The Picked client instance that provides access to experiences, steps, and other Picked functionality.
+ * @example
+ * const client = getPicked()
  */
 export declare function getPicked(): Picked;
 /**
- * Retrieves the Experience Store for the current Experience Instance
+ * Retrieves the Experience Store for the current Experience Instance.
  *
- * @returns The Experience store instance that provides access to experience configuration and state
+ * The returned instance exposes `restart` and `isResumableStore` for SDK-native
+ * resume/restart flows: call `instance.restart()` to atomically clear this
+ * experience's history and owned responses, and subscribe to
+ * `instance.isResumableStore` (via the `$` prefix) to render a
+ * "continue / start over" prompt when the user has in-progress state.
+ *
+ * @returns The Experience store instance that provides access to experience configuration and state.
+ * @example
+ * const experience = getExperience()
+ * const canResume = experience.isResumableStore
+ * // in markup: {#if $canResume}…{/if}
  */
 export declare function getExperience(): ExperienceInstance;

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/dist/plugins/devtools/screens/history/HistoryEntriesTable.svelte

@@ -1,13 +1,12 @@
-<script lang="ts">/** @file Devtools table that lists history entries for the current Picked client. */
+<script lang="ts">
   import type { HistoryEntry } from '@picked/client'
-  import { Card, DataTable, EmptyState, Stack } from '../../ui'
   import HistoryEntryListItem from './HistoryEntryListItem.svelte'
+  import { Card, DataTable, EmptyState, Stack } from '../../ui'
 
   export let historyEntries: HistoryEntry[]
 
   const columns = [
     { key: 'id', header: 'ID' },
-    { key: 'instanceId', header: 'Instance ID' },
     { key: 'experienceId', header: 'Experience ID' },
     { key: 'nodeId', header: 'Node ID' },
     { key: 'nodeType', header: 'Node Type' },

package/dist/plugins/devtools/screens/history/HistoryEntryListItem.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">/** @file List item row displaying a navigation history entry in the devtools history screen. */
+<script lang="ts">
+  /** @file List item row displaying a navigation history entry in the devtools history screen. */
   import type { HistoryEntry } from '@picked/client'
   import { getPicked } from '../../../../hooks'
 
@@ -11,7 +12,6 @@
 
 <tr>
   <td>{historyEntry.id}</td>
-  <td>{historyEntry.instanceId}</td>
   <td>{experienceName}</td>
   <td>{historyEntry.node.id}</td>
   <td>{historyEntry.node.type}</td>

package/dist/plugins/devtools/screens/responses/ResponseTableRow.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   /** @file Editable table row for a single field response in the devtools responses screen. */
-  import type { ResponseListItem, PrimitiveFieldValue, Field } from '@picked/client'
+  import type { ResponseListItem, PrimitiveFieldValue, Field, FieldValue } from '@picked/client'
   import { getPicked } from '../../../../hooks'
   import { Button, Text, CodeBlock, Banner, Stack } from '../../ui'
 
@@ -197,7 +197,7 @@
    * ```
    */
   function handleClear() {
-    client.responses.clear(field.id)
+    client.responses.clear(field.key)
   }
 </script>
 

package/package.json

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