@salsita-ai/sdk 0.0.0-stage → 0.49.0-develop.cbee856178

package/dist/configurator/ui/phoenix-layout-elements/share/ShareModal.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Trans as a}from"@lingui/react";import{Button as r,DialogActions as l,DialogContent as o,DialogTitle as s,FormControlLabel as n,LinearProgress as t,Stack as d,Switch as c,TextField as m}from"@mui/material";import{memo as h,useCallback as p,useState as k}from"react";import{applicationConfigComponent as g}from"#package/domain";import{useFirstRootComponent as b,useResolveLocalizable as u}from"#package/react-sdk";import{Dialog as x,PhxIcon as C}from"#package/ui-sdk";import{useShareData as f,useShareSettings as v}from"./use-share.js";let y=i=>{let{isLinkCopied:l,onCopy:o,disabled:s}=i;return l?e(r,{variant:"muted",color:"success",startIcon:e(C,{name:"Check"}),disabled:s,onClick:o,children:e(a,{id:"sdk.toolbar.share.linkCopied.label",message:"Copied"})}):e(r,{variant:"contained",disabled:s,onClick:o,children:e(a,{id:"sdk.toolbar.share.copyLink.label",message:"Copy link"})})},w={id:"sdk.toolbar.share.loading.label",message:"loading link..."},j=({link:a,onFocus:r})=>i(d,{sx:{display:"grid","& > *":{gridArea:"1 / 1"}},children:[e(m,{value:a??"",placeholder:u()(w),hiddenLabel:!0,InputProps:{readOnly:!0},onFocus:r}),e(t,{sx:{alignSelf:"end",visibility:null==a?"visible":"hidden"}})]});export const ShareModal=h(t=>{let{onClose:m}=t,h=b(g),u=h?.state.shareExpiration,{ownerLinkDisabled:C,readRevisionLinkDisabled:w}=v(),[T,L]=k(w),[S,A]=k(!1),{revisionData:E,ownerData:F}=f({expiration:u,ownerLinkDisabled:C,readRevisionLinkDisabled:w}),I=T?F?.link:E?.link,O=!C&&!w,M=p(async()=>{I&&(await navigator.clipboard.writeText(I),A(!0))},[I]),P=p(e=>{e.currentTarget.select()},[]),R=p(e=>{L(e.currentTarget.checked),A(!1)},[]);return i(x.Root,{sx:{maxWidth:"unset",width:"min(100%, 520px)"},isOpen:!0,onClose:m,children:[e(s,{children:e(a,{id:"sdk.toolbar.share.label",message:"Share configuration"})}),e(o,{children:i(d,{sx:{gap:2},children:[e(j,{link:I,onFocus:P}),O&&e(n,{control:e(c,{value:T,disabled:!I,onChange:R}),label:e(a,{id:"sdk.toolbar.share.allowEdit.label",message:"Allow the recipient to edit configuration"})})]})}),i(l,{children:[e(r,{variant:"text",color:"inherit",onClick:m,children:e(a,{id:"sdk.toolbar.share.close.label",message:"Close"})}),e(y,{isLinkCopied:S,disabled:!I,onCopy:M})]})]})});

package/dist/configurator/ui/phoenix-layout-elements/share/use-share.d.ts

@@ -0,0 +1,32 @@
+import type { AccessLevel } from '@salsita-ai/contracts/api';
+export interface GenerateShareLinkOptions {
+    access: AccessLevel;
+    expiration?: number;
+}
+export declare const useGenerateShareLink: () => (options: GenerateShareLinkOptions) => Promise<{
+    readonly link: string;
+}>;
+interface UseShareDataParams {
+    /**
+     * Expiration time in hours. When undefined, links do not expire.
+     */
+    expiration: number | undefined;
+    ownerLinkDisabled: boolean;
+    readRevisionLinkDisabled: boolean;
+}
+export declare const useShareData: (params: UseShareDataParams) => {
+    isLoadingOwnerData: boolean;
+    isLoadingRevisionData: boolean;
+    ownerData: NoInfer<{
+        readonly link: string;
+    }> | undefined;
+    revisionData: NoInfer<{
+        readonly link: string;
+    }> | undefined;
+};
+export declare const useShareSettings: () => {
+    disabled: boolean;
+    ownerLinkDisabled: boolean;
+    readRevisionLinkDisabled: boolean;
+};
+export {};

package/dist/configurator/ui/phoenix-layout-elements/share/use-share.js

@@ -0,0 +1 @@
+import{useQuery as e}from"@tanstack/react-query";import{useCallback as t}from"react";import{match as r}from"ts-pattern";import{applicationConfigComponent as a}from"#package/domain";import{useAuthorizedClient as s,useConfigurationId as i,useDomain as n,useDomainApplication as o,useFirstRootComponent as d}from"#package/react-sdk";export const useGenerateShareLink=()=>{let e=d(a),n=e?.state.shareStrategy??"deployment-registered",{configurationPersistSystem:c}=o(),l=i(),h=s();return t(async e=>{let t=r(n).with("deployment-registered",()=>void 0).with("current-frontend",()=>{let e=new URL(window.location.href);return e.searchParams.delete("cid"),e.searchParams.delete("ca"),e.toString()}).exhaustive(),a=await c.save();return h.generateShareLink(l,"rr"===e.access?a:void 0,e.expiration,e.access,t)},[n,c,h,l])};export const useShareData=t=>{let{expiration:r,ownerLinkDisabled:a,readRevisionLinkDisabled:s}=t,o=useGenerateShareLink(),{storeSystem:d}=n(),c=i(),l=d.stateSlices.committed.value.state,{data:h,isLoading:m}=e({queryKey:["share-owner-link",c],staleTime:1/0,queryFn:()=>o({access:"o",expiration:r}),enabled:!a}),{data:u,isLoading:p,isFetchedAfterMount:y}=e({queryKey:["share-revision-link",c,l.entities,l.rootEntityId],queryFn:()=>o({access:"rr",expiration:r}),enabled:!s});return{isLoadingOwnerData:m,isLoadingRevisionData:p,ownerData:h,revisionData:y?u:void 0}};export const useShareSettings=()=>{let e=d(a),t=e?.state.shareDisabled??!1,r=t||(e?.state.shareOwnerLinkDisabled??!1),s=t||(e?.state.shareReadRevisionLinkDisabled??!1);return{disabled:r&&s,ownerLinkDisabled:r,readRevisionLinkDisabled:s}};

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/basic/BasicFinalizeButton.d.ts

