@athoscommerce/snap-preact 1.13.2 → 1.13.3-beta.168

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

@@ -0,0 +1,94 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatButtonOrganism = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const hooks_1 = require("preact/hooks");
+const react_1 = require("@emotion/react");
+const classnames_1 = __importDefault(require("classnames"));
+const deepmerge_1 = __importDefault(require("deepmerge"));
+const mobx_react_lite_1 = require("mobx-react-lite");
+const providers_1 = require("../../../providers");
+const utilities_1 = require("../../../utilities");
+const hooks_2 = require("../../../hooks");
+const Button_1 = require("../../Atoms/Button");
+const Chat_lang_1 = require("../Chat/Chat.lang");
+const ChatButton_lang_1 = require("./ChatButton.lang");
+const defaultStyles = ({ theme }) => {
+    // primary may be 'currentColor' (base theme) — background stays fixed so the
+    // pill remains legible wherever it inherits its color from
+    const color = theme?.variables?.colors?.primary || '#333';
+    return (0, react_1.css)({
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '8px',
+        padding: '8px 16px',
+        background: '#fff',
+        color: color,
+        border: `1px solid ${color}`,
+        borderRadius: '24px',
+        fontSize: '14px',
+        fontWeight: 600,
+        lineHeight: 1.2,
+        cursor: 'pointer',
+        transition: 'box-shadow 0.15s ease',
+        '&:hover': {
+            boxShadow: '0 2px 6px rgba(0, 0, 0, 0.15)',
+        },
+        '&:focus-visible': {
+            outline: '2px solid currentColor',
+            outlineOffset: '2px',
+        },
+        // native Button always renders its content span — collapse it when empty
+        // so the flex gap doesn't offset icon-only buttons
+        '.ss__button__content:empty': {
+            display: 'none',
+        },
+        '.ss__icon': {
+            fill: 'currentColor',
+            stroke: 'currentColor',
+        },
+    });
+};
+exports.ChatButtonOrganism = (0, mobx_react_lite_1.observer)((properties) => {
+    const globalTheme = (0, providers_1.useTheme)();
+    const globalTreePath = (0, providers_1.useTreePath)();
+    const defaultProps = {
+        icon: 'chat',
+        treePath: globalTreePath,
+    };
+    const props = (0, utilities_1.mergeProps)('chatButton', globalTheme, defaultProps, properties);
+    const { overrideElement, shouldRenderDefault } = (0, hooks_2.useCustomComponentOverride)('chatButton', props);
+    const { className, internalClassName, controller, content, children, icon, disableStyles, treePath } = props;
+    const { store } = controller;
+    // Register with the store so the Chat organism hides its built-in bubble while
+    // an external launcher is mounted. Runs before any early return (hooks-order safe).
+    (0, hooks_1.useEffect)(() => store.registerLauncher(), [store]);
+    // Same visibility rule as the Chat organism: hidden when disabled at bootstrap,
+    // but kept mounted when chat becomes disabled mid-session.
+    const wasVisibleRef = (0, hooks_1.useRef)(false);
+    if (!store.chatEnabled && !wasVisibleRef.current) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    }
+    wasVisibleRef.current = true;
+    if (!shouldRenderDefault) {
+        return overrideElement;
+    }
+    const subProps = {
+        button: {
+            // inherited props
+            ...(0, utilities_1.defined)({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath,
+        },
+    };
+    const styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    const lang = (0, deepmerge_1.default)(ChatButton_lang_1.chatButtonDefaultLang, props.lang || {});
+    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, { ...styling, ...subProps.button, native: true, type: "button", className: (0, classnames_1.default)('ss__chat-button', { 'ss__chat-button--open': store.open }, className, internalClassName), "aria-label": store.open ? (0, Chat_lang_1.langAttrOf)(lang.closeChatButton, 'aria-label') : (0, Chat_lang_1.langAttrOf)(lang.openChatButton, 'aria-label'), title: store.open ? (0, Chat_lang_1.langAttrOf)(lang.closeChatButton, 'title') : (0, Chat_lang_1.langAttrOf)(lang.openChatButton, 'title'), "aria-expanded": store.open, onClick: () => controller.handlers.button.click(), content: content || children ? ((0, jsx_runtime_1.jsxs)("span", { className: "ss__chat-button__content", children: [(0, utilities_1.cloneWithProps)(content, { treePath }), (0, utilities_1.cloneWithProps)(children, { treePath })] })) : undefined, icon: icon && { internalClassName: 'ss__chat-button__icon', ...(typeof icon == 'string' ? { icon: icon } : typeof icon == 'object' ? icon : {}) } }) }));
+});

