@salsita-ai/sdk 0.50.0-develop.d87b28256e → 0.50.0-develop.d9534cf412

package/dist/react-sdk/application-runtime/runtime/create-application-runtime.d.ts

@@ -1,12 +1,18 @@
 import { BehaviorSubject } from 'rxjs';
-import { type AnyApplicationConfig, type DomainRuntimeState, type WebComponentOptions } from '#package/domain';
+import { type AnyApplicationConfig, type Application, type DomainRuntimeState, type WebComponentOptions } from '#package/domain';
 import { type AnyApplicationRuntimeExtension, type DomainApplicationContextSelectors } from '../domain-application-context/index.js';
+import { type HostPropertiesState } from '../host-properties/index.js';
 import { type IntegrationState } from '../integration/index.js';
+import { type LoadingRuntimeState } from '../loading/index.js';
+import { type ResponsiveRuntimeState } from '../responsive/index.js';
 import { type RoutingRuntimeState } from '../routing/index.js';
 import { type ApplicationSessionRuntime, SessionService } from '../session/index.js';
 import type { WebComponentApi } from '../web-component/index.js';
 export interface ApplicationRuntimeState extends DomainRuntimeState {
+    readonly hostProperties: HostPropertiesState;
     readonly integration: IntegrationState;
+    readonly loading: LoadingRuntimeState;
+    readonly responsive: ResponsiveRuntimeState;
     readonly routing: RoutingRuntimeState;
     readonly session: ApplicationSessionRuntime;
 }
@@ -17,8 +23,19 @@ export interface ApplicationRuntimeBootConfig {
     readonly webComponentOptions: WebComponentOptions;
     readonly webComponentApi: WebComponentApi;
 }
