@athoscommerce/snap-preact 1.10.1-beta.150 → 1.12.0

package/dist/cjs/components/src/hooks/useAcRenderedInput.js

@@ -2,9 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAcRenderedInput = useAcRenderedInput;
 const hooks_1 = require("preact/hooks");
-function useAcRenderedInput({ input, controller, renderInput, buttonSelector, renderedInputRef, setActive, }) {
+const RENDERED_INPUT_SELECTOR = '.ss__autocomplete__search-input input';
+function useAcRenderedInput({ input, controllers, renderInput, buttonSelector, renderedInputRef, setActive, }) {
     const [_input, setInput] = (0, hooks_1.useState)(input);
     const [renderedInputInitialized, setRenderedInputInitialized] = (0, hooks_1.useState)(false);
+    const boundController = (0, hooks_1.useRef)(null);
+    // adds the rendered input to the controller's selector (once) and binds it
+    const bindRenderedInput = async (cntrlrs) => {
+        for (const cntrlr of cntrlrs) {
+            if (!cntrlr.config.selector.includes(RENDERED_INPUT_SELECTOR)) {
+                cntrlr.config.selector = `${cntrlr.config.selector}, ${RENDERED_INPUT_SELECTOR}`;
+            }
+            boundController.current = cntrlr;
+            await cntrlr.bind();
+        }
+    };
     const onClick = () => {
         if (setActive) {
             setActive(true);
@@ -13,8 +25,7 @@ function useAcRenderedInput({ input, controller, renderInput, buttonSelector, re
         setTimeout(async () => {
             if (!renderedInputInitialized) {
                 setInput(renderedInputRef.current);
-                controller.config.selector = `${controller.config.selector}, .autocomplete__search-input input`;
-                await controller.bind();
+                await bindRenderedInput(controllers);
                 renderedInputRef?.current?.focus();
             }
             setRenderedInputInitialized(true);

package/dist/cjs/components/src/hooks/useClickOutside.js

@@ -2,15 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useClickOutside = useClickOutside;
 const hooks_1 = require("preact/hooks");
-function useClickOutside(callback) {
+function useClickOutside(callback, capture = false) {
     const callbackRef = (0, hooks_1.useRef)();
     const innerRef = (0, hooks_1.useRef)();
     (0, hooks_1.useEffect)(() => {
         callbackRef.current = callback;
     });
     (0, hooks_1.useEffect)(() => {
-        document.addEventListener('click', handleClick);
-        return () => document.removeEventListener('click', handleClick);
+        // capture phase (opt-in) sees the outside click even when an element between the target and
+        // document stops propagation (e.g. the quickview wrapper shielding autocomplete's document handler).
+        // Default stays bubble phase so inner/portaled content can keep a container open via stopPropagation().
+        document.addEventListener('click', handleClick, capture);
+        return () => document.removeEventListener('click', handleClick, capture);
         function handleClick(e) {
             if (innerRef.current && callbackRef.current && !innerRef.current.contains(e.target))
                 callbackRef.current(e);

package/dist/cjs/components/src/hooks/useCreateController.js

@@ -11,10 +11,31 @@ const useCreateController = (snap, type, config) => {
             .then((controller) => {
             setController(controller);
         })
-            .catch(() => {
-            snap.createController(type, config).then((controller) => {
+            .catch(async () => {
+            let configToCreate = config;
+            // dynamically created recommendation controllers (ex. no-results recommendations) don't go through
+            // the RecommendationInstantiator, so inherit its plugins/middleware from the original config to keep behavior consistent
+            if (type === 'recommendation' && !config.plugins && !config.middleware) {
+                try {
+                    const instantiator = await snap.getInstantiator('recommendation');
+                    configToCreate = {
+                        ...config,
+                        plugins: instantiator.config.config.plugins,
+                        middleware: instantiator.config.config.middleware,
+                    };
+                }
+                catch {
+                    // no recommendation instantiator configured - proceed without inherited attachments
+                }
+            }
+            try {
+                const controller = await snap.createController(type, configToCreate);
                 setController(controller);
-            });
+            }
+            catch (err) {
+                // eslint-disable-next-line no-console
+                console.error(`useCreateController: failed to create controller "${config.id}"`, err);
+            }
         });
     }, []);
     return controller;

package/dist/cjs/components/src/hooks/useTracking.js

@@ -4,7 +4,7 @@ exports.useTracking = useTracking;
 const hooks_1 = require("preact/hooks");
 const utilities_1 = require("../utilities");
 const withTracking_1 = require("../providers/withTracking");
-function useTracking({ controller, result, banner, type, content }) {
+function useTracking({ controller, result, banner, type, content, track }) {
     if (!controller) {
         console.warn('Warning: No controller provided to useTracking');
     }
@@ -14,27 +14,33 @@ function useTracking({ controller, result, banner, type, content }) {
     if (!result && !banner && (!type || !content)) {
         console.warn('Warning: No result or banner provided to withTracking');
     }
-    const { ref, inViewport } = (0, utilities_1.createImpressionObserver)();
+    const mergedTrack = {
+        impression: true,
+        click: true,
+        ...track,
+    };
+    const { ref, inViewport } = (0, utilities_1.createImpressionObserver)(track?.options);
     (0, hooks_1.useEffect)(() => {
-        if (inViewport) {
-            // TODO: add support for disabling tracking events via config like in ResultTracker
+        if (inViewport && mergedTrack.impression) {
             if (type && content && !result && ['search', 'autocomplete'].includes(controller?.type || '')) {
                 controller?.track.banner.impression(content[type][0]);
             }
             else if (!result?.bundleSeed) {
-                controller?.track.product.impression((result || banner));
+                controller?.track.product.impression(result || banner);
             }
         }
     }, [inViewport]);
     (0, hooks_1.useEffect)(() => {
         const currentRef = ref.current;
-        if (currentRef) {
+        // TRACKING_ATTRIBUTE marks a click-tracked boundary (see isClickWithinBannerLink),
+        // so it is only set when click tracking is enabled
+        if (currentRef && mergedTrack.click) {
             const handleClick = (e) => {
                 if (type && content && !result && ['search', 'autocomplete'].includes(controller?.type || '')) {
                     controller?.track.banner.click(e, content[type][0]);
                 }
                 else {
-                    controller?.track.product.click(e, (result || banner));
+                    controller?.track.product.click(e, result || banner);
                 }
             };
             currentRef.setAttribute(withTracking_1.TRACKING_ATTRIBUTE, 'true');
@@ -43,6 +49,6 @@ function useTracking({ controller, result, banner, type, content }) {
                 currentRef.removeEventListener('click', handleClick);
             };
         }
-    }, [controller, result, banner, type, content]);
+    }, [controller, result, banner, type, content, mergedTrack.click, mergedTrack.impression]);
     return { trackingRef: ref };
 }

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);
@@ -33,20 +32,12 @@ __exportStar(require("./components/Atoms/LoadingBar"), exports);
 __exportStar(require("./components/Atoms/Overlay"), exports);
 __exportStar(require("./components/Atoms/PaginationInfo"), exports);
 __exportStar(require("./components/Atoms/Price"), exports);
+__exportStar(require("./components/Atoms/ProductDetail"), exports);
 __exportStar(require("./components/Atoms/SearchHeader"), exports);
 __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);
@@ -65,6 +56,9 @@ __exportStar(require("./components/Molecules/Modal"), exports);
 __exportStar(require("./components/Molecules/OverlayBadge"), exports);
 __exportStar(require("./components/Molecules/Pagination"), exports);
 __exportStar(require("./components/Molecules/PerPage"), exports);
+__exportStar(require("./components/Molecules/ProductDetailTable"), exports);
+__exportStar(require("./components/Molecules/Gallery"), exports);
+__exportStar(require("./components/Molecules/QuantityPicker"), exports);
 __exportStar(require("./components/Molecules/Radio"), exports);
 __exportStar(require("./components/Molecules/RadioList"), exports);
 __exportStar(require("./components/Molecules/Rating"), exports);
@@ -73,6 +67,7 @@ __exportStar(require("./components/Molecules/SearchInput"), exports);
 __exportStar(require("./components/Molecules/Select"), exports);
 __exportStar(require("./components/Molecules/Slideout"), exports);
 __exportStar(require("./components/Molecules/SortBy"), exports);
+__exportStar(require("./components/Molecules/TabSelection"), exports);
 __exportStar(require("./components/Molecules/TemplatesEditor"), exports);
 __exportStar(require("./components/Molecules/Swatches"), exports);
 __exportStar(require("./components/Molecules/Slideshow"), exports);
@@ -90,13 +85,9 @@ __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);
 __exportStar(require("./components/Templates/RecommendationBundle"), exports);
 __exportStar(require("./components/Templates/RecommendationBundleEasyAdd"), 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',
@@ -23,21 +22,13 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = [
     'paginationInfo',
     'slideshow',
     'price',
+    'productDetail',
     'skeleton',
     /* molecules */
     'modal',
     'calloutBadge',
     'carousel',
     'checkbox',
-    'chatAttachmentContext',
-    'chatInspirationResultMessage',
-    'chatMessageText',
-    'chatMessageUser',
-    'chatProductComparisonMessage',
-    'chatProductQueryMessage',
-    'chatResult',
-    'chatResultsDisplay',
-    'chatSuggestedQuestions',
     'grid',
     'layoutSelector',
     'list',
@@ -49,10 +40,12 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = [
     'facetPaletteOptions',
     'facetSlider',
     'filter',
+    'gallery',
     'loadMore',
     'overlayBadge',
     'pagination',
     'perPage',
+    'quantityPicker',
     'overlayResult',
     'radioList',
     'rating',
@@ -61,20 +54,12 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = [
     'slideout',
     'sortBy',
     'swatches',
+    'tabSelection',
     'variantSelection',
+    'productDetailTable',
     'terms',
     /* organisms */
     'branchOverride',
-    'chat',
-    'chatButton',
-    'chatComparisonsTray',
-    'chatComposer',
-    'chatFacetsBar',
-    'chatHistory',
-    'chatMessages',
-    'chatSessionFeedback',
-    'chatSideChat',
-    'chatTopicDrift',
     'facet',
     'facets',
     'facetsHorizontal',

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

@@ -1,17 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 require("@testing-library/jest-dom");
-// jsdom does not implement ResizeObserver, which the Slideshow component relies on.
 if (typeof globalThis.ResizeObserver === 'undefined') {
     globalThis.ResizeObserver = class ResizeObserver {
-        observe() {
-            /* no-op */
-        }
-        unobserve() {
-            /* no-op */
-        }
-        disconnect() {
-            /* no-op */
-        }
+        // eslint-disable-next-line @typescript-eslint/no-empty-function --- IGNORE ---
+        observe() { }
+        // eslint-disable-next-line @typescript-eslint/no-empty-function --- IGNORE ---
+        unobserve() { }
+        // eslint-disable-next-line @typescript-eslint/no-empty-function --- IGNORE ---
+        disconnect() { }
     };
 }

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/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/createImpressionObserver.js

@@ -8,10 +8,10 @@ const IMPRESSION_MIN_VISIBLE_TIME = 1000;
 function createImpressionObserver(options) {
     const ref = (0, hooks_1.useRef)(null);
     const { inViewport, updateRef } = (0, hooks_2.useIntersectionAdvanced)(ref, {
-        ...options,
         fireOnce: true,
         threshold: IMPRESSION_VISIBILITY_THRESHOLD,
         minVisibleTime: IMPRESSION_MIN_VISIBLE_TIME,
+        ...options,
     });
     return {
         ref,

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

@@ -24,6 +24,8 @@ Object.defineProperty(exports, "Colour", { enumerable: true, get: function () {
 __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/lazyRenderMinSize.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.lazyRenderMinSize = void 0;
+// A 0x0 root wrapper can prevent IntersectionObserver from ever reporting `isIntersecting`
+// in some browsers, so lazyRender needs a non-zero min size on the root element at all times,
+// even when disableStyles is set and the rest of defaultStyles is skipped.
+exports.lazyRenderMinSize = {
+    minWidth: '1px',
+    minHeight: '1px',
+};

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.selectionKey = selectionKey;
+// identifies a selection by the fields that options are matched on when rendering, so that a store
+// handing back an equivalent - but not identical - option counts as the same selection. option
+// objects themselves are not comparable: those built by the stores carry a UrlManager that picks up
+// every url change, which would read as a new selection on each navigation
+function selectionKey(selected) {
+    const options = selected == undefined ? [] : Array.isArray(selected) ? selected : [selected];
+    // label is included so that options without a value still produce distinct keys
+    return options.map((option) => `${option?.value}:${option?.label}`).join('|');
+}