@@ -0,0 +1 @@
+export declare const BasicFinalizeButton: () => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | null;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/basic/BasicFinalizeButton.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import i from"lodash/noop.js";import{useCallback as e}from"react";import{finalizeButtonComponent as o,finalizePageComponent as a}from"#package/domain";import{useAnalyticsService as n,useDomain as s,useFinalizeViolations as m,useFirstRootComponent as r}from"#package/react-sdk";import{FrontendAnalyticsFactory as l}from"../../../../common/index.js";import{CustomFinalizeButton as c}from"../common/CustomFinalizeButton.js";let d=()=>t(c,{hints:"Finalize feature is not configured.",disabled:!0,onClick:i}),p=i=>{let{finalizeNavigationStates:o}=i,{navigationSystem:a,storeSystem:r}=s(),d=n(),p=e(async()=>{let t=o[0];t&&(d.push(l.FinalizeButtonClicked()),r.stageAndCommit([a.getPushNavigationUpdate(t,r.stateSlices.committed.value.state)]))},[o,a,d,r]),{disabled:u,hints:f}=m();return t(c,{hints:f,disabled:u,onClick:p})};export const BasicFinalizeButton=()=>{let i=r(o),e=r(a);return i?i?.state.button:e?t(p,{finalizeNavigationStates:e.state.finalizeNavigationStates}):t(d,{})};

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/basic/DesktopBasicSidebarFooter.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Desktop version of the basic footer for the configurator sidebar.
+ *
+ * This is the default footer that appears when no specific footer component is configured. It
+ * provides a straightforward layout for step-by-step configurations with simple finalization.
+ *
+ * The component renders one of two layouts depending on whether step navigation is enabled.
+ * With steps, it shows previous/next navigation buttons alongside the price. On the last step,
+ * the next button is replaced by the primary action (finalize, enter summary, or save template).
+ * Without steps, it displays a simpler layout with just the price and the primary action button.
+ * Custom price components are supported, and the layout adapts automatically when steps are present.
+ *
+ * The basic footer supports simple finalization through finalizePageButton and finalizePage
+ * components. For more advanced scenarios with multiple finalize options (like "Add to cart",
+ * "Request quote", etc.), use the universal footer which supports the full finalize actions system.
+ *
+ * The primary action button adapts to the context. The finalize button completes the configuration,
+ * but is replaced by an enter summary button when a summary view is configured and not yet active.
+ * This lets users review their choices before finalizing. In preset mode with admin access, two
+ * buttons appear: a save template button (primary action) that saves changes to the preset, and
+ * a set as template button (secondary action) that marks this configuration as the default template.
+ *
+ * The component uses hidden attributes rather than conditional rendering to prevent remounting
+ * issues on iOS that can break the styled-components theme context.
+ *
+ * In read or view mode, all interactive buttons are hidden. The price appears in a horizontal
+ * layout when steps are enabled, or stacked vertically in the simpler mode. Custom price nodes
+ * are rendered in place of the default price display.
+ */
+export declare const DesktopBasicSidebarFooter: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/basic/DesktopBasicSidebarFooter.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{styled as t}from"@mui/material";import{memo as a}from"react";import{useResolveLocalizable as i}from"#package/react-sdk";import{Price as o,attrf as d}from"#package/ui-sdk";import{NextStepButton as n,PreviousStepButton as s}from"../common/index.js";import{PRICE_LABEL as m,useBasicSidebarFooter as l}from"./use-basic-sidebar-footer.js";let c={Root:t("div")(({theme:{spacing:e}})=>({containerType:"inline-size",display:"grid",gap:e(2),'&[data-sidebar-footer*="simple"]':{'[data-sidebar-footer*="grid"]':{gridTemplateColumns:"repeat(2, minmax(0, 1fr))"},'[data-sidebar-footer*="button.primary"]':{alignContent:"center"}},'&[data-sidebar-footer*="extended"]':{'[data-sidebar-footer*="grid"]':{gridTemplateColumns:"min-content minmax(0, 1fr)"}}})),Grid:t("div")({display:"contents",gap:"inherit",'&[data-sidebar-footer*="active"]':{display:"grid"}})};export const DesktopBasicSidebarFooter=a(()=>{let{customPriceNode:t,finalizeOrSummaryButton:a,formattedPrice:p,hasSteps:f,showFinalizeButton:b,showNextStepButton:u,showPreviousStepButton:g}=l(),v=i();return f||t?r(c.Root,{"data-sidebar-footer":d({variant:{customPrice:null!=t,extended:f}}),children:[t,!t&&null!=p&&e(o,{label:v(m),value:p,direction:"row"}),r(c.Grid,{"data-sidebar-footer":d({component:{grid:!0},state:{active:f}}),children:[g&&e(s,{}),u&&e(n,{}),e("div",{"data-sidebar-footer":"slot[button.primary]",hidden:!b,children:a})]})]}):e(c.Root,{"data-sidebar-footer":"variant[simple]",children:r(c.Grid,{"data-sidebar-footer":d({component:{grid:!0},state:{active:null!=p}}),children:[null!=p&&e(o,{label:v(m),value:p}),e("div",{"data-sidebar-footer":"slot[button.primary]",hidden:!b,children:a})]})})});

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/basic/MobileBasicSidebarFooter.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Mobile version of the basic footer for the configurator sidebar.
+ *
+ * This is the default footer for mobile that appears when no specific footer component is
+ * configured. It provides a touch-optimized layout for step-by-step configurations with simple
+ * finalization.
+ *
+ * The component adapts the footer layout for mobile devices with mobile-specific controls. With
+ * steps enabled, it shows an icon button for going back (optimized for one-handed use), a text
+ * button for moving forward, the current step label, and a progress bar at the bottom. On the
+ * last step, the next button is replaced by the primary action (finalize, enter summary, or save
+ * template). Without steps, it displays just the price and the primary action button. All buttons
+ * use smaller size variants appropriate for mobile screens and touch targets.
+ *
+ * The basic footer supports simple finalization through finalizePageButton and finalizePage
+ * components. For more advanced scenarios with multiple finalize options, use the universal
+ * footer which supports the full finalize actions system.
+ *
+ * The primary action button adapts to the context. The finalize button completes the configuration,
+ * but is replaced by an enter summary button when a summary view is configured and not yet active.
+ * This lets users review their choices before finalizing. In preset mode with admin access, two
+ * buttons appear: a save template button that saves changes to the preset, and a set as template
+ * button that marks this configuration as the default template.
+ *
+ * Like the desktop version, this uses hidden attributes instead of conditional rendering to
+ * prevent iOS remounting issues with the styled-components theme.
+ *
+ * In read or view mode, interactive elements are hidden. The price always appears in a stacked
+ * layout. When configured, a custom price node replaces the default display. The progress bar
+ * shows the current position in the step sequence as a percentage of completion.
+ */
+export declare const MobileBasicFooter: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/basic/MobileBasicSidebarFooter.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{LinearProgress as r,Stack as i,Typography as a,styled as o}from"@mui/material";import{memo as n}from"react";import{useResolveLocalizable as d}from"#package/react-sdk";import{Price as s,attrf as l}from"#package/ui-sdk";import{NextStepButton as m,PreviousStepButton as c}from"../common/index.js";import{PRICE_LABEL as p,useBasicSidebarFooter as f}from"./use-basic-sidebar-footer.js";let b={Root:o("div")(({theme:{spacing:e}})=>({containerType:"inline-size",display:"grid",gap:e(1.5),'&[data-sidebar-footer*="simple"]':{'[data-sidebar-footer*="grid"]':{gridTemplateColumns:"repeat(2, minmax(0, 1fr))"},'[data-sidebar-footer*="button.primary"]':{alignContent:"center"}},'&[data-sidebar-footer*="extended"]':{'[data-sidebar-footer*="grid"]':{gridTemplateColumns:"min-content minmax(0, 1fr)"}}})),Grid:o("div")({display:"contents",gap:"inherit",'&[data-sidebar-footer*="active"]':{display:"grid"}})};export const MobileBasicFooter=n(()=>{let{currentStep:o,currentStepIndex:n,customPriceNode:u,finalizeOrSummaryButton:g,formattedPrice:v,hasSteps:h,showFinalizeButton:x,showNextStepButton:y,showPreviousStepButton:j,totalSteps:k}=f(),C=d();return h||u?t(b.Root,{"data-sidebar-footer":l({variant:{customPrice:null!=u,extended:h}}),children:[u,!u&&null!=v&&e(s,{label:C(p),value:v,direction:"row"}),e(b.Grid,{"data-sidebar-footer":"component[grid]",children:t(i,{sx:{alignItems:"center",flexDirection:"row",gap:1.5,justifyContent:"end"},children:[o&&e(a,{component:"span",variant:"caption",noWrap:!0,children:C(o?.label)}),j&&e(c,{}),y&&e(m,{}),e("div",{"data-sidebar-footer":"slot[button.primary]",hidden:!x,children:g})]})}),h&&e(r,{variant:"determinate",value:(n+1)/(k+1)*100,sx:{insetBlockEnd:0,insetInline:0,position:"absolute"}})]}):e(b.Root,{"data-sidebar-footer":"variant[simple]",children:t(b.Grid,{"data-sidebar-footer":l({component:{grid:!0},state:{active:null!=v}}),children:[null!=v&&e(s,{label:C(p),value:v}),e("div",{"data-sidebar-footer":"slot[button.primary]",hidden:!x,children:g})]})})});

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/basic/index.d.ts

