@salsita-ai/sdk 0.50.0-develop.0b28d3ba99 → 0.50.0-develop.0d2418cc3b

package/dist/react-sdk/domain-application-context/PublishedDataProvider.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useQuery as t}from"@tanstack/react-query";import r from"lodash-es/uniq.js";import{useCallback as a,useMemo as i}from"react";import{SYSTEM_CHUNK_KEY as s}from"#package/domain";import{Loader as n}from"#package/ui-sdk";import{PublishedDataValueProvider as o}from"../application-runtime/hooks/data/index.js";import{useApplicationRuntime as l,useApplicationRuntimeSelector as d,useAuthenticatedClient as u,useConfiguratorDomainFactory as h,useDomainDataActions as c,useIsLoaderHosted as p,useLogger as m,usePersistenceConfig as f,useSession as b,useSpecChunks as y,useSpecInitialPublishedData as k,useSpecPublishedDataHash as g}from"../application-runtime/index.js";import{BuiltInLoadingPhase as P,useLoadingPhase as w}from"../loading-state/index.js";import{FilterPublishedChunksHandlerBoundary as D,useFilterPublishedChunksHandler as v}from"./FilterPublishedChunksHandler.js";export const getAccessibleChunkKeys=(e,t)=>{let r=new Set((t??[]).map(String));return Object.keys(e).filter(t=>{if(t===s)return!0;let a=e[t];return null!=a&&r.has(a.scope)})};export const resolveChunkKeysToFetch=e=>{let{chunksSpec:t,chunkScopes:a,filteredChunkKeys:i}=e,n=i??getAccessibleChunkKeys(t,a);if(null!=i){let e=i.filter(e=>e!==s&&null==t[e]);if(e.length>0)throw Error(`createFilterPublishedChunksHandler returned unknown chunk keys: ${e.join(", ")}.`)}return r([...n,s].map(String))};let j=t=>e(o,{publishedData:d(l().selectors.domainData.getConfiguratorPublishedData),publishedDataLoadKey:t.publishedDataLoadKey,children:t.children}),F=r=>{let s=b(),o=m(),l=f(),d=y(),D=g(),F=k(),C=u(),E=h(),x=c();if(!E)throw Error("DomainFactory is not available in the runtime registry. Ensure replaceDomainRuntime() is called with domainFactory before rendering PublishedDataProvider.");let S=v(),K=s.sessionPayload?.chunkScopes,O=i(()=>{if(null==d||0===Object.keys(d).length)return;if(null==D)throw Error("publishedDataHash is required when chunks are defined. Use withPublishedDataHash() in ConfiguratorBuilder.");let e=S?.();return resolveChunkKeysToFetch({chunksSpec:d,chunkScopes:K,filteredChunkKeys:e})},[d,K,S,D]),A=i(()=>JSON.stringify(O??null),[O]),R=i(()=>JSON.stringify(F),[F]),q=a(async e=>{let t=await Promise.all(e.map(async e=>{try{let t=await C.getPublishedChunk(e,D);if(null==t){let t=F[e];if(t&&"object"==typeof t)return{key:e,data:t};return{key:e,data:{}}}return{key:e,data:t}}catch(t){return o.error("Failed to fetch published chunk",{key:e},t instanceof Error?t:Error(String(t))),{key:e,data:{}}}})),r={};for(let e of t)r[e.key]=e.data;return{success:!0,data:r}},[C,o,F,D]),H=a(async()=>{if("memory"===l.type||"local-storage"===l.type)return{success:!0,data:F};if(null!=O)return 0===O.length?{success:!0,data:{}}:q(O);let e=s.sessionPayload?.publishedAdminRevisionPath;if(null==e)return{success:!1};try{let t=await fetch(e);return{success:!0,data:await t.json()}}catch(r){let t=r instanceof Error?r:Error(`Unknown error ${r}`);return o.warn("Failed to fetch published data, the published data endpoint returned an error, have you published data from the admin? Check if the published data is accessible.",{path:e},t),{success:!1}}},[o,l,F,s.sessionPayload?.publishedAdminRevisionPath,O,q]),L=a(async e=>{let t=await H();if(e.throwIfAborted(),!t.success)return x.setPublishedData(F),F;try{let e=E.parsePublishedData(t.data);return o.debug("Fetched published admin revision data:",e),x.setPublishedData(e),e}catch(r){let e=r instanceof Error?r:Error(`Unknown error ${r}`);return o.error("Failed to parse published data, the data structure does not match the expected schema, does the published data match the publishedData schema defined in your domain?",{json:t},e),x.setPublishedData(F),F}},[o,E,H,F,x]),J=i(()=>["get-published-admin-data",s.sessionPayload?.publishedAdminRevisionPath,A,D,R],[A,R,D,s.sessionPayload?.publishedAdminRevisionPath]),N=i(()=>JSON.stringify(J),[J]),{data:U,error:$,isFetching:T}=t({queryKey:J,queryFn:({signal:e})=>L(e),refetchOnMount:"always",refetchOnWindowFocus:!1,refetchOnReconnect:!1}),B=p();if(w({id:P.PublishedData,label:"Loading published data…"},(void 0===U||T)&&!$),$)throw $;return void 0===U||T?B?null:e(n,{}):e(j,{publishedDataLoadKey:N,children:r.children},N)};export const PublishedDataProvider=t=>e(D,{children:e(F,{...t})});
+import{jsx as e}from"react/jsx-runtime";import{useQuery as t}from"@tanstack/react-query";import r from"lodash-es/uniq.js";import{useCallback as a,useMemo as i}from"react";import{SYSTEM_CHUNK_KEY as n}from"#package/domain";import{PublishedDataValueProvider as s}from"../application-runtime/hooks/data/index.js";import{useApplicationRuntime as o,useApplicationRuntimeSelector as l,useAuthenticatedClient as d,useConfiguratorDomainFactory as u,useDomainDataActions as h,useLogger as c,usePersistenceConfig as p,useSession as f,useSpecChunks as m,useSpecInitialPublishedData as b,useSpecPublishedDataHash as y}from"../application-runtime/index.js";import{BuiltInLoadingPhase as P,useLoadingPhase as g}from"../loading-state/index.js";import{FilterPublishedChunksHandlerBoundary as k,useFilterPublishedChunksHandler as w}from"./FilterPublishedChunksHandler.js";export const getAccessibleChunkKeys=(e,t)=>{let r=new Set((t??[]).map(String));return Object.keys(e).filter(t=>{if(t===n)return!0;let a=e[t];return null!=a&&r.has(a.scope)})};export const resolveChunkKeysToFetch=e=>{let{chunksSpec:t,chunkScopes:a,filteredChunkKeys:i}=e,s=i??getAccessibleChunkKeys(t,a);if(null!=i){let e=i.filter(e=>e!==n&&null==t[e]);if(e.length>0)throw Error(`createFilterPublishedChunksHandler returned unknown chunk keys: ${e.join(", ")}.`)}return r([...s,n].map(String))};let D=t=>e(s,{publishedData:l(o().selectors.domainData.getConfiguratorPublishedData),publishedDataLoadKey:t.publishedDataLoadKey,children:t.children}),v=r=>{let n=f(),s=c(),o=p(),l=m(),k=y(),v=b(),j=d(),F=u(),C=h();if(!F)throw Error("DomainFactory is not available in the runtime registry. Ensure replaceDomainRuntime() is called with domainFactory before rendering PublishedDataProvider.");let E=w(),x=n.sessionPayload?.chunkScopes,S=i(()=>{if(null==l||0===Object.keys(l).length)return;if(null==k)throw Error("publishedDataHash is required when chunks are defined. Use withPublishedDataHash() in ConfiguratorBuilder.");let e=E?.();return resolveChunkKeysToFetch({chunksSpec:l,chunkScopes:x,filteredChunkKeys:e})},[l,x,E,k]),K=i(()=>JSON.stringify(S??null),[S]),O=i(()=>JSON.stringify(v),[v]),A=a(async e=>{let t=await Promise.all(e.map(async e=>{try{let t=await j.getPublishedChunk(e,k);if(null==t){let t=v[e];if(t&&"object"==typeof t)return{key:e,data:t};return{key:e,data:{}}}return{key:e,data:t}}catch(t){return s.error("Failed to fetch published chunk",{key:e},t instanceof Error?t:Error(String(t))),{key:e,data:{}}}})),r={};for(let e of t)r[e.key]=e.data;return{success:!0,data:r}},[j,s,v,k]),R=a(async()=>{if("memory"===o.type||"local-storage"===o.type)return{success:!0,data:v};if(null!=S)return 0===S.length?{success:!0,data:{}}:A(S);let e=n.sessionPayload?.publishedAdminRevisionPath;if(null==e)return{success:!1};try{let t=await fetch(e);return{success:!0,data:await t.json()}}catch(r){let t=r instanceof Error?r:Error(`Unknown error ${r}`);return s.warn("Failed to fetch published data, the published data endpoint returned an error, have you published data from the admin? Check if the published data is accessible.",{path:e},t),{success:!1}}},[s,o,v,n.sessionPayload?.publishedAdminRevisionPath,S,A]),q=a(async e=>{let t=await R();if(e.throwIfAborted(),!t.success)return C.setPublishedData(v),v;try{let e=F.parsePublishedData(t.data);return s.debug("Fetched published admin revision data:",e),C.setPublishedData(e),e}catch(r){let e=r instanceof Error?r:Error(`Unknown error ${r}`);return s.error("Failed to parse published data, the data structure does not match the expected schema, does the published data match the publishedData schema defined in your domain?",{json:t},e),C.setPublishedData(v),v}},[s,F,R,v,C]),H=i(()=>["get-published-admin-data",n.sessionPayload?.publishedAdminRevisionPath,K,k,O],[K,O,k,n.sessionPayload?.publishedAdminRevisionPath]),L=i(()=>JSON.stringify(H),[H]),{data:J,error:N,isFetching:U}=t({queryKey:H,queryFn:({signal:e})=>q(e),refetchOnMount:"always",refetchOnWindowFocus:!1,refetchOnReconnect:!1});if(g({id:P.PublishedData,label:"Loading published data…"},(void 0===J||U)&&!N),N)throw N;return void 0===J||U?null:e(D,{publishedDataLoadKey:L,children:r.children},L)};export const PublishedDataProvider=t=>e(k,{children:e(v,{...t})});

