@athoscommerce/snap-preact 1.13.3-beta.187 → 1.14.0

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

@@ -54,7 +54,7 @@ exports.AutocompleteSlideout = (0, mobx_react_lite_1.observer)((properties) => {
     if (!buttonSelector && input) {
         buttonSelector = input;
     }
-    const { layout, disableStyles, slideDirection, overlayColor, renderInput, className, internalClassName, treePath, width, tabManager } = props;
+    const { layout, column1, column2, column3, column4, disableStyles, slideDirection, overlayColor, renderInput, className, internalClassName, treePath, width, tabManager, } = props;
     let controller = props.controller;
     let controllers = [controller];
     if (tabManager && tabManager.active) {
@@ -113,11 +113,6 @@ 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,
@@ -127,7 +122,9 @@ exports.AutocompleteSlideout = (0, mobx_react_lite_1.observer)((properties) => {
             theme: props?.theme,
         },
     };
-    const styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    // the search input renders inside the layout when it contains a 'searchInput' module, otherwise above the layout
+    const searchInputInLayout = Boolean(renderInput) && (0, AutocompleteLayout_1.layoutHasModule)({ layout, column1, column2, column3, column4 }, 'searchInput');
+    const styling = (0, utilities_1.mergeStyles)({ ...props, searchInputInLayout }, defaultStyles);
     const [active, setActive] = (0, hooks_1.useState)(false);
     let _input;
     if (input) {
@@ -142,6 +139,7 @@ exports.AutocompleteSlideout = (0, mobx_react_lite_1.observer)((properties) => {
             buttonSelector,
         });
     }
+    const searchInput = renderInput ? ((0, jsx_runtime_1.jsx)(SearchInput_1.SearchInput, { ...subProps.searchInput, value: controller.store.state.input || '', inputRef: renderedInputRef })) : undefined;
     const acProps = {
         ...props,
     };
@@ -152,5 +150,5 @@ exports.AutocompleteSlideout = (0, mobx_react_lite_1.observer)((properties) => {
     delete acProps.styleScript;
     delete acProps.themeStyleScript;
     /***************************************/
-    return layout?.length ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)(Slideout_1.Slideout, { ...styling, ...subProps.slideout, className: (0, classnames_1.default)('ss__autocomplete-slideout', 'ss__autocomplete-slideout__slideout', className, internalClassName), active: active, children: (0, jsx_runtime_1.jsxs)("div", { className: "ss__autocomplete-slideout__inner", ref: (e) => (0, hooks_2.useA11y)(e, 0, true, reset), children: [renderInput ? ((0, jsx_runtime_1.jsx)(SearchInput_1.SearchInput, { ...subProps.searchInput, value: controller.store.state.input || '', inputRef: renderedInputRef })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})), (0, jsx_runtime_1.jsx)(AutocompleteLayout_1.AutocompleteLayout, { ...acProps, ...subProps.autocompleteLayout, input: _input, controller: controller, treePath: `${treePath} slideout` })] }) }) })) : null;
+    return layout?.length ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)(Slideout_1.Slideout, { ...styling, ...subProps.slideout, className: (0, classnames_1.default)('ss__autocomplete-slideout', 'ss__autocomplete-slideout__slideout', className, internalClassName), active: active, children: (0, jsx_runtime_1.jsxs)("div", { className: "ss__autocomplete-slideout__inner", ref: (e) => (0, hooks_2.useA11y)(e, 0, true, reset), children: [searchInput && !searchInputInLayout ? searchInput : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}), (0, jsx_runtime_1.jsx)(AutocompleteLayout_1.AutocompleteLayout, { ...acProps, ...subProps.autocompleteLayout, input: _input, controller: controller, searchInputSlot: searchInputInLayout ? searchInput : undefined, treePath: `${treePath} slideout` })] }) }) })) : null;
 });

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

