@picked/svelte 0.0.1-dev.1788925875333 → 0.0.1-next.1

package/dist/component.d.ts

@@ -1,9 +1,9 @@
-import type { AdaptedComponent, AdaptedComponentStyle, LazyComponentLoader } from '@picked/client';
-import type { Component } from 'svelte';
+import { AdaptedComponent, AdaptedComponentStyle } from '@picked/client';
+import { Component } from 'svelte';
 export type ComponentWithProps = Component<any>;
 export declare const adaptSvelteComponent: (component: ComponentWithProps | Promise<{
     default: ComponentWithProps;
-}> | LazyComponentLoader<ComponentWithProps>, style?: AdaptedComponentStyle) => AdaptedComponent<'svelte', ComponentWithProps | Promise<{
+}>, style?: AdaptedComponentStyle) => AdaptedComponent<"svelte", ComponentWithProps | Promise<{
     default: ComponentWithProps;
-}> | LazyComponentLoader<ComponentWithProps>>;
-export declare const isValidAdaptedComponent: (component: AdaptedComponent<string, unknown>) => component is AdaptedComponent<'svelte', ComponentWithProps>;
+}>>;
+export declare const isValidAdaptedComponent: (component: AdaptedComponent<string, unknown>) => component is AdaptedComponent<"svelte", ComponentWithProps>;

package/dist/component.js

@@ -1 +1 @@
-var e=(e,t)=>({frameworkName:`svelte`,component:e,style:t}),t=e=>e.frameworkName===`svelte`;export{e as adaptSvelteComponent,t as isValidAdaptedComponent};
+const o=(e,t)=>({frameworkName:"svelte",component:e,style:t}),r=e=>e.frameworkName==="svelte";export{o as adaptSvelteComponent,r as isValidAdaptedComponent};

package/dist/context.js

@@ -1 +1 @@
-var e=Symbol(`picked-client`),t=Symbol(`picked-experience-instance`),n=Symbol(`picked-scope`),r=Symbol(`picked-step`);export{e as CLIENT_CONTEXT_KEY,t as EXPERIENCE_CONTEXT_KEY,n as SCOPE_CONTEXT_KEY,r as STEP_CONTEXT_KEY};
+const E=Symbol("picked-client"),e=Symbol("picked-experience-instance"),c=Symbol("picked-scope"),o=Symbol("picked-step");export{E as CLIENT_CONTEXT_KEY,e as EXPERIENCE_CONTEXT_KEY,c as SCOPE_CONTEXT_KEY,o as STEP_CONTEXT_KEY};

package/dist/form/index.d.ts

@@ -1,3 +1,15 @@
-/** @file Public surface of `@picked/svelte/form`. */
-export type { FormField, FormCallbackOptions } from '@picked/client/form';
-export { getForm } from './get-form';
+import { ValidationError } from '@picked/client';
+interface GetFormOptions {
+    id: string;
+    title: string;
+    onSuccess?: () => void | Promise<void>;
+    onError?: (errors: ValidationError[]) => void | Promise<void>;
+}
+export declare function getForm(options: GetFormOptions): {
+    form: {
+        onsubmit: (event: SubmitEvent & {
+            currentTarget: EventTarget & HTMLFormElement;
+        }) => Promise<void>;
+    };
+};
+export {};

package/dist/form/index.js

@@ -1 +1 @@
-import{getForm as e}from"./get-form.js";export{e as getForm};
+import{getPicked as v,getExperience as y}from"../hooks/client.js";import"svelte";import"effector";import"svelte/store";import"@picked/client";function B(a){const s=v();y();const{id:n,title:o}=a;async function d(c){var f,m;c.preventDefault(),s.eventBus({type:"form_submit",form:{id:n,title:o}});const p=new FormData(c.currentTarget),i={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 p.entries()){const e=s.fields.getById(t).getState();if(!e)continue;const u=e.id;switch(e.type){case"text":i.push({questionId:u,value:e.multiple?[String(r)]:String(r)});break;case"number":i.push({questionId:u,value:e.multiple?[Number(r)]:Number(r)});break;case"boolean":i.push({questionId:u,value:e.multiple?[r==="true"]:r==="true"});break}}const{errors:l}=await s.responses.commit(i.data);if(l.length>0){s.eventBus({type:"form_submit_error",form:{id:n,title:o},exception:"Form validation error"}),l.forEach(t=>{s.eventBus({type:"field_validation_error",exception:t})}),await((f=a.onError)==null?void 0:f.call(a,l));return}s.eventBus({type:"form_submit_success",form:{id:n,title:o}}),await((m=a.onSuccess)==null?void 0:m.call(a))}return{form:{onsubmit:d}}}export{B as getForm};