package/dist/react-sdk/domain-application-context/chat-hooks.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @internal Runtime plumbing for the SDK's own legacy chat UI, which reads it to show or hide the chat.
+ */
+export declare const useChatEnabled: () => boolean;

package/dist/react-sdk/domain-application-context/chat-hooks.js

@@ -0,0 +1 @@
+import{useMemo as t}from"react";import{applicationConfigComponent as n}from"#package/domain";import{useLogger as o}from"../application-runtime/index.js";import{useComponents as e}from"../domain-context/index.js";export const useChatEnabled=()=>{let i=o(),a=e({componentTypes:[n]});return t(()=>(a.length>1&&i.warn("Multiple application configs found, using the first one!",{applicationConfigs:a}),a[0]?.state.chatEnabled??!0),[a,i])};

package/dist/react-sdk/domain-application-context/index.d.ts

@@ -5,3 +5,5 @@ export { BackendDataProvider, type BackendDataProviderProps } from './BackendDat
 export { createCollectFrontendDataHandler, useCollectFrontendDataHandler, CollectFrontendDataHandlerBoundary, type CollectFrontendDataContext, type CreateCollectFrontendDataHandler, } from './CollectFrontendDataHandler.js';
 export { createFilterPublishedChunksHandler, useFilterPublishedChunksHandler, FilterPublishedChunksHandlerBoundary, type CreateFilterPublishedChunksHandler, } from './FilterPublishedChunksHandler.js';
 export { createIsUndoableHandler, type CreateIsUndoableHandler } from './IsUndoableHandler.js';
+export { useOnPresetLoadedHandler, createOnPresetLoadedHandler, type CreateOnPresetLoadedHandler, } from './OnPresetLoadedHandler.js';
+export { useChatEnabled } from './chat-hooks.js';

package/dist/react-sdk/domain-application-context/index.js

@@ -1 +1 @@
-export{DomainLifecycleBoundary}from"./DomainLifecycleBoundary.js";export{PublishedDataProvider}from"./PublishedDataProvider.js";export{FrontendDataProvider}from"./FrontendDataProvider.js";export{BackendDataProvider}from"./BackendDataProvider.js";export{createCollectFrontendDataHandler,useCollectFrontendDataHandler,CollectFrontendDataHandlerBoundary}from"./CollectFrontendDataHandler.js";export{createFilterPublishedChunksHandler,useFilterPublishedChunksHandler,FilterPublishedChunksHandlerBoundary}from"./FilterPublishedChunksHandler.js";export{createIsUndoableHandler}from"./IsUndoableHandler.js";
+export{DomainLifecycleBoundary}from"./DomainLifecycleBoundary.js";export{PublishedDataProvider}from"./PublishedDataProvider.js";export{FrontendDataProvider}from"./FrontendDataProvider.js";export{BackendDataProvider}from"./BackendDataProvider.js";export{createCollectFrontendDataHandler,useCollectFrontendDataHandler,CollectFrontendDataHandlerBoundary}from"./CollectFrontendDataHandler.js";export{createFilterPublishedChunksHandler,useFilterPublishedChunksHandler,FilterPublishedChunksHandlerBoundary}from"./FilterPublishedChunksHandler.js";export{createIsUndoableHandler}from"./IsUndoableHandler.js";export{useOnPresetLoadedHandler,createOnPresetLoadedHandler}from"./OnPresetLoadedHandler.js";export{useChatEnabled}from"./chat-hooks.js";

package/dist/react-sdk/domain-context/common-hooks/use-state-validity.d.ts

@@ -1,7 +1,12 @@
 import type { $DomainEntity, DomainEntity, EntityViolation, StateEmission, StateValidationResult, ViolationTypesOf$Entity } from '#package/domain';
+/** The validity of the last committed emission, as `useStateValidity` returns it. */
 export type UseStateValidity<ENTITIES extends DomainEntity<string>, $MAP extends Record<ENTITIES['type'], $DomainEntity<ENTITIES>>> = StateValidationResult<ENTITIES, ViolationTypesOf$Entity<$MAP[ENTITIES['type']]>>;
 export declare const useStateValidity: () => StateValidationResult<DomainEntity<string>, never>;
