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

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

@@ -1,41 +1,18 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRACKING_ATTRIBUTE = void 0;
 exports.withTracking = withTracking;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var utilities_1 = require("../utilities");
-var hooks_1 = require("preact/hooks");
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const utilities_1 = require("../utilities");
+const hooks_1 = require("preact/hooks");
 exports.TRACKING_ATTRIBUTE = 'sstracking';
 function withTracking(WrappedComponent) {
-    var WrappedComponentCast = WrappedComponent;
-    var WithTracking = function (props) {
-        var _a, _b;
-        var controller = props.controller, result = props.result, banner = props.banner, type = props.type, content = props.content, restProps = __rest(props, ["controller", "result", "banner", "type", "content"]);
+    const WrappedComponentCast = WrappedComponent;
+    const WithTracking = (props) => {
+        const { controller, result, banner, type, content, ...restProps } = props;
         if (props.trackingRef) {
             // case where withTracking may get used more than once
-            return (0, jsx_runtime_1.jsx)(WrappedComponentCast, __assign({}, props));
+            return (0, jsx_runtime_1.jsx)(WrappedComponentCast, { ...props });
         }
         if (!controller && (!type || !content)) {
             console.warn('Warning: No controller provided to withTracking', props);
@@ -43,62 +20,70 @@ function withTracking(WrappedComponent) {
         if (!result && !banner && (!type || !content)) {
             console.warn('Warning: No result or banner provided to withTracking');
         }
-        var _c = (0, utilities_1.createImpressionObserver)(), ref = _c.ref, inViewport = _c.inViewport, updateRef = _c.updateRef;
+        const { ref, inViewport, updateRef } = (0, utilities_1.createImpressionObserver)();
         // Reset impression tracking when the result identity changes (e.g. new search context).
         // Each Product/Banner gets a new responseId per search response, so this naturally
         // resets when query/sort/filters change without needing global controller state.
         // Calling updateRef(ref.current) re-observes the same element with fresh state.
-        var resultIdentity = (_b = (result || banner || (type && ((_a = content === null || content === void 0 ? void 0 : content[type]) === null || _a === void 0 ? void 0 : _a[0])))) === null || _b === void 0 ? void 0 : _b.responseId;
-        var prevIdentityRef = (0, hooks_1.useRef)(resultIdentity);
+        const resultIdentity = (result || banner || (type && content?.[type]?.[0]))?.responseId;
+        const prevIdentityRef = (0, hooks_1.useRef)(resultIdentity);
         // Tracks whether we're waiting for the observer to reset after an identity change.
         // Set synchronously during render to block impressions immediately when identity
         // changes, preventing a stale inViewport=true from firing before the observer resets.
-        var awaitingReobservationRef = (0, hooks_1.useRef)(false);
+        const awaitingReobservationRef = (0, hooks_1.useRef)(false);
         if (prevIdentityRef.current !== resultIdentity) {
             awaitingReobservationRef.current = true;
         }
-        (0, hooks_1.useEffect)(function () {
+        (0, hooks_1.useEffect)(() => {
             if (prevIdentityRef.current !== resultIdentity) {
                 prevIdentityRef.current = resultIdentity;
                 updateRef(ref.current);
             }
         }, [resultIdentity, updateRef]);
-        (0, hooks_1.useEffect)(function () {
+        (0, hooks_1.useEffect)(() => {
             if (awaitingReobservationRef.current && !inViewport) {
                 awaitingReobservationRef.current = false;
             }
         }, [inViewport, resultIdentity]);
-        var isBannerTracking = type && content && !result && ['search', 'autocomplete'].includes((controller === null || controller === void 0 ? void 0 : controller.type) || '');
+        const isBannerTracking = type && content && !result && ['search', 'autocomplete'].includes(controller?.type || '');
         if (inViewport && !awaitingReobservationRef.current) {
             if (isBannerTracking) {
-                controller === null || controller === void 0 ? void 0 : controller.track.banner.impression(content[type][0]);
+                controller?.track.banner.impression(content[type][0]);
             }
-            else if (!(result === null || result === void 0 ? void 0 : result.bundleSeed)) {
-                controller === null || controller === void 0 ? void 0 : controller.track.product.impression((result || banner));
+            else if (!result?.bundleSeed) {
+                controller?.track.product.impression((result || banner));
             }
         }
-        var handleClick = (0, hooks_1.useCallback)(function (e) {
+        const handleClick = (0, hooks_1.useCallback)((e) => {
             if (isBannerTracking) {
-                controller === null || controller === void 0 ? void 0 : controller.track.banner.click(e, content[type][0]);
+                controller?.track.banner.click(e, content[type][0]);
             }
             else {
-                controller === null || controller === void 0 ? void 0 : controller.track.product.click(e, (result || banner));
+                controller?.track.product.click(e, (result || banner));
             }
         }, [controller, result, banner, type, content]);
-        (0, hooks_1.useEffect)(function () {
-            var currentRef = ref.current;
+        (0, hooks_1.useEffect)(() => {
+            const currentRef = ref.current;
             if (currentRef) {
                 currentRef.setAttribute(exports.TRACKING_ATTRIBUTE, 'true');
                 currentRef.addEventListener('click', handleClick, true); // Use capture phase
-                return function () {
+                return () => {
                     currentRef.removeEventListener('click', handleClick, true);
                 };
             }
         }, [handleClick]);
-        var trackingProps = __assign(__assign({}, restProps), { controller: controller, result: result, banner: banner, type: type, content: content, trackingRef: (0, hooks_1.useCallback)(function (el) {
+        const trackingProps = {
+            ...restProps,
+            controller,
+            result,
+            banner,
+            type,
+            content,
+            trackingRef: (0, hooks_1.useCallback)((el) => {
                 updateRef(el);
-            }, [updateRef]) });
-        return (0, jsx_runtime_1.jsx)(WrappedComponentCast, __assign({}, trackingProps));
+            }, [updateRef]),
+        };
+        return (0, jsx_runtime_1.jsx)(WrappedComponentCast, { ...trackingProps });
     };
     return WithTracking;
 }

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

@@ -1,3 +1,17 @@
 "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 */
+        }
+    };
+}

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.base = void 0;
-var responsive_1 = require("./responsive");
-var components_1 = require("./components");
-var baseVariables = {
+const responsive_1 = require("./responsive");
+const components_1 = require("./components");
+const baseVariables = {
     breakpoints: {
         mobile: 767,
         tablet: 1024,

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

@@ -1,22 +1,31 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.desktopComponents = exports.tabletComponents = exports.mobileComponents = exports.components = void 0;
-var atoms_1 = require("./atoms");
-var molecules_1 = require("./molecules");
-var organisms_1 = require("./organisms");
-var templates_1 = require("./templates");
-exports.components = __assign(__assign(__assign(__assign({}, atoms_1.atoms.default), molecules_1.molecules.default), organisms_1.organisms.default), templates_1.templates.default);
-exports.mobileComponents = __assign(__assign(__assign(__assign({}, atoms_1.atoms.mobile), molecules_1.molecules.mobile), organisms_1.organisms.mobile), templates_1.templates.mobile);
-exports.tabletComponents = __assign(__assign(__assign(__assign({}, atoms_1.atoms.tablet), molecules_1.molecules.tablet), organisms_1.organisms.tablet), templates_1.templates.tablet);
-exports.desktopComponents = __assign(__assign(__assign(__assign({}, atoms_1.atoms.desktop), molecules_1.molecules.desktop), organisms_1.organisms.desktop), templates_1.templates.desktop);
+const atoms_1 = require("./atoms");
+const molecules_1 = require("./molecules");
+const organisms_1 = require("./organisms");
+const templates_1 = require("./templates");
+exports.components = {
+    ...atoms_1.atoms.default,
+    ...molecules_1.molecules.default,
+    ...organisms_1.organisms.default,
+    ...templates_1.templates.default,
+};
+exports.mobileComponents = {
+    ...atoms_1.atoms.mobile,
+    ...molecules_1.molecules.mobile,
+    ...organisms_1.organisms.mobile,
+    ...templates_1.templates.mobile,
+};
+exports.tabletComponents = {
+    ...atoms_1.atoms.tablet,
+    ...molecules_1.molecules.tablet,
+    ...organisms_1.organisms.tablet,
+    ...templates_1.templates.tablet,
+};
+exports.desktopComponents = {
+    ...atoms_1.atoms.desktop,
+    ...molecules_1.molecules.desktop,
+    ...organisms_1.organisms.desktop,
+    ...templates_1.templates.desktop,
+};

package/dist/cjs/components/src/themes/base/components/organisms/autocomplete.js

@@ -1,26 +1,20 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.autocomplete = void 0;
-var react_1 = require("@emotion/react");
-var autocomplete_1 = require("../../../themeComponents/autocomplete");
+const react_1 = require("@emotion/react");
+const autocomplete_1 = require("../../../themeComponents/autocomplete");
 // CSS in JS style script for the Search component
-var autocompleteStyleScript = function (_a) {
+const autocompleteStyleScript = ({}) => {
     return (0, react_1.css)({});
 };
 exports.autocomplete = {
-    default: __assign(__assign({}, autocomplete_1.autocompleteThemeComponentProps.default), { autocomplete: __assign(__assign({}, (((_a = autocomplete_1.autocompleteThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocomplete']) || {})), { themeStyleScript: autocompleteStyleScript }) }),
+    default: {
+        ...autocomplete_1.autocompleteThemeComponentProps.default,
+        autocomplete: {
+            ...(autocomplete_1.autocompleteThemeComponentProps.default?.['autocomplete'] || {}),
+            themeStyleScript: autocompleteStyleScript,
+        },
+    },
     mobile: autocomplete_1.autocompleteThemeComponentProps.mobile,
     desktop: autocomplete_1.autocompleteThemeComponentProps.desktop,
     tablet: autocomplete_1.autocompleteThemeComponentProps.tablet,

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

@@ -1,22 +1,19 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.organisms = void 0;
-var autocomplete_1 = require("./autocomplete");
+const autocomplete_1 = require("./autocomplete");
 // ORGANISMS Imports
 exports.organisms = {
-    default: __assign({}, autocomplete_1.autocomplete.default),
-    mobile: __assign({}, autocomplete_1.autocomplete.mobile),
-    tablet: __assign({}, autocomplete_1.autocomplete.tablet),
-    desktop: __assign({}, autocomplete_1.autocomplete.desktop),
+    default: {
+        ...autocomplete_1.autocomplete.default,
+    },
+    mobile: {
+        ...autocomplete_1.autocomplete.mobile,
+    },
+    tablet: {
+        ...autocomplete_1.autocomplete.tablet,
+    },
+    desktop: {
+        ...autocomplete_1.autocomplete.desktop,
+    },
 };

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

@@ -1,26 +1,20 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.autocompleteFixed = void 0;
-var react_1 = require("@emotion/react");
-var autocompleteFixed_1 = require("../../../themeComponents/autocompleteFixed");
+const react_1 = require("@emotion/react");
+const autocompleteFixed_1 = require("../../../themeComponents/autocompleteFixed");
 // CSS in JS style script for the Search component
-var autocompleteFixedStyleScript = function (_a) {
+const autocompleteFixedStyleScript = ({}) => {
     return (0, react_1.css)({});
 };
 exports.autocompleteFixed = {
-    default: __assign(__assign({}, autocompleteFixed_1.autocompleteFixedThemeComponentProps.default), { autocompleteFixed: __assign(__assign({}, (((_a = autocompleteFixed_1.autocompleteFixedThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocompleteFixed']) || {})), { themeStyleScript: autocompleteFixedStyleScript }) }),
+    default: {
+        ...autocompleteFixed_1.autocompleteFixedThemeComponentProps.default,
+        autocompleteFixed: {
+            ...(autocompleteFixed_1.autocompleteFixedThemeComponentProps.default?.['autocompleteFixed'] || {}),
+            themeStyleScript: autocompleteFixedStyleScript,
+        },
+    },
     mobile: autocompleteFixed_1.autocompleteFixedThemeComponentProps.mobile,
     desktop: autocompleteFixed_1.autocompleteFixedThemeComponentProps.desktop,
     tablet: autocompleteFixed_1.autocompleteFixedThemeComponentProps.tablet,

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

@@ -1,26 +1,20 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.autocompleteModal = void 0;
-var react_1 = require("@emotion/react");
-var autocompleteModal_1 = require("../../../themeComponents/autocompleteModal");
+const react_1 = require("@emotion/react");
+const autocompleteModal_1 = require("../../../themeComponents/autocompleteModal");
 // CSS in JS style script for the Search component
-var autocompleteModalStyleScript = function (_a) {
+const autocompleteModalStyleScript = ({}) => {
     return (0, react_1.css)({});
 };
 exports.autocompleteModal = {
-    default: __assign(__assign({}, autocompleteModal_1.autocompleteModalThemeComponentProps.default), { autocompleteModal: __assign(__assign({}, (((_a = autocompleteModal_1.autocompleteModalThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocompleteModal']) || {})), { themeStyleScript: autocompleteModalStyleScript }) }),
+    default: {
+        ...autocompleteModal_1.autocompleteModalThemeComponentProps.default,
+        autocompleteModal: {
+            ...(autocompleteModal_1.autocompleteModalThemeComponentProps.default?.['autocompleteModal'] || {}),
+            themeStyleScript: autocompleteModalStyleScript,
+        },
+    },
     mobile: autocompleteModal_1.autocompleteModalThemeComponentProps.mobile,
     desktop: autocompleteModal_1.autocompleteModalThemeComponentProps.desktop,
     tablet: autocompleteModal_1.autocompleteModalThemeComponentProps.tablet,

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

@@ -1,26 +1,20 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.autocompleteSlideout = void 0;
-var react_1 = require("@emotion/react");
-var autocompleteSlideout_1 = require("../../../themeComponents/autocompleteSlideout");
+const react_1 = require("@emotion/react");
+const autocompleteSlideout_1 = require("../../../themeComponents/autocompleteSlideout");
 // CSS in JS style script for the Search component
-var autocompleteSlideoutStyleScript = function (_a) {
+const autocompleteSlideoutStyleScript = ({}) => {
     return (0, react_1.css)({});
 };
 exports.autocompleteSlideout = {
-    default: __assign(__assign({}, autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.default), { autocompleteSlideout: __assign(__assign({}, (((_a = autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocompleteSlideout']) || {})), { themeStyleScript: autocompleteSlideoutStyleScript }) }),
+    default: {
+        ...autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.default,
+        autocompleteSlideout: {
+            ...(autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.default?.['autocompleteSlideout'] || {}),
+            themeStyleScript: autocompleteSlideoutStyleScript,
+        },
+    },
     mobile: autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.mobile,
     desktop: autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.desktop,
     tablet: autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.tablet,

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

@@ -1,34 +1,89 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.templates = void 0;
 // TEMPLATES
-var recommendation_1 = require("./recommendation");
-var recommendationBundle_1 = require("./recommendationBundle");
-var recommendationBundleEasyAdd_1 = require("./recommendationBundleEasyAdd");
-var recommendationBundleList_1 = require("./recommendationBundleList");
-var recommendationBundleVertical_1 = require("./recommendationBundleVertical");
-var recommendationGrid_1 = require("./recommendationGrid");
-var recommendationEmail_1 = require("./recommendationEmail");
-var search_1 = require("./search");
-var searchHorizontal_1 = require("./searchHorizontal");
-var searchCollapsible_1 = require("./searchCollapsible");
-var autocompleteSlideout_1 = require("./autocompleteSlideout");
-var autocompleteModal_1 = require("./autocompleteModal");
-var autocompleteFixed_1 = require("./autocompleteFixed");
+const recommendation_1 = require("./recommendation");
+const recommendationBundle_1 = require("./recommendationBundle");
+const recommendationBundleEasyAdd_1 = require("./recommendationBundleEasyAdd");
+const recommendationBundleList_1 = require("./recommendationBundleList");
+const recommendationBundleVertical_1 = require("./recommendationBundleVertical");
+const recommendationGrid_1 = require("./recommendationGrid");
+const recommendationEmail_1 = require("./recommendationEmail");
+const search_1 = require("./search");
+const searchHorizontal_1 = require("./searchHorizontal");
+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: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocompleteSlideout_1.autocompleteSlideout.default), autocompleteModal_1.autocompleteModal.default), autocompleteFixed_1.autocompleteFixed.default), recommendation_1.recommendation.default), recommendationBundle_1.recommendationBundle.default), recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.default), recommendationBundleList_1.recommendationBundleList.default), recommendationBundleVertical_1.recommendationBundleVertical.default), recommendationGrid_1.recommendationGrid.default), recommendationEmail_1.recommendationEmail.default), search_1.search.default), searchCollapsible_1.searchCollapsible.default), searchHorizontal_1.searchHorizontal.default),
-    mobile: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocompleteSlideout_1.autocompleteSlideout.mobile), autocompleteModal_1.autocompleteModal.mobile), autocompleteFixed_1.autocompleteFixed.mobile), recommendation_1.recommendation.mobile), recommendationBundle_1.recommendationBundle.mobile), recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.mobile), recommendationBundleList_1.recommendationBundleList.mobile), recommendationBundleVertical_1.recommendationBundleVertical.mobile), recommendationGrid_1.recommendationGrid.mobile), recommendationEmail_1.recommendationEmail.mobile), search_1.search.mobile), searchCollapsible_1.searchCollapsible.mobile), searchHorizontal_1.searchHorizontal.mobile),
-    tablet: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocompleteSlideout_1.autocompleteSlideout.tablet), autocompleteModal_1.autocompleteModal.tablet), autocompleteFixed_1.autocompleteFixed.tablet), recommendation_1.recommendation.tablet), recommendationBundle_1.recommendationBundle.tablet), recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.tablet), recommendationBundleList_1.recommendationBundleList.tablet), recommendationBundleVertical_1.recommendationBundleVertical.tablet), recommendationGrid_1.recommendationGrid.tablet), recommendationEmail_1.recommendationEmail.tablet), search_1.search.tablet), searchCollapsible_1.searchCollapsible.tablet), searchHorizontal_1.searchHorizontal.tablet),
-    desktop: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocompleteSlideout_1.autocompleteSlideout.desktop), autocompleteModal_1.autocompleteModal.desktop), autocompleteFixed_1.autocompleteFixed.desktop), recommendation_1.recommendation.desktop), recommendationBundle_1.recommendationBundle.desktop), recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.desktop), recommendationBundleList_1.recommendationBundleList.desktop), recommendationBundleVertical_1.recommendationBundleVertical.desktop), recommendationGrid_1.recommendationGrid.desktop), recommendationEmail_1.recommendationEmail.desktop), search_1.search.desktop), searchCollapsible_1.searchCollapsible.desktop), searchHorizontal_1.searchHorizontal.desktop),
+    default: {
+        ...chat_1.chat.default,
+        ...chatButton_1.chatButton.default,
+        ...autocompleteSlideout_1.autocompleteSlideout.default,
+        ...autocompleteModal_1.autocompleteModal.default,
+        ...autocompleteFixed_1.autocompleteFixed.default,
+        ...recommendation_1.recommendation.default,
+        ...recommendationBundle_1.recommendationBundle.default,
+        ...recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.default,
+        ...recommendationBundleList_1.recommendationBundleList.default,
+        ...recommendationBundleVertical_1.recommendationBundleVertical.default,
+        ...recommendationGrid_1.recommendationGrid.default,
+        ...recommendationEmail_1.recommendationEmail.default,
+        ...search_1.search.default,
+        ...searchCollapsible_1.searchCollapsible.default,
+        ...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,
+        ...recommendation_1.recommendation.mobile,
+        ...recommendationBundle_1.recommendationBundle.mobile,
+        ...recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.mobile,
+        ...recommendationBundleList_1.recommendationBundleList.mobile,
+        ...recommendationBundleVertical_1.recommendationBundleVertical.mobile,
+        ...recommendationGrid_1.recommendationGrid.mobile,
+        ...recommendationEmail_1.recommendationEmail.mobile,
+        ...search_1.search.mobile,
+        ...searchCollapsible_1.searchCollapsible.mobile,
+        ...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,
+        ...recommendation_1.recommendation.tablet,
+        ...recommendationBundle_1.recommendationBundle.tablet,
+        ...recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.tablet,
+        ...recommendationBundleList_1.recommendationBundleList.tablet,
+        ...recommendationBundleVertical_1.recommendationBundleVertical.tablet,
+        ...recommendationGrid_1.recommendationGrid.tablet,
+        ...recommendationEmail_1.recommendationEmail.tablet,
+        ...search_1.search.tablet,
+        ...searchCollapsible_1.searchCollapsible.tablet,
+        ...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,
+        ...recommendation_1.recommendation.desktop,
+        ...recommendationBundle_1.recommendationBundle.desktop,
+        ...recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.desktop,
+        ...recommendationBundleList_1.recommendationBundleList.desktop,
+        ...recommendationBundleVertical_1.recommendationBundleVertical.desktop,
+        ...recommendationGrid_1.recommendationGrid.desktop,
+        ...recommendationEmail_1.recommendationEmail.desktop,
+        ...search_1.search.desktop,
+        ...searchCollapsible_1.searchCollapsible.desktop,
+        ...searchHorizontal_1.searchHorizontal.desktop,
+    },
 };

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