@@ -0,0 +1,2 @@
+export { DesktopBasicSidebarFooter } from './DesktopBasicSidebarFooter.js';
+export { MobileBasicFooter } from './MobileBasicSidebarFooter.js';

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/basic/index.js

@@ -0,0 +1 @@
+export{DesktopBasicSidebarFooter}from"./DesktopBasicSidebarFooter.js";export{MobileBasicFooter}from"./MobileBasicSidebarFooter.js";

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/basic/use-basic-sidebar-footer.d.ts

@@ -0,0 +1,37 @@
+export declare const PRICE_LABEL: import("@lingui/core").MessageDescriptor;
+/**
+ * Manages the state and behavior of the basic footer component.
+ *
+ * This hook orchestrates navigation between steps and determines which buttons should appear
+ * in the footer. It handles step-by-step navigation including the optional product selection
+ * step, and controls the primary action button that appears at the end of the configuration
+ * flow. All step navigation events are tracked through the analytics system.
+ *
+ * The primary action button changes based on context. In standard mode, users see a finalize
+ * button that completes the configuration and proceeds to checkout or order placement. When a
+ * summary view is configured, the finalize button is replaced by an enter summary button,
+ * allowing users to review their configuration details before finalizing. This happens only
+ * when there are no steps, or when the user reaches the last step.
+ *
+ * In preset mode, admin users see a save template button instead of finalize (unless the mode
+ * is explicitly set to 'configurator'). In read or view mode, all interactive elements are
+ * hidden since modifications aren't allowed.
+ *
+ * For pricing, the hook prioritizes a custom price footer component if one is configured.
+ * When a custom price exists, the default formatted price is hidden to prevent showing
+ * duplicate information.
+ */
+export declare const useBasicSidebarFooter: () => {
+    currentStep: import("#package/domain").NavigationStep | undefined;
+    currentStepIndex: number;
+    customPriceNode: string | number | boolean | Iterable<import("react").ReactNode> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    finalizeOrSummaryButton: import("react/jsx-runtime").JSX.Element;
+    formattedPrice: string | undefined;
+    hasSteps: boolean;
+    nextStepButtonDisabled: boolean;
+    previousStepButtonDisabled: boolean;
+    showFinalizeButton: boolean;
+    showNextStepButton: boolean;
+    showPreviousStepButton: boolean;
+    totalSteps: number;
+};

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/basic/use-basic-sidebar-footer.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";import{customPriceFooterComponent as o,navigationStepsComponent as i}from"#package/domain";import{useAccessService as a,useActiveNavigationState as r,useFirstRootComponent as s,usePresetEmbeddedState as n,useRootEntityPrice as d}from"#package/react-sdk";import{useHasSidebarSummary as m,useIsSidebarSummaryActive as p,usePresetSelection as c}from"../../../../configurator-context/index.js";import{EnterSummaryButton as l,SaveTemplateButton as f}from"../common/index.js";import{BasicFinalizeButton as u}from"./BasicFinalizeButton.js";export const PRICE_LABEL={id:"sdk.layout.sidebar.price.label",message:"Total price"};export const useBasicSidebarFooter=()=>{let g=r(),v=s(i),x=s(o),B=t(()=>v?.state.steps??[],[v]),S=d(),{presetCategories:b}=c(),h=!!n(),j=b.flatMap(e=>e.presets).length>1,k=B.length>1,M=B.find(e=>e.navigationStates.includes(g)),w=t(()=>B.findIndex(e=>e.navigationStates.includes(g)),[B,g]),P=t(()=>0===w,[w]),D=t(()=>w===B.length-1,[w,B.length]),E=h?e(f,{}):e(u,{}),F=p(),I=m(),L=k||!I||F?E:e(l,{}),{accessInfo:y}=a(),z=!y.viewMode&&k&&(!D||!L),A=!y.viewMode&&k,C=!y.viewMode&&(!k||D);return{currentStep:M,currentStepIndex:w,customPriceNode:x?.state.node??void 0,finalizeOrSummaryButton:L,formattedPrice:x?.state.node?void 0:S??void 0,hasSteps:k,nextStepButtonDisabled:D,previousStepButtonDisabled:P&&!(!h&&j),showFinalizeButton:C,showNextStepButton:z,showPreviousStepButton:A,totalSteps:B.length}};

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/CustomFinalizeButton.d.ts