-export type UseMapViolationHints<ENTITIES extends DomainEntity<string>, $MAP extends Record<ENTITIES['type'], $DomainEntity<ENTITIES>>> = (ignoreViolationTypes: readonly string[], stateEmission: StateEmission<ENTITIES, $MAP>) => (violations: ReadonlyArray<EntityViolation<ENTITIES, ViolationTypesOf$Entity<$MAP[ENTITIES['type']]>>>) => string;
+/**
+ * Returns a function that turns violations into one translated hint: the messages of the violations at the highest
+ * priority among those left after the ignored types are removed, each formatted for the given state emission.
+ */
+export type UseMapViolationHints<ENTITIES extends DomainEntity<string>, $MAP extends Record<ENTITIES['type'], $DomainEntity<ENTITIES>>> = (ignoreViolationTypes?: readonly string[]) => (violations: ReadonlyArray<EntityViolation<ENTITIES, ViolationTypesOf$Entity<$MAP[ENTITIES['type']]>>>, stateEmission: StateEmission<ENTITIES, $MAP>) => string;
 export declare const useMapViolationHints: (ignoreViolationTypes?: readonly string[]) => (violations: ReadonlyArray<EntityViolation<DomainEntity<string>, never>>, stateEmission: StateEmission<DomainEntity<string>, Record<string, $DomainEntity<DomainEntity<string>>>>) => string;
 export type UseControlViolations<ENTITIES extends DomainEntity<string>, $MAP extends Record<ENTITIES['type'], $DomainEntity<ENTITIES>>> = (ignoreViolationTypes: string[]) => (prepared: StateEmission<ENTITIES, $MAP>) => {
     disabled: boolean;

package/dist/react-sdk/domain-context/common-hooks/use-state-validity.js

@@ -1 +1 @@
-import{useLingui as i}from"@lingui/react";import{useCallback as t,useMemo as o}from"react";import{P as e,match as l}from"ts-pattern";import{isNonNullish as a}from"@salsita-ai/common/utils";import{useDomainApplication as n}from"../../application-runtime/index.js";import{useResolveLocalizable as s}from"../../localizable/index.js";import{useEagerObservableValue as r}from"./use-observable-selector.js";import{useStoreSelector as d}from"./use-store-selector.js";export const useStateValidity=()=>d(i=>i.validity,[]);export const useMapViolationHints=o=>{let e=s(),{i18n:l}=i();return t((i,t)=>{let n=i.reduce((i,t)=>Math.max(i,t.violation.controlViolationPriority??0),0),s=Array.from(new Set(i.filter(i=>!o?.includes(i.violation.type)&&(i.violation.controlViolationPriority??0)===n).map(i=>{let o=i.violation.formatControlViolationMessage?.(t,{i18n:l});return null===o?null:e(o??i.violation.message)}).filter(a)));return s.length<=1?s.join(""):s.map(i=>i.replace(/([^.]|\S)\.?\s*$/,"$1.")).join(" ")},[o,e,l])};let v=["fixable","fatal"];export const useControlViolations=i=>{let t=useMapViolationHints(i);return o(()=>i=>l(i).with({validity:{severity:null}},()=>({disabled:!1,hints:void 0,violations:void 0})).with({validity:{severity:e.union("notice","warning")}},({validity:{entityViolations:i}})=>({disabled:!1,hints:void 0,violations:i})).with({validity:{severity:e.union("fixable","fatal")}},({validity:{entityViolations:o}})=>({disabled:!0,hints:t(o.filter(i=>v.includes(i.violation.severity)),i),violations:o})).with({validity:{severity:"uncaught"}},()=>({disabled:!0,hints:void 0,violations:void 0})).exhaustive(),[t])};let u={id:"sdk.finalize.outOfSync.hint",message:"Configuration is out of sync. Some changes have not been properly saved."},y=["warning","fixable","fatal"];export const useFinalizeViolations=()=>{let i=useMapViolationHints(),t=(()=>{let{configurationPersistSystem:i}=n(),t=r(i.failure$),a=s();return o(()=>l(t).returnType().with(null,()=>({disabled:!1,hints:void 0})).with(e.not(null),()=>({disabled:!0,hints:a(u)})).exhaustive(),[t,a])})();return d(o=>l(o).when(()=>t.disabled,()=>({...t,violations:void 0})).with({validity:{severity:null}},()=>({disabled:!1,hints:void 0,violations:void 0})).with({validity:{severity:"notice"}},({validity:{entityViolations:t}})=>({disabled:!1,hints:i(t,o),violations:t})).with({validity:{severity:e.union("warning","fixable","fatal")}},({validity:{entityViolations:t}})=>({disabled:!0,hints:i(t.filter(i=>y.includes(i.violation.severity)),o),violations:t})).with({validity:{severity:"uncaught"}},()=>({disabled:!0,hints:void 0,violations:void 0})).exhaustive(),[i,t])};
+import{useLingui as i}from"@lingui/react";import{useCallback as t,useMemo as e}from"react";import{P as o,match as l}from"ts-pattern";import{isNonNullish as a}from"@salsita-ai/common/utils";import{useDomainApplication as n}from"../../application-runtime/index.js";import{useResolveLocalizable as s}from"../../localizable/index.js";import{useEagerObservableValue as r}from"./use-observable-selector.js";import{useStoreSelector as d}from"./use-store-selector.js";export const useStateValidity=()=>d(i=>i.validity,[]);export const useMapViolationHints=e=>{let o=s(),{i18n:l}=i();return t((i,t)=>{let n=i.filter(i=>!e?.includes(i.violation.type)),s=n.reduce((i,t)=>Math.max(i,t.violation.controlViolationPriority??0),0),r=Array.from(new Set(n.filter(i=>(i.violation.controlViolationPriority??0)===s).map(i=>{let e=i.violation.formatControlViolationMessage?.(t,{i18n:l});return null===e?null:o(e??i.violation.message)}).filter(a)));return r.length<=1?r.join(""):r.map(i=>i.replace(/([^.]|\S)\.?\s*$/,"$1.")).join(" ")},[e,o,l])};let v=["fixable","fatal"];export const useControlViolations=i=>{let t=useMapViolationHints(i);return e(()=>i=>l(i).with({validity:{severity:null}},()=>({disabled:!1,hints:void 0,violations:void 0})).with({validity:{severity:o.union("notice","warning")}},({validity:{entityViolations:i}})=>({disabled:!1,hints:void 0,violations:i})).with({validity:{severity:o.union("fixable","fatal")}},({validity:{entityViolations:e}})=>({disabled:!0,hints:t(e.filter(i=>v.includes(i.violation.severity)),i),violations:e})).with({validity:{severity:"uncaught"}},()=>({disabled:!0,hints:void 0,violations:void 0})).exhaustive(),[t])};let u={id:"sdk.finalize.outOfSync.hint",message:"Configuration is out of sync. Some changes have not been properly saved."},y=["warning","fixable","fatal"];export const useFinalizeViolations=()=>{let i=useMapViolationHints(),t=(()=>{let{configurationPersistSystem:i}=n(),t=r(i.failure$),a=s();return e(()=>l(t).returnType().with(null,()=>({disabled:!1,hints:void 0})).with(o.not(null),()=>({disabled:!0,hints:a(u)})).exhaustive(),[t,a])})();return d(e=>l(e).when(()=>t.disabled,()=>({...t,violations:void 0})).with({validity:{severity:null}},()=>({disabled:!1,hints:void 0,violations:void 0})).with({validity:{severity:"notice"}},({validity:{entityViolations:t}})=>({disabled:!1,hints:i(t,e),violations:t})).with({validity:{severity:o.union("warning","fixable","fatal")}},({validity:{entityViolations:t}})=>({disabled:!0,hints:i(t.filter(i=>y.includes(i.violation.severity)),e),violations:t})).with({validity:{severity:"uncaught"}},()=>({disabled:!0,hints:void 0,violations:void 0})).exhaustive(),[i,t])};

package/dist/react-sdk/domain-context/system-hooks/hover-hooks.d.ts

@@ -1,7 +1,7 @@
 import type { $DomainEntity, $DomainEntityReflection, DomainEntity } from '#package/domain';
-export type UseHoveredDomainEntityId<ENTITIES extends DomainEntity<string>> = () => ENTITIES['id'];
+export type UseHoveredDomainEntityId<ENTITIES extends DomainEntity<string>> = () => ENTITIES['id'] | null;
 /**
- * Get the currently hovered entity id
+ * Get the currently hovered entity id, or `null` while nothing is hovered
  */
 export declare const useHoveredDomainEntityId: () => import("#package/domain").DomainEntityId<string> | null;
 export type UseHoveredEntityId = <ENTITY extends $DomainEntity<DomainEntity<string>>>(reflection?: $DomainEntityReflection<ENTITY>) => ENTITY['id'] | null;

package/dist/react-sdk/domain-controls/ChildEntityCardSelector.d.ts

@@ -22,9 +22,8 @@ export interface ChildEntityCardSelectorProps {
      */
     instanceName: string;
     /**
-     * Array of violation type names that should be treated as warnings rather than errors.
-     * Options that trigger only these violations will remain selectable but show warning tooltips.
-     * Options triggering other violations will be disabled completely.
+     * Violation types to leave out of an option's tooltip. An option that would cause a `fatal` or `fixable`
+     * violation stays disabled whatever its type; a transformer that repairs the violation makes the option selectable.
      */
     fixableViolations?: readonly string[];
     /**

package/dist/react-sdk/domain-controls/ChildEntityListSelector.d.ts

@@ -20,9 +20,8 @@ export interface ChildEntityListSelectorProps {
      */
     instanceName: string;
     /**
-     * Array of violation type names that should be treated as warnings rather than errors.
-     * Options that trigger only these violations will remain selectable but show warning tooltips.
-     * Options triggering other violations will be disabled completely.
+     * Violation types to leave out of an option's tooltip. An option that would cause a `fatal` or `fixable`
+     * violation stays disabled whatever its type; a transformer that repairs the violation makes the option selectable.
      */
     fixableViolations?: readonly string[];
     /**

package/dist/react-sdk/domain-controls/ChildEntityToggleSelector.d.ts

@@ -21,9 +21,8 @@ export interface ChildEntityToggleSelectorProps {
      */
     instanceName: string;
     /**
-     * Array of violation type names that should be treated as warnings rather than errors.
-     * Options that trigger only these violations will remain selectable but show warning tooltips.
-     * Options triggering other violations will be disabled completely.
+     * Violation types to leave out of an option's tooltip. An option that would cause a `fatal` or `fixable`
+     * violation stays disabled whatever its type; a transformer that repairs the violation makes the option selectable.
      */
     fixableViolations?: readonly string[];
     /**

package/dist/react-sdk/domain-controls/hooks/use-cook-replace-recipes.d.ts

@@ -1,5 +1,5 @@
 import type { AnalyticsEvent, DomainEntity, DomainEntityId, EntityRecipe } from '#package/domain';
-export type UseCookedReplaceRecipes<ENTITIES extends DomainEntity<string>> = (entityId: ENTITIES['id'], recipes: ReadonlyArray<EntityRecipe<DomainEntity<string>>>, keepChildren?: boolean, fixableViolations?: string[], createAnalyticsEvent?: (entityId: ENTITIES['id'], recipes: readonly ENTITIES[]) => AnalyticsEvent) => (recipes: ReadonlyArray<EntityRecipe<ENTITIES>>, collection?: string) => {
+export type UseCookedReplaceRecipes<ENTITIES extends DomainEntity<string>> = (entityId: ENTITIES['id'], recipes: ReadonlyArray<EntityRecipe<DomainEntity<string>>>, keepChildren?: boolean, fixableViolations?: string[], createAnalyticsEvent?: (entityId: ENTITIES['id'], recipes: readonly ENTITIES[]) => AnalyticsEvent) => {
     disabled: boolean;
     hints: string | undefined;
     replace: () => void;
@@ -7,7 +7,7 @@ export type UseCookedReplaceRecipes<ENTITIES extends DomainEntity<string>> = (en
      * The original recipes, useful for introspection in custom UI components,
      * for example to highlight certain recipes in the menu.
      */
-    recipes: ReadonlyArray<EntityRecipe<ENTITIES>>;
+    recipes: ReadonlyArray<EntityRecipe<DomainEntity<string>>>;
 };
 export declare const useCookedReplaceRecipes: (entityId: DomainEntityId<string>, recipes: ReadonlyArray<EntityRecipe<DomainEntity<string>>>, keepChildren?: boolean, fixableViolations?: string[], createAnalyticsEvent?: (entityId: DomainEntityId<string>, recipes: ReadonlyArray<DomainEntity<string>>) => AnalyticsEvent) => {
     disabled: boolean;
@@ -15,7 +15,7 @@ export declare const useCookedReplaceRecipes: (entityId: DomainEntityId<string>,
     replace: () => void;
     recipes: readonly DomainEntity<string>[];
 };
-export type UseCookReplaceRecipes<ENTITIES extends DomainEntity<string>> = (entityId: ENTITIES['id'], fixableViolations?: string[], createAnalyticsEvent?: (entityId: ENTITIES['id'], recipes: readonly ENTITIES[]) => AnalyticsEvent, slice?: 'committed' | 'rendered') => (recipes: ReadonlyArray<EntityRecipe<ENTITIES>>, collection?: string) => {
+export type UseCookReplaceRecipes<ENTITIES extends DomainEntity<string>> = (entityId: ENTITIES['id'], fixableViolations?: string[], createAnalyticsEvent?: (entityId: ENTITIES['id'], recipes: readonly ENTITIES[]) => AnalyticsEvent) => (recipes: ReadonlyArray<EntityRecipe<ENTITIES>>, keepChildren?: boolean) => {
     disabled: boolean;
     hints: string | undefined;
     replace: () => void;

package/dist/react-sdk/elements/PhoenixEntityElement.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i,Fragment as n}from"react/jsx-runtime";import{Box as t}from"@mui/material";import{memo as r,useMemo as o}from"react";import{usePhoenixElementSlots as l}from"../application-runtime/index.js";export const PhoenixEntityElement=r(n=>{let{name:r,children:o,elementProps:d}=n,{entityElements:m,hashes:h}=l(),p=m[r];return p?e(p,{...d,children:o},h[r]??r):i(t,{component:"div",sx:{p:2,backgroundColor:"red",color:"white"},children:["PhoenixEntityElement ",r," not found! Have you defined it?"]})});export const PhoenixEntityElementWithChildren=i=>{let{kind:n,entityId:t,elementProps:r,children:l,visible:d}=i,m=o(()=>({entityId:t,...r}),[t,r]),h=o(()=>l?.map((i,n)=>e(PhoenixEntityElementWithChildren,{kind:i.kind,entityId:t,elementProps:"props"in i?i.props:void 0,children:"children"in i?i.children:void 0,visible:i.visible},`${i.kind}-${n}`)),[l,t]);return!1===d?null:e(PhoenixEntityElement,{entityId:t,name:n,elementProps:m,children:h})};export const PhoenixEntityElements=i=>{let{elements:t,entityId:r,fallback:o}=i;return void 0===t?e(n,{children:o}):e(n,{children:t.map((i,n)=>e(PhoenixEntityElementWithChildren,{kind:i.kind,entityId:r,elementProps:"props"in i?i.props:void 0,children:"children"in i?i.children:void 0,visible:i.visible},`${i.kind}-${n}`))})};
+import{jsx as e,jsxs as i,Fragment as n}from"react/jsx-runtime";import{memo as t,useMemo as r}from"react";import{usePhoenixElementSlots as o}from"../application-runtime/index.js";let l={padding:16,backgroundColor:"red",color:"white"};export const PhoenixEntityElement=t(n=>{let{name:t,children:r,elementProps:d}=n,{entityElements:h,hashes:s}=o(),m=h[t];return m?e(m,{...d,children:r},s[t]??t):i("div",{style:l,children:["PhoenixEntityElement ",t," not found! Have you defined it?"]})});export const PhoenixEntityElementWithChildren=i=>{let{kind:n,entityId:t,elementProps:o,children:l,visible:d}=i,h=r(()=>({entityId:t,...o}),[t,o]),s=r(()=>l?.map((i,n)=>e(PhoenixEntityElementWithChildren,{kind:i.kind,entityId:t,elementProps:"props"in i?i.props:void 0,children:"children"in i?i.children:void 0,visible:i.visible},`${i.kind}-${n}`)),[l,t]);return!1===d?null:e(PhoenixEntityElement,{entityId:t,name:n,elementProps:h,children:s})};export const PhoenixEntityElements=i=>{let{elements:t,entityId:r,fallback:o}=i;return void 0===t?e(n,{children:o}):e(n,{children:t.map((i,n)=>e(PhoenixEntityElementWithChildren,{kind:i.kind,entityId:r,elementProps:"props"in i?i.props:void 0,children:"children"in i?i.children:void 0,visible:i.visible},`${i.kind}-${n}`))})};

package/dist/react-sdk/elements/PhoenixLayoutElement.js

@@ -1 +1 @@
-import{jsx as e,jsxs as n,Fragment as i}from"react/jsx-runtime";import{Box as o}from"@mui/material";import{memo as t}from"react";import{usePhoenixElementSlots as r}from"../application-runtime/index.js";export const PhoenixLayoutElement=t(i=>{let{name:t,children:d,elementProps:l,defaultSlot:m}=i,{layoutElements:h,hashes:p}=r(),s=h[t]??m;return s?e(s,{...l??{},children:d},p[t]??t):n(o,{component:"div",sx:{p:2,backgroundColor:"red",color:"white"},children:["PhoenixLayoutElement ",t," not found! Have you defined it?"]})});export const PhoenixLayoutElementWithChildren=n=>{let{kind:i,elementProps:o,children:t}=n;return e(PhoenixLayoutElement,{name:i,elementProps:o,children:t?.map((n,i)=>e(PhoenixLayoutElementWithChildren,{kind:n.kind,elementProps:"props"in n?n.props:void 0,children:"children"in n?n.children:void 0},`${n.kind}-${i}`))})};export const PhoenixLayoutElements=n=>{let{elements:o,fallback:t}=n;return void 0===o?e(i,{children:t}):e(i,{children:o.map((n,i)=>e(PhoenixLayoutElementWithChildren,{kind:n.kind,elementProps:"props"in n?n.props:void 0,children:"children"in n?n.children:void 0},`${n.kind}-${i}`))})};export const usePhoenixLayoutElementExists=e=>{let{layoutElements:n}=r();return void 0!==n[e]};
+import{jsx as e,jsxs as n,Fragment as i}from"react/jsx-runtime";import{memo as t}from"react";import{usePhoenixElementSlots as o}from"../application-runtime/index.js";let r={padding:16,backgroundColor:"red",color:"white"};export const PhoenixLayoutElement=t(i=>{let{name:t,children:d,elementProps:l,defaultSlot:h}=i,{layoutElements:s,hashes:m}=o(),p=s[t]??h;return p?e(p,{...l??{},children:d},m[t]??t):n("div",{style:r,children:["PhoenixLayoutElement ",t," not found! Have you defined it?"]})});export const PhoenixLayoutElementWithChildren=n=>{let{kind:i,elementProps:t,children:o}=n;return e(PhoenixLayoutElement,{name:i,elementProps:t,children:o?.map((n,i)=>e(PhoenixLayoutElementWithChildren,{kind:n.kind,elementProps:"props"in n?n.props:void 0,children:"children"in n?n.children:void 0},`${n.kind}-${i}`))})};export const PhoenixLayoutElements=n=>{let{elements:t,fallback:o}=n;return void 0===t?e(i,{children:o}):e(i,{children:t.map((n,i)=>e(PhoenixLayoutElementWithChildren,{kind:n.kind,elementProps:"props"in n?n.props:void 0,children:"children"in n?n.children:void 0},`${n.kind}-${i}`))})};export const usePhoenixLayoutElementExists=e=>{let{layoutElements:n}=o();return void 0!==n[e]};

package/dist/react-sdk/index.d.ts

@@ -8,8 +8,15 @@ export * from './invalid-deployment/index.js';
 export * from './web-component/index.js';
 export * from './localizable/index.js';
 export * from './loading-state/index.js';
+export * from './configurator-routing/index.js';
+export * from './integration/index.js';
+export type * from './notifications/index.js';
 export * from './elements/index.js';
 export * from './scene-control-elements/index.js';
 export * from './page-elements/index.js';
+export * from './lifecycle-providers/index.js';
+export * from './provider-slots/index.js';
+export * from './configurator-ui-elements/index.js';
+export * from './preset-selection/index.js';
 export * from './handlers/index.js';
 export * from './application-runtime/index.js';

package/dist/react-sdk/index.js

@@ -1 +1 @@
-export*from"./theme/index.js";export*from"./utils/index.js";export*from"./session/index.js";export*from"./domain-context/index.js";export*from"./domain-application-context/index.js";export*from"./domain-controls/index.js";export*from"./invalid-deployment/index.js";export*from"./web-component/index.js";export*from"./localizable/index.js";export*from"./loading-state/index.js";export*from"./elements/index.js";export*from"./scene-control-elements/index.js";export*from"./page-elements/index.js";export*from"./handlers/index.js";export*from"./application-runtime/index.js";
+export*from"./theme/index.js";export*from"./utils/index.js";export*from"./session/index.js";export*from"./domain-context/index.js";export*from"./domain-application-context/index.js";export*from"./domain-controls/index.js";export*from"./invalid-deployment/index.js";export*from"./web-component/index.js";export*from"./localizable/index.js";export*from"./loading-state/index.js";export*from"./configurator-routing/index.js";export*from"./integration/index.js";export*from"./elements/index.js";export*from"./scene-control-elements/index.js";export*from"./page-elements/index.js";export*from"./lifecycle-providers/index.js";export*from"./provider-slots/index.js";export*from"./configurator-ui-elements/index.js";export*from"./preset-selection/index.js";export*from"./handlers/index.js";export*from"./application-runtime/index.js";

package/dist/react-sdk/integration/IntegrationSubscription.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useEffect as t}from"react";import{useRecipeEmbeddedState as i}from"../application-runtime/index.js";import{useSelectEntity as o}from"../domain-context/index.js";export const IntegrationSubscription=e=>{let{children:n}=e,m=i()?.rootRecipeId,p=o();return t(()=>{m&&p(m)},[m,p]),r("div",{children:n})};

package/dist/react-sdk/integration/index.d.ts

@@ -0,0 +1 @@
+export { IntegrationSubscription, type IntegrationSubscriptionProps } from './IntegrationSubscription.js';

package/dist/react-sdk/integration/index.js

@@ -0,0 +1 @@
+export{IntegrationSubscription}from"./IntegrationSubscription.js";

package/dist/react-sdk/lifecycle-providers/ConfiguratorDataProvider.d.ts

@@ -0,0 +1,8 @@
+import type { PropsWithChildren } from 'react';
+/**
+ * Runs the configurator's data stages in order, published, frontend and backend data, each
+ * followed by its `On*DataReady` provider.
+ *
+ * @internal Runtime plumbing for the SDK's own configurator application, which runs it at its root.
+ */
+export declare const ConfiguratorDataProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/react-sdk/lifecycle-providers/ConfiguratorDataProvider.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{BackendDataProvider as i,FrontendDataProvider as e,PublishedDataProvider as o}from"../domain-application-context/index.js";import{OnBackendDataReadyProvider as n,OnFrontendDataReadyProvider as c,OnPublishedDataReadyProvider as t}from"./LifecycleProviders.js";export const ConfiguratorDataProvider=({children:d})=>r(o,{children:r(t,{children:r(e,{children:r(c,{children:r(i,{children:r(n,{children:d})})})})})});

package/dist/react-sdk/lifecycle-providers/LifecycleProviders.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import{createCustomPhoenixLayoutElement as t}from"#package/domain";import{PhoenixLayoutElement as o}from"../elements/index.js";let n={},a="OnConfiguratorReadyProvider";export const createOnConfiguratorReadyProvider=e=>t(a,e);export const OnConfiguratorReadyProvider=({children:t})=>e(o,{name:a,elementProps:n,defaultSlot:r,children:t});let d="OnSessionReadyProvider";export const createOnSessionReadyProvider=e=>t(d,e);export const OnSessionReadyProvider=({children:t})=>e(o,{name:d,elementProps:n,defaultSlot:r,children:t});let i="OnPublishedDataReadyProvider";export const createOnPublishedDataReadyProvider=e=>t(i,e);export const OnPublishedDataReadyProvider=({children:t})=>e(o,{name:i,elementProps:n,defaultSlot:r,children:t});let l="OnApplicationStartProvider";export const createOnApplicationStartProvider=e=>t(l,e);export const OnApplicationStartProvider=({children:t})=>e(o,{name:l,elementProps:n,defaultSlot:r,children:t});let c="OnRoutingReadyProvider";export const createOnRoutingReadyProvider=e=>t(c,e);export const OnRoutingReadyProvider=({children:t})=>e(o,{name:c,elementProps:n,defaultSlot:r,children:t});let s="OnFrontendDataReadyProvider";export const createOnFrontendDataReadyProvider=e=>t(s,e);export const OnFrontendDataReadyProvider=({children:t})=>e(o,{name:s,elementProps:n,defaultSlot:r,children:t});let p="OnBackendDataReadyProvider";export const createOnBackendDataReadyProvider=e=>t(p,e);export const OnBackendDataReadyProvider=({children:t})=>e(o,{name:p,elementProps:n,defaultSlot:r,children:t});

package/dist/react-sdk/lifecycle-providers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './LifecycleProviders.js';
+export { ConfiguratorDataProvider } from './ConfiguratorDataProvider.js';

package/dist/react-sdk/lifecycle-providers/index.js

@@ -0,0 +1 @@
+export*from"./LifecycleProviders.js";export{ConfiguratorDataProvider}from"./ConfiguratorDataProvider.js";

package/dist/react-sdk/notifications/index.d.ts

@@ -0,0 +1 @@
+export type { SnackbarActionButton } from './snackbar-action-button.js';

package/dist/react-sdk/notifications/index.js

@@ -0,0 +1 @@
+export{};

package/dist/react-sdk/notifications/snackbar-action-button.d.ts

@@ -0,0 +1,30 @@
+import type { SnackbarKey } from 'notistack';
+import type { ReactNode } from 'react';
+/**
+ * A button a snackbar shows after its message, described as data instead of as an element.
+ *
+ * The code that raises a snackbar passes it as the `actionButton` option of notistack's `enqueueSnackbar`, so it
+ * needs no UI component. The themed snackbar of the configurator and the admin renders it in its `actionButton`
+ * slot, which the theme styles as `PhxSnackbar`. `onClick` receives the snackbar's key, for example to close the
+ * snackbar with `closeSnackbar`.
+ */
+export interface SnackbarActionButton {
+    /** The button's text. */
+    readonly label: ReactNode;
+    /** Called with the key of the snackbar whose button was clicked. */
+    readonly onClick: (key: SnackbarKey) => void;
+}
+type SnackbarActionButtonOptions = {
+    /** A button shown after the message, see `SnackbarActionButton`. */
+    readonly actionButton?: SnackbarActionButton;
+};
+declare module 'notistack' {
+    interface VariantOverrides {
+        default: SnackbarActionButtonOptions;
+        info: SnackbarActionButtonOptions;
+        success: SnackbarActionButtonOptions;
+        warning: SnackbarActionButtonOptions;
+        error: SnackbarActionButtonOptions;
+    }
+}
+export {};

package/dist/react-sdk/notifications/snackbar-action-button.js

@@ -0,0 +1 @@
+export{};

package/dist/react-sdk/preset-selection/PresetSelectionProvider.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useMutation as t}from"@tanstack/react-query";import{useSnackbar as i}from"notistack";import{useSubscription as r}from"observable-hooks";import{createContext as o,useCallback as n,useContext as s,useEffect as a,useMemo as l,useState as m}from"react";import{skip as p}from"rxjs";import{match as d}from"ts-pattern";import{AuthorizedClient as c,LocalStorageAuthorizedPhoenixApiClient as g,MemoryAuthorizedPhoenixApiClient as u}from"#package/client";import{SYSTEM_CHUNK_KEY as f,standardWebComponentProperties as h}from"#package/domain";import{ApplicationRoutes as y,FrontendAnalyticsFactory as x,useAnalyticsService as P,useAuthenticatedClient as v,useConfiguratorDomainFactory as w,useIsDev as C,useLogger as T,usePersistenceConfig as D,usePublishedData as S,useRoutingSelectors as k,useSessionService as E,useSpecPresetSeed as b,useWebComponentProperty$ as j}from"../application-runtime/index.js";import{useConfiguratorRouting as A}from"../configurator-routing/index.js";import{useOnPresetLoadedHandler as I}from"../domain-application-context/index.js";import{useEagerObservableValue as V}from"../domain-context/index.js";import{useResolveLocalizable as $}from"../localizable/index.js";let F={id:"sdk.presets.create.error.message",message:"Could not start configuring from this preset. Please try again."},M={id:"sdk.presets.create.error.dismiss.label",message:"Dismiss"},R="phx-preset-creation-error";export const PresetSelectionContext=o(null);export const usePresetSelection=()=>{let e=s(PresetSelectionContext);if(null===e)throw Error("usePresetSelection must be used within a PresetSelectionProvider!");return e};let q=e=>t=>null===e||void 0!==t.tags&&t.tags.some(t=>e.includes(t));export const PresetSelectionProvider=o=>{let{children:s}=o,[z,B]=m(null),[U,G]=m(null),H=b(),J=v(),K=P(),L=D(),N=w(),O=C(),Q=$(),{requestSessionToken:W}=E(),X=T(),Y=A(),Z=k(),_=S(),{enqueueSnackbar:ee,closeSnackbar:et}=i(),ei=j(h.presetTags),er=V(ei),eo=I();r(l(()=>ei.pipe(p(1)),[ei]),()=>{Z.getRoutingState().route!==y.Index&&Y.goToIndex()}),a(()=>{G(null),et(R)},[O,et]);let{mutate:en}=t({mutationFn:n(async e=>{let{getData:t,name:i}=e,{rootEntityType:r,entities:o,modelVersion:n}=await t(),s=N.validateAndMigrateState(o,n);K.push(x.ProductSelected(r,Q(i)));let a=eo?await eo(s):s;return J.createConfiguration({rootEntityType:r,data:a})},[N,K,Q,J,eo]),onSuccess:e=>{Y.goToConfigurationDetail(e.configurationId,e.accessToken)},onError:(e,t)=>{X.error("Failed to create a new configuration from a preset!",{name:t.name},e),G(e)},onSettled:()=>{B(null)}}),es=l(()=>{let e,t=(e=f in _?_[f].presetCategories:_.presetCategories,{publishedPresetCategories:(e??[]).map(e=>({...e,presets:e.presets.filter(q(er))})).filter(e=>e.presets.length>0),seedPresets:H.filter(q(er))});return t.publishedPresetCategories.length>0?t.publishedPresetCategories.map(e=>({id:e.id,name:e.name,description:e.description,img:e.img,imgAlt:e.imgAlt,presets:e.presets.map(e=>({id:e.configurationId,name:e.name,description:e.description,img:e?.img,imgAlt:e?.imgAlt,detailTitle:e?.detailTitle,detailDescription:e?.detailDescription,getData:async()=>{let t=d(L).with({type:"server"},t=>new c(t.serverUrl,()=>e.readToken,W)).with({type:"local-storage"},()=>new g(N.modelVersion)).with({type:"memory"},()=>new u(N.modelVersion)).exhaustive(),i=await t.getConfigurationRevision(e.configurationId,e.revisionId);return{entities:i.data,rootEntityType:i.rootEntityType,modelVersion:i.modelVersion}}}))})):t.seedPresets.length>0?[{id:"Default",name:"Default Category",presets:t.seedPresets.map((e,t)=>({id:`${t}`,name:e.name??`${e.rootEntityType} preset - ${t}`,description:e.description??"",img:e.img,imgAlt:e.imgAlt,detailTitle:e.detailTitle,detailDescription:e.detailDescription,getData:async()=>({entities:e.initialDomainEntities,rootEntityType:e.rootEntityType,modelVersion:N.modelVersion})}))}]:[]},[_,W,L,N,er,H]),ea=l(()=>es.flatMap(e=>e.presets),[es]),el=n(e=>{let t=ea.find(t=>t.id===e);if(void 0===t)throw Error(`Preset with id ${e} not found!`);let{getData:i,name:r}=t,o=!O&&ea.length>1;G(null),B(e),en({getData:i,name:r},{onError:()=>{o&&(et(R),ee(Q(F),{variant:"error",key:R,persist:!0,preventDuplicate:!0,actionButton:{label:Q(M),onClick:e=>{G(null),et(e)}}}))}})},[ea,O,en,ee,et,Q]),em=ea.length>1,ep=l(()=>({hasMultiplePresets:em,presetCategories:es,selectPreset:el,selectionError:U,creatingPresetId:z}),[el,em,es,U,z]);return e(PresetSelectionContext.Provider,{value:ep,children:s})};

package/dist/react-sdk/preset-selection/index.d.ts

@@ -0,0 +1 @@
+export { usePresetSelection, type UsePresetSelection, PresetSelectionProvider, type PresetSelectionProviderProps, } from './PresetSelectionProvider.js';

package/dist/react-sdk/preset-selection/index.js

@@ -0,0 +1 @@
+export{usePresetSelection,PresetSelectionProvider}from"./PresetSelectionProvider.js";

package/dist/react-sdk/provider-slots/ConfiguratorProviderSlotHost.d.ts

@@ -0,0 +1,11 @@
+import type { PropsWithChildren } from 'react';
+import type { ConfiguratorProviderSlot } from './configurator-provider-slot.js';
+interface ConfiguratorProviderSlotHostProps extends PropsWithChildren {
+    readonly slot: ConfiguratorProviderSlot;
+}
+/**
+ * @internal Renders the provider registered under the slot's name around its children, and only the
+ * children when nothing is registered.
+ */
+export declare const ConfiguratorProviderSlotHost: ({ slot, children }: ConfiguratorProviderSlotHostProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/react-sdk/provider-slots/ConfiguratorProviderSlotHost.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{PhoenixLayoutElement as o}from"../elements/index.js";let r={};export const ConfiguratorProviderSlotHost=({slot:m,children:n})=>e(o,{name:m,elementProps:r,defaultSlot:t,children:n});

package/dist/react-sdk/provider-slots/configurator-provider-slot.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @internal The named provider slots of the configurator, outside in, for the SDK's own UI. The
+ * configurator composes its runtime providers around them: a slot renders the provider registered
+ * under its name around its children, and only its children when nothing is registered, so the
+ * lifecycle runs without the UI.
+ *
+ * The configurator's UI registers its visual providers in `defaultConfiguratorElements`. Each slot
+ * sits where its provider sat before it was a slot, and the order is load-bearing: the theme wraps the
+ * loader host, the app loader wraps the preview, the session and the routing, and the scene resources
+ * wrap the `On*` lifecycle. The error boundary between the message host and the scene resources, and
+ * the dialog host inside `OnRoutingReady`, are runtime and never sit in a slot.
+ */
+export declare enum ConfiguratorProviderSlot {
+    /** The encapsulated MUI theme, around the loader host. */
+    Theme = "ConfiguratorThemeProvider",
+    /** The configurator's root container, which measures itself into the runtime's responsive state. */
+    Container = "ConfiguratorContainerProvider",
+    /** The app loader overlay, around the preview, the session and the routing. */
+    Loader = "ConfiguratorLoaderProvider",
+    /** The snackbar host, around the error boundary of the whole configurator. */
+    MessageHost = "ConfiguratorMessageHostProvider",
+    /** The scene's shared resources, inside the error boundary and around the `On*` lifecycle. */
+    SceneResources = "ConfiguratorSceneResourcesProvider"
+}

package/dist/react-sdk/provider-slots/configurator-provider-slot.js

@@ -0,0 +1 @@
+var r;export var ConfiguratorProviderSlot=((r={}).Theme="ConfiguratorThemeProvider",r.Container="ConfiguratorContainerProvider",r.Loader="ConfiguratorLoaderProvider",r.MessageHost="ConfiguratorMessageHostProvider",r.SceneResources="ConfiguratorSceneResourcesProvider",r);

package/dist/react-sdk/provider-slots/create-configurator-provider-slot.d.ts

@@ -0,0 +1,5 @@
+import type { PropsWithChildren } from 'react';
+import { type PhoenixLayoutElementRegistration } from '#package/domain';
+import type { ConfiguratorProviderSlot } from './configurator-provider-slot.js';
+/** @internal Registers the SDK's own UI as the provider of a slot. */
+export declare const createConfiguratorProviderSlot: (slot: ConfiguratorProviderSlot, Element: (props: PropsWithChildren) => JSX.Element) => PhoenixLayoutElementRegistration;

package/dist/react-sdk/provider-slots/create-configurator-provider-slot.js

@@ -0,0 +1 @@
+import{createCustomPhoenixLayoutElement as o}from"#package/domain";export const createConfiguratorProviderSlot=(r,t)=>o(r,t);

package/dist/react-sdk/provider-slots/index.d.ts

@@ -0,0 +1,3 @@
+export { ConfiguratorProviderSlot } from './configurator-provider-slot.js';
+export { ConfiguratorProviderSlotHost } from './ConfiguratorProviderSlotHost.js';
+export { createConfiguratorProviderSlot } from './create-configurator-provider-slot.js';

package/dist/react-sdk/provider-slots/index.js

@@ -0,0 +1 @@
+export{ConfiguratorProviderSlot}from"./configurator-provider-slot.js";export{ConfiguratorProviderSlotHost}from"./ConfiguratorProviderSlotHost.js";export{createConfiguratorProviderSlot}from"./create-configurator-provider-slot.js";

package/dist/react-sdk/session/SessionServiceProvider.d.ts

@@ -2,5 +2,10 @@ import type { ComponentType, ReactNode } from 'react';
 export interface SessionProviderProps {
     readonly children: ReactNode;
     readonly notAuthenticatedFallback?: ComponentType;
+    /**
+     * Shown while the session authenticates, unless a loader host shows the application's loader; an
+     * application without a loader host passes its loader here. Defaults to rendering nothing.
+     */
+    readonly loadingFallback?: ComponentType;
 }
 export declare const SessionServiceProvider: (props: SessionProviderProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/react-sdk/session/SessionServiceProvider.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useCallback as t,useEffect as o,useMemo as i}from"react";import{distinctUntilChanged as n,filter as a,skip as r}from"rxjs";import{match as s}from"ts-pattern";import{standardWebComponentEvents as l,standardWebComponentProperties as d}from"#package/domain";import{Loader as c}from"#package/ui-sdk";import{DomainSessionProvider as u,INTEGRATION_MODE_SETTINGS as h,SessionProvider as m,useApplicationRuntime as g,useApplicationRuntimeSelector as p,useDispatchWebComponentEvent as f,useIsLoaderHosted as S,useLogger as k,useRawSession as v,useSessionService as x,useWebComponentProperty$ as w,useWebComponentPropertyValue as T}from"../application-runtime/index.js";import{usePatientObservableValue as j}from"../domain-context/index.js";import{BuiltInLoadingPhase as b,useLoadingPhase as C}from"../loading-state/index.js";import{NotAuthenticatedPage as A}from"./NotAuthenticatedPage.js";let U="code";export const SessionServiceProvider=E=>{let{children:P,notAuthenticatedFallback:z=A}=E,F=g(),$=k(),q=x(),M=v(),N=p(F.selectors.session.getSession),R=p(F.selectors.sessionContext.getSessionContext),y=T(d.sessionToken),L=T(d.adminSessionToken),W=T(d.refreshToken),B=w(d.integrationMode),D=w(d.authorizationCode),G=t(()=>{if(D.value){let e=B.value;"local-storage"===h[e].authenticationStorage&&$.warn(`authorizationCode WC prop used in '${e}' mode. This is discouraged — tokens stored in localStorage leak across tabs. Use 'handoff' or 'headless' mode instead.`);let t=D.value;return D.next(void 0),t}if(h[B.value].consumeCodeFromUrl){let e=new URL(window.location.href),t=e.searchParams.get(U);return e.searchParams.delete(U),history.replaceState(null,"",e),t??void 0}},[D,B,$]),H=j(i(()=>D.pipe(r(1),a(e=>void 0!==e),n()),[D]),void 0),I=h[T(d.integrationMode)].authenticationStorage,J=f(l.authenticationFailed),K=i(()=>s(I).with("local-storage",()=>localStorage).with("session-storage",()=>sessionStorage).exhaustive(),[I]);o(()=>{q.configure({initialSessionToken:y,initialAdminSessionToken:L,initialRefreshToken:W,retrieveAuthorizationCode:G,dispatchAuthenticationFailed:J,storage:K})},[q,y,L,W,G,J,K]),o(()=>{"loading"===M.authenticated&&q.requestSessionToken().catch(e=>{let t=e instanceof Error?e:Error(`Unknown error ${e}`);$.warn("Session could not be authenticated",{},t)})},[q,M.authenticated,$]),o(()=>{H&&($.debug("New authorization code received, re-authenticating session"),q.requestSessionToken().catch(e=>{let t=e instanceof Error?e:Error(`Unknown error ${e}`);$.warn("Session could not be authenticated",{},t)}))},[H,q,$]);let O=S();return(C({id:b.SessionAuth,label:"Authenticating session…"},"loading"===M.authenticated),"loading"===M.authenticated)?O?null:e(c,{}):"error"===M.authenticated?e(m,{value:M,children:e(z,{})}):null===R?null:e(m,{value:N,children:e(u,{value:R,children:P})})};
+import{jsx as e}from"react/jsx-runtime";import{useCallback as t,useEffect as o,useMemo as n}from"react";import{distinctUntilChanged as i,filter as a,skip as r}from"rxjs";import{match as s}from"ts-pattern";import{standardWebComponentEvents as l,standardWebComponentProperties as d}from"#package/domain";import{DomainSessionProvider as c,INTEGRATION_MODE_SETTINGS as u,SessionProvider as h,useApplicationRuntime as m,useApplicationRuntimeSelector as g,useDispatchWebComponentEvent as f,useIsLoaderHosted as p,useLogger as S,useRawSession as k,useSessionService as v,useWebComponentProperty$ as x,useWebComponentPropertyValue as w}from"../application-runtime/index.js";import{usePatientObservableValue as T}from"../domain-context/index.js";import{BuiltInLoadingPhase as b,useLoadingPhase as j}from"../loading-state/index.js";import{NotAuthenticatedPage as C}from"./NotAuthenticatedPage.js";let A="code",U=()=>null;export const SessionServiceProvider=E=>{let{children:F,notAuthenticatedFallback:P=C,loadingFallback:z=U}=E,$=m(),q=S(),M=v(),N=k(),R=g($.selectors.session.getSession),y=g($.selectors.sessionContext.getSessionContext),L=w(d.sessionToken),W=w(d.adminSessionToken),B=w(d.refreshToken),D=x(d.integrationMode),G=x(d.authorizationCode),H=t(()=>{if(G.value){let e=D.value;"local-storage"===u[e].authenticationStorage&&q.warn(`authorizationCode WC prop used in '${e}' mode. This is discouraged — tokens stored in localStorage leak across tabs. Use 'handoff' or 'headless' mode instead.`);let t=G.value;return G.next(void 0),t}if(u[D.value].consumeCodeFromUrl){let e=new URL(window.location.href),t=e.searchParams.get(A);return e.searchParams.delete(A),history.replaceState(null,"",e),t??void 0}},[G,D,q]),I=T(n(()=>G.pipe(r(1),a(e=>void 0!==e),i()),[G]),void 0),J=u[w(d.integrationMode)].authenticationStorage,K=f(l.authenticationFailed),O=n(()=>s(J).with("local-storage",()=>localStorage).with("session-storage",()=>sessionStorage).exhaustive(),[J]);o(()=>{M.configure({initialSessionToken:L,initialAdminSessionToken:W,initialRefreshToken:B,retrieveAuthorizationCode:H,dispatchAuthenticationFailed:K,storage:O})},[M,L,W,B,H,K,O]),o(()=>{"loading"===N.authenticated&&M.requestSessionToken().catch(e=>{let t=e instanceof Error?e:Error(`Unknown error ${e}`);q.warn("Session could not be authenticated",{},t)})},[M,N.authenticated,q]),o(()=>{I&&(q.debug("New authorization code received, re-authenticating session"),M.requestSessionToken().catch(e=>{let t=e instanceof Error?e:Error(`Unknown error ${e}`);q.warn("Session could not be authenticated",{},t)}))},[I,M,q]);let Q=p();return(j({id:b.SessionAuth,label:"Authenticating session…"},"loading"===N.authenticated),"loading"===N.authenticated)?Q?null:e(z,{}):"error"===N.authenticated?e(h,{value:N,children:e(P,{})}):null===y?null:e(h,{value:R,children:e(c,{value:y,children:F})})};

package/dist/ui-sdk/components/numerical-input/InputField.d.ts

@@ -37,5 +37,7 @@ export interface NumericalInputFieldProps extends NumericalInputCommonProps {
     autoFocus?: boolean;
     formatValue?: (value: number) => string;
     parseValue?: (value: string) => number | null;
+    /** The accessible name of the input element, for a field shown without a `label`. */
+    'aria-label'?: string;
 }
 export declare const InputField: import("react").MemoExoticComponent<(props: NumericalInputFieldProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/ui-sdk/components/numerical-input/InputField.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{InputAdornment as e,TextField as r,styled as l,tooltipClasses as n,useThemeProps as i}from"@mui/material";import{memo as o,useCallback as a,useState as u}from"react";import{TooltipWithArrow as s}from"../tooltip/TooltipWithArrow.js";let m=l(r,{name:"PhxNumericalInput",slot:"inputField"})({});export const InputField=o(r=>{let{hintMessage:l,value:o,hasError:p,onChange:d,onChanged:c,onKeyDown:h,startAdornment:x,unit:f,helperText:v,disabled:b,fullWidth:g=!0,label:N,size:j,sx:F,invalidNumberErrorMessage:I,variant:T,autoFocus:y,parseValue:A=Number,formatValue:P=String}=r,[W,w]=u(null),[C,E]=u(null),{variant:L}=i({props:{variant:T},name:"PhxNumericalInput"}),k=a(t=>{w(t.target.value);let e=A(t.target.value);null===e||isNaN(e)?E(I):(E(null),d?.(e))},[d,I,A]),z=a(()=>{w(null),E(null),c?.()},[c]),B=a(t=>{"Enter"===t.key&&t.target.blur(),h?.(t)},[h]),D=a(t=>{y&&t&&setTimeout(()=>{t.focus(),t.select()},0)},[y]),K=null!=C||p;return t(s,{isError:K,title:!b&&(C??l),disableFocusListener:y,placement:"bottom",sx:{[`& .${n.tooltip}`]:{maxWidth:250}},children:t(m,{hiddenLabel:!N,label:N,value:W??P(o),onChange:k,onBlur:z,onKeyDown:B,error:K,variant:L,helperText:v,disabled:b,fullWidth:g,size:j,sx:{justifyContent:"center",...F},InputProps:{inputRef:D,startAdornment:x?t(e,{position:"start",children:x}):void 0,endAdornment:f?t(e,{position:"end",children:f}):void 0}})})});
+import{jsx as t}from"react/jsx-runtime";import{InputAdornment as e,TextField as r,styled as l,tooltipClasses as i,useThemeProps as n}from"@mui/material";import{memo as o,useCallback as a,useState as u}from"react";import{TooltipWithArrow as s}from"../tooltip/TooltipWithArrow.js";let p=l(r,{name:"PhxNumericalInput",slot:"inputField"})({});export const InputField=o(r=>{let{hintMessage:l,value:o,hasError:m,onChange:d,onChanged:c,onKeyDown:h,startAdornment:x,unit:b,helperText:f,disabled:v,fullWidth:g=!0,label:N,size:j,sx:F,invalidNumberErrorMessage:I,variant:P,autoFocus:T,parseValue:y=Number,formatValue:A=String,"aria-label":W}=r,[w,C]=u(null),[E,L]=u(null),{variant:k}=n({props:{variant:P},name:"PhxNumericalInput"}),z=a(t=>{C(t.target.value);let e=y(t.target.value);null===e||isNaN(e)?L(I):(L(null),d?.(e))},[d,I,y]),B=a(()=>{C(null),L(null),c?.()},[c]),D=a(t=>{"Enter"===t.key&&t.target.blur(),h?.(t)},[h]),K=a(t=>{T&&t&&setTimeout(()=>{t.focus(),t.select()},0)},[T]),R=null!=E||m;return t(s,{isError:R,title:!v&&(E??l),disableFocusListener:T,placement:"bottom",sx:{[`& .${i.tooltip}`]:{maxWidth:250}},children:t(p,{hiddenLabel:!N,label:N,value:w??A(o),onChange:z,onBlur:B,onKeyDown:D,error:R,variant:k,helperText:f,disabled:v,fullWidth:g,size:j,sx:{justifyContent:"center",...F},inputProps:{"aria-label":W},InputProps:{inputRef:K,startAdornment:x?t(e,{position:"start",children:x}):void 0,endAdornment:b?t(e,{position:"end",children:b}):void 0}})})});

package/dist/ui-sdk/components/numerical-input/NumericalInput.d.ts

@@ -1,8 +1,8 @@
 import type { NumericalInputFieldProps } from './InputField.js';
 import type { SliderProps } from './Slider.js';
 import { Slider } from './Slider.js';
-type InputFieldSpecificProps = 'sx' | 'label' | 'invalidNumberErrorMessage' | 'fullWidth' | 'startAdornment' | 'disabled' | 'parseValue' | 'formatValue';
-type SliderSpecificProps = 'step' | 'marks';
+type InputFieldSpecificProps = 'sx' | 'label' | 'invalidNumberErrorMessage' | 'fullWidth' | 'startAdornment' | 'disabled' | 'parseValue' | 'formatValue' | 'aria-label';
+type SliderSpecificProps = 'step' | 'marks' | 'getAriaLabel';
 export type NumericalInputSliderProps = Pick<SliderProps, SliderSpecificProps>;
 export type NumericalInputInputFieldProps = Pick<NumericalInputFieldProps, InputFieldSpecificProps>;
 export interface NumericalInputProps extends Omit<SliderProps, SliderSpecificProps>, Omit<NumericalInputFieldProps, InputFieldSpecificProps> {

package/dist/ui-sdk/components/numerical-input/Slider.d.ts

@@ -16,5 +16,7 @@ export interface SliderProps extends NumericalInputCommonProps {
     }>;
     max?: number;
     min?: number;
+    /** The accessible name of the slider's thumb; `index` is always 0, as the slider has one. */
+    getAriaLabel?: (index: number) => string;
 }
-export declare const Slider: ({ hasError, max, min, unit, onChange, onChanged, disabled, marks, valueLabelFormat, step, onKeyDown, value, }: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Slider: ({ hasError, max, min, unit, onChange, onChanged, disabled, marks, valueLabelFormat, step, onKeyDown, value, getAriaLabel, }: SliderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui-sdk/components/numerical-input/Slider.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Slider as i,Stack as t,Typography as o,alpha as a,styled as n,useTheme as l}from"@mui/material";import{useCallback as d}from"react";import{isArray as m}from"@salsita-ai/common/utils";let s=n(i,{name:"PhxNumericalInput",slot:"slider"})({}),p=n(t)(()=>({flexDirection:"row",justifyContent:"space-between"}));export const Slider=({hasError:i,max:n,min:c,unit:u,onChange:f,onChanged:h,disabled:v,marks:x,valueLabelFormat:y,step:b,onKeyDown:w,value:S})=>{let j=l(),C=d((e,r)=>{if(f){if(m(r))return void f(r[0]??0);f(r)}},[f]),g=d(e=>y?y(e):u?`${e} ${u}`:String(e),[y,u]);if(void 0===n||void 0===c)throw Error('<NumericInput/> requires "max" and "min" to be defined when used with "withSlider" or "withSliderOnly" props');return r(t,{children:[e(s,{marks:x,valueLabelFormat:y,step:b,onKeyDown:w,disabled:v,onChangeCommitted:h,onChange:C,valueLabelDisplay:"off",value:S,max:n,min:c,color:i?"error":"primary"}),!x&&r(p,{sx:{color:v?a(j.palette.text.primary,j.palette.action.disabledOpacity):void 0},children:[e(o,{variant:"body2",children:void 0!==c&&g(c)}),e(o,{variant:"body2",children:void 0!==n&&g(n)})]})]})};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Slider as i,Stack as t,Typography as o,alpha as a,styled as n,useTheme as l}from"@mui/material";import{useCallback as d}from"react";import{isArray as m}from"@salsita-ai/common/utils";let s=n(i,{name:"PhxNumericalInput",slot:"slider"})({}),p=n(t)(()=>({flexDirection:"row",justifyContent:"space-between"}));export const Slider=({hasError:i,max:n,min:c,unit:u,onChange:f,onChanged:h,disabled:v,marks:x,valueLabelFormat:b,step:y,onKeyDown:w,value:S,getAriaLabel:g})=>{let j=l(),C=d((e,r)=>{if(f){if(m(r))return void f(r[0]??0);f(r)}},[f]),D=d(e=>b?b(e):u?`${e} ${u}`:String(e),[b,u]);if(void 0===n||void 0===c)throw Error('<NumericInput/> requires "max" and "min" to be defined when used with "withSlider" or "withSliderOnly" props');return r(t,{children:[e(s,{marks:x,valueLabelFormat:b,step:y,onKeyDown:w,disabled:v,onChangeCommitted:h,onChange:C,valueLabelDisplay:"off",value:S,max:n,min:c,color:i?"error":"primary",getAriaLabel:g}),!x&&r(p,{sx:{color:v?a(j.palette.text.primary,j.palette.action.disabledOpacity):void 0},children:[e(o,{variant:"body2",children:void 0!==c&&D(c)}),e(o,{variant:"body2",children:void 0!==n&&D(n)})]})]})};

package/dist/ui-sdk/components/snackbar/Snackbar.d.ts

@@ -1,6 +1,6 @@
-import type { AlertProps, ComponentsOverrides, ComponentsVariants } from '@mui/material';
-import type { CustomContentProps, SnackbarContentProps } from 'notistack';
-import type { ElementType } from 'react';
+import type { AlertProps, ButtonProps, ComponentsOverrides, ComponentsVariants } from '@mui/material';
+import type { CustomContentProps, SnackbarContentProps, SnackbarKey } from 'notistack';
+import type { ElementType, ReactNode } from 'react';
 import type { ValueOf } from '@salsita-ai/common/utils';
 /**
  * Centralized registry of CSS class names for notistack's Snackbar components.
@@ -40,6 +40,7 @@ declare module '@mui/material/styles' {
 declare const Slots: {
     readonly Content: 'content';
     readonly Alert: 'alert';
+    readonly ActionButton: 'actionButton';
 };
 type PhxSnackbarSlots = ValueOf<typeof Slots>;
 export declare const SnackbarVariant: {
@@ -49,7 +50,24 @@ export declare const SnackbarVariant: {
     readonly Warning: 'warning';
     readonly Error: 'error';
 };
+/**
+ * A button the snackbar shows after its message, described as data by the code that raises the snackbar.
+ *
+ * It arrives as the `actionButton` option of notistack's `enqueueSnackbar`, which `SnackbarActionButton` of
+ * `@salsita-ai/sdk/react` types, and renders in the `actionButton` slot, so the raising code needs no UI component and
+ * the theme decides the button's look.
+ */
+interface SnackbarActionButtonDescription {
+    /** The button's text. */
+    readonly label: ReactNode;
+    /** Called with the key of the snackbar whose button was clicked. */
+    readonly onClick: (key: SnackbarKey) => void;
+}
 export interface SnackbarProps extends Readonly<CustomContentProps> {
+    /**
+     * A button shown after the message and after `action`, rendered in the `actionButton` slot.
+     */
+    readonly actionButton?: SnackbarActionButtonDescription;
     /**
      * The components used for each slot inside the `Snackbar`.
      *
@@ -58,6 +76,7 @@ export interface SnackbarProps extends Readonly<CustomContentProps> {
      *
      * - `content` — The outer snackbar container (notistack's `SnackbarContent`).
      * - `alert` — The inner alert component displaying the message (`MuiAlert`).
+     * - `actionButton` — The button of `actionButton` (`MuiButton`, `color="inherit"`, `size="small"`).
      *
      * @default {}
      */
@@ -71,12 +90,14 @@ export interface SnackbarProps extends Readonly<CustomContentProps> {
      * Available slot keys:
      * - `content` — Props for the snackbar content wrapper.
      * - `alert` — Props for the alert component (severity, variant, etc.).
+     * - `actionButton` — Props for the button of `actionButton`.
      *
      * @default { alert: { variant: 'standard' } }
      */
     readonly slotProps?: Partial<{
         readonly [Slots.Content]: SnackbarContentProps;
         readonly [Slots.Alert]: AlertProps;
+        readonly [Slots.ActionButton]: ButtonProps;
     }>;
 }
 /**

package/dist/ui-sdk/components/snackbar/Snackbar.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{Alert as a,styled as r,useThemeProps as n}from"@mui/material";import{SnackbarContent as e}from"notistack";import{forwardRef as o,useMemo as i}from"react";import{match as c}from"ts-pattern";export const notistackSnackbarClasses={container:"notistack-SnackbarContainer",snackbar:"notistack-Snackbar"};let s="PhxSnackbar",l={Content:r(e,{name:s,slot:"content"})({display:"block"}),Alert:r(a,{name:s,slot:"alert"})({userSelect:"none"})};export const SnackbarVariant={Default:"default",Info:"info",Success:"success",Warning:"warning",Error:"error"};export const Snackbar=o((a,r)=>{let{action:e,id:o,message:k,slotProps:m={alert:{variant:"standard"}},slots:f={},variant:p="info"}=n({props:a,name:s}),S=f.content??l.Content,b=f.alert??l.Alert,u=i(()=>{if(e)return"function"==typeof e?e(o):e},[e,o]);return t(S,{...m.content,ref:r,children:t(b,{...m.alert,severity:c(p).with(SnackbarVariant.Error,()=>p).with(SnackbarVariant.Info,()=>p).with(SnackbarVariant.Success,()=>p).with(SnackbarVariant.Warning,()=>p).otherwise(()=>SnackbarVariant.Info),action:u,"aria-atomic":"true","aria-live":"polite",children:k})})});
+import{jsx as t,jsxs as n,Fragment as a}from"react/jsx-runtime";import{Alert as r,Button as o,styled as i,useThemeProps as e}from"@mui/material";import{SnackbarContent as c}from"notistack";import{forwardRef as s,useMemo as l}from"react";import{match as m}from"ts-pattern";export const notistackSnackbarClasses={container:"notistack-SnackbarContainer",snackbar:"notistack-Snackbar"};let k="PhxSnackbar",u={Content:i(c,{name:k,slot:"content"})({display:"block"}),Alert:i(r,{name:k,slot:"alert"})({userSelect:"none"}),ActionButton:i(o,{name:k,slot:"actionButton"})({})};export const SnackbarVariant={Default:"default",Info:"info",Success:"success",Warning:"warning",Error:"error"};export const Snackbar=s((r,o)=>{let{action:i,actionButton:c,id:s,message:f,slotProps:b={alert:{variant:"standard"}},slots:p={},variant:S="info"}=e({props:r,name:k}),h=p.content??u.Content,d=p.alert??u.Alert,x=p.actionButton??u.ActionButton,w=l(()=>{if(i)return"function"==typeof i?i(s):i},[i,s]),B=l(()=>void 0===c?w:n(a,{children:[w,t(x,{color:"inherit",size:"small",...b.actionButton,onClick:()=>{c.onClick(s)},children:c.label})]}),[x,c,s,w,b.actionButton]);return t(h,{...b.content,ref:o,children:t(d,{...b.alert,severity:m(S).with(SnackbarVariant.Error,()=>S).with(SnackbarVariant.Info,()=>S).with(SnackbarVariant.Success,()=>S).with(SnackbarVariant.Warning,()=>S).otherwise(()=>SnackbarVariant.Info),action:B,"aria-atomic":"true","aria-live":"polite",children:f})})});

package/dist/ui-sdk/icons/__generated/ChatCircleText.d.ts

@@ -0,0 +1,3 @@
+import { type SvgIconProps } from '@mui/material';
+declare const SvgChatCircleText: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgChatCircleText;

package/dist/ui-sdk/icons/__generated/ChatCircleText.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{SvgIcon as r}from"@mui/material";export default(l=>a(r,{...l,children:a("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",children:a("path",{d:"M168 112a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m-8 24H96a8 8 0 0 0 0 16h64a8 8 0 0 0 0-16m72-8a104 104 0 0 1-152.88 91.82l-34.05 11.35a16 16 0 0 1-20.24-20.24l11.35-34.05A104 104 0 1 1 232 128m-16 0a88 88 0 1 0-164.19 44.06 8 8 0 0 1 .66 6.54L40 216l37.4-12.47a7.9 7.9 0 0 1 2.53-.42 8 8 0 0 1 4 1.08A88 88 0 0 0 216 128"})})}));

package/dist/ui-sdk/icons/__generated/Paperclip.d.ts

@@ -0,0 +1,3 @@
+import { type SvgIconProps } from '@mui/material';
+declare const SvgPaperclip: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgPaperclip;

package/dist/ui-sdk/icons/__generated/Paperclip.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{SvgIcon as r}from"@mui/material";export default(l=>a(r,{...l,children:a("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",children:a("path",{d:"M209.66 122.34a8 8 0 0 1 0 11.32l-82.05 82a56 56 0 0 1-79.2-79.21l99.26-100.72a40 40 0 1 1 56.61 56.55L105 193a24 24 0 1 1-34-34l83.3-84.62a8 8 0 1 1 11.4 11.22l-83.31 84.71a8 8 0 1 0 11.27 11.36L192.93 81A24 24 0 1 0 159 47L59.76 147.68a40 40 0 1 0 56.53 56.62l82.06-82a8 8 0 0 1 11.31.04"})})}));

package/dist/ui-sdk/icons/__generated/PencilSimpleLine.d.ts

@@ -0,0 +1,3 @@
+import { type SvgIconProps } from '@mui/material';
+declare const SvgPencilSimpleLine: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgPencilSimpleLine;

package/dist/ui-sdk/icons/__generated/PencilSimpleLine.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{SvgIcon as l}from"@mui/material";export default(t=>r(l,{...t,children:r("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",children:r("path",{d:"m227.32 73.37-44.69-44.68a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h168a8 8 0 0 0 0-16H115.32l112-112a16 16 0 0 0 0-22.63M92.69 208H48v-44.69l88-88L180.69 120ZM192 108.69 147.32 64l24-24L216 84.69Z"})})}));