package/dist/cjs/components/src/components/Organisms/ChatButton/ChatButton.lang.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chatButtonDefaultLang = void 0;
+exports.chatButtonDefaultLang = {
+    openChatButton: {
+        attributes: { 'aria-label': 'Open chat', title: 'Open Chat' },
+    },
+    closeChatButton: {
+        attributes: { 'aria-label': 'Close chat', title: 'Close Chat' },
+    },
+};

package/dist/cjs/components/src/components/Organisms/ChatButton/index.js

@@ -0,0 +1,18 @@
+"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("./ChatButton"), exports);
+__exportStar(require("./ChatButton.lang"), exports);

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

@@ -25,7 +25,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/cjs/components/src/components/Templates/AutocompleteFixed/AutocompleteFixed.js

@@ -151,6 +151,11 @@ exports.AutocompleteFixed = (0, mobx_react_lite_1.observer)((properties) => {
             closeSearchButton: {
                 onClick: () => reset(),
             },
+            // wiring only — no default `icon`, so the button stays hidden until a site
+            // opts in by supplying one via theme or props (see SearchInput.hideChatButton)
+            chatButton: {
+                onClick: () => controller.openChat(),
+            },
             inputName: inputName,
             // inherited props
             ...(0, utilities_1.defined)({

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

@@ -162,6 +162,11 @@ exports.AutocompleteModal = (0, mobx_react_lite_1.observer)((properties) => {
                 onClick: () => reset(),
                 icon: 'angle-left',
             },
+            // wiring only — no default `icon`, so the button stays hidden until a site
+            // opts in by supplying one via theme or props (see SearchInput.hideChatButton)
+            chatButton: {
+                onClick: () => controller.openChat(),
+            },
             inputName: inputName,
             // inherited props
             ...(0, utilities_1.defined)({

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

@@ -113,6 +113,11 @@ exports.AutocompleteSlideout = (0, mobx_react_lite_1.observer)((properties) => {
                 onClick: () => reset(),
                 icon: 'angle-left',
             },
+            // wiring only — no default `icon`, so the button stays hidden until a site
+            // opts in by supplying one via theme or props (see SearchInput.hideChatButton)
+            chatButton: {
+                onClick: () => controller.openChat(),
+            },
             // inherited props
             ...(0, utilities_1.defined)({
                 disableStyles,

package/dist/cjs/components/src/components/Templates/Chat/Chat.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chat = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@emotion/react");
+const classnames_1 = __importDefault(require("classnames"));
+const mobx_react_lite_1 = require("mobx-react-lite");
+const providers_1 = require("../../../providers");
+const utilities_1 = require("../../../utilities");
+const Chat_1 = require("../../Organisms/Chat");
+const defaultStyles = () => {
+    // The template itself is layout-free — the underlying Chat organism handles
+    // fixed positioning and sizing. The wrapper exists purely so theme overrides
+    // flow through mergeProps('chat', ...) and so the Chat surface can be themed
+    // per-template like Search and Recommendation.
+    return (0, react_1.css)({});
+};
+exports.Chat = (0, mobx_react_lite_1.observer)((properties) => {
+    const globalTheme = (0, providers_1.useTheme)();
+    const globalTreePath = (0, providers_1.useTreePath)();
+    const defaultProps = {
+        treePath: globalTreePath,
+    };
+    const props = (0, utilities_1.mergeProps)('chat', globalTheme, defaultProps, properties);
+    const { className, internalClassName, controller, disableStyles, treePath } = props;
+    const subProps = {
+        Chat: {
+            // inherited props
+            ...(0, utilities_1.defined)({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props.theme,
+            treePath,
+        },
+    };
+    const styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    // className/internalClassName stay on the template wrapper only — spreading them
+    // into the organism would duplicate user classes on two DOM levels
+    // treePath is omitted too — the organism calls mergeProps('chat') itself, and passing
+    // this one down would append a second 'chat' segment (ss-path="chat chat")
+    const organismProps = { ...props, className: undefined, internalClassName: undefined, treePath: undefined };
+    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", { ...styling, className: (0, classnames_1.default)('ss__chat-template', className, internalClassName), children: (0, jsx_runtime_1.jsx)(Chat_1.ChatOrganism, { ...subProps.Chat, ...organismProps, controller: controller }) }) }));
+});

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

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatButton = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@emotion/react");
+const classnames_1 = __importDefault(require("classnames"));
+const mobx_react_lite_1 = require("mobx-react-lite");
+const providers_1 = require("../../../providers");
+const utilities_1 = require("../../../utilities");
+const ChatButton_1 = require("../../Organisms/ChatButton");
+const defaultStyles = () => {
+    // inline-block so the wrapper flows alongside its siblings when injected into
+    // merchant chrome (e.g. a nav); all button styling lives in the organism
+    return (0, react_1.css)({
+        display: 'inline-block',
+    });
+};
+exports.ChatButton = (0, mobx_react_lite_1.observer)((properties) => {
+    const globalTheme = (0, providers_1.useTheme)();
+    const globalTreePath = (0, providers_1.useTreePath)();
+    const defaultProps = {
+        treePath: globalTreePath,
+    };
+    const props = (0, utilities_1.mergeProps)('chatButton', globalTheme, defaultProps, properties);
+    const { className, internalClassName, controller, disableStyles, treePath } = props;
+    const subProps = {
+        ChatButton: {
+            // inherited props
+            ...(0, utilities_1.defined)({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props.theme,
+            treePath,
+        },
+    };
+    const styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    // className/internalClassName stay on the template wrapper only — spreading them
+    // into the organism would duplicate user classes on two DOM levels
+    // treePath is omitted too — the organism calls mergeProps('chatButton') itself, and passing
+    // this one down would append a second 'chatButton' segment
+    const organismProps = { ...props, className: undefined, internalClassName: undefined, treePath: undefined };
+    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", { ...styling, className: (0, classnames_1.default)('ss__chat-button-template', className, internalClassName), children: (0, jsx_runtime_1.jsx)(ChatButton_1.ChatButtonOrganism, { ...subProps.ChatButton, ...organismProps, controller: controller }) }) }));
+});

package/dist/cjs/components/src/components/Templates/ChatButton/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("./ChatButton"), exports);

package/dist/cjs/components/src/components/Templates/Search/Search.js

@@ -234,8 +234,16 @@ exports.Search = (0, mobx_react_lite_1.observer)((properties) => {
         },
     };
     const styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    // whitespace is not permitted in an id and would split the aria-labelledby id reference list
+    const tabControllerId = controller.id;
     return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", { ...styling, className: (0, classnames_1.default)(classNamePrefix, className, internalClassName, sidebarOpenState ? `${classNamePrefix}--sidebar-open` : ''), children: [(0, jsx_runtime_1.jsx)("div", { className: `${classNamePrefix}__header-section`, children: !hideTopToolbar && (0, jsx_runtime_1.jsx)(Toolbar_1.Toolbar, { ...subProps.TopToolbar, controller: controller }) }), (0, jsx_runtime_1.jsxs)("div", { className: `${classNamePrefix}__main-section`, children: [!hideSidebar &&
                             store.loaded &&
                             store.pagination.totalResults > 0 &&
-                            (isMobile ? ((0, jsx_runtime_1.jsx)(Slideout_1.Slideout, { ...subProps.Slideout, active: justTransitionedToMobile ? false : sidebarOpenState, children: (0, jsx_runtime_1.jsx)("div", { className: `${classNamePrefix}__sidebar`, children: (0, jsx_runtime_1.jsx)(Sidebar_1.Sidebar, { ...subProps.MobileSidebar, controller: controller }) }) })) : sidebarOpenState ? ((0, jsx_runtime_1.jsx)("div", { className: `${classNamePrefix}__sidebar`, children: (0, jsx_runtime_1.jsx)(Sidebar_1.Sidebar, { ...subProps.Sidebar, controller: controller }) })) : null), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(`${classNamePrefix}__content`), children: [!hideMiddleToolbar && (0, jsx_runtime_1.jsx)(Toolbar_1.Toolbar, { ...subProps.MiddleToolbar, controller: controller }), store.pagination.totalResults ? ((0, jsx_runtime_1.jsx)(Results_1.Results, { ...subProps.Results, controller: controller })) : (store.pagination.totalResults === 0 && (0, jsx_runtime_1.jsx)(NoResults_1.NoResults, { ...subProps.NoResults, controller: controller })), !hideBottomToolbar && (0, jsx_runtime_1.jsx)(Toolbar_1.Toolbar, { ...subProps.BottomToolbar, controller: controller })] })] })] }) }));
+                            (isMobile ? ((0, jsx_runtime_1.jsx)(Slideout_1.Slideout, { ...subProps.Slideout, active: justTransitionedToMobile ? false : sidebarOpenState, children: (0, jsx_runtime_1.jsx)("div", { className: `${classNamePrefix}__sidebar`, children: (0, jsx_runtime_1.jsx)(Sidebar_1.Sidebar, { ...subProps.MobileSidebar, controller: controller }) }) })) : sidebarOpenState ? ((0, jsx_runtime_1.jsx)("div", { className: `${classNamePrefix}__sidebar`, children: (0, jsx_runtime_1.jsx)(Sidebar_1.Sidebar, { ...subProps.Sidebar, controller: controller }) })) : null), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(`${classNamePrefix}__content`), ...(tabManager?.active
+                                ? {
+                                    id: `ss__tabpanel--${tabControllerId}`,
+                                    role: 'tabpanel',
+                                    'aria-labelledby': `ss__tab--${tabControllerId}`,
+                                }
+                                : {}), children: [!hideMiddleToolbar && (0, jsx_runtime_1.jsx)(Toolbar_1.Toolbar, { ...subProps.MiddleToolbar, controller: controller }), store.pagination.totalResults ? ((0, jsx_runtime_1.jsx)(Results_1.Results, { ...subProps.Results, controller: controller })) : (store.pagination.totalResults === 0 && (0, jsx_runtime_1.jsx)(NoResults_1.NoResults, { ...subProps.NoResults, controller: controller })), !hideBottomToolbar && (0, jsx_runtime_1.jsx)(Toolbar_1.Toolbar, { ...subProps.BottomToolbar, controller: controller })] })] })] }) }));
 });

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