package/dist/hooks/client.d.ts

@@ -1,4 +1,4 @@
-import type { Picked, ExperienceInstance } from '@picked/client';
+import { Picked, ExperienceInstance } from '@picked/client';
 /**
  * Retrieves the Picked Client for the Experience Instance
  *

package/dist/hooks/client.js

@@ -1 +1 @@
-import{CLIENT_CONTEXT_KEY as e,EXPERIENCE_CONTEXT_KEY as t}from"../context.js";import{getContext as n}from"svelte";function r(){return n(e)}function i(){return n(t)}export{i as getExperience,r as getPicked};
+import{getContext as t}from"svelte";import{CLIENT_CONTEXT_KEY as e,EXPERIENCE_CONTEXT_KEY as r}from"../context.js";function o(){return t(e)}function i(){return t(r)}export{i as getExperience,o as getPicked};

package/dist/hooks/field.d.ts

@@ -1,18 +1,7 @@
-/** @file Svelte field accessor mirroring the React `getField` hook. */
-import type { Field, FieldKeys, FieldValueFor } from '@picked/client';
-import type { Store } from 'effector';
-interface GetFieldResponse<K extends FieldKeys = FieldKeys> {
-    value: Store<FieldValueFor<K>>;
+import { Field, FieldValue } from '@picked/client';
+import { Store } from 'effector';
+export interface GetFieldResponse {
+    value: Store<FieldValue>;
     field: Store<Field | null>;
 }
-/**
- * Returns reactive stores for a field definition and its current response value.
- *
- * @template K
- * @param {K} key - Field key from the workspace schema.
- * @returns {GetFieldResponse<K>} Field metadata and value stores.
- * @example
- * const { value } = getField('email')
- */
-export declare function getField<K extends FieldKeys>(key: K): GetFieldResponse<K>;
-export {};
+export declare function getField(id: string): GetFieldResponse;

package/dist/hooks/field.js

@@ -1 +1 @@
-import{getPicked as e}from"./client.js";function t(t){let n=e();return{field:n.fields.getByKey(t),value:n.responses.getByFieldKey(t)}}export{t as getField};
+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

@@ -1,12 +1,4 @@
-/** @file Public re-exports for Svelte hook utilities. */
 export { getPicked, getExperience } from './client';
-export { getPredicate, getPredicateResult } from './predicate';
-export { getFeature, getFeatureResult, getFeatureEnabled } from './feature';
-export { getAction, getActionResult } from './action';
-export { getStep, setStepContext, getStepContent } from './step';
-export { getContent } from './content';
-export { getReference, getReferences } from './reference';
+export { getStep, setStepContext } from './step';
 export { useUnit, getContextScope, setContextScope } from './stores';
 export { createSessionStorageStore, createLocalStorageStore } from './storage.js';
-export { getTrackRecommendationPresentEvent } from './events';
-export { createQuery, queryCache, queryPresets, type QueryResult, type QueryFactory, } from './create-query';

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,getFeatureEnabled as a,getFeatureResult as o}from"./feature.js";import{getAction as s,getActionResult as c}from"./action.js";import{getStep as l,getStepContent as u,setStepContext as d}from"./step.js";import{getContent as f}from"./content.js";import{getReference as p,getReferences as m}from"./reference.js";import{getContextScope as h,setContextScope as g,useUnit as _}from"./stores.js";import{createLocalStorageStore as v,createSessionStorageStore as y}from"./storage.js";import{getTrackRecommendationPresentEvent as b}from"./events.js";import{createQuery as x,queryCache as S,queryPresets as C}from"./create-query/index.js";export{v as createLocalStorageStore,x as createQuery,y as createSessionStorageStore,s as getAction,c as getActionResult,f as getContent,h as getContextScope,e as getExperience,i as getFeature,a as getFeatureEnabled,o as getFeatureResult,t as getPicked,n as getPredicate,r as getPredicateResult,p as getReference,m as getReferences,l as getStep,u as getStepContent,b as getTrackRecommendationPresentEvent,S as queryCache,C as queryPresets,g as setContextScope,d as setStepContext,_ as useUnit};
+import{getExperience as o,getPicked as r}from"./client.js";import{getStep as S,setStepContext as x}from"./step.js";import{getContextScope as g,setContextScope as n,useUnit as a}from"./stores.js";import{createLocalStorageStore as f,createSessionStorageStore as i}from"./storage.js";export{f as createLocalStorageStore,i as createSessionStorageStore,g as getContextScope,o as getExperience,r as getPicked,S as getStep,n as setContextScope,x as setStepContext,a as useUnit};