@@ -0,0 +1,10 @@
+import type { Localizable } from '@salsita-ai/common/utils';
+export interface CustomFinalizeButtonProps {
+    title?: Localizable;
+    hints?: string;
+    icon?: string;
+    busy?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+export declare const CustomFinalizeButton: (props: CustomFinalizeButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/CustomFinalizeButton.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Trans as o}from"@lingui/react";import{useCallback as i}from"react";import{useAnalyticsService as e,useResolveLocalizable as r}from"#package/react-sdk";import{PhxIcon as a,ResponsiveSidebarFooterButton as s}from"#package/ui-sdk";import{FrontendAnalyticsFactory as n}from"../../../../common/index.js";export const CustomFinalizeButton=m=>{let{busy:l,disabled:p,hints:c,icon:u,onClick:d,title:f}=m,k=r(),g=e();return t(s,{tooltip:c,busy:l,disabled:p,onClick:i(t=>{t.preventDefault(),t.stopPropagation(),g.push(n.FinalizeButtonClicked()),d?.()},[g,d]),slotProps:{button:{startIcon:u?t(a,{name:u}):void 0}},children:f?k(f):t(o,{id:"sdk.layout.sidebar.finalizePage.label",message:"Finalize"})})};

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/DisabledFinalizeButton.d.ts

@@ -0,0 +1 @@
+export declare const DisabledFinalizeButton: () => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/DisabledFinalizeButton.js

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";import{Trans as a}from"@lingui/react";import{ResponsiveSidebarFooterButton as e}from"#package/ui-sdk";export const DisabledFinalizeButton=()=>i(e,{disabled:!0,children:i(a,{id:"sdk.layout.sidebar.disabledFinalizeButton.label",message:"Finalize"})});

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/EnterSummaryButton.d.ts

@@ -0,0 +1,3 @@
+export declare const EnterSummaryButton: import("react").FunctionComponent<Record<string, never> & {
+    children?: import("react").ReactNode;
+}>;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/EnterSummaryButton.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{Trans as m}from"@lingui/react";import{memo as o,useCallback as t}from"react";import{createPhoenixLayoutElement as a,enterSummaryButtonSchema as e}from"#package/domain";import{useAnalyticsService as i}from"#package/react-sdk";import{ResponsiveSidebarFooterButton as n}from"#package/ui-sdk";import{FrontendAnalyticsFactory as c}from"../../../../common/index.js";import{useEnterSidebarSummary as s}from"../../../../configurator-context/index.js";export const EnterSummaryButton=a({schema:e,component:o(()=>{let o=i(),a=s();return r(n,{onClick:t(()=>{o.push(c.SummaryButtonClicked()),a()},[o,a]),children:r(m,{id:"sdk.layout.summary.button.label",message:"Summary"})})})});

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/FinalizeActions.d.ts

@@ -0,0 +1 @@
+export declare const FinalizeActions: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/FinalizeActions.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{Trans as a}from"@lingui/react";import{Button as i,ButtonGroup as n,CircularProgress as o,ListItemIcon as l,ListItemText as s,Menu as m,MenuItem as d,buttonClasses as c,styled as p,svgIconClasses as h}from"@mui/material";import{useMutation as g}from"@tanstack/react-query";import{useSnackbar as f}from"notistack";import{useCallback as u,useState as z}from"react";import{finalizeActionComponent as k,getComponentSnapshotKey as y}from"#package/domain";import{LocalizableMessage as b,PhoenixHandlerBoundary as C,useComponents as v,useFinalizeViolations as x,useLocalizable as w,useLogger as F,usePhoenixHandler as S,useResolveLocalizable as j}from"#package/react-sdk";import{PhxIcon as O,TooltipWithArrow as T,useResponsive as E}from"#package/ui-sdk";import{CustomFinalizeButton as P}from"./CustomFinalizeButton.js";let $=p(n)({display:"grid",gridTemplateColumns:"minmax(0, 1fr) min-content "}),A=p(i)(({theme:{spacing:e}})=>({[`&.${c.containedSizeSmall}`]:{minInlineSize:0,[`.${h.root}`]:{fontSize:18}},[`&.${c.containedSizeLarge}`]:{paddingInline:e(1)}})),D=r=>e(C,{name:r.handler,children:e(I,{...r})}),I=r=>{let{handler:t,icon:i,title:n,tooltip:o}=r,{handler:l}=S(t),s=F(),{enqueueSnackbar:m}=f(),{mutate:d,isPending:c}=g({mutationFn:l,onError:r=>{s.error("Failed to finalize",{error:r.message}),m({message:e(a,{id:"sdk.messages.finalize.error",message:"Oops, something went wrong"}),variant:"error"})}}),{disabled:p,hints:h}=x(),u=j();return e(P,{hints:h??u(o),icon:i,busy:c,disabled:p,onClick:d,title:n})},L=r=>e(C,{name:r.handler,children:e(M,{...r})}),M=t=>{let{handler:i,icon:n,label:m,title:c,onClose:p}=t,{handler:h}=S(i),{enqueueSnackbar:z}=f(),k=F(),{mutateAsync:y,isPending:C}=g({mutationFn:h,onError:r=>{k.error("Failed to finalize",{error:r.message}),z({message:e(a,{id:"sdk.messages.finalize.error",message:"Oops, something went wrong"}),variant:"error"})}}),{disabled:v,hints:w}=x();return e(T,{title:w,placement:"top",children:e("span",{children:r(d,{disabled:v,onClick:u(async e=>{e.preventDefault(),e.stopPropagation(),await y(),p()},[y,p]),children:[e(l,{children:C?e(o,{size:20}):e(O,{name:n})}),e(s,{primary:e(b,{children:m}),secondary:e(b,{children:c})})]})})})};export const FinalizeActions=()=>{let a=w({id:"sdk.layout.finalize.moreActions",message:"More finalization options"}),i=v({componentTypes:[k]}),[n,o]=z(null),l=!!n,{isDesktop:s}=E(),d={color:"primary",variant:"contained",size:s?"large":"small"},c=u(e=>{o(e.currentTarget)},[]),p=u(()=>{o(null)},[]),h=i.find(e=>"primary"===e.state.variant)??i[0],g=i.filter(e=>e!==h);return h?1===i.length?e(D,{handler:h.state.handler,icon:h.state.icon,title:h.state.label,tooltip:h.state.title},y(h)):r(t,{children:[r($,{...d,children:[e(D,{handler:h.state.handler,icon:h.state.icon,title:h.state.label,tooltip:h.state.title},y(h)),e(A,{...d,"aria-label":a,"aria-haspopup":"menu","aria-expanded":l,onClick:c,children:e(O,{name:"CaretDown"})})]}),e(m,{anchorEl:n,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"},MenuListProps:{dense:!0},slotProps:{paper:{sx:{mt:-2}}},open:l,onClose:p,children:g.map(r=>e(L,{handler:r.state.handler,icon:r.state.icon,label:r.state.label,title:r.state.title,onClose:p},y(r)))})]}):null};

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/FooterPrice.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Shared price display used across all footer types.
+ *
+ * This component shows the total configuration price in a horizontal layout with a label
+ * and the formatted value. It first checks if a custom price component is configured - if
+ * so, it renders the custom price node instead. Otherwise, it displays the formatted price
+ * from the root entity with proper accessibility labels. The component only appears when
+ * a price value is actually available.
+ */
+export declare const FooterPrice: import("react").FunctionComponent<{
+    readonly direction?: 'row' | 'column';
+} & {
+    children?: import("react").ReactNode;
+}>;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/FooterPrice.js

@@ -0,0 +1 @@
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import{Trans as o}from"@lingui/react";import{memo as a}from"react";import{createPhoenixLayoutElement as t,customPriceFooterComponent as i,footerPriceSchema as m}from"#package/domain";import{useFirstRootComponent as c,useRootEntityPrice as s}from"#package/react-sdk";import{Price as n}from"#package/ui-sdk";export const FooterPrice=t({schema:m,component:a(a=>{let{direction:t}=a,m=s(),p=c(i);return p?p.state.node:r(e,{children:null!=m&&r(n,{label:r(o,{id:"sdk.layout.footer.price.label",message:"Total price"}),value:m,direction:t})})})});

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/MainFooterActions.d.ts

@@ -0,0 +1,3 @@
+export declare const MainFooterActions: import("react").FunctionComponent<Record<string, never> & {
+    children?: import("react").ReactNode;
+}>;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/MainFooterActions.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as o,Fragment as r}from"react/jsx-runtime";import{memo as e}from"react";import{match as i}from"ts-pattern";import{createPhoenixLayoutElement as m,mainFooterActionsSchema as s}from"#package/domain";import{useIntegrationState as n}from"#package/react-sdk";import{useHasSidebarSummary as p,useIsSidebarSummaryActive as a,useSteps as c}from"../../../../configurator-context/index.js";import{DisabledFinalizeButton as f}from"./DisabledFinalizeButton.js";import{EnterSummaryButton as u}from"./EnterSummaryButton.js";import{FinalizeActions as h}from"./FinalizeActions.js";import{NextStepButton as j}from"./NextStepButton.js";import{PreviousStepButton as l}from"./PreviousStepButton.js";import{SaveTemplateButton as w}from"./SaveTemplateButton.js";export const MainFooterActions=m({schema:s,component:e(()=>{let{isLastStep:e,hasSteps:m}=c(),s=a(),x=p(),{embeddedView:d}=n();return o(r,{children:[i(!m||s).with(!0,()=>null).otherwise(()=>t(l,{})),i(!m||e||s).with(!0,()=>i(d).with(null,()=>i(x&&!s).with(!0,()=>t(u,{})).otherwise(()=>t(h,{}))).with({type:"preset"},()=>t(w,{})).with({type:"recipe"},()=>t(f,{})).exhaustive()).otherwise(()=>t(j,{}))]})})});

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/NextStepButton.d.ts

@@ -0,0 +1,3 @@
+export declare const NextStepButton: import("react").FunctionComponent<Record<string, never> & {
+    children?: import("react").ReactNode;
+}>;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/NextStepButton.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Trans as e}from"@lingui/react";import{Button as a}from"@mui/material";import{memo as i,useCallback as o}from"react";import{createPhoenixLayoutElement as r,nextStepButtonSchema as n}from"#package/domain";import{useAnalyticsService as m,useDomain as s}from"#package/react-sdk";import{useResponsive as l}from"#package/ui-sdk";import{useConfigurator as c}from"../../../../application-runtime/index.js";import{FrontendAnalyticsFactory as p}from"../../../../common/index.js";export const NextStepButton=r({schema:n,component:i(()=>{let i=m(),{layoutSystem:r}=c(),{navigationSystem:n,storeSystem:d}=s(),{isDesktop:g}=l(),u=o(()=>{let t=n.getActiveNavigationState(d.stateSlices.committed.value.state),e=r.getNavigationSteps(d.stateSlices.committed.value.state);i.push(p.NextStepButtonClicked());let a=e.findIndex(e=>e.navigationStates.includes(t)),o=e[a+1];if(!o)return;let m=o.navigationStates[0];m&&d.stageAndCommit([n.getNavigationUpdate(m)])},[i,n,d,r]);return g?t(a,{variant:"contained",color:"primary",size:"large",onClick:u,children:t(e,{id:"sdk.layout.sidebar.nextStep.label",message:"Next step"})}):t(a,{variant:"contained",color:"primary",size:"small",onClick:u,children:t(e,{id:"sdk.layout.sidebar.nextStepShort.label",message:"Next"})})})});

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/OtherActions.d.ts

@@ -0,0 +1,5 @@
+export declare const OtherActions: import("react").FunctionComponent<{
+    readonly icon?: string;
+} & {
+    children?: import("react").ReactNode;
+}>;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/OtherActions.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r,Fragment as a}from"react/jsx-runtime";import{Trans as t}from"@lingui/react";import{CircularProgress as o,IconButton as n,ListItemIcon as i,ListItemText as l,Menu as s,MenuItem as m,Tooltip as c}from"@mui/material";import{useMutation as d}from"@tanstack/react-query";import{useSnackbar as h}from"notistack";import{memo as p,useCallback as g,useState as u}from"react";import{createPhoenixLayoutElement as f,getComponentSnapshotKey as k,otherActionComponent as v,otherActionsSchema as b}from"#package/domain";import{LocalizableMessage as z,PhoenixHandlerBoundary as w,useComponents as x,useIntegrationState as C,useLocalizable as O,useLogger as y,usePhoenixHandler as P}from"#package/react-sdk";import{PhxIcon as T,useResponsive as j}from"#package/ui-sdk";let A=r=>e(w,{name:r.handler,children:e(D,{...r})}),D=r=>{let{handler:a,label:i,icon:l}=r,s=O(i),{handler:m}=P(a),{isDesktop:p}=j(),u=y(),{enqueueSnackbar:f}=h(),{mutate:k,isPending:v}=d({mutationFn:m,onError:r=>{u.error("Failed to handle other action",{error:r.message}),f({message:e(t,{id:"sdk.messages.otherAction.error",message:"Oops, something went wrong"}),variant:"error"})}}),b=g(e=>{e.preventDefault(),e.stopPropagation(),k()},[k]);return e(c,{title:e(z,{children:i}),placement:"top",children:e("span",{children:e(n,{"aria-label":s,disabled:v,variant:"muted",color:"default",size:p?"medium":"small",onClick:b,children:v?e(o,{size:20}):e(T,{name:l})})})})},E=r=>e(w,{name:r.handler,children:e(F,{...r})}),F=a=>{let{handler:n,label:s,icon:c,onClose:p}=a,{handler:u}=P(n),f=y(),{enqueueSnackbar:k}=h(),{mutateAsync:v,isPending:b}=d({mutationFn:u,onError:r=>{f.error("Failed to handle other action",{error:r.message}),k({message:e(t,{id:"sdk.messages.otherAction.error",message:"Oops, something went wrong"}),variant:"error"})}});return r(m,{onClick:g(async e=>{e.preventDefault(),e.stopPropagation(),await v(),p()},[v,p]),children:[e(i,{children:b?e(o,{size:20}):e(T,{name:c})}),e(l,{primary:e(z,{children:s})})]})};export const OtherActions=f({schema:b,component:p(t=>{let{icon:o}=t,{embeddedView:i}=C(),l=x({componentTypes:[v]}),[m,c]=u(null),{isDesktop:d}=j(),h=g(e=>{c(e.currentTarget)},[]),p=g(()=>{c(null)},[]);return i||0===l.length?null:l.length<=2?e(a,{children:l.map(r=>e(A,{handler:r.state.handler,label:r.state.label,icon:r.state.icon},k(r)))}):r(a,{children:[e(n,{variant:"muted",color:"default",size:d?"medium":"small",onClick:h,children:e(T,{name:o??"DotsThreeVerticalBold"})}),e(s,{anchorEl:m,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"},MenuListProps:{dense:!0},slotProps:{paper:{sx:{mt:-2}}},open:!!m,onClose:p,children:l.map(r=>e(E,{handler:r.state.handler,label:r.state.label,icon:r.state.icon,onClose:p},k(r)))})]})})});

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/PreviousStepButton.d.ts

@@ -0,0 +1,5 @@
+export declare const PreviousStepButton: import("react").FunctionComponent<{
+    readonly icon?: string;
+} & {
+    children?: import("react").ReactNode;
+}>;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/PreviousStepButton.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{IconButton as e,Tooltip as i}from"@mui/material";import{memo as a,useCallback as o}from"react";import{createPhoenixLayoutElement as r,previousStepButtonSchema as m}from"#package/domain";import{useAnalyticsService as n,useDomain as s,useLocalizable as l}from"#package/react-sdk";import{PhxIcon as c,useResponsive as p}from"#package/ui-sdk";import{useConfigurator as d}from"../../../../application-runtime/index.js";import{FrontendAnalyticsFactory as u}from"../../../../common/index.js";import{useBackToPresetEnabled as g,useConfiguratorRouting as f,useSteps as v}from"../../../../configurator-context/index.js";let S={id:"sdk.layout.sidebar.previousStep.label",message:"Previous step"};export const PreviousStepButton=r({schema:m,component:a(a=>{let{icon:r}=a,m=l(S),x=n(),k=g(),{layoutSystem:h}=d(),j=f(),{navigationSystem:C,storeSystem:b}=s(),{isDesktop:N}=p(),{previousStepDisabled:P}=v();return t(i,{title:m,placement:"top",children:t("span",{style:{alignSelf:"center"},children:t(e,{variant:"muted",color:"default",size:N?"medium":"small",disabled:P,onClick:o(()=>{let t=C.getActiveNavigationState(b.stateSlices.committed.value.state),e=h.getNavigationSteps(b.stateSlices.committed.value.state);x.push(u.PreviousStepButtonClicked());let i=e.findIndex(e=>e.navigationStates.includes(t)),a=e[i-1];if(!a){k&&j.goToIndex();return}let o=a.navigationStates[0];o&&b.stageAndCommit([C.getNavigationUpdate(o)])},[x,C,k,j,b,h]),children:t(c,{name:r??"CaretLeft"})})})})})});

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/SaveTemplateButton.d.ts

@@ -0,0 +1,5 @@
+export declare const SaveTemplateButton: import("react").FunctionComponent<{
+    readonly icon?: string;
+} & {
+    children?: import("react").ReactNode;
+}>;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/SaveTemplateButton.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Trans as e}from"@lingui/react";import{useMutation as a}from"@tanstack/react-query";import{memo as o,useCallback as r}from"react";import{PerspectiveCamera as i}from"three";import{v4 as n}from"uuid";import{createPhoenixLayoutElement as m,saveTemplateButtonSchema as l,saveTemplateThumbnailComponent as s}from"#package/domain";import{TemplateSaved as p,useAuthorizedClient as u,useConfigurationId as c,useDomain as g,useDomainApplication as d,useFirstComponent as f,useIntegrationService as h,useRootEntityId as y}from"#package/react-sdk";import{LoadingButton as w,PhxIcon as b}from"#package/ui-sdk";import{createCameraControls as k,useConfigurator as T}from"../../../../application-runtime/index.js";export const SaveTemplateButton=m({schema:l,component:o(o=>{let{icon:m}=o,{storeSystem:l}=g(),C=c(),v=y(),{configurationPersistSystem:S}=d(),{imageRenderingSystem:I}=T(),j=u(),x=h(),E=f({componentTypes:[s],entityIds:[v]}),{isPending:P,mutate:U}=a({mutationKey:["saveTemplate"],mutationFn:r(async()=>{let t,e=await S.save();if(E){let[e]=await I.generateImagesFromComponents([E],l.stateSlices.committed.value.state);if(!e)return;t=e.blob}else{let[e]=await I.getGeneratedImages([{name:"image",width:1280,height:1280,getCamera:async t=>{let e=new i(45,1,100,1e5),a=k(e),o=l.stateSlices.committed.value.state.rootEntityId.toString();if(null==o)throw Error("Root entity not found!");let r=t.getObjectByName(o);if(null==r)throw Error("Root entity not found!");return await a.fitToSphere(r,!1),await a.rotateTo(.1,Math.PI/2-.2,!1),a.update(1e6),e}}]);if(!e)return;t=e.blob}let a=await j.getConfigurationPublicUploadLink(C,n());await fetch(a.uploadUrl,{method:"PUT",body:t,headers:{"Content-Type":E?.state.fileFormat==="JPEG"?"image/jpeg":"image/png","Content-Length":t.size.toString()}}),x.emit(new p({thumbnailUrl:a.url,revisionId:e}))},[S,I,j,C,l,x,E])}),F=r(()=>{U()},[U]);return t(w,{size:"large",startIcon:t(b,{name:m??"CheckCircle"}),busy:P,onClick:F,children:t(e,{id:"sdk.layout.button.saveTemplate.label",message:"Save Template"})})})});

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/StepLabel.d.ts

@@ -0,0 +1,3 @@
+export declare const StepLabel: import("react").FunctionComponent<Record<string, never> & {
+    children?: import("react").ReactNode;
+}>;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/StepLabel.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{Typography as o}from"@mui/material";import{memo as t}from"react";import{createPhoenixLayoutElement as a,stepLabelSchema as e}from"#package/domain";import{LocalizableMessage as m}from"#package/react-sdk";import{useSteps as n}from"../../../../configurator-context/index.js";export const StepLabel=a({schema:e,component:t(()=>{let{currentStep:t}=n();return t?.label==null?null:r(o,{component:"span",variant:"caption",noWrap:!0,children:r(m,{children:t.label})})})});

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/StepProgres.d.ts

@@ -0,0 +1,3 @@
+export declare const StepProgress: import("react").FunctionComponent<Record<string, never> & {
+    children?: import("react").ReactNode;
+}>;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/StepProgres.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{LinearProgress as o}from"@mui/material";import{memo as r}from"react";import{createPhoenixLayoutElement as e,stepProgressSchema as i}from"#package/domain";import{useSteps as m}from"../../../../configurator-context/index.js";export const StepProgress=e({schema:i,component:r(()=>{let{progress:r}=m();return t(o,{variant:"determinate",value:r,sx:{insetBlockEnd:0,insetInline:0,position:"absolute"}})})});

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/index.d.ts

@@ -0,0 +1,12 @@
+export { FinalizeActions } from './FinalizeActions.js';
+export { CustomFinalizeButton, type CustomFinalizeButtonProps } from './CustomFinalizeButton.js';
+export { DisabledFinalizeButton } from './DisabledFinalizeButton.js';
+export { MainFooterActions } from './MainFooterActions.js';
+export { FooterPrice } from './FooterPrice.js';
+export { NextStepButton } from './NextStepButton.js';
+export { PreviousStepButton } from './PreviousStepButton.js';
+export { OtherActions } from './OtherActions.js';
+export { StepLabel } from './StepLabel.js';
+export { StepProgress } from './StepProgres.js';
+export { EnterSummaryButton } from './EnterSummaryButton.js';
+export { SaveTemplateButton } from './SaveTemplateButton.js';

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/common/index.js

@@ -0,0 +1 @@
+export{FinalizeActions}from"./FinalizeActions.js";export{CustomFinalizeButton}from"./CustomFinalizeButton.js";export{DisabledFinalizeButton}from"./DisabledFinalizeButton.js";export{MainFooterActions}from"./MainFooterActions.js";export{FooterPrice}from"./FooterPrice.js";export{NextStepButton}from"./NextStepButton.js";export{PreviousStepButton}from"./PreviousStepButton.js";export{OtherActions}from"./OtherActions.js";export{StepLabel}from"./StepLabel.js";export{StepProgress}from"./StepProgres.js";export{EnterSummaryButton}from"./EnterSummaryButton.js";export{SaveTemplateButton}from"./SaveTemplateButton.js";

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/custom/CustomSidebarFooter.d.ts

@@ -0,0 +1,19 @@
+import type { PhoenixLayoutElement } from '#package/domain';
+export interface CustomSidebarFooterProps {
+    content?: readonly PhoenixLayoutElement[];
+}
+/**
+ * Custom footer that renders arbitrary Phoenix layout elements.
+ *
+ * This footer provides complete freedom to define custom footer content using Phoenix layout
+ * elements configured in the project's domain model. Each element is rendered with its own
+ * props and children through the Phoenix layout system, allowing footer designs that go beyond
+ * the standard basic, universal, or read footer options.
+ *
+ * Use this when you need a footer layout that doesn't fit any of the standard patterns. For
+ * example, you might want a footer with a custom arrangement of buttons, special promotional
+ * content, or completely different interaction patterns. Unlike the hidden footer which removes
+ * the footer entirely, this lets you build a custom footer from scratch using the full Phoenix
+ * layout element library.
+ */
+export declare const CustomSidebarFooter: (props: CustomSidebarFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/custom/CustomSidebarFooter.js

@@ -0,0 +1 @@
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import{PhoenixLayoutElementWithChildren as i}from"#package/react-sdk";export const CustomSidebarFooter=n=>{let{content:t}=n;return r(e,{children:t?.map((e,n)=>r(i,{kind:e.kind,elementProps:e.props,children:"children"in e?e.children:void 0},`${e.kind}-${n}`))})};

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/custom/index.d.ts

@@ -0,0 +1 @@
+export { CustomSidebarFooter } from './CustomSidebarFooter.js';

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/custom/index.js

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

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/index.d.ts

@@ -0,0 +1,5 @@
+export * from './read/index.js';
+export * from './basic/index.js';
+export * from './universal/index.js';
+export * from './custom/index.js';
+export * from './common/index.js';

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/index.js

@@ -0,0 +1 @@
+export*from"./read/index.js";export*from"./basic/index.js";export*from"./universal/index.js";export*from"./custom/index.js";export*from"./common/index.js";

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/read/DesktopReadSidebarFooter.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Desktop version of the read-only footer for the configurator sidebar.
+ *
+ * This minimal footer is designed for read-only view mode where users can see the configuration
+ * but can't modify it. It displays only the price, with no action buttons or navigation controls.
+ * If a custom price component is configured, it is displayed in the same location as the default price component.
+ *
+ * Price display works the same as other footers, supporting custom price components when configured.
+ */
+export declare const DesktopReadSidebarFooter: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/read/DesktopReadSidebarFooter.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{styled as i}from"@mui/material";import{memo as o}from"react";import{FooterPrice as e}from"../common/index.js";let t=i("div")({containerType:"inline-size",display:"grid"});export const DesktopReadSidebarFooter=o(()=>r(t,{"data-sidebar-footer":!0,children:r(e,{direction:"row"})}));

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/read/MobileReadSidebarFooter.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Mobile version of the read-only footer for the configurator sidebar.
+ *
+ * This minimal footer is designed for read-only view mode where users can see the configuration
+ * but can't modify it. It displays only the price, with no action buttons or navigation controls.
+ *
+ * Price display works the same as other footers, supporting custom price components when configured.
+ */
+export declare const MobileReadSidebarFooter: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/read/MobileReadSidebarFooter.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{styled as i}from"@mui/material";import{memo as o}from"react";import{FooterPrice as e}from"../common/index.js";let t=i("div")({containerType:"inline-size",display:"grid"});export const MobileReadSidebarFooter=o(()=>r(t,{"data-sidebar-footer":!0,children:r(e,{direction:"row"})}));

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/read/index.d.ts

@@ -0,0 +1,2 @@
+export { DesktopReadSidebarFooter } from './DesktopReadSidebarFooter.js';
+export { MobileReadSidebarFooter } from './MobileReadSidebarFooter.js';

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/read/index.js

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

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/universal/DesktopUniversalSidebarFooter.d.ts

@@ -0,0 +1,35 @@
+import type { Localizable } from '@salsita-ai/common/utils';
+export interface DesktopUniversalSidebarFooterProps {
+    topText?: Localizable;
+    bottomText?: Localizable;
+}
+/**
+ * Desktop version of the universal footer for the configurator sidebar.
+ *
+ * This footer offers maximum flexibility with customizable text messages at the top and bottom,
+ * plus a full set of action buttons. The main actions automatically adapt based on where the
+ * user is in the configuration process - showing next/previous buttons during steps, and the
+ * appropriate primary action at the end or when steps aren't used.
+ *
+ * Unlike the basic footer which only supports finalizePageButton and finalizePage components,
+ * the universal footer uses the finalize actions system. This allows defining multiple finalize
+ * actions through finalizeAction components, each with custom handlers and icons. When multiple
+ * finalize actions are configured, a primary action button is shown with a dropdown menu for
+ * secondary actions, giving users different ways to complete their configuration (e.g., "Add to
+ * cart", "Request quote", "Save for later").
+ *
+ * In addition to finalize actions, the footer supports "other actions" through otherAction
+ * components. These are custom secondary actions unrelated to finalization (e.g., "Share",
+ * "Export", "Print"). When 1-2 other actions are defined, they appear as icon buttons. When
+ * more than 2 are configured, they're grouped in a dropdown menu to save space.
+ *
+ * The primary action changes based on context. When a summary view is configured and not yet
+ * active, the enter summary button appears instead, letting users review their configuration
+ * before finalizing. In preset mode, the save template button replaces finalize along with a
+ * set as template button for saving the current configuration as the default template. In
+ * recipe mode, the finalize button is disabled since recipes can't be directly ordered. In
+ * read or view mode, all interactive buttons are hidden.
+ *
+ * Price display works the same as the basic footer, with support for custom price components.
+ */
+export declare const DesktopUniversalSidebarFooter: import("react").MemoExoticComponent<(props: DesktopUniversalSidebarFooterProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/universal/DesktopUniversalSidebarFooter.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Typography as t,buttonClasses as r,styled as a}from"@mui/material";import{memo as i}from"react";import{LocalizableMessage as d}from"#package/react-sdk";import{attrf as n}from"#package/ui-sdk";import{useSteps as s}from"../../../../../configurator/configurator-context/index.js";import{FooterPrice as c,MainFooterActions as m,OtherActions as l}from"../common/index.js";let p={Root:a("div")(({theme:{spacing:e}})=>({containerType:"inline-size",display:"grid",gap:e(2)})),Text:a(o=>e(t,{component:"div",variant:"body2",color:"text.secondary",...o}))(()=>({textAlign:"end","&:where(:empty)":{display:"none"}})),Actions:a("div")(({theme:{spacing:e}})=>({alignItems:"center",display:"flex",columnGap:e(1.5),'[data-sidebar-footer*="action"]':{display:"flex",gap:"inherit"},'[data-sidebar-footer="slot[action.primary]"]':{[`&, & :where(.${r.root}, :has(.${r.root}))`]:{flexGrow:1}},'[data-sidebar-footer="slot[action.secondary]"]':{"&:where(:empty)":{display:"none"}},'&:has([data-sidebar-footer*="primary"]:empty):has([data-sidebar-footer*="secondary"]:empty)':{display:"none"},'[data-sidebar-footer*="extended"] &':{'&:has([data-sidebar-footer*="secondary"]:not(:empty))':{justifyContent:"space-between",[`&, & :where(.${r.root}, :has(.${r.root}))`]:{flexGrow:0}}}}))};export const DesktopUniversalSidebarFooter=i(t=>{let{topText:r,bottomText:a}=t,{hasSteps:i}=s();return o(p.Root,{"data-sidebar-footer":n({variant:{extended:i}}),children:[e(c,{direction:"row"}),e(p.Text,{children:e(d,{children:r})}),o(p.Actions,{children:[e("div",{"data-sidebar-footer":"slot[action.secondary]",children:e(l,{})}),e("div",{"data-sidebar-footer":"slot[action.primary]",children:e(m,{})})]}),e(p.Text,{children:e(d,{children:a})})]})});

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/universal/MobileUniversalSidebarFooter.d.ts

@@ -0,0 +1,35 @@
+import type { Localizable } from '@salsita-ai/common/utils';
+export interface MobileUniversalSidebarFooterProps {
+    topText?: Localizable;
+    bottomText?: Localizable;
+}
+/**
+ * Mobile version of the universal footer for the configurator sidebar.
+ *
+ * This mobile-optimized footer combines all the flexibility of the universal footer with
+ * mobile-specific features. It includes customizable text messages, adaptive action buttons,
+ * a step label showing the current step name, and a progress bar indicating how far along
+ * the user is in the configuration.
+ *
+ * Unlike the basic footer which only supports finalizePageButton and finalizePage components,
+ * the universal footer uses the finalize actions system. This allows defining multiple finalize
+ * actions through finalizeAction components, each with custom handlers and icons. When multiple
+ * finalize actions are configured, a primary action button is shown with a dropdown menu for
+ * secondary actions, giving users different ways to complete their configuration.
+ *
+ * In addition to finalize actions, the footer supports "other actions" through otherAction
+ * components. These are custom secondary actions unrelated to finalization (e.g., "Share",
+ * "Export", "Print"). The mobile version adapts their display with touch-optimized buttons
+ * and a responsive menu system.
+ *
+ * The action buttons work identically to the desktop version, automatically showing the right
+ * controls based on the current context. During steps, next/previous buttons appear. At the
+ * end or without steps, the primary action adapts based on context. When a summary view is
+ * available and not yet active, an enter summary button appears, letting users review before
+ * finalizing. In preset mode, save template replaces finalize along with a set as template
+ * button for saving as the default. In recipe mode, finalize is disabled. In read or view
+ * mode, all interactive buttons are hidden.
+ *
+ * Price display matches the basic footer behavior with custom price node support.
+ */
+export declare const MobileUniversalSidebarFooter: import("react").MemoExoticComponent<(props: MobileUniversalSidebarFooterProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/universal/MobileUniversalSidebarFooter.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Typography as o,buttonClasses as r,styled as a}from"@mui/material";import{memo as i}from"react";import{LocalizableMessage as d}from"#package/react-sdk";import{attrf as n}from"#package/ui-sdk";import{useSteps as s}from"../../../../../configurator/configurator-context/index.js";import{FooterPrice as l,MainFooterActions as c,OtherActions as m,StepLabel as p,StepProgress as f}from"../common/index.js";let y={Root:a("div")(({theme:{spacing:e}})=>({containerType:"inline-size",display:"grid",gap:e(1.5)})),Text:a(t=>e(o,{component:"div",variant:"body2",color:"text.secondary",...t}))(()=>({textAlign:"end","&:where(:empty)":{display:"none"}})),Grid:a("div")(({theme:{spacing:e}})=>({gap:e(1),"&:has(> :nth-child(2))":{display:"flex",justifyContent:"space-between"},'[data-sidebar-footer*="extended"] &':{display:"grid",justifyContent:"normal"}})),Actions:a("div")(({theme:{spacing:e}})=>({alignItems:"center",display:"flex",gap:e(1.5),'[data-sidebar-footer*="action"]':{alignItems:"center",display:"flex",gap:"inherit"},'[data-sidebar-footer="slot[action.primary]"]':{[`&, & :where(.${r.root}, :has(.${r.root}))`]:{flexGrow:1}},'[data-sidebar-footer="slot[action.secondary]"]':{"&:where(:empty)":{display:"none"}},'&:has([data-sidebar-footer*="primary"]:empty):has([data-sidebar-footer*="secondary"]:empty)':{display:"none"},'[data-sidebar-footer*="extended"] &':{justifyContent:"space-between",justifySelf:"end",'[data-sidebar-footer="slot[action.primary]"]':{display:"grid",gridAutoFlow:"column",[`&, & :where(.${r.root}, :has(.${r.root}))`]:{flexGrow:0}},'&:has([data-sidebar-footer*="secondary"]:not(:empty))':{justifySelf:"initial"}}}))};export const MobileUniversalSidebarFooter=i(o=>{let{topText:r,bottomText:a}=o,{hasSteps:i}=s(),h=i?"row":"column";return t(y.Root,{"data-sidebar-footer":n({variant:{extended:i}}),children:[e(y.Text,{children:e(d,{children:r})}),t(y.Grid,{children:[e(l,{direction:h}),t(y.Actions,{children:[e("div",{"data-sidebar-footer":"slot[action.secondary]",children:e(m,{})}),t("div",{"data-sidebar-footer":"slot[action.primary]",children:[e(p,{}),e(c,{})]})]})]}),e(y.Text,{children:e(d,{children:a})}),i&&e(f,{})]})});

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/universal/index.d.ts

@@ -0,0 +1,2 @@
+export { DesktopUniversalSidebarFooter } from './DesktopUniversalSidebarFooter.js';
+export { MobileUniversalSidebarFooter } from './MobileUniversalSidebarFooter.js';

package/dist/configurator/ui/phoenix-layout-elements/sidebar-footer/universal/index.js

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

package/dist/configurator/ui/phoenix-layout-elements/svg-throbber-3d/SalsitaLogoThrobber3D.d.ts

@@ -0,0 +1,4 @@
+import type { SvgThrobber3DProps } from './SvgThrobber3D.js';
+type SalsitaLogoThrobber3DProps = Omit<SvgThrobber3DProps, 'svg' | 'svgUrl'>;
+export declare function SalsitaLogoThrobber3D(props: SalsitaLogoThrobber3DProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/configurator/ui/phoenix-layout-elements/svg-throbber-3d/SalsitaLogoThrobber3D.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{SvgThrobber3D as r}from"./SvgThrobber3D.js";import{SALSITA_LOGO_SVG as t}from"./salsita-logo-svg.js";export function SalsitaLogoThrobber3D(o){return e(r,{svg:t,extrudeDepth:1,rotation:{speed:1.5},iridescence:{intensity:1.2,speed:.2},bounce:{intensity:.5,period:1,squash:.8,drift:.1},assembly:{duration:2},...o})}