@@ -14,7 +14,7 @@ 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 });
-exports.useLang = exports.RecommendationResultTracker = void 0;
+exports.useLang = exports.RecommendationResultTracker = exports.ChatButtonOrganism = exports.ChatOrganism = void 0;
 // ATOMS
 __exportStar(require("./components/Atoms/BadgeImage"), exports);
 __exportStar(require("./components/Atoms/BadgePill"), exports);
@@ -23,6 +23,7 @@ __exportStar(require("./components/Atoms/BadgeText"), exports);
 __exportStar(require("./components/Atoms/Banner"), exports);
 __exportStar(require("./components/Atoms/Breadcrumbs"), exports);
 __exportStar(require("./components/Atoms/Button"), exports);
+__exportStar(require("./components/Atoms/ChatLoadingIndicator"), exports);
 __exportStar(require("./components/Atoms/Dropdown"), exports);
 __exportStar(require("./components/Atoms/FormattedNumber"), exports);
 __exportStar(require("./components/Atoms/Icon"), exports);
@@ -38,6 +39,15 @@ __exportStar(require("./components/Atoms/Skeleton"), exports);
 // MOLECULES
 __exportStar(require("./components/Molecules/CalloutBadge"), exports);
 __exportStar(require("./components/Molecules/Carousel"), exports);
