@athoscommerce/snap-preact 1.2.1 → 1.2.3-beta.1

package/dist/esm/components/src/components/Organisms/Chat/SuggestedQuestions.d.ts

@@ -0,0 +1,12 @@
+import { ChatController } from '@athoscommerce/snap-controller';
+import type { ChatResponseActionsData } from '@athoscommerce/snap-client/dist/cjs/Client/transforms/chatResponse';
+export declare const SuggestedQuestions: ((props: SuggestedQuestionsProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};
+interface SuggestedQuestionsProps {
+    questions?: string[];
+    actions?: ChatResponseActionsData['actions'];
+    controller: ChatController;
+}
+export {};
+//# sourceMappingURL=SuggestedQuestions.d.ts.map

package/dist/esm/components/src/components/Organisms/Chat/SuggestedQuestions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestedQuestions.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/SuggestedQuestions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAIhE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oEAAoE,CAAC;AA6ClH,eAAO,MAAM,kBAAkB,WAAoB,uBAAuB;;CA4BxE,CAAC;AAEH,UAAU,uBAAuB;IAChC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;IAC7C,UAAU,EAAE,cAAc,CAAC;CAC3B"}

package/dist/esm/components/src/components/Organisms/Chat/SuggestedQuestions.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { observer } from 'mobx-react-lite';
+import { Icon } from '../../Atoms/Icon';
+import { css } from '../../..';
+import { mergeStyles } from '../../../utilities';
+const defaultStyles = () => {
+    const colorPrimary = '#253B80';
+    return css({
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '10px',
+        '.ss__chat__suggestions__item': {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            gap: '12px',
+            background: '#fff',
+            border: '1px solid #eee',
+            borderRadius: '12px',
+            padding: '14px 16px',
+            cursor: 'pointer',
+            fontSize: '14px',
+            color: '#333',
+            '&:hover': {
+                borderColor: '#ccc',
+                boxShadow: '0 2px 8px rgba(0, 0, 0, 0.08)',
+            },
+            '.ss__chat__suggestions__item__text': {
+                flex: 1,
+                fontWeight: 500,
+            },
+            '.ss__chat__suggestions__item__icon': {
+                width: '30px',
+                height: '30px',
+                background: colorPrimary,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                borderRadius: '50%',
+                svg: {
+                    fill: '#fff',
+                    stroke: '#fff',
+                },
+            },
+        },
+    });
+};
+export const SuggestedQuestions = observer((props) => {
+    const { controller, questions, actions } = props;
+    const styling = mergeStyles(props, defaultStyles);
+    const items = questions ?? actions?.map((action) => action.message) ?? [];
+    if (items.length === 0) {
+        return null;
+    }
+    return (_jsx("div", { className: "ss__chat__suggestions", ...styling, children: items.map((item, index) => (_jsxs("div", { className: "ss__chat__suggestions__item", onClick: () => {
+                controller.openChat(item);
+            }, children: [_jsx("span", { className: "ss__chat__suggestions__item__text", children: item }), _jsx("span", { className: "ss__chat__suggestions__item__icon", children: _jsx(Icon, { icon: "chat" }) })] }, index))) }));
+});

package/dist/esm/components/src/components/Organisms/Chat/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Chat';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/src/components/Organisms/Chat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/esm/components/src/components/Organisms/Chat/index.js

@@ -0,0 +1 @@
+export * from './Chat';

package/dist/esm/components/src/components/Organisms/FacetsHorizontal/FacetsHorizontal.js

@@ -89,8 +89,8 @@ export const FacetsHorizontal = observer((properties) => {
     const globalTreePath = useTreePath();
     const defaultProps = {
         limit: 6,
-        iconCollapse: 'angle-up',
-        iconExpand: 'angle-down',
+        iconCollapse: 'angle-down',
+        iconExpand: 'angle-up',
         clearAllText: 'Clear All',
         facets: properties.controller?.store?.facets,
         treePath: globalTreePath,

package/dist/esm/components/src/components/Organisms/MobileSidebar/MobileSidebar.d.ts

@@ -18,6 +18,7 @@ export type MobileSidebarTemplatesLegalProps = {
     hideApplyButtonText?: boolean;
     hideCloseButtonText?: boolean;
     openButtonText?: string;
+    openButtonContent?: string | JSX.Element;
     clearButtonText?: string;
     applyButtonText?: string;
     closeButtonText?: string;

package/dist/esm/components/src/components/Organisms/MobileSidebar/MobileSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileSidebar.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/MobileSidebar/MobileSidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAGlE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAErD,OAAO,EAAE,IAAI,EAAkC,MAAM,gBAAgB,CAAC;AAGtE,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA0C5D,eAAO,MAAM,aAAa,gBAAyB,kBAAkB;;CAmPnE,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG;IAChC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAClC,GAAG,gCAAgC,GACnC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEpC,MAAM,MAAM,gCAAgC,GAAG;IAC9C,MAAM,CAAC,EAAE,kBAAkB,EAAE,GAAG,kBAAkB,EAAE,EAAE,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IACjC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,SAAS,EAAE,IAAI,CAAC;QACf,UAAU,EAAE,gBAAgB,CAAC;KAC7B,CAAC,CAAC;IACH,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;CAC7B"}
+{"version":3,"file":"MobileSidebar.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/MobileSidebar/MobileSidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAGlE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAErD,OAAO,EAAE,IAAI,EAAkC,MAAM,gBAAgB,CAAC;AAGtE,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA0C5D,eAAO,MAAM,aAAa,gBAAyB,kBAAkB;;CAqPnE,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG;IAChC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAClC,GAAG,gCAAgC,GACnC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEpC,MAAM,MAAM,gCAAgC,GAAG;IAC9C,MAAM,CAAC,EAAE,kBAAkB,EAAE,GAAG,kBAAkB,EAAE,EAAE,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IACjC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,SAAS,EAAE,IAAI,CAAC;QACf,UAAU,EAAE,gBAAgB,CAAC;KAC7B,CAAC,CAAC;IACH,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;CAC7B"}

package/dist/esm/components/src/components/Organisms/MobileSidebar/MobileSidebar.js

@@ -57,7 +57,7 @@ export const MobileSidebar = observer((properties) => {
         treePath: globalTreePath,
     };
     const props = mergeProps('mobileSidebar', globalTheme, defaultProps, properties);
-    const { controller, layout, hideHeader, hideApplyButton, clearButtonIcon, hideCloseButton, closeButtonText, openButtonText, clearButtonText, applyButtonIcon, applyButtonText, closeButtonIcon, openButtonIcon, titleText, hideCloseButtonText, hideOpenButtonText, hideClearButtonText, hideApplyButtonText, hideTitleText, displayAt, hideClearButton, disableStyles, className, internalClassName, treePath, customComponent, } = props;
+    const { controller, layout, hideHeader, hideApplyButton, clearButtonIcon, hideCloseButton, closeButtonText, openButtonText, clearButtonText, applyButtonIcon, applyButtonText, closeButtonIcon, openButtonIcon, titleText, hideCloseButtonText, hideOpenButtonText, openButtonContent, hideClearButtonText, hideApplyButtonText, hideTitleText, displayAt, hideClearButton, disableStyles, className, internalClassName, treePath, customComponent, } = props;
     if (customComponent) {
         const ComponentOverride = useComponent(snap?.templates?.library.import.component.mobileSidebar || {}, customComponent);
         if (ComponentOverride) {
@@ -163,5 +163,5 @@ export const MobileSidebar = observer((properties) => {
                         setTimeout(() => {
                             contentRef.current?.base?.focus();
                         });
-                    }, ...subProps.button, name: 'slideout', lang: { button: lang.openButtonText } }), ...subProps.slideout, children: _jsx(Content, { ref: contentRef }) }) }) }));
+                    }, ...subProps.button, name: 'slideout', children: openButtonContent ? openButtonContent : _jsx("span", { ...mergedLang.openButtonText.all }) }), ...subProps.slideout, children: _jsx(Content, { ref: contentRef }) }) }) }));
 });