@@ -239,7 +239,7 @@ exports.Search = (0, mobx_react_lite_1.observer)((properties) => {
     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`), ...(tabManager?.active
+                            (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 ${classNamePrefix}__slideout__sidebar-wrapper`, ref: (e) => (0, useA11y_1.useA11y)(e, 0, true), 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',

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 = exports.ChatButtonOrganism = exports.ChatOrganism = void 0;
+exports.useLang = exports.RecommendationResultTracker = void 0;
 // ATOMS
 __exportStar(require("./components/Atoms/BadgeImage"), exports);
 __exportStar(require("./components/Atoms/BadgePill"), exports);
@@ -23,7 +23,6 @@ __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);
@@ -39,15 +38,6 @@ __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/ChatQuickview"), 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);
@@ -95,13 +85,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);
-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,7 +12,6 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = [
     'breadcrumbs',
     'button',
     'dropdown',
-    'chatLoadingIndicator',
     'formattedNumber',
     'icon',
     'image',
@@ -30,15 +29,6 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = [
     'calloutBadge',
     'carousel',
     'checkbox',
-    'chatAttachmentContext',
-    'chatInspirationResultMessage',
-    'chatMessageText',
-    'chatMessageUser',
-    'chatProductComparisonMessage',
-    'chatQuickview',
-    'chatResult',
-    'chatResultsDisplay',
-    'chatSuggestedQuestions',
     'grid',
     'layoutSelector',
     'list',
@@ -70,16 +60,6 @@ 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/index.js

@@ -15,12 +15,8 @@ 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,
@@ -36,8 +32,6 @@ 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,
@@ -53,8 +47,6 @@ 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,
@@ -70,8 +62,6 @@ 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/index.js

@@ -15,12 +15,8 @@ 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,
@@ -36,8 +32,6 @@ 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,
@@ -53,8 +47,6 @@ 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,
@@ -70,8 +62,6 @@ 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/autocompleteFixed.js

@@ -31,7 +31,7 @@ const autocompleteFixedStyleScript = (props) => {
         '.ss__modal': {
             '.ss__modal__content': {
                 '.ss__autocomplete-fixed__inner': {
-                    '& > .ss__search-input': {
+                    '& .ss__search-input': {
                         height: `${searchInputHeight}px`,
                         margin: 0,
                         '.ss__button, .ss__search-input__button--close-search-button': {

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

@@ -34,7 +34,7 @@ const autocompleteModalStyleScript = (props) => {
                     flexFlow: 'column nowrap',
                     maxWidth: '1000px',
                     overflow: 'visible',
-                    '& > .ss__search-input': {
+                    '& .ss__search-input': {
                         height: 'auto',
                         flex: `0 0 ${searchInputHeight}px`,
                         margin: 0,

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

@@ -25,7 +25,7 @@ const autocompleteSlideoutStyleScript = (props) => {
         padding: `${custom_1.custom.spacing.x4}px`,
         '.ss__autocomplete-slideout__inner': {
             height: '100%',
-            '& > .ss__search-input': {
+            '& .ss__search-input': {
                 height: `${searchInputHeight}px`,
                 margin: `0 0 ${custom_1.custom.spacing.x4}px 0`,
                 '.ss__button, .ss__search-input__button--close-search-button': {
@@ -38,7 +38,8 @@ const autocompleteSlideoutStyleScript = (props) => {
             '.ss__autocomplete': {
                 alignContent: 'flex-start',
                 overflow: 'visible',
-                height: 'calc(100% - 60px)',
+                // reserve space for the search input (and its bottom margin) above the layout unless the input renders inside it
+                height: props.searchInputInLayout ? '100%' : `calc(100% - ${searchInputHeight + custom_1.custom.spacing.x4}px)`,
                 overflowY: 'auto',
                 overflowX: 'hidden',
                 ...custom_1.custom.styles.scrollbar(),

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

@@ -3,8 +3,6 @@ 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");
@@ -19,8 +17,6 @@ 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,
@@ -36,8 +32,6 @@ 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,
@@ -53,8 +47,6 @@ 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,
@@ -70,8 +62,6 @@ 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/index.js

@@ -15,12 +15,8 @@ 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,
@@ -36,8 +32,6 @@ 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,
@@ -53,8 +47,6 @@ 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,
@@ -70,8 +62,6 @@ 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/snappy/components/templates/index.js

@@ -15,12 +15,8 @@ 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,
@@ -36,8 +32,6 @@ 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,
@@ -53,8 +47,6 @@ 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,
@@ -70,8 +62,6 @@ 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/utilities/Colour/Colour.js

@@ -102,27 +102,6 @@ class Colour {
             return this;
         return new Colour(Colour.opacity(this.hex, -offset));
     }
-    /** Returns a hex string mixed linearly toward black. `amount` is a 0-1 proportion of
-     * black in the result — note this differs from `darken(offset)`, which takes a 0-100
-     * offset and returns a chainable `Colour`. 0.9 yields a near-black with a slight tint. */
-    mixBlack(amount = 0.3) {
-        return Colour.mixToward(this.hex, '#000000', amount) ?? this.hex ?? '';
-    }
-    /** Returns a hex string mixed linearly toward white. `amount` is a 0-1 proportion of
-     * white in the result — note this differs from `lighten(offset)`, which takes a 0-100
-     * offset and returns a chainable `Colour`. 0.9 yields a near-white with a slight tint. */
-    mixWhite(amount = 0.3) {
-        return Colour.mixToward(this.hex, '#ffffff', amount) ?? this.hex ?? '';
-    }
-    /** Returns the color only if it is a concrete value that can be manipulated and paired with
-     * other colors. Contextual CSS keywords (currentColor and the CSS-wide keywords) resolve
-     * against surrounding styles, so they would defeat `|| fallback` chains — those return undefined. */
-    static concrete(color) {
-        if (!color || ['currentcolor', 'inherit', 'initial', 'unset', 'revert'].includes(color.toLowerCase())) {
-            return undefined;
-        }
-        return color;
-    }
     static isRgb(color) {
         return Boolean(color.match(/^rgba?\([0-9]{1,3}[\s,\,]+[0-9]{1,3}[\s,\,]+[0-9]{1,3}[\s,\,]*\)$/i) ||
             color.match(/^rgba?\([0-9]{1,3}[\s,\,]+[0-9]{1,3}[\s,\,]+[0-9]{1,3}[\s,\,]+0?\.?[0-9]+%?[\s,\,]*\)$/i));
@@ -191,26 +170,6 @@ class Colour {
         }
         return hexValue;
     }
-    /** Linear RGB mix between two hex colors. `amount` (0-1) is the proportion of `towardHex`
-     * in the result. Returns the source `hex` unchanged when either input is invalid. */
-    static mixToward(hex, towardHex, amount) {
-        if (!hex)
-            return undefined;
-        if (!Colour.isHex(hex) || !Colour.isHex(towardHex))
-            return hex;
-        const clamped = Math.max(0, Math.min(1, amount));
-        const sourceR = parseInt(hex.slice(1, 3), 16);
-        const sourceG = parseInt(hex.slice(3, 5), 16);
-        const sourceB = parseInt(hex.slice(5, 7), 16);
-        const targetR = parseInt(towardHex.slice(1, 3), 16);
-        const targetG = parseInt(towardHex.slice(3, 5), 16);
-        const targetB = parseInt(towardHex.slice(5, 7), 16);
-        const mix = (s, t) => Math.round(s * (1 - clamped) + t * clamped);
-        const r = mix(sourceR, targetR).toString(16).padStart(2, '0');
-        const g = mix(sourceG, targetG).toString(16).padStart(2, '0');
-        const b = mix(sourceB, targetB).toString(16).padStart(2, '0');
-        return `#${r}${g}${b}`;
-    }
     static brightness(color, offset) {
         let isRgb = false;
         if (color && Colour.isRgb(color)) {

package/dist/cjs/components/src/utilities/componentArgs.js

@@ -43,6 +43,6 @@ exports.componentArgs = {
             },
             category: 'default Props',
         },
-        control: { type: 'none' },
+        control: false,
     },
 };

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

@@ -25,7 +25,6 @@ __exportStar(require("./parseProps"), exports);
 __exportStar(require("./mergeProps"), exports);
 __exportStar(require("./mergeStyles"), exports);
 __exportStar(require("./selectionKey"), exports);
-__exportStar(require("./storybook"), exports);
 __exportStar(require("./defaultBadgeComponentMap"), exports);
 __exportStar(require("./createImpressionObserver"), exports);
 __exportStar(require("./lazyRenderMinSize"), exports);

package/dist/cjs/components/src/utilities/snapify.js

@@ -45,20 +45,6 @@ class Snapify {
         cntrlr.init();
         return cntrlr;
     }
-    static chat(config) {
-        const id = config.id;
-        if (controllers[id]) {
-            return controllers[id];
-        }
-        const cntrlr = (controllers[id] = createChatController({ client, controller: config }));
-        cntrlr.on('afterStore', async ({ controller }, next) => {
-            controller.log.debug('controller', controller);
-            controller.log.debug('store', controller.store.toJSON());
-            await next();
-        });
-        cntrlr.init();
-        return cntrlr;
-    }
     static search(config) {
         const id = config.id;
         if (controllers[id]) {
@@ -101,19 +87,6 @@ function createRecommendationController(config) {
     });
     return cntrlr;
 }
-function createChatController(config) {
-    const urlManager = new snap_url_manager_1.UrlManager(new snap_url_manager_1.UrlTranslator(), snap_url_manager_1.reactLinker).detach(true);
-    const cntrlr = new snap_controller_1.ChatController(config.controller, {
-        client: new snap_client_1.Client(config.client.globals, config.client.config),
-        store: new snap_store_mobx_1.ChatStore({ ...config.controller, siteId: config.client.globals.siteId }, { urlManager }),
-        urlManager,
-        eventManager: new snap_event_manager_1.EventManager(),
-        profiler: new snap_profiler_1.Profiler(),
-        logger: new snap_logger_1.Logger(),
-        tracker: new snap_tracker_1.Tracker(config.client.globals),
-    });
-    return cntrlr;
-}
 function createAutocompleteController(config) {
     const urlManager = new snap_url_manager_1.UrlManager(new snap_url_manager_1.UrlTranslator(), snap_url_manager_1.reactLinker).detach();
     const cntrlr = new snap_controller_1.AutocompleteController(config.controller, {

package/dist/cjs/src/Snap.js

@@ -101,9 +101,6 @@ class Snap {
                 case snap_controller_1.ControllerTypes.recommendation:
                     importPromise = import('./create/createRecommendationController');
                     break;
-                case snap_controller_1.ControllerTypes.chat:
-                    importPromise = import('./create/createChatController');
-                    break;
                 case snap_controller_1.ControllerTypes.search:
                 default:
                     importPromise = import('./create/createSearchController');
@@ -126,7 +123,7 @@ class Snap {
                     profiler: services?.profiler,
                     logger: services?.logger,
                     tracker: services?.tracker || this.tracker,
-                    quickviewManager: services?.quickviewManager || (type === snap_controller_1.ControllerTypes.chat ? this.chatQuickviewManager : this.quickviewManager),
+                    quickviewManager: services?.quickviewManager || this.quickviewManager,
                 });
             }
             if (callback) {
@@ -496,18 +493,6 @@ class Snap {
                 this.logger.error(`Failed to create the Quickview Manager.`, err);
             }
         }
-        // Create the chat quickview manager whenever chat controllers are configured — even
-        // without a `quickview` config, since chat needs no component target (the productQuery
-        // panel renders a QuickviewLayout inline). Settings inherit from the quickview config
-        // when one exists so displayFields/imagesField behave consistently across both surfaces.
-        if (this.config.controllers?.chat?.length) {
-            try {
-                this.chatQuickviewManager = new snap_controller_1.QuickviewManager({}, { ...(this.config.quickview?.config || {}), id: 'chat-quickview' });
-            }
-            catch (err) {
-                this.logger.error(`Failed to create the chat Quickview Manager.`, err);
-            }
-        }
         // create controllers
         Object.keys(this.config?.controllers || {}).forEach((type) => {
             switch (type) {
@@ -570,6 +555,10 @@ class Snap {
                                     this.logger.error(COMPONENT_ERROR, target);
                                 }
                             };
+                            // keep in sync with SearchController.ts:156 (page may be a string, e.g. page = "404")
+                            const pageContext = this.context.page;
+                            const contextPageType = typeof pageContext === 'object' ? pageContext?.type : '';
+                            const isPlp = ['search', 'category'].includes(contextPageType);
                             controller?.targeters?.forEach((target, target_index) => {
                                 if (!target.selector) {
                                     throw new Error(`Targets at index ${target_index} missing selector value (string).`);
@@ -577,8 +566,7 @@ class Snap {
                                 if (!target.component) {
                                     throw new Error(`Targets at index ${target_index} missing component value (Component).`);
                                 }
-                                const contextPage = this.context.pageType && `${this.context.pageType}`.toLowerCase().trim();
-                                if (target.prefetch || ['search', 'category'].includes(contextPage)) {
+                                if (target.prefetch === true || (target.prefetch !== false && isPlp)) {
                                     runSearch();
                                     target.component();
                                 }
@@ -599,73 +587,6 @@ class Snap {
                     });
                     break;
                 }
-                case 'chat': {
-                    this.config.controllers[type].forEach((controller, index) => {
-                        if (typeof this._controllerPromises[controller.config.id] != 'undefined') {
-                            this.logger.error(`Controller with id '${controller.config.id}' is already defined`);
-                            return;
-                        }
-                        this._controllerPromises[controller.config.id] = new Promise(async (resolve) => {
-                            try {
-                                // `_initialized` is only set after the awaited init fires, so two chat
-                                // targeters would otherwise both re-run the init middleware
-                                let initialized = false;
-                                const targetFunction = async (target, elem, originalElem) => {
-                                    const onTarget = target.onTarget;
-                                    onTarget && (await onTarget(target, elem, originalElem));
-                                    try {
-                                        const importPromises = [];
-                                        // dynamically import the component
-                                        importPromises.push(target.component());
-                                        const importResolutions = await Promise.all(importPromises);
-                                        const Component = importResolutions[0];
-                                        setTimeout(() => {
-                                            (0, preact_1.render)((0, jsx_runtime_1.jsx)(Component, { controller: this.controllers[controller.config.id], snap: this, ...target.props }), elem);
-                                        });
-                                    }
-                                    catch (err) {
-                                        this.logger.error(err);
-                                        this.logger.error(COMPONENT_ERROR, target);
-                                    }
-                                };
-                                if (!controller?.targeters || controller?.targeters.length === 0) {
-                                    const cntrlr = await this._createController(snap_controller_1.ControllerTypes.chat, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
-                                        if (cntrlr)
-                                            resolve(cntrlr);
-                                    });
-                                    if (!cntrlr.initialized)
-                                        cntrlr.init();
-                                }
-                                controller?.targeters?.forEach((target, target_index) => {
-                                    if (!target.selector) {
-                                        throw new Error(`Targets at index ${target_index} missing selector value (string).`);
-                                    }
-                                    if (!target.component) {
-                                        throw new Error(`Targets at index ${target_index} missing component value (Component).`);
-                                    }
-                                    target = (0, utils_1.applyChatTargetInject)(target);
-                                    const targeter = new snap_toolbox_1.DomTargeter([{ ...target }], async (target, elem, originalElem) => {
-                                        const cntrlr = await this._createController(snap_controller_1.ControllerTypes.chat, controller.config, controller.services, controller.url, controller.context, (cntrlr) => {
-                                            if (cntrlr)
-                                                resolve(cntrlr);
-                                        });
-                                        if (!initialized) {
-                                            initialized = true;
-                                            if (!cntrlr.initialized)
-                                                cntrlr.init();
-                                        }
-                                        targetFunction({ controller: cntrlr, ...target }, elem, originalElem);
-                                        cntrlr.addTargeter(targeter);
-                                    });
-                                });
-                            }
-                            catch (err) {
-                                this.logger.error(`Failed to instantiate ${type} controller at index ${index}.`, err);
-                            }
-                        });
-                    });
-                    break;
-                }
                 case 'autocomplete': {
                     this.config.controllers[type].forEach((controller, index) => {
                         if (typeof this._controllerPromises[controller.config.id] != 'undefined') {