+__exportStar(require("./components/Molecules/ChatAttachmentContext"), exports);
+__exportStar(require("./components/Molecules/ChatInspirationResultMessage"), exports);
+__exportStar(require("./components/Molecules/ChatMessageText"), exports);
+__exportStar(require("./components/Molecules/ChatMessageUser"), exports);
+__exportStar(require("./components/Molecules/ChatProductComparisonMessage"), exports);
+__exportStar(require("./components/Molecules/ChatProductQueryMessage"), exports);
+__exportStar(require("./components/Molecules/ChatResult"), exports);
+__exportStar(require("./components/Molecules/ChatResultsDisplay"), exports);
+__exportStar(require("./components/Molecules/ChatSuggestedQuestions"), exports);
 __exportStar(require("./components/Molecules/Checkbox"), exports);
 __exportStar(require("./components/Molecules/ErrorHandler"), exports);
 __exportStar(require("./components/Molecules/FacetGridOptions"), exports);
@@ -85,7 +95,13 @@ __exportStar(require("./components/Organisms/Sidebar"), exports);
 __exportStar(require("./components/Organisms/Toolbar"), exports);
 __exportStar(require("./components/Organisms/Autocomplete"), exports);
 __exportStar(require("./components/Organisms/TermsList"), exports);
+var Chat_1 = require("./components/Organisms/Chat");
+Object.defineProperty(exports, "ChatOrganism", { enumerable: true, get: function () { return Chat_1.ChatOrganism; } });
+var ChatButton_1 = require("./components/Organisms/ChatButton");
+Object.defineProperty(exports, "ChatButtonOrganism", { enumerable: true, get: function () { return ChatButton_1.ChatButtonOrganism; } });
 // TEMPLATES
