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

package/dist/cjs/components/src/components/Organisms/Chat/ResultsDisplay.js

@@ -0,0 +1,86 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResultsDisplay = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var mobx_react_lite_1 = require("mobx-react-lite");
+var react_1 = require("@emotion/react");
+var Carousel_1 = require("../../Molecules/Carousel");
+var ChatResult_1 = require("./ChatResult");
+var carouselStyleScript = function () {
+    return (0, react_1.css)({
+        position: 'relative',
+        '.ss__carousel__prev-wrapper, .ss__carousel__next-wrapper': {
+            position: 'absolute',
+            top: '50%',
+            transform: 'translateY(-50%)',
+            zIndex: 9,
+            '.ss__carousel__prev, .ss__carousel__next': {
+                background: 'rgba(255, 255, 255, 0.85)',
+                borderRadius: '50%',
+                width: '2em',
+                height: '2em',
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                boxShadow: '0 1px 3px rgba(0, 0, 0, 0.2)',
+            },
+        },
+        '.ss__carousel__prev-wrapper': {
+            left: 0,
+        },
+        '.ss__carousel__next-wrapper': {
+            right: 0,
+        },
+    });
+};
+exports.ResultsDisplay = (0, mobx_react_lite_1.observer)(function (props) {
+    var _a, _b;
+    var chatItem = props.chatItem, controller = props.controller, scrollToBottom = props.scrollToBottom, onViewProduct = props.onViewProduct;
+    var currentChat = controller.store.currentChat;
+    var activeMessage = currentChat === null || currentChat === void 0 ? void 0 : currentChat.activeMessage;
+    var isSideChatOpen = !!activeMessage &&
+        ['inspirationResult', 'productComparison', 'productQuery'].includes(activeMessage.messageType) &&
+        (currentChat === null || currentChat === void 0 ? void 0 : currentChat.dismissedSideChatMessageId) !== activeMessage.id;
+    var isNarrow = typeof window !== 'undefined' && window.innerWidth < 550;
+    var isConstrained = !isNarrow && isSideChatOpen && typeof window !== 'undefined' && window.innerWidth >= 768;
+    var slidesPerView = isNarrow || isConstrained ? 1.9 : 2.9;
+    var carouselProps = {
+        breakpoints: undefined,
+        slidesPerView: slidesPerView,
+        slidesPerGroup: isNarrow || isConstrained ? 2 : 3,
+        loop: false,
+        pagination: false,
+        centerInsufficientSlides: false,
+        freeMode: true,
+        styleScript: carouselStyleScript,
+    };
+    var handleResultClick = function (e, result) {
+        // buttons should be able to be clicked without triggering the product click
+        if (e.composedPath().some(function (el) { return el instanceof HTMLElement && el.matches('button, .ss__button, a'); }))
+            return;
+        controller.viewProduct(result);
+        onViewProduct === null || onViewProduct === void 0 ? void 0 : onViewProduct();
+    };
+    if (chatItem.messageType === 'productRecommendation' && ((_a = chatItem.recommendationResult) === null || _a === void 0 ? void 0 : _a.length)) {
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: chatItem.recommendationResult.map(function (recommendation, index) {
+                var _a;
+                return ((_a = recommendation.results) === null || _a === void 0 ? void 0 : _a.length) > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-text__results", style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(Carousel_1.Carousel, __assign({}, carouselProps, { hideButtons: recommendation.results.length <= slidesPerView, children: recommendation.results.map(function (result) {
+                            return ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-text__results__result", style: { height: '100%', width: '100%', display: 'flex', cursor: 'pointer' }, onClick: function (e) { return handleResultClick(e, result); }, children: (0, jsx_runtime_1.jsx)(ChatResult_1.ChatResult, { result: result, controller: controller, scrollToBottom: scrollToBottom }) }, result.id));
+                        }) })) }, index)) : null;
+            }) }));
+    }
+    return ((_b = chatItem.results) === null || _b === void 0 ? void 0 : _b.length) > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-text__results", style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(Carousel_1.Carousel, __assign({}, carouselProps, { hideButtons: chatItem.results.length <= slidesPerView, children: chatItem.results.map(function (result) {
+                return ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-text__results__result", style: { height: '100%', width: '100%', display: 'flex', cursor: 'pointer' }, onClick: function (e) { return handleResultClick(e, result); }, children: (0, jsx_runtime_1.jsx)(ChatResult_1.ChatResult, { result: result, controller: controller, scrollToBottom: scrollToBottom }) }, result.id));
+            }) })) })) : null;
+});

package/dist/cjs/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/cjs/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/cjs/components/src/components/Organisms/Chat/SuggestedQuestions.js