package/dist/hooks/step.d.ts

@@ -1,94 +1,16 @@
-import { type Store } from 'effector';
-import type { Content, ContentForStep, ExperienceStep, FieldKeysForStep, StepContentModelsMap, StepKeys, StepLayoutContent } from '@picked/client';
-import { type FormCallbackOptions, type FormInstance, type FormField } from '../form/create-form.svelte';
-export interface StepContext<TFieldKeys extends string = string> extends FormInstance<TFieldKeys> {
-    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>;
-    /**
-     * Reactive store of the current step's CMS content `data`, or `null` when the step
-     * has no `layoutContentId` or the referenced content is not yet registered. Derived
-     * from `layoutContentStore`; stays reactive to late content registration. This is the
-     * same value `getStepContent()` yields, exposed here so a step can read everything it
-     * needs from a single `getStep()` call.
-     */
-    content: Store<StepLayoutContent | null>;
-    isActive: Store<boolean>;
-    /** @deprecated Use `isActive` instead. */
-    isActiveStep: Store<boolean>;
+import { Store } from 'effector';
+import { Readable } from 'svelte/store';
+import { Field, Response } from '@picked/client';
+export interface StepContext {
+    step: Store<{
+        id: string;
+        label: string;
+    }>;
+    fields: Store<{
+        field: Field | undefined;
+        value: Response | undefined;
+    }[]>;
+    isActiveStep?: Readable<boolean>;
 }
-/**
- * Creates and sets step context in the Svelte context tree.
- *
- * @param {StepKeys} stepKey - Step key from the workspace schema.
- * @param {FormCallbackOptions} [options] - Submit callback slots for the step's form.
- * @returns {StepContext} The created step context.
- * @example setStepContext('step-1', { onSuccess: ({ data }) => track(data) })
- */
-export declare function setStepContext(stepKey: StepKeys, options?: FormCallbackOptions): StepContext;
-/**
- * Retrieves the step context from the Svelte context tree.
- *
- * Passing `options` registers those callbacks for the calling component's
- * lifetime. It is sugar over `form.onSuccess(cb)` and friends, which already
- * manage their own teardown via `$effect` — the value is symmetry with
- * `useStep(options)` in `@picked/react`, where the options form is what makes
- * render-body registration safe.
- *
- * Must be called during component initialisation, like any other rune-backed
- * helper.
- *
- * @param {FormCallbackOptions} [options] - Submit callback slots for this component.
- * @returns {StepContext} The current step context, loosely typed.
- * @example const { form, fields } = getStep({ onSuccess: ({ data }) => track(data) })
- * @design-parity Mirrors `useStep(options)` in `@picked/react`.
- */
-export declare function getStep(options?: FormCallbackOptions): StepContext;
-/**
- * Retrieves the step context narrowed by an asserted step key.
- *
- * The `K` type argument is compile-time narrowing only. It asserts which step the caller
- * renders, so `content` resolves to that step's content model and the `form`/field callbacks
- * type against that step's field keys. Runtime data always comes from the current step
- * context, exactly as the no-argument overload.
- *
- * @template K
- * @param {FormCallbackOptions} [options] - Submit callback slots, typed to that step's field keys.
- * @returns {StepContext} The current step context with `content` narrowed to `ContentForStep<K>`.
- * @example
- * ```svelte
- * const { form, content } = getStep<'lead-capture-form'>()
- * ```
- */
-export declare function getStep<K extends StepKeys>(options?: FormCallbackOptions<FieldKeysForStep<K>>): Omit<StepContext<FieldKeysForStep<K>>, 'content'> & {
-    content: Store<ContentForStep<K> | null>;
-};
-/**
- * Returns a Svelte/Effector store that yields the current step's resolved CMS content data.
- *
- * The optional `K` type argument is compile-time narrowing only. It asserts which step the
- * caller renders; runtime data always comes from the current step context.
- *
- * @returns {Store<StepLayoutContent | null>} A store of the Content record's `data`.
- * @example
- * ```svelte
- * const content = getStepContent()
- * ```
- */
-export declare function getStepContent(): Store<StepLayoutContent | null>;
-/**
- * Returns step content narrowed by an asserted step key.
- *
- * @template K
- * @returns {Store<ContentForStep<K> | null>} Narrowed content data store.
- * @example
- * ```svelte
- * const content = getStepContent<'main'>()
- * ```
- */
-export declare function getStepContent<K extends keyof StepContentModelsMap>(): Store<ContentForStep<K> | null>;
+export declare function getStep(): StepContext;
+export declare function setStepContext(stepId: string): StepContext;

package/dist/hooks/step.js

@@ -1 +1 @@
-import{STEP_CONTEXT_KEY as e}from"../context.js";import{getExperience as t,getPicked as n}from"./client.js";import{getStepRouter as r}from"../router/context.js";import{getContext as i,setContext as a}from"svelte";import{combine as o}from"effector";import{createForm as s}from"../form/create-form.svelte";function c(t,i){let c=n(),{activeStep:l}=r(),u=l.map(e=>e?.key===t),d=c.steps.listStore.map(e=>e.find(e=>e.key===t)??{id:t,key:t,name:``,fieldKeys:[]}),f=d.map(e=>e.name),p=d.map(e=>e.fieldKeys),m=s(t,f,p,i),h=o(d,c.contents.indexStore,(e,t)=>e.layoutContentId?t[e.layoutContentId]??null:null,{skipVoid:!1}),g=h.map(e=>e?.data??null,{skipVoid:!1});return a(e,{step:d,layoutContentStore:h,content:g,isActive:u,isActiveStep:u,...m})}function l(t){let n=i(e);return t?.onBeforeSubmit&&n.form.onBeforeSubmit(t.onBeforeSubmit),t?.onSuccess&&n.form.onSuccess(t.onSuccess),t?.onError&&n.form.onError(t.onError),n}function u(){let t=i(e);return t?t.content:d().map(e=>e?.data??null,{skipVoid:!1})}function d(){let e=t(),r=n();return o(e.treeStore,r.contents.indexStore,(e,t)=>{let n=e.steps.find(e=>e.layoutContentId);return n?.layoutContentId?t[n.layoutContentId]??null:null})}export{l as getStep,u as getStepContent,c as setStepContext};
+import{getContext as g,setContext as C}from"svelte";import{combine as E}from"effector";import{derived as b}from"svelte/store";import{STEP_CONTEXT_KEY as f}from"../context.js";import{getStepRouter as h}from"../router/context.js";import{getExperience as w,getPicked as T}from"./client.js";function K(){return g(f)}function N(r){const l=w(),n=T(),{activeStep:s}=h(),m=s?b(s,e=>(e==null?void 0:e.id)===r):void 0,p=E({tree:l.treeStore,fields:n.fields.listStore,responses:n.responses.listStore},({tree:e,fields:c,responses:u})=>{const t=e.steps.find(o=>o.id===r);if(!t)throw new Error(`Step with id "${r}" not found in the experience tree.`);const x=t.fieldIds.map(o=>{var d;const a=c.find(i=>i.id===o),S=(d=u.find(i=>i.fieldId===o))==null?void 0:d.value;return{field:a,value:S}});return{step:{id:t.id,label:t.label},fields:x}});return C(f,{step:p.map(e=>e.step),fields:p.map(e=>e.fields),isActiveStep:m})}export{K as getStep,N as setStepContext};

package/dist/hooks/storage.d.ts

@@ -1,5 +1,5 @@
-import { type Writable } from 'svelte/store';
-import type { StorageScope } from '@picked/client';
+import { Writable } from 'svelte/store';
+import { StorageScope } from '@picked/client';
 export interface UseStorageOptions {
     fallback: string | undefined | null;
     scope: StorageScope;

package/dist/hooks/storage.js

@@ -1 +1 @@
-import{getExperience as e}from"./client.js";import{createStorageKey as t,localStore as n,sessionStore as r,supportsLocalStorage as i,supportsSessionStorage as a}from"@picked/client";import{writable as o}from"svelte/store";var s={fallback:null,scope:`global`};function c(c,l,u){let{fallback:d,scope:f}={...s,...u},p=c===`session`?r:n,m=c===`session`?a:i,h=o(d);if(m()){let n=e(),r=t(l,f,n),i=p.get(r).text();i!==null&&h.set(i),h.subscribe(e=>{e?p.set(r,e):p.remove(r)});let a=p.subscribe(r,e=>{h.set(e.text())});return{...h,destroy:()=>{a()}}}return{...h,destroy:()=>{}}}function l(e,t){return c(`session`,e,t)}function u(e,t){return c(`local`,e,t)}export{u as createLocalStorageStore,l as createSessionStorageStore};
+import{writable as b}from"svelte/store";import{supportsSessionStorage as m,supportsLocalStorage as d,createStorageKey as x,sessionStore as y,localStore as k}from"@picked/client";import{getExperience as K}from"./client.js";const L={fallback:null,scope:"global"};function a(e,t,i){const{fallback:l,scope:u}={...L,...i},s=e==="session"?y:k,p=e==="session"?m:d,o=b(l);if(p()){const S=K(),r=x(t,u,S),c=s.get(r).text();c!==null&&o.set(c),o.subscribe(n=>{n?s.set(r,n):s.remove(r)});const f=n=>{o.set(n.text())},g=s.subscribe(r,f);return{...o,destroy:()=>{g()}}}return{...o,destroy:()=>{}}}function I(e,t){return a("session",e,t)}function O(e,t){return a("local",e,t)}export{O as createLocalStorageStore,I as createSessionStorageStore};

package/dist/hooks/stores.d.ts

@@ -1,4 +1,4 @@
-import { type Effect, type EventCallable, type Handlers, type LegacyMap, type Scope, type SerializedState, type Store, type StorePair } from 'effector';
+import { Effect, EventCallable, Handlers, LegacyMap, Scope, SerializedState, Store, StorePair } from 'effector';
 /**
  * Sets the scope to context for isolating effector stores
  */

package/dist/hooks/stores.js

@@ -1 +1 @@
-import{SCOPE_CONTEXT_KEY as e}from"../context.js";import{getContext as t,setContext as n}from"svelte";import{createWatch as r,fork as i,is as a,scopeBind as o}from"effector";var s=t=>{let r=i(t);return n(e,r)},c=()=>t(e);function l(e){let t=c();return t?a.effect(e)||a.event(e)&&typeof e==`function`?o(e,{scope:t}):{subscribe:n=>(n(t.getState(e)),r({unit:e,fn:n,scope:t}))}:e}export{c as getContextScope,s as setContextScope,l as useUnit};
+import{getContext as f,setContext as s}from"svelte";import{is as r,scopeBind as n,createWatch as p,fork as m}from"effector";import{SCOPE_CONTEXT_KEY as c}from"../context.js";const g=e=>{const t=m(e);return s(c,t)},C=()=>f(c);function u(e){const t=C();return t?r.effect(e)?n(e,{scope:t}):r.event(e)&&typeof e=="function"?n(e,{scope:t}):{subscribe:o=>(o(t.getState(e)),p({unit:e,fn:o,scope:t}))}:e}export{C as getContextScope,g as setContextScope,u as useUnit};

package/dist/index.d.ts

@@ -1,9 +1,2 @@
-/**
- * @file Public entry for the `@picked/svelte` package.
- */
 export { adaptSvelteComponent, isValidAdaptedComponent } from './component';
-export type { ComponentWithProps } from './component';
-export { LazyImage } from './components';
-export { setPickedContext } from './experience/set-picked-context';
-export { default as ExperienceSlot } from './experience/ExperienceSlot.svelte';
-export { default as HtmlRender } from './experience/HtmlRender.svelte';
+export type * from './component';

package/dist/index.js

@@ -1 +1 @@
-import{adaptSvelteComponent as e,isValidAdaptedComponent as t}from"./component.js";import{LazyImage as n}from"./components/index.js";import{setPickedContext as r}from"./experience/set-picked-context.js";import i from"./experience/ExperienceSlot.svelte";import a from"./experience/HtmlRender.svelte";export{i as ExperienceSlot,a as HtmlRender,n as LazyImage,e as adaptSvelteComponent,t as isValidAdaptedComponent,r as setPickedContext};
+import{adaptSvelteComponent as t,isValidAdaptedComponent as p}from"./component.js";export{t as adaptSvelteComponent,p as isValidAdaptedComponent};