+__exportStar(require("./components/Templates/Chat"), exports);
+__exportStar(require("./components/Templates/ChatButton"), exports);
 __exportStar(require("./components/Templates/QuickviewModal"), exports);
 __exportStar(require("./components/Templates/QuickviewSlideout"), exports);
 __exportStar(require("./components/Templates/Recommendation"), exports);

package/dist/cjs/components/src/providers/themeComponents.js

@@ -12,6 +12,7 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = [
     'breadcrumbs',
     'button',
     'dropdown',
+    'chatLoadingIndicator',
     'formattedNumber',
     'icon',
     'image',
@@ -29,6 +30,15 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = [
     'calloutBadge',
     'carousel',
     'checkbox',
+    'chatAttachmentContext',
+    'chatInspirationResultMessage',
+    'chatMessageText',
+    'chatMessageUser',
+    'chatProductComparisonMessage',
+    'chatProductQueryMessage',
+    'chatResult',
+    'chatResultsDisplay',
+    'chatSuggestedQuestions',
     'grid',
     'layoutSelector',
     'list',
@@ -60,6 +70,16 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = [
     'terms',
     /* organisms */
     'branchOverride',
+    'chat',
+    'chatButton',
+    'chatComparisonsTray',
+    'chatComposer',
+    'chatFacetsBar',
+    'chatHistory',
+    'chatMessages',
+    'chatSessionFeedback',
+    'chatSideChat',
+    'chatTopicDrift',
     'facet',
     'facets',
     'facetsHorizontal',

package/dist/cjs/components/src/themes/base/components/templates/chat.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chat = void 0;
+const chat_1 = require("../../../themeComponents/chat");
+// Chat component props come from Template export
+exports.chat = chat_1.chatThemeComponentProps;

package/dist/cjs/components/src/themes/base/components/templates/chatButton.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chatButton = void 0;
+const chatButton_1 = require("../../../themeComponents/chatButton");
+// ChatButton component props come from Template export
+exports.chatButton = chatButton_1.chatButtonThemeComponentProps;

package/dist/cjs/components/src/themes/base/components/templates/index.js

@@ -15,8 +15,12 @@ const searchCollapsible_1 = require("./searchCollapsible");
 const autocompleteSlideout_1 = require("./autocompleteSlideout");
 const autocompleteModal_1 = require("./autocompleteModal");
 const autocompleteFixed_1 = require("./autocompleteFixed");
+const chat_1 = require("./chat");
+const chatButton_1 = require("./chatButton");
 exports.templates = {
     default: {
+        ...chat_1.chat.default,
+        ...chatButton_1.chatButton.default,
         ...autocompleteSlideout_1.autocompleteSlideout.default,
         ...autocompleteModal_1.autocompleteModal.default,
         ...autocompleteFixed_1.autocompleteFixed.default,
@@ -32,6 +36,8 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.default,
     },
     mobile: {
+        ...chat_1.chat.mobile,
+        ...chatButton_1.chatButton.mobile,
         ...autocompleteSlideout_1.autocompleteSlideout.mobile,
         ...autocompleteModal_1.autocompleteModal.mobile,
         ...autocompleteFixed_1.autocompleteFixed.mobile,
@@ -47,6 +53,8 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.mobile,
     },
     tablet: {
+        ...chat_1.chat.tablet,
+        ...chatButton_1.chatButton.tablet,
         ...autocompleteSlideout_1.autocompleteSlideout.tablet,
         ...autocompleteModal_1.autocompleteModal.tablet,
         ...autocompleteFixed_1.autocompleteFixed.tablet,
@@ -62,6 +70,8 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.tablet,
     },
     desktop: {
+        ...chat_1.chat.desktop,
+        ...chatButton_1.chatButton.desktop,
         ...autocompleteSlideout_1.autocompleteSlideout.desktop,
         ...autocompleteModal_1.autocompleteModal.desktop,
         ...autocompleteFixed_1.autocompleteFixed.desktop,

package/dist/cjs/components/src/themes/bocachica/components/templates/chat.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chat = void 0;
+const chat_1 = require("../../../themeComponents/chat");
+// Chat component props come from Template export
+exports.chat = chat_1.chatThemeComponentProps;

package/dist/cjs/components/src/themes/bocachica/components/templates/chatButton.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chatButton = void 0;
+const chatButton_1 = require("../../../themeComponents/chatButton");
+// ChatButton component props come from Template export
+exports.chatButton = chatButton_1.chatButtonThemeComponentProps;

package/dist/cjs/components/src/themes/bocachica/components/templates/index.js

@@ -15,8 +15,12 @@ const searchCollapsible_1 = require("./searchCollapsible");
 const autocompleteSlideout_1 = require("./autocompleteSlideout");
 const autocompleteModal_1 = require("./autocompleteModal");
 const autocompleteFixed_1 = require("./autocompleteFixed");
+const chat_1 = require("./chat");
+const chatButton_1 = require("./chatButton");
 exports.templates = {
     default: {
+        ...chat_1.chat.default,
+        ...chatButton_1.chatButton.default,
         ...autocompleteSlideout_1.autocompleteSlideout.default,
         ...autocompleteModal_1.autocompleteModal.default,
         ...autocompleteFixed_1.autocompleteFixed.default,
@@ -32,6 +36,8 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.default,
     },
     mobile: {
+        ...chat_1.chat.mobile,
+        ...chatButton_1.chatButton.mobile,
         ...autocompleteSlideout_1.autocompleteSlideout.mobile,
         ...autocompleteModal_1.autocompleteModal.mobile,
         ...autocompleteFixed_1.autocompleteFixed.mobile,
@@ -47,6 +53,8 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.mobile,
     },
     tablet: {
+        ...chat_1.chat.tablet,
+        ...chatButton_1.chatButton.tablet,
         ...autocompleteSlideout_1.autocompleteSlideout.tablet,
         ...autocompleteModal_1.autocompleteModal.tablet,
         ...autocompleteFixed_1.autocompleteFixed.tablet,
@@ -62,6 +70,8 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.tablet,
     },
     desktop: {
+        ...chat_1.chat.desktop,
+        ...chatButton_1.chatButton.desktop,
         ...autocompleteSlideout_1.autocompleteSlideout.desktop,
         ...autocompleteModal_1.autocompleteModal.desktop,
         ...autocompleteFixed_1.autocompleteFixed.desktop,

package/dist/cjs/components/src/themes/pike/components/templates/chat.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chat = void 0;
+const chat_1 = require("../../../themeComponents/chat");
+// Chat component props come from Template export
+exports.chat = chat_1.chatThemeComponentProps;

package/dist/cjs/components/src/themes/pike/components/templates/chatButton.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chatButton = void 0;
+const chatButton_1 = require("../../../themeComponents/chatButton");
+// ChatButton component props come from Template export
+exports.chatButton = chatButton_1.chatButtonThemeComponentProps;

package/dist/cjs/components/src/themes/pike/components/templates/index.js

@@ -3,6 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.templates = void 0;
 // TEMPLATES
 const autocompleteFixed_1 = require("./autocompleteFixed");
+const chat_1 = require("./chat");
+const chatButton_1 = require("./chatButton");
 const autocompleteModal_1 = require("./autocompleteModal");
 const autocompleteSlideout_1 = require("./autocompleteSlideout");
 const recommendation_1 = require("./recommendation");
@@ -17,6 +19,8 @@ const searchHorizontal_1 = require("./searchHorizontal");
 const searchCollapsible_1 = require("./searchCollapsible");
 exports.templates = {
     default: {
+        ...chat_1.chat.default,
+        ...chatButton_1.chatButton.default,
         ...autocompleteFixed_1.autocompleteFixed.default,
         ...autocompleteModal_1.autocompleteModal.default,
         ...autocompleteSlideout_1.autocompleteSlideout.default,
@@ -32,6 +36,8 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.default,
     },
     mobile: {
+        ...chat_1.chat.mobile,
+        ...chatButton_1.chatButton.mobile,
         ...autocompleteFixed_1.autocompleteFixed.mobile,
         ...autocompleteModal_1.autocompleteModal.mobile,
         ...autocompleteSlideout_1.autocompleteSlideout.mobile,
@@ -47,6 +53,8 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.mobile,
     },
     tablet: {
+        ...chat_1.chat.tablet,
+        ...chatButton_1.chatButton.tablet,
         ...autocompleteFixed_1.autocompleteFixed.tablet,
         ...autocompleteModal_1.autocompleteModal.tablet,
         ...autocompleteSlideout_1.autocompleteSlideout.tablet,
@@ -62,6 +70,8 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.tablet,
     },
     desktop: {
+        ...chat_1.chat.desktop,
+        ...chatButton_1.chatButton.desktop,
         ...autocompleteFixed_1.autocompleteFixed.desktop,
         ...autocompleteModal_1.autocompleteModal.desktop,
         ...autocompleteSlideout_1.autocompleteSlideout.desktop,

package/dist/cjs/components/src/themes/snapnco/components/templates/chat.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chat = void 0;
+const chat_1 = require("../../../themeComponents/chat");
+// Chat component props come from Template export
+exports.chat = chat_1.chatThemeComponentProps;

package/dist/cjs/components/src/themes/snapnco/components/templates/chatButton.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chatButton = void 0;
+const chatButton_1 = require("../../../themeComponents/chatButton");
+// ChatButton component props come from Template export
+exports.chatButton = chatButton_1.chatButtonThemeComponentProps;