package/dist/esm/components/src/components/Organisms/Results/Results.js

@@ -19,7 +19,7 @@ const defaultStyles = ({ gapSize, columns }) => {
         flexFlow: 'row wrap',
         gap: gapSize,
         gridTemplateRows: 'auto',
-        gridTemplateColumns: `repeat(${columns}, 1fr)`,
+        gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,
         '& .ss__result, & .ss__result-layout': {
             boxSizing: 'border-box',
             flex: '0 1 auto',

package/dist/esm/components/src/components/Templates/AutocompleteFixed/AutocompleteFixed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteFixed.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteFixed/AutocompleteFixed.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAsB,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AA8CjG,eAAO,MAAM,iBAAiB,gBAAyB,sBAAsB;;CAuM3E,CAAC;AAEH,UAAU,WAAW;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf;AAQD,MAAM,MAAM,sBAAsB,GAAG;IACpC,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;CAC7C,GAAG,oCAAoC,GACvC,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,oCAAoC,GAAG;IAClD,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;CAC9C,GAAG,uBAAuB,CAAC"}
+{"version":3,"file":"AutocompleteFixed.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteFixed/AutocompleteFixed.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAsB,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AA+CjG,eAAO,MAAM,iBAAiB,gBAAyB,sBAAsB;;CA0N3E,CAAC;AAEH,UAAU,WAAW;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf;AAQD,MAAM,MAAM,sBAAsB,GAAG;IACpC,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;CAC7C,GAAG,oCAAoC,GACvC,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,oCAAoC,GAAG;IAClD,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;CAC9C,GAAG,uBAAuB,CAAC"}

package/dist/esm/components/src/components/Templates/AutocompleteFixed/AutocompleteFixed.js

@@ -20,6 +20,7 @@ const defaultStyles = ({ inputBounds, offset, renderInput, width }) => {
         right: '0',
         top: '0',
         zIndex: 1001,
+        pointerEvents: 'none',
         '.ss__autocomplete-fixed__inner': {
             position: 'absolute',
             left: `calc(0px + ${offset?.left || 0}px)`,
@@ -27,6 +28,7 @@ const defaultStyles = ({ inputBounds, offset, renderInput, width }) => {
             width: `calc(100% + ${offset?.width || 0}px)`,
             zIndex: 1001,
             maxWidth: '100vw',
+            pointerEvents: 'auto',
             '.ss__search-input': {
                 background: '#fff',
                 width: `${inputBounds.width}px`,
@@ -75,6 +77,21 @@ export const AutocompleteFixed = observer((properties) => {
     }
     const { layout, disableStyles, controller, renderInput, overlayColor, className, internalClassName, offset, treePath } = props;
     const renderedInputRef = useRef(null);
+    // Sync active state with controller's focusedInput.
+    // When the controller unfocuses (e.g. document click), close the autocomplete
+    // so the modal overlay doesn't persist over the input.
+    useEffect(() => {
+        const onFocusChange = (_context, next) => {
+            if (!controller.store.state.focusedInput) {
+                setActive(false);
+            }
+            next();
+        };
+        controller.eventManager.on('focusChange', onFocusChange);
+        return () => {
+            controller.eventManager.events['focusChange']?.remove(onFocusChange);
+        };
+    }, []);
     const reset = () => {
         controller.setFocused();
         setActive(false);
@@ -125,6 +142,9 @@ export const AutocompleteFixed = observer((properties) => {
             closeSearchButton: {
                 onClick: () => reset(),
             },
+            chatButton: {
+                onClick: () => controller.openChat(),
+            },
             inputName: inputName,
             // inherited props
             ...defined({

package/dist/esm/components/src/components/Templates/AutocompleteModal/AutocompleteModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteModal.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteModal/AutocompleteModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAsB,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AA4DjG,eAAO,MAAM,iBAAiB,gBAAyB,sBAAsB;;CAkJ3E,CAAC;AAQH,MAAM,MAAM,sBAAsB,GAAG;IACpC,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;CAC7C,GAAG,oCAAoC,GACvC,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,oCAAoC,GAAG;IAClD,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,uBAAuB,CAAC"}
+{"version":3,"file":"AutocompleteModal.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteModal/AutocompleteModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAsB,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AA8DjG,eAAO,MAAM,iBAAiB,gBAAyB,sBAAsB;;CAqK3E,CAAC;AAQH,MAAM,MAAM,sBAAsB,GAAG;IACpC,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;CAC7C,GAAG,oCAAoC,GACvC,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,oCAAoC,GAAG;IAClD,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,uBAAuB,CAAC"}

package/dist/esm/components/src/components/Templates/AutocompleteModal/AutocompleteModal.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { useRef, useState } from 'preact/hooks';
+import { useEffect, useRef, useState } from 'preact/hooks';
 import { observer } from 'mobx-react-lite';
 import { css } from '@emotion/react';
 import { defined, mergeProps, mergeStyles } from '../../../utilities';
@@ -21,6 +21,7 @@ const defaultStyles = ({ width, height, theme }) => {
         right: '0',
         top: '0',
         zIndex: 1001,
+        pointerEvents: 'none',
         '& .ss__autocomplete-modal__inner': {
             position: 'absolute',
             left: 0,
@@ -35,6 +36,7 @@ const defaultStyles = ({ width, height, theme }) => {
             width: width,
             height: height,
             maxWidth: '100vw',
+            pointerEvents: 'auto',
         },
         '& .ss__overlay': {
             zIndex: 1000,
@@ -89,6 +91,21 @@ export const AutocompleteModal = observer((properties) => {
     }
     const { layout, disableStyles, overlayColor, controller, renderInput, className, internalClassName, treePath } = props;
     const renderedInputRef = useRef(null);
+    // Sync active state with controller's focusedInput.
+    // When the controller unfocuses (e.g. document click), close the autocomplete
+    // so the modal overlay doesn't persist over the input.
+    useEffect(() => {
+        const onFocusChange = (_context, next) => {
+            if (!controller.store.state.focusedInput) {
+                setActive(false);
+            }
+            next();
+        };
+        controller.eventManager.on('focusChange', onFocusChange);
+        return () => {
+            controller.eventManager.events['focusChange']?.remove(onFocusChange);
+        };
+    }, []);
     const reset = () => {
         controller.setFocused();
         setActive(false);
@@ -110,7 +127,7 @@ export const AutocompleteModal = observer((properties) => {
             // default props
             internalClassName: 'autocomplete-modal__modal',
             buttonSelector: buttonSelector,
-            onOverlayClick: () => reset(),
+            onOverlayClick: reset,
             overlayColor: overlayColor,
             open: active,
             // inherited props
@@ -138,6 +155,9 @@ export const AutocompleteModal = observer((properties) => {
                 onClick: () => reset(),
                 icon: 'angle-left',
             },
+            chatButton: {
+                onClick: () => controller.openChat(),
+            },
             inputName: inputName,
             // inherited props
             ...defined({

package/dist/esm/components/src/components/Templates/AutocompleteSlideout/AutocompleteSlideout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteSlideout.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteSlideout/AutocompleteSlideout.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAsB,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACjG,OAAO,EAAE,kBAAkB,EAA2B,MAAM,0BAA0B,CAAC;AAsBvF,eAAO,MAAM,oBAAoB,gBAAyB,yBAAyB;;CA0JjF,CAAC;AAOH,MAAM,MAAM,yBAAyB,GAAG;IACvC,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;CAC7C,GAAG,uCAAuC,GAC1C,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,uCAAuC,GAAG;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,uBAAuB,CAAC"}
+{"version":3,"file":"AutocompleteSlideout.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/AutocompleteSlideout/AutocompleteSlideout.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAsB,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACjG,OAAO,EAAE,kBAAkB,EAA2B,MAAM,0BAA0B,CAAC;AAsBvF,eAAO,MAAM,oBAAoB,gBAAyB,yBAAyB;;CA6JjF,CAAC;AAOH,MAAM,MAAM,yBAAyB,GAAG;IACvC,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;CAC7C,GAAG,uCAAuC,GAC1C,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,uCAAuC,GAAG;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,uBAAuB,CAAC"}

package/dist/esm/components/src/components/Templates/AutocompleteSlideout/AutocompleteSlideout.js

@@ -104,6 +104,9 @@ export const AutocompleteSlideout = observer((properties) => {
                 onClick: () => reset(),
                 icon: 'angle-left',
             },
+            chatButton: {
+                onClick: () => controller.openChat(),
+            },
             // inherited props
             ...defined({
                 disableStyles,

package/dist/esm/components/src/components/Templates/Search/Search.d.ts

@@ -1,5 +1,5 @@
 import type { SearchController } from '@athoscommerce/snap-controller';
-import { ComponentProps, ListOption, JSXComponent } from '../../../types';
+import { ComponentProps, JSXComponent, LayoutSelectorOptions } from '../../../types';
 import { Lang } from '../../../hooks';
 import { SearchFilterStore } from '@athoscommerce/snap-store-mobx';
 export declare const Search: ((properties: SearchProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
@@ -20,7 +20,7 @@ export type SearchTemplatesLegalProps = {
     toggleSidebarButtonText?: string;
     toggleSidebarStartClosed?: boolean;
     hideToggleSidebarButton?: boolean;
-    layoutOptions?: ListOption[];
+    layoutOptions?: LayoutSelectorOptions;
 };
 export interface SearchLang {
     toggleSidebarButtonText?: Lang<{

package/dist/esm/components/src/components/Templates/Search/Search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/Search/Search.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAe,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAKvF,OAAO,EAAE,IAAI,EAA0B,MAAM,gBAAgB,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAwCnE,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CA+LrD,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG;IACzB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,mBAAmB,GAAG,kBAAkB,CAAC;IACjD,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;CAC7C,GAAG,yBAAyB,GAC5B,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,yBAAyB,GAAG;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,UAAU,EAAE,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,uBAAuB,CAAC,EAAE,IAAI,CAAC;QAAE,OAAO,EAAE,iBAAiB,CAAC;QAAC,gBAAgB,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAC1F"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Templates/Search/Search.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAe,YAAY,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAKlG,OAAO,EAAE,IAAI,EAA0B,MAAM,gBAAgB,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAwCnE,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CA+LrD,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG;IACzB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,mBAAmB,GAAG,kBAAkB,CAAC;IACjD,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;CAC7C,GAAG,yBAAyB,GAC5B,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAEzC,MAAM,MAAM,yBAAyB,GAAG;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,qBAAqB,CAAC;CACtC,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,uBAAuB,CAAC,EAAE,IAAI,CAAC;QAAE,OAAO,EAAE,iBAAiB,CAAC;QAAC,gBAAgB,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAC1F"}

package/dist/esm/components/src/hooks/useLayoutOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayoutOptions.d.ts","sourceRoot":"","sources":["../../../../../components/src/hooks/useLayoutOptions.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAGrC,eAAO,MAAM,gBAAgB,UAAW,GAAG,eAAe,KAAK,SAiE9D,CAAC"}
+{"version":3,"file":"useLayoutOptions.d.ts","sourceRoot":"","sources":["../../../../../components/src/hooks/useLayoutOptions.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAGrC,eAAO,MAAM,gBAAgB,UAAW,GAAG,eAAe,KAAK,SA4E9D,CAAC"}

package/dist/esm/components/src/hooks/useLayoutOptions.js

@@ -2,17 +2,27 @@ import deepmerge from 'deepmerge';
 import { useControllerStorage } from './useControllerStorage';
 export const useLayoutOptions = (props, globalTheme) => {
     const layoutOptions = props?.layoutOptions || [];
-    // handle layoutOptions and selected option
-    const [selectedLayout, setSelectedLayout] = useControllerStorage(props.controller, 'layoutOptions', layoutOptions.filter((option) => option.default).pop());
+    // Note: only store serializable identifiers (value/label) to avoid JSON.stringify failures
+    // on option objects that may contain JSX (e.g. icon: { children: <span>...</span> })
     // verify selectedLayout is in layoutOptions - if not set it to the default one
-    try {
-        if (!layoutOptions.some((option) => JSON.stringify(option) == JSON.stringify(selectedLayout))) {
-            const newSelection = layoutOptions.filter((option) => option.default).pop();
-            setSelectedLayout(newSelection);
-        }
-    }
-    catch (err) {
-        props.controller.log('invalid layoutOptions provided to component', props.inherits ? ` '${props.inherits}'` : '');
+    // Note: JSON.stringify is avoided here because option objects may contain JSX (non-serializable) values
+    const isSameOption = (a, b) => {
+        if (!a || !b)
+            return false;
+        if (a.value !== undefined && b.value !== undefined)
+            return a.value === b.value;
+        if (a.label !== undefined && b.label !== undefined)
+            return a.label === b.label;
+        return false;
+    };
+    const toStorable = (option) => (option ? { value: option.value, label: option.label } : option);
+    // handle layoutOptions and selected option — store only serializable identifiers
+    const [storedSelection, setStoredSelection] = useControllerStorage(props.controller, 'layoutOptions', toStorable(layoutOptions.filter((option) => option.default).pop()));
+    // Resolve the stored identifier back to the full option object (which may contain JSX)
+    const selectedLayout = layoutOptions.find((option) => isSameOption(option, storedSelection));
+    // verify storedSelection is in layoutOptions - if not reset to the default
+    if (storedSelection && !selectedLayout) {
+        setStoredSelection(toStorable(layoutOptions.filter((option) => option.default).pop()));
     }
     props.theme = props.theme || {};
     props.theme.components = {
@@ -21,7 +31,7 @@ export const useLayoutOptions = (props, globalTheme) => {
             options: layoutOptions,
             onSelect: (e, option) => {
                 if (option) {
-                    setSelectedLayout(option);
+                    setStoredSelection(toStorable(option));
                 }
             },
             selected: selectedLayout,

package/dist/esm/components/src/index.d.ts

@@ -60,6 +60,7 @@ export * from './components/Organisms/Sidebar';
 export * from './components/Organisms/Toolbar';
 export * from './components/Organisms/Autocomplete';
 export * from './components/Organisms/TermsList';
+export * from './components/Organisms/Chat';
 export * from './components/Templates/Recommendation';
 export * from './components/Templates/RecommendationBundle';
 export * from './components/Templates/RecommendationBundleEasyAdd';

package/dist/esm/components/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/src/index.ts"],"names":[],"mappings":"AACA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAG5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oCAAoC,CAAC;AAEnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wCAAwC,CAAC;AACvD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8BAA8B,CAAC;AAG7C,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AAGjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,oDAAoD,CAAC;AACnE,cAAc,iDAAiD,CAAC;AAChE,cAAc,qDAAqD,CAAC;AACpE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,0CAA0C,CAAC;AAGzD,cAAc,SAAS,CAAC;AAGxB,cAAc,qDAAqD,CAAC;AACpE,cAAc,qCAAqC,CAAC;AACpD,OAAO,EACN,aAAa,IAAI,2BAA2B,EAC5C,kBAAkB,IAAI,gCAAgC,GACtD,MAAM,qCAAqC,CAAC;AAG7C,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/src/index.ts"],"names":[],"mappings":"AACA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAG5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oCAAoC,CAAC;AAEnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wCAAwC,CAAC;AACvD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8BAA8B,CAAC;AAG7C,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAG5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,oDAAoD,CAAC;AACnE,cAAc,iDAAiD,CAAC;AAChE,cAAc,qDAAqD,CAAC;AACpE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,0CAA0C,CAAC;AAGzD,cAAc,SAAS,CAAC;AAGxB,cAAc,qDAAqD,CAAC;AACpE,cAAc,qCAAqC,CAAC;AACpD,OAAO,EACN,aAAa,IAAI,2BAA2B,EAC5C,kBAAkB,IAAI,gCAAgC,GACtD,MAAM,qCAAqC,CAAC;AAG7C,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC"}

package/dist/esm/components/src/index.js

@@ -64,6 +64,7 @@ export * from './components/Organisms/Sidebar';
 export * from './components/Organisms/Toolbar';
 export * from './components/Organisms/Autocomplete';
 export * from './components/Organisms/TermsList';
+export * from './components/Organisms/Chat';
 // TEMPLATES
 export * from './components/Templates/Recommendation';
 export * from './components/Templates/RecommendationBundle';

package/dist/esm/components/src/providers/themeComponents.d.ts

@@ -81,7 +81,9 @@ export type ThemeComponentProps<ComponentProps> = {
 type ThemeComponentTemplateUnNamedSelectors<TemplateComponentType extends string> = `${TemplateComponentType}`;
 type ThemeComponentOverridesUnNamedSelectors<ComponentType extends string> = `${ComponentType}` | `${string} ${ComponentType}`;
 type ThemeComponentOverridesNamedSelectors<ComponentType extends string, ComponentNames extends string> = `${ComponentType}` | `${string} ${ComponentType}` | `${string} ${ComponentType}.${ComponentNames}` | `${ComponentType}.${ComponentNames}`;
+type ThemeComponentOverridesOpenNamedOnlySelectors<ComponentType extends string> = `${ComponentType}.${string}` | `${string} ${ComponentType}.${string}`;
 type ThemeComponentUnNamedSelectorsStartingWithTemplate<TemplateComponentType extends string, SubComponentType extends string> = `${TemplateComponentType} ${SubComponentType}` | `${TemplateComponentType} ${string} ${SubComponentType}`;
+type ThemeComponentOpenNamedOnlySelectorsStartingWithTemplate<TemplateComponentType extends string, SubComponentType extends string> = `${TemplateComponentType} ${SubComponentType}.${string}` | `${TemplateComponentType} ${string} ${SubComponentType}.${string}`;
 type ThemeComponentNamedSelectorsStartingWithTemplate<TemplateComponentType extends string, SubComponentType extends string, ComponentNames extends string> = `${TemplateComponentType} ${SubComponentType}` | `${TemplateComponentType} ${string} ${SubComponentType}` | `${TemplateComponentType} ${string} ${SubComponentType}.${ComponentNames}` | `${TemplateComponentType} ${SubComponentType}.${ComponentNames}`;
 export type ThemeComponentRestrictedProps<Props extends LegalProps, LegalProps> = Partial<LegalProps & ThemeComponentAllowedProps<Props>>;
 type ThemeComponentAllowedProps<Props> = {
@@ -325,13 +327,17 @@ export type ThemeComponentsRestricted = {
 } & {
     [K in ThemeComponentOverridesUnNamedSelectors<'swatches'>]?: Partial<SwatchesTemplatesLegalProps>;
 } & {
-    [K in ThemeComponentOverridesNamedSelectors<'variantSelection', string>]?: Partial<VariantSelectionTemplatesLegalProps>;
+    [K in ThemeComponentOverridesUnNamedSelectors<'variantSelection'>]?: Partial<VariantSelectionTemplatesLegalProps>;
+} & {
+    [K in ThemeComponentOverridesOpenNamedOnlySelectors<'variantSelection'>]?: unknown;
 } & {
     [K in ThemeComponentOverridesNamedSelectors<'terms', TermsNames>]?: Partial<TermsTemplatesLegalProps>;
 } & {
     [K in ThemeComponentOverridesUnNamedSelectors<'branchOverride'>]?: Partial<BranchOverrideProps>;
 } & {
-    [K in ThemeComponentOverridesNamedSelectors<'facet', string>]?: Partial<FacetTemplatesLegalProps>;
+    [K in ThemeComponentOverridesUnNamedSelectors<'facet'>]?: Partial<FacetTemplatesLegalProps>;
+} & {
+    [K in ThemeComponentOverridesOpenNamedOnlySelectors<'facet'>]?: unknown;
 } & {
     [K in ThemeComponentOverridesUnNamedSelectors<'facets'>]?: Partial<FacetsTemplatesLegalProps>;
 } & {
@@ -361,17 +367,29 @@ export type ThemeComponentsRestricted = {
 } & {
     [K in ThemeComponentOverridesUnNamedSelectors<'autocompleteSlideout'>]?: Partial<AutocompleteSlideoutTemplatesLegalProps>;
 } & {
-    [K in ThemeComponentOverridesNamedSelectors<'recommendation', string>]?: Partial<RecommendationTemplatesLegalProps>;
+    [K in ThemeComponentOverridesUnNamedSelectors<'recommendation'>]?: Partial<RecommendationTemplatesLegalProps>;
+} & {
+    [K in ThemeComponentOverridesOpenNamedOnlySelectors<'recommendation'>]?: unknown;
+} & {
+    [K in ThemeComponentOverridesUnNamedSelectors<'recommendationBundle'>]?: Partial<RecommendationBundleTemplatesLegalProps>;
+} & {
+    [K in ThemeComponentOverridesOpenNamedOnlySelectors<'recommendationBundle'>]?: unknown;
+} & {
+    [K in ThemeComponentOverridesUnNamedSelectors<'recommendationBundleEasyAdd'>]?: Partial<RecommendationBundleEasyAddTemplatesLegalProps>;
+} & {
+    [K in ThemeComponentOverridesOpenNamedOnlySelectors<'recommendationBundleEasyAdd'>]?: unknown;
+} & {
+    [K in ThemeComponentOverridesUnNamedSelectors<'recommendationBundleList'>]?: Partial<RecommendationBundleListTemplatesLegalProps>;
 } & {
-    [K in ThemeComponentOverridesNamedSelectors<'recommendationBundle', string>]?: Partial<RecommendationBundleTemplatesLegalProps>;
+    [K in ThemeComponentOverridesOpenNamedOnlySelectors<'recommendationBundleList'>]?: unknown;
 } & {
-    [K in ThemeComponentOverridesNamedSelectors<'recommendationBundleEasyAdd', string>]?: Partial<RecommendationBundleEasyAddTemplatesLegalProps>;
+    [K in ThemeComponentOverridesUnNamedSelectors<'recommendationBundleVertical'>]?: Partial<RecommendationBundleVerticalTemplatesLegalProps>;
 } & {
-    [K in ThemeComponentOverridesNamedSelectors<'recommendationBundleList', string>]?: Partial<RecommendationBundleListTemplatesLegalProps>;
+    [K in ThemeComponentOverridesOpenNamedOnlySelectors<'recommendationBundleVertical'>]?: unknown;
 } & {
-    [K in ThemeComponentOverridesNamedSelectors<'recommendationBundleVertical', string>]?: Partial<RecommendationBundleVerticalTemplatesLegalProps>;
+    [K in ThemeComponentOverridesUnNamedSelectors<'recommendationGrid'>]?: Partial<RecommendationGridTemplatesLegalProps>;
 } & {
-    [K in ThemeComponentOverridesNamedSelectors<'recommendationGrid', string>]?: Partial<RecommendationGridTemplatesLegalProps>;
+    [K in ThemeComponentOverridesOpenNamedOnlySelectors<'recommendationGrid'>]?: unknown;
 } & {
     [K in ThemeComponentOverridesUnNamedSelectors<'recommendationEmail'>]?: Partial<RecommendationEmailTemplatesLegalProps>;
 } & {
@@ -474,13 +492,17 @@ export type ThemeComponentTemplateOverrides<Template extends string, Props exten
 } & {
     [K in ThemeComponentUnNamedSelectorsStartingWithTemplate<Template, 'swatches'>]?: Partial<SwatchesTemplatesLegalProps>;
 } & {
-    [K in ThemeComponentNamedSelectorsStartingWithTemplate<Template, 'variantSelection', string>]?: Partial<VariantSelectionTemplatesLegalProps>;
+    [K in ThemeComponentUnNamedSelectorsStartingWithTemplate<Template, 'variantSelection'>]?: Partial<VariantSelectionTemplatesLegalProps>;
+} & {
+    [K in ThemeComponentOpenNamedOnlySelectorsStartingWithTemplate<Template, 'variantSelection'>]?: unknown;
 } & {
     [K in ThemeComponentNamedSelectorsStartingWithTemplate<Template, 'terms', TermsNames>]?: Partial<TermsTemplatesLegalProps>;
 } & {
     [K in ThemeComponentUnNamedSelectorsStartingWithTemplate<Template, 'branchOverride'>]?: Partial<BranchOverrideProps>;
 } & {
-    [K in ThemeComponentNamedSelectorsStartingWithTemplate<Template, 'facet', string>]?: Partial<FacetTemplatesLegalProps>;
+    [K in ThemeComponentUnNamedSelectorsStartingWithTemplate<Template, 'facet'>]?: Partial<FacetTemplatesLegalProps>;
+} & {
+    [K in ThemeComponentOpenNamedOnlySelectorsStartingWithTemplate<Template, 'facet'>]?: unknown;
 } & {
     [K in ThemeComponentUnNamedSelectorsStartingWithTemplate<Template, 'facets'>]?: Partial<FacetsTemplatesLegalProps>;
 } & {
@@ -510,17 +532,29 @@ export type ThemeComponentTemplateOverrides<Template extends string, Props exten
 } & {
     [K in ThemeComponentUnNamedSelectorsStartingWithTemplate<Template, 'autocompleteSlideout'>]?: Partial<AutocompleteSlideoutTemplatesLegalProps>;
 } & {
-    [K in ThemeComponentNamedSelectorsStartingWithTemplate<Template, 'recommendation', string>]?: Partial<RecommendationTemplatesLegalProps>;
+    [K in ThemeComponentUnNamedSelectorsStartingWithTemplate<Template, 'recommendation'>]?: Partial<RecommendationTemplatesLegalProps>;
+} & {
+    [K in ThemeComponentOpenNamedOnlySelectorsStartingWithTemplate<Template, 'recommendation'>]?: unknown;
+} & {
+    [K in ThemeComponentUnNamedSelectorsStartingWithTemplate<Template, 'recommendationBundle'>]?: Partial<RecommendationBundleTemplatesLegalProps>;
+} & {
+    [K in ThemeComponentOpenNamedOnlySelectorsStartingWithTemplate<Template, 'recommendationBundle'>]?: unknown;
+} & {
+    [K in ThemeComponentUnNamedSelectorsStartingWithTemplate<Template, 'recommendationBundleEasyAdd'>]?: Partial<RecommendationBundleEasyAddTemplatesLegalProps>;
+} & {
+    [K in ThemeComponentOpenNamedOnlySelectorsStartingWithTemplate<Template, 'recommendationBundleEasyAdd'>]?: unknown;
+} & {
+    [K in ThemeComponentUnNamedSelectorsStartingWithTemplate<Template, 'recommendationBundleList'>]?: Partial<RecommendationBundleListTemplatesLegalProps>;
 } & {
-    [K in ThemeComponentNamedSelectorsStartingWithTemplate<Template, 'recommendationBundle', string>]?: Partial<RecommendationBundleTemplatesLegalProps>;
+    [K in ThemeComponentOpenNamedOnlySelectorsStartingWithTemplate<Template, 'recommendationBundleList'>]?: unknown;
 } & {
-    [K in ThemeComponentNamedSelectorsStartingWithTemplate<Template, 'recommendationBundleEasyAdd', string>]?: Partial<RecommendationBundleEasyAddTemplatesLegalProps>;
+    [K in ThemeComponentUnNamedSelectorsStartingWithTemplate<Template, 'recommendationBundleVertical'>]?: Partial<RecommendationBundleVerticalTemplatesLegalProps>;
 } & {
-    [K in ThemeComponentNamedSelectorsStartingWithTemplate<Template, 'recommendationBundleList', string>]?: Partial<RecommendationBundleListTemplatesLegalProps>;
+    [K in ThemeComponentOpenNamedOnlySelectorsStartingWithTemplate<Template, 'recommendationBundleVertical'>]?: unknown;
 } & {
-    [K in ThemeComponentNamedSelectorsStartingWithTemplate<Template, 'recommendationBundleVertical', string>]?: Partial<RecommendationBundleVerticalTemplatesLegalProps>;
+    [K in ThemeComponentUnNamedSelectorsStartingWithTemplate<Template, 'recommendationGrid'>]?: Partial<RecommendationGridTemplatesLegalProps>;
 } & {
-    [K in ThemeComponentNamedSelectorsStartingWithTemplate<Template, 'recommendationGrid', string>]?: Partial<RecommendationGridTemplatesLegalProps>;
+    [K in ThemeComponentOpenNamedOnlySelectorsStartingWithTemplate<Template, 'recommendationGrid'>]?: unknown;
 } & {
     [K in ThemeComponentUnNamedSelectorsStartingWithTemplate<Template, 'recommendationEmail'>]?: Partial<RecommendationEmailTemplatesLegalProps>;
 } & {