-interface Props<State extends ApplicationRuntimeState, CONFIGURATOR_EXTENSIONS extends readonly AnyApplicationRuntimeExtension[]> {
+/**
+ * What an application runtime starts from: an application, or the config of a project built with
+ * `ConfiguratorBuilder`, which the runtime converts with `applicationFromConfig` when it creates its
+ * slices.
+ */
+type ApplicationRuntimeSource = {
+    readonly application: Application;
+    readonly config?: undefined;
+} | {
     readonly config: AnyApplicationConfig;
+    readonly application?: undefined;
+};
+type Props<State extends ApplicationRuntimeState, CONFIGURATOR_EXTENSIONS extends readonly AnyApplicationRuntimeExtension[]> = ApplicationRuntimeSource & {
     readonly bootConfig: ApplicationRuntimeBootConfig;
     readonly getSubject: () => BehaviorSubject<State>;
     /**
@@ -26,10 +43,11 @@ interface Props<State extends ApplicationRuntimeState, CONFIGURATOR_EXTENSIONS e
      * breaks the construction cycle while the extension factory receives the base runtime slices.
      */
     readonly getConfiguratorExtensions: () => CONFIGURATOR_EXTENSIONS | null;
-}
+};
 /**
  * The domain-application layer: the domain runtime plus the browser-application concerns React
- * needs — common services, integration, routing, session — and the domain-application system pair.
+ * needs — common services, host properties, integration, routing, session, loading — and the
+ * domain-application system pair.
  *
  * Slices rather than a runtime: the caller owns the `BehaviorSubject`, so a layer above can widen
  * the state type and still have every slice here write into the same subject. Mirrors
@@ -47,10 +65,19 @@ export declare function createApplicationRuntimeSlices<State extends Application
         access: import("#package/domain").ApplicationAccessInfo;
         webComponent: import("#package/domain").ApplicationWebComponentState;
         domainContext: import("#package/domain").ApplicationDomainContextState;
+        hostProperties: HostPropertiesState;
         integration: IntegrationState;
+        loading: LoadingRuntimeState;
+        responsive: ResponsiveRuntimeState;
         routing: RoutingRuntimeState;
         session: ApplicationSessionRuntime;
     };
+    /**
+     * Starts the runtime-owned subscription that mirrors the element's properties into
+     * `hostProperties` and the domain's `webComponent`, each property by its scope. The subject
+     * owner calls it once, right after creating the subject from `initialize()`.
+     */
+    connectHost: () => () => void;
     selectors: {
         domainServices: {
             getAnalyticsService: () => import("#package/domain").AnalyticsSystem;
@@ -93,6 +120,7 @@ export declare function createApplicationRuntimeSlices<State extends Application
             selectElementSlots: import("@salsita-ai/common/utils").Selector<import("#package/domain").SpecSelectorState, {
                 entityElements: Record<string, (props: import("#package/domain").CustomPhoenixEntityElementProps) => JSX.Element>;
                 layoutElements: Record<string, (props: import("react").PropsWithChildren) => JSX.Element>;
+                assistantFormElements: Record<string, import("react").ComponentType<never>>;
                 hashes: Record<string, string>;
             }>;
             selectDataConfig: import("@salsita-ai/common/utils").Selector<import("#package/domain").SpecSelectorState, import("#package/domain").DataSpec | null>;
@@ -136,6 +164,7 @@ export declare function createApplicationRuntimeSlices<State extends Application
             getElementSlots: () => {
                 entityElements: Record<string, (props: import("#package/domain").CustomPhoenixEntityElementProps) => JSX.Element>;
                 layoutElements: Record<string, (props: import("react").PropsWithChildren) => JSX.Element>;
+                assistantFormElements: Record<string, import("react").ComponentType<never>>;
                 hashes: Record<string, string>;
             };
             getDataConfig: () => import("#package/domain").DataSpec | null;
@@ -349,6 +378,8 @@ export declare function createApplicationRuntimeSlices<State extends Application
         webComponent: {
             selectReadonly: import("@salsita-ai/common/utils").Selector<import("#package/domain").WebComponentSelectorState, boolean>;
             getReadonly: () => boolean;
+            selectLocale: import("@salsita-ai/common/utils").Selector<import("#package/domain").WebComponentSelectorState, string>;
+            getLocale: () => string;
             getWebcomponentGeneration: () => number;
         };
         domainContext: {
@@ -422,6 +453,7 @@ export declare function createApplicationRuntimeSlices<State extends Application
                 getMigrate: () => import("#package/domain").MigrateFunction<import("#package/domain").DomainEntity<string>>;
                 getActiveMode: () => import("#package/domain").DomainMode;
                 getIsInitialized: () => boolean;
+                getIsViewMode: () => boolean;
                 getComponentReaderIndexes: () => import("#package/domain").ComponentReaderIndexes;
                 getStoreRuntimeDependencies: () => {
                     componentReaderIndexes: import("#package/domain").ComponentReaderIndexes;
@@ -531,6 +563,7 @@ export declare function createApplicationRuntimeSlices<State extends Application
                 getMigrate: () => import("#package/domain").MigrateFunction<import("#package/domain").DomainEntity<string>>;
                 getActiveMode: () => import("#package/domain").DomainMode;
                 getIsInitialized: () => boolean;
+                getIsViewMode: () => boolean;
                 getComponentReaderIndexes: () => import("#package/domain").ComponentReaderIndexes;
                 getStoreRuntimeDependencies: () => {
                     componentReaderIndexes: import("#package/domain").ComponentReaderIndexes;
@@ -595,8 +628,66 @@ export declare function createApplicationRuntimeSlices<State extends Application
             getCreateAdminAuthorizedClient: () => (accessToken: string) => import("../index.js").RuntimeAuthorizedClient;
             getUnauthenticatedClient: () => import("../../../client/contract.js").UnauthenticatedPhoenixApiClient;
         };
+        hostProperties: {
+            getHostPropertySelector: <NAME extends import("../index.js").HostPropertyName>(name: NAME) => {
+                readonly adminSessionToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+                readonly authorizationCode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+                readonly expanded: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, boolean>;
+                readonly integrationMode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "handoff" | "headless" | "page" | "widget">;
+                readonly mode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "admin" | "configurator" | "standalone-admin">;
+                readonly power: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "off" | "on" | "standby">;
+                readonly presetTags: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string[] | null>;
+                readonly refreshToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+                readonly route: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, {
+                    route: "Index";
+                } | {
+                    route: "Configuration";
+                    configurationId: string;
+                    accessToken?: string | undefined;
+                } | {
+                    readonly route: "Index";
+                }>;
+                readonly sessionToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            }[NAME];
+            selectRoute: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, {
+                route: "Index";
+            } | {
+                route: "Configuration";
+                configurationId: string;
+                accessToken?: string | undefined;
+            } | {
+                readonly route: "Index";
+            }>;
+            selectExpanded: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, boolean>;
+            selectMode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "admin" | "configurator" | "standalone-admin">;
+            selectPower: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "off" | "on" | "standby">;
+            selectPresetTags: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string[] | null>;
+            selectIntegrationMode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "handoff" | "headless" | "page" | "widget">;
+            selectSessionToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            selectAdminSessionToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            selectRefreshToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            selectAuthorizationCode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            getHostProperty: <NAME extends import("../index.js").HostPropertyName>(name: NAME) => HostPropertiesState[NAME];
+            getRoute: () => {
+                route: "Index";
+            } | {
+                route: "Configuration";
+                configurationId: string;
+                accessToken?: string | undefined;
+            } | {
+                readonly route: "Index";
+            };
+            getExpanded: () => boolean;
+            getMode: () => "admin" | "configurator" | "standalone-admin";
+            getPower: () => "off" | "on" | "standby";
+            getPresetTags: () => string[] | null;
+            getIntegrationMode: () => "handoff" | "headless" | "page" | "widget";
+            getSessionToken: () => string | undefined;
+            getAdminSessionToken: () => string | undefined;
+            getRefreshToken: () => string | undefined;
+            getAuthorizationCode: () => string | undefined;
+        };
         integration: {
-            selectAdminIntegrationService: import("@salsita-ai/common/utils").Selector<import("../index.js").IntegrationSelectorState, import("../index.js").AdminIntegrationService>;
             selectIntegrationState: import("@salsita-ai/common/utils").Selector<import("../index.js").IntegrationSelectorState, IntegrationState>;
             selectEmbeddedView: import("@salsita-ai/common/utils").Selector<import("../index.js").IntegrationSelectorState, import("../index.js").EmbeddedView>;
             selectPresetEmbeddedState: import("@salsita-ai/common/utils").Selector<import("../index.js").IntegrationSelectorState, import("../index.js").PresetEmbeddedView | null>;
@@ -607,6 +698,36 @@ export declare function createApplicationRuntimeSlices<State extends Application
             getPresetEmbeddedState: () => import("../index.js").PresetEmbeddedView | null;
             getRecipeEmbeddedState: () => import("../index.js").RecipeEmbeddedView | null;
         };
+        loading: {
+            configurator: {
+                selectLoadingState: import("@salsita-ai/common/utils").Selector<import("../loading/selectors.js").LoadingSelectorState, import("../index.js").LoadingState>;
+                getLoadingState: () => import("../index.js").LoadingState;
+                getIsAwaitingPhase: (id: string) => boolean;
+            };
+            admin: {
+                selectLoadingState: import("@salsita-ai/common/utils").Selector<import("../loading/selectors.js").LoadingSelectorState, import("../index.js").LoadingState>;
+                getLoadingState: () => import("../index.js").LoadingState;
+                getIsAwaitingPhase: (id: string) => boolean;
+            };
+        };
+        responsive: {
+            configurator: {
+                selectResponsiveState: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").ResponsiveState>;
+                selectViewportSize: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").ResponsiveViewportSize>;
+                selectCanvasPadding: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").CanvasPadding>;
+                getResponsiveState: () => import("../index.js").ResponsiveState;
+                getViewportSize: () => import("../index.js").ResponsiveViewportSize;
+                getCanvasPadding: () => import("../index.js").CanvasPadding;
+            };
+            admin: {
+                selectResponsiveState: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").ResponsiveState>;
+                selectViewportSize: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").ResponsiveViewportSize>;
+                selectCanvasPadding: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").CanvasPadding>;
+                getResponsiveState: () => import("../index.js").ResponsiveState;
+                getViewportSize: () => import("../index.js").ResponsiveViewportSize;
+                getCanvasPadding: () => import("../index.js").CanvasPadding;
+            };
+        };
         routing: {
             selectRoutingState: import("@salsita-ai/common/utils").Selector<import("../index.js").RoutingSelectorState, import("../index.js").RoutingState>;
             selectEffectiveRoutingState: import("@salsita-ai/common/utils").Selector<import("../index.js").RoutingSelectorState, import("../index.js").RoutingState>;
@@ -702,6 +823,50 @@ export declare function createApplicationRuntimeSlices<State extends Application
             enterEmbeddedView: (view: import("../index.js").EmbeddedView) => void;
             exitEmbeddedView: () => void;
         };
+        loading: {
+            configurator: {
+                startPhase: (phase: import("../index.js").LoadingPhase) => void;
+                endPhase: (id: string) => void;
+                reportError: () => void;
+                clearError: () => void;
+                expectPhase: (id: string) => void;
+                dropExpectation: (id: string) => void;
+                resetSlot: () => void;
+            };
+            admin: {
+                startPhase: (phase: import("../index.js").LoadingPhase) => void;
+                endPhase: (id: string) => void;
+                reportError: () => void;
+                clearError: () => void;
+                expectPhase: (id: string) => void;
+                dropExpectation: (id: string) => void;
+                resetSlot: () => void;
+            };
+        };
+        responsive: {
+            configurator: {
+                setViewport: (viewport: import("../index.js").ResponsiveViewport) => void;
+                setBreakpoints: (breakpoints: import("../index.js").ResponsiveBreakpoints) => void;
+                setCanvasPadding: (canvasPadding: import("../index.js").CanvasPadding) => void;
+                expand: () => void;
+                collapse: () => void;
+                hide: () => void;
+                show: () => void;
+                setAnimating: (isAnimating: boolean) => void;
+                reset: () => void;
+            };
+            admin: {
+                setViewport: (viewport: import("../index.js").ResponsiveViewport) => void;
+                setBreakpoints: (breakpoints: import("../index.js").ResponsiveBreakpoints) => void;
+                setCanvasPadding: (canvasPadding: import("../index.js").CanvasPadding) => void;
+                expand: () => void;
+                collapse: () => void;
+                hide: () => void;
+                show: () => void;
+                setAnimating: (isAnimating: boolean) => void;
+                reset: () => void;
+            };
+        };
         routing: {
             setRoutingState: (routingState: import("../index.js").RoutingState) => void;
         };
@@ -712,13 +877,13 @@ export declare function createApplicationRuntimeSlices<State extends Application
     };
 };
 export type ApplicationRuntimeSlices = ReturnType<typeof createApplicationRuntimeSlices>;
-export type ApplicationRuntimeExtensionContext = Omit<ApplicationRuntimeSlices, 'initialize'>;
+export type ApplicationRuntimeExtensionContext = Omit<ApplicationRuntimeSlices, 'initialize' | 'connectHost'>;
 export type CreateApplicationRuntimeExtensions<EXTENSIONS extends readonly AnyApplicationRuntimeExtension[]> = (runtime: ApplicationRuntimeExtensionContext) => EXTENSIONS;
 /**
  * The application runtime owns the subject and merges a caller-defined system extension into the
  * built-in domain-application systems. Every extension system participates in initialization.
  */
-declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyApplicationRuntimeExtension[]>(config: AnyApplicationConfig, bootConfig: ApplicationRuntimeBootConfig, createExtensions?: CreateApplicationRuntimeExtensions<EXTENSIONS>) => {
+declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyApplicationRuntimeExtension[]>(source: AnyApplicationConfig | Application, bootConfig: ApplicationRuntimeBootConfig, createExtensions?: CreateApplicationRuntimeExtensions<EXTENSIONS>) => {
     selectors: {
         domainServices: {
             getAnalyticsService: () => import("#package/domain").AnalyticsSystem;
@@ -761,6 +926,7 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
             selectElementSlots: import("@salsita-ai/common/utils").Selector<import("#package/domain").SpecSelectorState, {
                 entityElements: Record<string, (props: import("#package/domain").CustomPhoenixEntityElementProps) => JSX.Element>;
                 layoutElements: Record<string, (props: import("react").PropsWithChildren) => JSX.Element>;
+                assistantFormElements: Record<string, import("react").ComponentType<never>>;
                 hashes: Record<string, string>;
             }>;
             selectDataConfig: import("@salsita-ai/common/utils").Selector<import("#package/domain").SpecSelectorState, import("#package/domain").DataSpec | null>;
@@ -804,6 +970,7 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
             getElementSlots: () => {
                 entityElements: Record<string, (props: import("#package/domain").CustomPhoenixEntityElementProps) => JSX.Element>;
                 layoutElements: Record<string, (props: import("react").PropsWithChildren) => JSX.Element>;
+                assistantFormElements: Record<string, import("react").ComponentType<never>>;
                 hashes: Record<string, string>;
             };
             getDataConfig: () => import("#package/domain").DataSpec | null;
@@ -1017,6 +1184,8 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
         webComponent: {
             selectReadonly: import("@salsita-ai/common/utils").Selector<import("#package/domain").WebComponentSelectorState, boolean>;
             getReadonly: () => boolean;
+            selectLocale: import("@salsita-ai/common/utils").Selector<import("#package/domain").WebComponentSelectorState, string>;
+            getLocale: () => string;
             getWebcomponentGeneration: () => number;
         };
         domainContext: {
@@ -1090,6 +1259,7 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
                 getMigrate: () => import("#package/domain").MigrateFunction<import("#package/domain").DomainEntity<string>>;
                 getActiveMode: () => import("#package/domain").DomainMode;
                 getIsInitialized: () => boolean;
+                getIsViewMode: () => boolean;
                 getComponentReaderIndexes: () => import("#package/domain").ComponentReaderIndexes;
                 getStoreRuntimeDependencies: () => {
                     componentReaderIndexes: import("#package/domain").ComponentReaderIndexes;
@@ -1199,6 +1369,7 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
                 getMigrate: () => import("#package/domain").MigrateFunction<import("#package/domain").DomainEntity<string>>;
                 getActiveMode: () => import("#package/domain").DomainMode;
                 getIsInitialized: () => boolean;
+                getIsViewMode: () => boolean;
                 getComponentReaderIndexes: () => import("#package/domain").ComponentReaderIndexes;
                 getStoreRuntimeDependencies: () => {
                     componentReaderIndexes: import("#package/domain").ComponentReaderIndexes;
@@ -1263,8 +1434,66 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
             getCreateAdminAuthorizedClient: () => (accessToken: string) => import("../index.js").RuntimeAuthorizedClient;
             getUnauthenticatedClient: () => import("../../../client/contract.js").UnauthenticatedPhoenixApiClient;
         };
+        hostProperties: {
+            getHostPropertySelector: <NAME extends import("../index.js").HostPropertyName>(name: NAME) => {
+                readonly adminSessionToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+                readonly authorizationCode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+                readonly expanded: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, boolean>;
+                readonly integrationMode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "handoff" | "headless" | "page" | "widget">;
+                readonly mode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "admin" | "configurator" | "standalone-admin">;
+                readonly power: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "off" | "on" | "standby">;
+                readonly presetTags: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string[] | null>;
+                readonly refreshToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+                readonly route: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, {
+                    route: "Index";
+                } | {
+                    route: "Configuration";
+                    configurationId: string;
+                    accessToken?: string | undefined;
+                } | {
+                    readonly route: "Index";
+                }>;
+                readonly sessionToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            }[NAME];
+            selectRoute: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, {
+                route: "Index";
+            } | {
+                route: "Configuration";
+                configurationId: string;
+                accessToken?: string | undefined;
+            } | {
+                readonly route: "Index";
+            }>;
+            selectExpanded: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, boolean>;
+            selectMode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "admin" | "configurator" | "standalone-admin">;
+            selectPower: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "off" | "on" | "standby">;
+            selectPresetTags: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string[] | null>;
+            selectIntegrationMode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, "handoff" | "headless" | "page" | "widget">;
+            selectSessionToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            selectAdminSessionToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            selectRefreshToken: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            selectAuthorizationCode: import("@salsita-ai/common/utils").Selector<import("../host-properties/selectors.js").HostPropertiesSelectorState, string | undefined>;
+            getHostProperty: <NAME extends import("../index.js").HostPropertyName>(name: NAME) => HostPropertiesState[NAME];
+            getRoute: () => {
+                route: "Index";
+            } | {
+                route: "Configuration";
+                configurationId: string;
+                accessToken?: string | undefined;
+            } | {
+                readonly route: "Index";
+            };
+            getExpanded: () => boolean;
+            getMode: () => "admin" | "configurator" | "standalone-admin";
+            getPower: () => "off" | "on" | "standby";
+            getPresetTags: () => string[] | null;
+            getIntegrationMode: () => "handoff" | "headless" | "page" | "widget";
+            getSessionToken: () => string | undefined;
+            getAdminSessionToken: () => string | undefined;
+            getRefreshToken: () => string | undefined;
+            getAuthorizationCode: () => string | undefined;
+        };
         integration: {
-            selectAdminIntegrationService: import("@salsita-ai/common/utils").Selector<import("../index.js").IntegrationSelectorState, import("../index.js").AdminIntegrationService>;
             selectIntegrationState: import("@salsita-ai/common/utils").Selector<import("../index.js").IntegrationSelectorState, IntegrationState>;
             selectEmbeddedView: import("@salsita-ai/common/utils").Selector<import("../index.js").IntegrationSelectorState, import("../index.js").EmbeddedView>;
             selectPresetEmbeddedState: import("@salsita-ai/common/utils").Selector<import("../index.js").IntegrationSelectorState, import("../index.js").PresetEmbeddedView | null>;
@@ -1275,6 +1504,36 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
             getPresetEmbeddedState: () => import("../index.js").PresetEmbeddedView | null;
             getRecipeEmbeddedState: () => import("../index.js").RecipeEmbeddedView | null;
         };
+        loading: {
+            configurator: {
+                selectLoadingState: import("@salsita-ai/common/utils").Selector<import("../loading/selectors.js").LoadingSelectorState, import("../index.js").LoadingState>;
+                getLoadingState: () => import("../index.js").LoadingState;
+                getIsAwaitingPhase: (id: string) => boolean;
+            };
+            admin: {
+                selectLoadingState: import("@salsita-ai/common/utils").Selector<import("../loading/selectors.js").LoadingSelectorState, import("../index.js").LoadingState>;
+                getLoadingState: () => import("../index.js").LoadingState;
+                getIsAwaitingPhase: (id: string) => boolean;
+            };
+        };
+        responsive: {
+            configurator: {
+                selectResponsiveState: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").ResponsiveState>;
+                selectViewportSize: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").ResponsiveViewportSize>;
+                selectCanvasPadding: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").CanvasPadding>;
+                getResponsiveState: () => import("../index.js").ResponsiveState;
+                getViewportSize: () => import("../index.js").ResponsiveViewportSize;
+                getCanvasPadding: () => import("../index.js").CanvasPadding;
+            };
+            admin: {
+                selectResponsiveState: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").ResponsiveState>;
+                selectViewportSize: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").ResponsiveViewportSize>;
+                selectCanvasPadding: import("@salsita-ai/common/utils").Selector<import("../responsive/selectors.js").ResponsiveSelectorState, import("../index.js").CanvasPadding>;
+                getResponsiveState: () => import("../index.js").ResponsiveState;
+                getViewportSize: () => import("../index.js").ResponsiveViewportSize;
+                getCanvasPadding: () => import("../index.js").CanvasPadding;
+            };
+        };
         routing: {
             selectRoutingState: import("@salsita-ai/common/utils").Selector<import("../index.js").RoutingSelectorState, import("../index.js").RoutingState>;
             selectEffectiveRoutingState: import("@salsita-ai/common/utils").Selector<import("../index.js").RoutingSelectorState, import("../index.js").RoutingState>;
@@ -1370,6 +1629,50 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
             enterEmbeddedView: (view: import("../index.js").EmbeddedView) => void;
             exitEmbeddedView: () => void;
         };
+        loading: {
+            configurator: {
+                startPhase: (phase: import("../index.js").LoadingPhase) => void;
+                endPhase: (id: string) => void;
+                reportError: () => void;
+                clearError: () => void;
+                expectPhase: (id: string) => void;
+                dropExpectation: (id: string) => void;
+                resetSlot: () => void;
+            };
+            admin: {
+                startPhase: (phase: import("../index.js").LoadingPhase) => void;
+                endPhase: (id: string) => void;
+                reportError: () => void;
+                clearError: () => void;
+                expectPhase: (id: string) => void;
+                dropExpectation: (id: string) => void;
+                resetSlot: () => void;
+            };
+        };
+        responsive: {
+            configurator: {
+                setViewport: (viewport: import("../index.js").ResponsiveViewport) => void;
+                setBreakpoints: (breakpoints: import("../index.js").ResponsiveBreakpoints) => void;
+                setCanvasPadding: (canvasPadding: import("../index.js").CanvasPadding) => void;
+                expand: () => void;
+                collapse: () => void;
+                hide: () => void;
+                show: () => void;
+                setAnimating: (isAnimating: boolean) => void;
+                reset: () => void;
+            };
+            admin: {
+                setViewport: (viewport: import("../index.js").ResponsiveViewport) => void;
+                setBreakpoints: (breakpoints: import("../index.js").ResponsiveBreakpoints) => void;
+                setCanvasPadding: (canvasPadding: import("../index.js").CanvasPadding) => void;
+                expand: () => void;
+                collapse: () => void;
+                hide: () => void;
+                show: () => void;
+                setAnimating: (isAnimating: boolean) => void;
+                reset: () => void;
+            };
+        };
         routing: {
             setRoutingState: (routingState: import("../index.js").RoutingState) => void;
         };
@@ -1382,6 +1685,6 @@ declare const createApplicationRuntimeImpl: <EXTENSIONS extends readonly AnyAppl
     subscribe: (callback: () => void) => () => void;
 };
 export type CreatedApplicationRuntime<EXTENSIONS extends readonly AnyApplicationRuntimeExtension[]> = ReturnType<typeof createApplicationRuntimeImpl<EXTENSIONS>>;
-export declare function createApplicationRuntime(config: AnyApplicationConfig, bootConfig: ApplicationRuntimeBootConfig): CreatedApplicationRuntime<readonly []>;
-export declare function createApplicationRuntime<EXTENSIONS extends readonly AnyApplicationRuntimeExtension[]>(config: AnyApplicationConfig, bootConfig: ApplicationRuntimeBootConfig, createExtensions: CreateApplicationRuntimeExtensions<EXTENSIONS>): CreatedApplicationRuntime<EXTENSIONS>;
+export declare function createApplicationRuntime(source: AnyApplicationConfig | Application, bootConfig: ApplicationRuntimeBootConfig): CreatedApplicationRuntime<readonly []>;
+export declare function createApplicationRuntime<EXTENSIONS extends readonly AnyApplicationRuntimeExtension[]>(source: AnyApplicationConfig | Application, bootConfig: ApplicationRuntimeBootConfig, createExtensions: CreateApplicationRuntimeExtensions<EXTENSIONS>): CreatedApplicationRuntime<EXTENSIONS>;
 export {};

package/dist/react-sdk/application-runtime/runtime/create-application-runtime.js

@@ -1 +1 @@
-import{BehaviorSubject as e}from"rxjs";import{memoOnce as t}from"@salsita-ai/common/utils";import{createDomainRuntimeSlices as i,resolveIsDev as n}from"#package/domain";import{initializeAnalyticsService as o}from"../common-services/analytics/analytics-service.js";import{initializeI18n as s,initializeLogger as r}from"../common-services/initialize.js";import{createCommonServicesSelectors as a}from"../common-services/selectors.js";import{createDomainApplicationContextSelectors as c}from"../domain-application-context/index.js";import{createIntegrationActions as m,createIntegrationSelectors as l,initializeIntegration as p}from"../integration/index.js";import{createRoutingActions as u,createRoutingSelectors as d,initializeRouting as g}from"../routing/index.js";import{SessionService as S,createSessionRuntimeActions as v,createSessionRuntimeSelectors as x,initializeSessionRuntime as f}from"../session/index.js";import{registerGodModeGlobal as C}from"./god-mode.js";export function createApplicationRuntimeSlices(e){let{config:y,bootConfig:A,getSubject:b,getConfiguratorExtensions:j}=e,w=n(y),R=r(y,w),I={analyticsService:o(y,R,w),i18n:s(y),logger:R},{initialize:E,selectors:h,actions:z}=i({config:y,services:I,getSubject:b,getExtensionSystems:e=>J[e].getInitializableSystems()}),D=E(),T=m({setIntegration:e=>{let t=b(),i=e(t.value.integration);t.next({...t.value,integration:i})}}),L=l({getState:()=>b().value}),O=p({actions:T}),U=u({setRouting:e=>{let t=b(),i=e(t.value.routing);t.next({...t.value,routing:i})}}),k=d({getState:()=>b().value,actions:U,accessActions:z.access,loadedDataActions:z.loadedData,domainServicesSelectors:h.domainServices,overridesSelectors:h.overrides}),G=g(),$=a({getState:()=>b().value,environmentSelectors:h.environment,specSelectors:h.spec,accessSelectors:h.access,domainServicesSelectors:h.domainServices,webComponentOptions:A.webComponentOptions,webComponentApi:A.webComponentApi,getSessionService:()=>H(),routingSelectors:k}),q=v({setSessionRuntime:e=>{let t=b(),i=e(t.value.session);t.next({...t.value,session:i})}}),B=x({getState:()=>b().value,sessionContextSelectors:h.sessionContext}),F=f(),H=t(()=>new S({getLogger:()=>h.domainServices.getLogger(),getAnalyticsService:()=>h.domainServices.getAnalyticsService(),getUnauthenticatedClient:$.getUnauthenticatedClient,environmentSelectors:h.environment,sessionActions:q,setSessionContext:z.sessionContext.setSessionContext,sessionSelectors:B,specSelectors:h.spec})),J={configurator:c({applicationType:"configurator",commonServicesSelectors:$,domainServicesSelectors:h.domainServices,domainContextSelectors:h.domainContext.configurator,getApplicationRuntimeExtensions:j}),admin:c({applicationType:"admin",commonServicesSelectors:$,domainServicesSelectors:h.domainServices,domainContextSelectors:h.domainContext.admin,getApplicationRuntimeExtensions:()=>[]})};return C({environmentActions:z.environment}),R.info(`Configurator Application loaded with deployment ID: ${y.deploymentId}!`),R.appendToGlobalContext({deploymentId:y.deploymentId}),{getState:()=>b().value,initialize:()=>({...D,integration:O,routing:G,session:F}),selectors:{...h,commonServices:$,integration:L,routing:k,session:B,domainApplicationContext:J},actions:{...z,integration:T,routing:U,session:q}}}export function createApplicationRuntime(t,i,n){return((t,i,n)=>{let o=null,s=null,r=()=>{if(!o)throw Error("Subject not yet initialized!");return o},{initialize:a,...c}=createApplicationRuntimeSlices({config:t,bootConfig:i,getSubject:r,getConfiguratorExtensions:()=>s});return s=n?n(c):[],c.selectors.domainApplicationContext.configurator.getSystems(),o=new e(a()),{...c,getState:()=>r().value,subscribe:e=>{let t=r().subscribe(()=>e());return()=>t.unsubscribe()}}})(t,i,n)}
+import{BehaviorSubject as e}from"rxjs";import{memoOnce as t}from"@salsita-ai/common/utils";import{ImplementationErrors as o,applicationFromConfig as i,createDomainRuntimeSlices as n,findAssistantFormElementErrors as s,resolveIsDev as a}from"#package/domain";import{initializeAnalyticsService as r}from"../common-services/analytics/analytics-service.js";import{initializeI18n as c,initializeLogger as l}from"../common-services/initialize.js";import{createCommonServicesSelectors as p}from"../common-services/selectors.js";import{createDomainApplicationContextSelectors as m}from"../domain-application-context/index.js";import{connectHostProperties as u,createHostPropertiesActions as g,createHostPropertiesSelectors as v,initializeHostProperties as d}from"../host-properties/index.js";import{createIntegrationActions as S,createIntegrationSelectors as x,initializeIntegration as f}from"../integration/index.js";import{createLoadingActions as C,createLoadingSelectors as y,initializeLoading as b}from"../loading/index.js";import{createResponsiveActions as A,createResponsiveSelectors as w,initializeResponsive as h}from"../responsive/index.js";import{createRoutingActions as j,createRoutingSelectors as R,initializeRouting as T}from"../routing/index.js";import{SessionService as E,createSessionRuntimeActions as I,createSessionRuntimeSelectors as P,initializeSessionRuntime as L}from"../session/index.js";export function createApplicationRuntimeSlices(e){let{bootConfig:z,getSubject:D,getConfiguratorExtensions:H}=e,O=e.application??i(e.config),U={...O.environment,services:O.services,version:O.spec.version},k=a(U),G=l(U,k),{initialize:$,selectors:q,actions:B,hostMirrorActions:F}=n({application:O,services:{analyticsService:r(U,G,k),i18n:c(U),logger:G},getSubject:D,getExtensionSystems:e=>eu[e].getInitializableSystems()}),J=$(),{assistant:K,elements:M}=J.spec.configurator,N=s(K?.formElements??[],M);if(N.length>0)throw new o(N);let Q=g({setHostProperties:e=>{let t=D(),o=e(t.value.hostProperties);o!==t.value.hostProperties&&t.next({...t.value,hostProperties:o})}}),V=v({getState:()=>D().value}),W=S({setIntegration:e=>{let t=D(),o=e(t.value.integration);t.next({...t.value,integration:o})}}),X=x({getState:()=>D().value,actions:W}),Y=f(),Z=j({setRouting:e=>{let t=D(),o=e(t.value.routing);t.next({...t.value,routing:o})}}),_=R({getState:()=>D().value,actions:Z,accessActions:B.access,loadedDataActions:B.loadedData,domainServicesSelectors:q.domainServices,overridesSelectors:q.overrides}),ee=T(),et=A({setResponsive:e=>{let t=D(),o=e(t.value.responsive);o!==t.value.responsive&&t.next({...t.value,responsive:o})}}),eo={configurator:w({getState:()=>D().value,applicationType:"configurator"}),admin:w({getState:()=>D().value,applicationType:"admin"})},ei=h(),en=C({setLoading:e=>{let t=D(),o=e(t.value.loading);o!==t.value.loading&&t.next({...t.value,loading:o})}}),es={configurator:y({getState:()=>D().value,applicationType:"configurator"}),admin:y({getState:()=>D().value,applicationType:"admin"})},ea=b(),er=p({getState:()=>D().value,environmentSelectors:q.environment,specSelectors:q.spec,accessSelectors:q.access,domainServicesSelectors:q.domainServices,webComponentOptions:z.webComponentOptions,webComponentApi:z.webComponentApi,getSessionService:()=>em(),routingSelectors:_}),ec=I({setSessionRuntime:e=>{let t=D(),o=e(t.value.session);t.next({...t.value,session:o})}}),el=P({getState:()=>D().value,sessionContextSelectors:q.sessionContext}),ep=L(),em=t(()=>new E({getLogger:()=>q.domainServices.getLogger(),getAnalyticsService:()=>q.domainServices.getAnalyticsService(),getUnauthenticatedClient:er.getUnauthenticatedClient,environmentSelectors:q.environment,sessionActions:ec,setSessionContext:B.sessionContext.setSessionContext,sessionSelectors:el,specSelectors:q.spec})),eu={configurator:m({applicationType:"configurator",commonServicesSelectors:er,domainServicesSelectors:q.domainServices,domainContextSelectors:q.domainContext.configurator,getApplicationRuntimeExtensions:H}),admin:m({applicationType:"admin",commonServicesSelectors:er,domainServicesSelectors:q.domainServices,domainContextSelectors:q.domainContext.admin,getApplicationRuntimeExtensions:()=>[]})};return G.info(`Configurator Application loaded with deployment ID: ${U.deploymentId}!`),G.appendToGlobalContext({deploymentId:U.deploymentId}),{getState:()=>D().value,initialize:()=>({...J,hostProperties:d(z.webComponentApi),integration:Y,loading:ea,responsive:ei,routing:ee,session:ep}),connectHost:()=>u({webComponentApi:z.webComponentApi,actions:Q,domainSelectors:q.webComponent,domainActions:{setReadonly:B.webComponent.setReadonly,setLocale:F.setLocale}}),selectors:{...q,commonServices:er,hostProperties:V,integration:X,loading:es,responsive:eo,routing:_,session:el,domainApplicationContext:eu},actions:{...B,integration:W,loading:en,responsive:et,routing:Z,session:ec}}}export function createApplicationRuntime(t,o,i){return((t,o,i)=>{let n=null,s=null,a=()=>{if(!n)throw Error("Subject not yet initialized!");return n},{initialize:r,connectHost:c,...l}=createApplicationRuntimeSlices({..."spec"in t?{application:t}:{config:t},bootConfig:o,getSubject:a,getConfiguratorExtensions:()=>s});return s=i?i(l):[],l.selectors.domainApplicationContext.configurator.getSystems(),n=new e(r()),c(),{...l,getState:()=>a().value,subscribe:e=>{let t=a().subscribe(()=>e());return()=>t.unsubscribe()}}})(t,o,i)}

package/dist/{configurator/configurator-context → react-sdk}/configurator-routing/ConfiguratorRoutingProvider.d.ts

@@ -3,7 +3,7 @@ import type { ReactNode } from 'react';
  * This is probably a temporary solution, we may need an actual routing library in the future.
  * @beta
  */
-export declare const useConfiguratorRouting: () => import("#package/react-sdk").RoutingService;
+export declare const useConfiguratorRouting: () => import("../index.js").RoutingService;
 export type UseConfiguratorRouting = typeof useConfiguratorRouting;
 export interface ConfiguratorRoutingProviderProps {
     readonly children: ReactNode;

package/dist/react-sdk/configurator-routing/ConfiguratorRoutingProvider.js

@@ -0,0 +1 @@
+import{jsx as r,Fragment as t}from"react/jsx-runtime";import{useCallback as o,useEffect as e,useLayoutEffect as n,useState as i}from"react";import{standardWebComponentEvents as a,standardWebComponentProperties as u}from"#package/domain";import{ApplicationRoutes as g,INTEGRATION_MODE_SETTINGS as s,setConfigurationIdQuery as m,useDispatchWebComponentEvent as d,useRoutingSelectors as l,useRoutingService as c,useWebComponentProperty$ as f,useWebComponentPropertyValue as p}from"../application-runtime/index.js";import{useOnGoToIndexHandler as x}from"./OnGoToIndexHandler.js";export const useConfiguratorRouting=()=>c();export const ConfiguratorRoutingProvider=T=>{let{children:b}=T,j=c(),v=l(),C=x(),I=p(u.integrationMode),O=f(u.route),R=d(a.navigated),h=o(r=>{O.next(r),s[I].writeCidToUrl&&(r.route===g.Configuration?m(r.configurationId):m(null)),R(r)},[R,I,O]),[G,k]=i(!1),w=C?.handler;return(e(()=>{if(w)return j.registerOnGoToIndex(w)},[j,w]),e(()=>j.registerOnNavigated(h),[j,h]),n(()=>{j.routeTo(O.value),k(!0)},[j,O,I]),e(()=>{let r=O.subscribe(r=>{v.getRoutingState()!==r&&j.routeTo(r)});return()=>{r.unsubscribe()}},[j,v,O]),G)?r(t,{children:b}):null};

package/dist/{configurator/configurator-context → react-sdk}/configurator-routing/OnGoToIndexHandler.d.ts

@@ -1,6 +1,5 @@
 import type { SystemPhoenixHandlerRegistration } from '#package/domain';
-import { type OnGoToIndexContext, type OnGoToIndexHandler } from '#package/react-sdk';
-export type { OnGoToIndexContext, OnGoToIndexHandler } from '#package/react-sdk';
+import type { OnGoToIndexContext, OnGoToIndexHandler } from '../application-runtime/index.js';
 export declare const createOnGoToIndexHandler: (hook: () => {
     handler: OnGoToIndexHandler;
 }) => SystemPhoenixHandlerRegistration<OnGoToIndexContext, void>;

package/dist/react-sdk/configurator-routing/OnGoToIndexHandler.js

@@ -0,0 +1 @@
+import{createSystemPhoenixHandler as o}from"#package/domain";import{useSystemPhoenixHandler as e}from"../handlers/index.js";let n="OnGoToIndex";export const createOnGoToIndexHandler=e=>o(n,e);export const useOnGoToIndexHandler=()=>e(n);

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

@@ -0,0 +1,3 @@
+export { ConfiguratorRoutingProvider, useConfiguratorRouting, type UseConfiguratorRouting, } from './ConfiguratorRoutingProvider.js';
+export { createOnGoToIndexHandler, useOnGoToIndexHandler, type CreateOnGoToIndexHandler } from './OnGoToIndexHandler.js';
+export { usePowerRoutingLifecycle } from './use-power-routing-lifecycle.js';

package/dist/{configurator/configurator-context → react-sdk}/configurator-routing/index.js

@@ -1 +1 @@
-export{ConfiguratorRoutingProvider,useConfiguratorRouting}from"./ConfiguratorRoutingProvider.js";export{createOnGoToIndexHandler,useOnGoToIndexHandler}from"./OnGoToIndexHandler.js";
+export{ConfiguratorRoutingProvider,useConfiguratorRouting}from"./ConfiguratorRoutingProvider.js";export{createOnGoToIndexHandler,useOnGoToIndexHandler}from"./OnGoToIndexHandler.js";export{usePowerRoutingLifecycle}from"./use-power-routing-lifecycle.js";

package/dist/{configurator/configurator-context → react-sdk}/configurator-routing/use-power-routing-lifecycle.d.ts

@@ -5,5 +5,7 @@
  * - When power goes from "on" to "off"
  *   - reset route to Index (resetRouteOnPowerDown setting)
  *   - clear `cid` (writeCidToUrl setting)
+ *
+ * @internal Runtime plumbing for the SDK's own configurator application, which runs it at its root.
  */
 export declare const usePowerRoutingLifecycle: () => void;

package/dist/react-sdk/configurator-routing/use-power-routing-lifecycle.js

@@ -0,0 +1 @@
+import{useEffect as e}from"react";import{pairwise as o,startWith as t}from"rxjs";import{match as r}from"ts-pattern";import{standardWebComponentProperties as n}from"#package/domain";import{ApplicationRoutes as i,INTEGRATION_MODE_SETTINGS as a,getAccessTokenFromQuery as u,getConfigurationIdFromQuery as f,setConfigurationIdQuery as s,useRoutingService as l,useWebComponentProperty$ as m,useWebComponentPropertyValue as p}from"../application-runtime/index.js";let d=Symbol("INITIAL_EMISSION");export const usePowerRoutingLifecycle=()=>{let c=p(n.integrationMode),b=m(n.power),w=b.pipe(t(d),o()),x=l(),I=m(n.route);e(()=>{let e=w.subscribe(([e,o])=>{if((e===d||"standby"===e||"off"===e)&&"on"===o&&a[c].readCidAndCaFromUrl){let e=f(),o=u();if(e){let t={route:i.Configuration,configurationId:e,accessToken:o??void 0};I.next(t),x.routeTo(t)}}if("on"===e&&("standby"===o||"off"===o)&&a[c].resetRouteOnPowerDown){let e={route:i.Index};I.next(e),x.routeTo(e),a[c].writeCidToUrl&&s(null)}});return()=>e.unsubscribe()},[w,c,I,x]),e(()=>{r(b.value).with("standby","off",()=>a[c].powerOnOnCid).with("on",()=>!1).exhaustive()&&f()&&b.next("on")},[b,c])};

package/dist/react-sdk/configurator-ui-elements/ConfiguratorUiElementHost.d.ts

@@ -0,0 +1,7 @@
+import type { ConfiguratorUiElement } from './configurator-ui-element.js';
+interface ConfiguratorUiElementHostProps {
+    readonly name: ConfiguratorUiElement;
+}
+/** @internal Renders the UI registered under the name, and nothing when nothing is registered. */
+export declare const ConfiguratorUiElementHost: ({ name }: ConfiguratorUiElementHostProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/react-sdk/configurator-ui-elements/ConfiguratorUiElementHost.js

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

package/dist/react-sdk/configurator-ui-elements/ErrorFallbackElement.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+import { type ErrorFallbackProps } from './ErrorFallbackPropsProvider.js';
+import type { ConfiguratorUiElement } from './configurator-ui-element.js';
+interface ErrorFallbackElementProps extends ErrorFallbackProps {
+    readonly name: ConfiguratorUiElement;
+    /** What renders, reading the same props, when the UI registers nothing under the name. */
+    readonly unregisteredFallback: () => ReactNode;
+}
+/**
+ * @internal Renders the error page registered under the name as an error boundary's fallback, and
+ * hands it the boundary's props through `useErrorFallbackProps()`.
+ */
+export declare const ErrorFallbackElement: (props: ErrorFallbackElementProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/react-sdk/configurator-ui-elements/ErrorFallbackElement.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useMemo as e}from"react";import{PhoenixLayoutElement as o}from"../elements/index.js";import{ErrorFallbackPropsProvider as t}from"./ErrorFallbackPropsProvider.js";export const ErrorFallbackElement=m=>{let{name:l,unregisteredFallback:a,error:i,resetErrorBoundary:n}=m;return r(t,{value:e(()=>({error:i,resetErrorBoundary:n}),[i,n]),children:r(o,{name:l,defaultSlot:a})})};