@@ -0,0 +1,73 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SuggestedQuestions = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var mobx_react_lite_1 = require("mobx-react-lite");
+var Icon_1 = require("../../Atoms/Icon");
+var __1 = require("../../..");
+var utilities_1 = require("../../../utilities");
+var defaultStyles = function () {
+    var colorPrimary = '#253B80';
+    return (0, __1.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',
+                },
+            },
+        },
+    });
+};
+exports.SuggestedQuestions = (0, mobx_react_lite_1.observer)(function (props) {
+    var _a;
+    var controller = props.controller, questions = props.questions, actions = props.actions;
+    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    var items = (_a = questions !== null && questions !== void 0 ? questions : actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action.message; })) !== null && _a !== void 0 ? _a : [];
+    if (items.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "ss__chat__suggestions" }, styling, { children: items.map(function (item, index) { return ((0, jsx_runtime_1.jsxs)("div", { className: "ss__chat__suggestions__item", onClick: function () {
+                controller.openChat(item);
+            }, children: [(0, jsx_runtime_1.jsx)("span", { className: "ss__chat__suggestions__item__text", children: item }), (0, jsx_runtime_1.jsx)("span", { className: "ss__chat__suggestions__item__icon", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "chat" }) })] }, index)); }) })));
+});

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

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

package/dist/cjs/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/cjs/components/src/components/Organisms/Chat/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Chat"), exports);

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

@@ -109,8 +109,8 @@ exports.FacetsHorizontal = (0, mobx_react_lite_1.observer)(function (properties)
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         limit: 6,
-        iconCollapse: 'angle-up',
-        iconExpand: 'angle-down',
+        iconCollapse: 'angle-down',
+        iconExpand: 'angle-up',
         clearAllText: 'Clear All',
         facets: (_b = (_a = properties.controller) === null || _a === void 0 ? void 0 : _a.store) === null || _b === void 0 ? void 0 : _b.facets,
         treePath: globalTreePath,

package/dist/cjs/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/cjs/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/cjs/components/src/components/Organisms/MobileSidebar/MobileSidebar.js

@@ -75,7 +75,7 @@ exports.MobileSidebar = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('mobileSidebar', globalTheme, defaultProps, properties);
-    var controller = props.controller, layout = props.layout, hideHeader = props.hideHeader, hideApplyButton = props.hideApplyButton, clearButtonIcon = props.clearButtonIcon, hideCloseButton = props.hideCloseButton, closeButtonText = props.closeButtonText, openButtonText = props.openButtonText, clearButtonText = props.clearButtonText, applyButtonIcon = props.applyButtonIcon, applyButtonText = props.applyButtonText, closeButtonIcon = props.closeButtonIcon, openButtonIcon = props.openButtonIcon, titleText = props.titleText, hideCloseButtonText = props.hideCloseButtonText, hideOpenButtonText = props.hideOpenButtonText, hideClearButtonText = props.hideClearButtonText, hideApplyButtonText = props.hideApplyButtonText, hideTitleText = props.hideTitleText, displayAt = props.displayAt, hideClearButton = props.hideClearButton, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, customComponent = props.customComponent;
+    var controller = props.controller, layout = props.layout, hideHeader = props.hideHeader, hideApplyButton = props.hideApplyButton, clearButtonIcon = props.clearButtonIcon, hideCloseButton = props.hideCloseButton, closeButtonText = props.closeButtonText, openButtonText = props.openButtonText, clearButtonText = props.clearButtonText, applyButtonIcon = props.applyButtonIcon, applyButtonText = props.applyButtonText, closeButtonIcon = props.closeButtonIcon, openButtonIcon = props.openButtonIcon, titleText = props.titleText, hideCloseButtonText = props.hideCloseButtonText, hideOpenButtonText = props.hideOpenButtonText, openButtonContent = props.openButtonContent, hideClearButtonText = props.hideClearButtonText, hideApplyButtonText = props.hideApplyButtonText, hideTitleText = props.hideTitleText, displayAt = props.displayAt, hideClearButton = props.hideClearButton, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, customComponent = props.customComponent;
     if (customComponent) {
         var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.mobileSidebar) || {}, customComponent);
         if (ComponentOverride) {
@@ -171,5 +171,5 @@ exports.MobileSidebar = (0, mobx_react_lite_1.observer)(function (properties) {
                             var _a, _b;
                             (_b = (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.base) === null || _b === void 0 ? void 0 : _b.focus();
                         });
-                    } }, subProps.button, { name: 'slideout', lang: { button: lang.openButtonText } })) }, subProps.slideout, { children: (0, jsx_runtime_1.jsx)(Content, { ref: contentRef }) })) })) }));
+                    } }, subProps.button, { name: 'slideout', children: openButtonContent ? openButtonContent : (0, jsx_runtime_1.jsx)("span", __assign({}, mergedLang.openButtonText.all)) })) }, subProps.slideout, { children: (0, jsx_runtime_1.jsx)(Content, { ref: contentRef }) })) })) }));
 });

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

