@athoscommerce/snap-preact 1.11.0 → 1.12.1-beta.152

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 = 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);
@@ -32,11 +33,21 @@ __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);
@@ -55,6 +66,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);
@@ -81,7 +95,15 @@ __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,6 +12,7 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = [
     'breadcrumbs',
     'button',
     'dropdown',
+    'chatLoadingIndicator',
     'formattedNumber',
     'icon',
     'image',
@@ -22,12 +23,22 @@ 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',
@@ -39,10 +50,12 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = [
     'facetPaletteOptions',
     'facetSlider',
     'filter',
+    'gallery',
     'loadMore',
     'overlayBadge',
     'pagination',
     'perPage',
+    'quantityPicker',
     'overlayResult',
     'radioList',
     'rating',
@@ -53,9 +66,20 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = [
     '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,3 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 require("@testing-library/jest-dom");
+if (typeof globalThis.ResizeObserver === 'undefined') {
+    globalThis.ResizeObserver = class ResizeObserver {
+        // 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/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;

package/dist/cjs/components/src/themes/snapnco/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/snappy/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/snappy/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/snappy/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/themeComponents/chat.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chatThemeComponentProps = void 0;
+exports.chatThemeComponentProps = {
+    default: {
+        chat: {
+            position: 'right',
+            offset: '20px',
+        },
+    },
+    mobile: {},
+    tablet: {},
+    desktop: {},
+};

package/dist/cjs/components/src/themes/themeComponents/chatButton.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chatButtonThemeComponentProps = void 0;
+exports.chatButtonThemeComponentProps = {
+    default: {},
+    mobile: {},
+    tablet: {},
+    desktop: {},
+};

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

@@ -102,6 +102,27 @@ 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));
@@ -170,6 +191,26 @@ 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

@@ -28,3 +28,4 @@ __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/snapify.js

@@ -45,6 +45,20 @@ 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]) {
@@ -87,6 +101,19 @@ 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, {