@@ -1,36 +1,28 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.recommendation = void 0;
-var react_1 = require("@emotion/react");
-var recommendation_1 = require("../../../themeComponents/recommendation");
+const react_1 = require("@emotion/react");
+const recommendation_1 = require("../../../themeComponents/recommendation");
 // CSS in JS style script for the Recommendation component
-var recommendationStyleScript = function (_a) {
-    var _b;
-    var theme = _a.theme;
+const recommendationStyleScript = ({ theme }) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    const variables = theme?.variables;
     return (0, react_1.css)({
         margin: '20px 0',
         '& .ss__recommendation__title': {
-            color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary,
+            color: variables?.colors?.primary,
         },
     });
 };
 // Recommendation component props come from Template export
 exports.recommendation = {
-    default: __assign(__assign({}, recommendation_1.recommendationThemeComponentProps.default), { recommendation: __assign(__assign({}, (((_a = recommendation_1.recommendationThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['recommendation']) || {})), { themeStyleScript: recommendationStyleScript }) }),
+    default: {
+        ...recommendation_1.recommendationThemeComponentProps.default,
+        recommendation: {
+            ...(recommendation_1.recommendationThemeComponentProps.default?.['recommendation'] || {}),
+            themeStyleScript: recommendationStyleScript,
+        },
+    },
     mobile: recommendation_1.recommendationThemeComponentProps.mobile,
     desktop: recommendation_1.recommendationThemeComponentProps.desktop,
     tablet: recommendation_1.recommendationThemeComponentProps.tablet,

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

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.recommendationBundle = void 0;
-var recommendationBundle_1 = require("../../../themeComponents/recommendationBundle");
+const recommendationBundle_1 = require("../../../themeComponents/recommendationBundle");
 exports.recommendationBundle = recommendationBundle_1.recommendationBundleThemeComponentProps;

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

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.recommendationBundleEasyAdd = void 0;
-var recommendationBundleEasyAdd_1 = require("../../../themeComponents/recommendationBundleEasyAdd");
+const recommendationBundleEasyAdd_1 = require("../../../themeComponents/recommendationBundleEasyAdd");
 exports.recommendationBundleEasyAdd = recommendationBundleEasyAdd_1.recommendationBundleEasyAddThemeComponentProps;

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

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.recommendationBundleList = void 0;
-var recommendationBundleList_1 = require("../../../themeComponents/recommendationBundleList");
+const recommendationBundleList_1 = require("../../../themeComponents/recommendationBundleList");
 exports.recommendationBundleList = recommendationBundleList_1.recommendationBundleListThemeComponentProps;

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

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.recommendationBundleVertical = void 0;
-var recommendationBundleVertical_1 = require("../../../themeComponents/recommendationBundleVertical");
+const recommendationBundleVertical_1 = require("../../../themeComponents/recommendationBundleVertical");
 exports.recommendationBundleVertical = recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps;

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

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.recommendationEmail = void 0;
-var recommendationEmail_1 = require("../../../themeComponents/recommendationEmail");
+const recommendationEmail_1 = require("../../../themeComponents/recommendationEmail");
 exports.recommendationEmail = recommendationEmail_1.recommendationEmailThemeComponentProps;