@@ -38,7 +38,7 @@ var defaultStyles = function (_a) {
         flexFlow: 'row wrap',
         gap: gapSize,
         gridTemplateRows: 'auto',
-        gridTemplateColumns: "repeat(".concat(columns, ", 1fr)"),
+        gridTemplateColumns: "repeat(".concat(columns, ", minmax(0, 1fr))"),
         '& .ss__result, & .ss__result-layout': (_b = {
                 boxSizing: 'border-box',
                 flex: '0 1 auto',

package/dist/cjs/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/cjs/components/src/components/Templates/AutocompleteFixed/AutocompleteFixed.js

@@ -38,6 +38,7 @@ var defaultStyles = function (_a) {
         right: '0',
         top: '0',
         zIndex: 1001,
+        pointerEvents: 'none',
         '.ss__autocomplete-fixed__inner': {
             position: 'absolute',
             left: "calc(0px + ".concat((offset === null || offset === void 0 ? void 0 : offset.left) || 0, "px)"),
@@ -45,6 +46,7 @@ var defaultStyles = function (_a) {
             width: "calc(100% + ".concat((offset === null || offset === void 0 ? void 0 : offset.width) || 0, "px)"),
             zIndex: 1001,
             maxWidth: '100vw',
+            pointerEvents: 'auto',
             '.ss__search-input': {
                 background: '#fff',
                 width: "".concat(inputBounds.width, "px"),
@@ -93,6 +95,22 @@ exports.AutocompleteFixed = (0, mobx_react_lite_1.observer)(function (properties
     }
     var layout = props.layout, disableStyles = props.disableStyles, controller = props.controller, renderInput = props.renderInput, overlayColor = props.overlayColor, className = props.className, internalClassName = props.internalClassName, offset = props.offset, treePath = props.treePath;
     var renderedInputRef = (0, hooks_1.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.
+    (0, hooks_1.useEffect)(function () {
+        var onFocusChange = function (_context, next) {
+            if (!controller.store.state.focusedInput) {
+                setActive(false);
+            }
+            next();
+        };
+        controller.eventManager.on('focusChange', onFocusChange);
+        return function () {
+            var _a;
+            (_a = controller.eventManager.events['focusChange']) === null || _a === void 0 ? void 0 : _a.remove(onFocusChange);
+        };
+    }, []);
     var reset = function () {
         controller.setFocused();
         setActive(false);
@@ -125,6 +143,8 @@ exports.AutocompleteFixed = (0, mobx_react_lite_1.observer)(function (properties
                 icon: 'close-thin',
             }, closeSearchButton: {
                 onClick: function () { return reset(); },
+            }, chatButton: {
+                onClick: function () { return controller.openChat(); },
             }, inputName: inputName }, (0, utilities_1.defined)({
             disableStyles: disableStyles,
         })), { 

package/dist/cjs/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/cjs/components/src/components/Templates/AutocompleteModal/AutocompleteModal.js

@@ -40,6 +40,7 @@ var defaultStyles = function (_a) {
             right: '0',
             top: '0',
             zIndex: 1001,
+            pointerEvents: 'none',
             '& .ss__autocomplete-modal__inner': {
                 position: 'absolute',
                 left: 0,
@@ -54,6 +55,7 @@ var defaultStyles = function (_a) {
                 width: width,
                 height: height,
                 maxWidth: '100vw',
+                pointerEvents: 'auto',
             },
             '& .ss__overlay': {
                 zIndex: 1000,
@@ -109,6 +111,22 @@ exports.AutocompleteModal = (0, mobx_react_lite_1.observer)(function (properties
     }
     var layout = props.layout, disableStyles = props.disableStyles, overlayColor = props.overlayColor, controller = props.controller, renderInput = props.renderInput, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
     var renderedInputRef = (0, hooks_1.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.
+    (0, hooks_1.useEffect)(function () {
+        var onFocusChange = function (_context, next) {
+            if (!controller.store.state.focusedInput) {
+                setActive(false);
+            }
+            next();
+        };
+        controller.eventManager.on('focusChange', onFocusChange);
+        return function () {
+            var _a;
+            (_a = controller.eventManager.events['focusChange']) === null || _a === void 0 ? void 0 : _a.remove(onFocusChange);
+        };
+    }, []);
     var reset = function () {
         controller.setFocused();
         setActive(false);
@@ -123,7 +141,7 @@ exports.AutocompleteModal = (0, mobx_react_lite_1.observer)(function (properties
             theme: props === null || props === void 0 ? void 0 : props.theme, treePath: treePath }),
         modal: __assign(__assign({ 
             // default props
-            internalClassName: 'autocomplete-modal__modal', buttonSelector: buttonSelector, onOverlayClick: function () { return reset(); }, overlayColor: overlayColor, open: active }, (0, utilities_1.defined)({
+            internalClassName: 'autocomplete-modal__modal', buttonSelector: buttonSelector, onOverlayClick: reset, overlayColor: overlayColor, open: active }, (0, utilities_1.defined)({
             disableStyles: disableStyles,
         })), { 
             // component theme overrides
@@ -141,6 +159,8 @@ exports.AutocompleteModal = (0, mobx_react_lite_1.observer)(function (properties
             }, closeSearchButton: {
                 onClick: function () { return reset(); },
                 icon: 'angle-left',
+            }, chatButton: {
+                onClick: function () { return controller.openChat(); },
             }, inputName: inputName }, (0, utilities_1.defined)({
             disableStyles: disableStyles,
         })), { 

package/dist/cjs/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/cjs/components/src/components/Templates/AutocompleteSlideout/AutocompleteSlideout.js

@@ -103,6 +103,8 @@ exports.AutocompleteSlideout = (0, mobx_react_lite_1.observer)(function (propert
             }, closeSearchButton: {
                 onClick: function () { return reset(); },
                 icon: 'angle-left',
+            }, chatButton: {
+                onClick: function () { return controller.openChat(); },
             } }, (0, utilities_1.defined)({
             disableStyles: disableStyles,
         })), { 

package/dist/cjs/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/cjs/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/cjs/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/cjs/components/src/hooks/useLayoutOptions.js

@@ -19,24 +19,34 @@ var deepmerge_1 = __importDefault(require("deepmerge"));
 var useControllerStorage_1 = require("./useControllerStorage");
 var useLayoutOptions = function (props, globalTheme) {
     var layoutOptions = (props === null || props === void 0 ? void 0 : props.layoutOptions) || [];
-    // handle layoutOptions and selected option
-    var _a = (0, useControllerStorage_1.useControllerStorage)(props.controller, 'layoutOptions', layoutOptions.filter(function (option) { return option.default; }).pop()), selectedLayout = _a[0], setSelectedLayout = _a[1];
+    // 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(function (option) { return JSON.stringify(option) == JSON.stringify(selectedLayout); })) {
-            var newSelection = layoutOptions.filter(function (option) { return option.default; }).pop();
-            setSelectedLayout(newSelection);
-        }
-    }
-    catch (err) {
-        props.controller.log('invalid layoutOptions provided to component', props.inherits ? " '".concat(props.inherits, "'") : '');
+    // Note: JSON.stringify is avoided here because option objects may contain JSX (non-serializable) values
+    var isSameOption = function (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;
+    };
+    var toStorable = function (option) { return (option ? { value: option.value, label: option.label } : option); };
+    // handle layoutOptions and selected option — store only serializable identifiers
+    var _a = (0, useControllerStorage_1.useControllerStorage)(props.controller, 'layoutOptions', toStorable(layoutOptions.filter(function (option) { return option.default; }).pop())), storedSelection = _a[0], setStoredSelection = _a[1];
+    // Resolve the stored identifier back to the full option object (which may contain JSX)
+    var selectedLayout = layoutOptions.find(function (option) { return isSameOption(option, storedSelection); });
+    // verify storedSelection is in layoutOptions - if not reset to the default
+    if (storedSelection && !selectedLayout) {
+        setStoredSelection(toStorable(layoutOptions.filter(function (option) { return option.default; }).pop()));
     }
     props.theme = props.theme || {};
     props.theme.components = __assign(__assign({}, (props.theme.components || {})), { layoutSelector: {
             options: layoutOptions,
             onSelect: function (e, option) {
                 if (option) {
-                    setSelectedLayout(option);
+                    setStoredSelection(toStorable(option));
                 }
             },
             selected: selectedLayout,

package/dist/cjs/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/cjs/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/cjs/components/src/index.js

@@ -81,6 +81,7 @@ __exportStar(require("./components/Organisms/Sidebar"), exports);
 __exportStar(require("./components/Organisms/Toolbar"), exports);
 __exportStar(require("./components/Organisms/Autocomplete"), exports);
 __exportStar(require("./components/Organisms/TermsList"), exports);
+__exportStar(require("./components/Organisms/Chat"), exports);
 // TEMPLATES
 __exportStar(require("./components/Templates/Recommendation"), exports);
 __exportStar(require("./components/Templates/RecommendationBundle"), exports);