@athoscommerce/snap-preact 1.9.1 → 1.10.0

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

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTracking = useTracking;
-var hooks_1 = require("preact/hooks");
-var utilities_1 = require("../utilities");
-var withTracking_1 = require("../providers/withTracking");
-function useTracking(_a) {
-    var controller = _a.controller, result = _a.result, banner = _a.banner, type = _a.type, content = _a.content;
+const hooks_1 = require("preact/hooks");
+const utilities_1 = require("../utilities");
+const withTracking_1 = require("../providers/withTracking");
+function useTracking({ controller, result, banner, type, content }) {
     if (!controller) {
         console.warn('Warning: No controller provided to useTracking');
     }
@@ -15,33 +14,33 @@ function useTracking(_a) {
     if (!result && !banner && (!type || !content)) {
         console.warn('Warning: No result or banner provided to withTracking');
     }
-    var _b = (0, utilities_1.createImpressionObserver)(), ref = _b.ref, inViewport = _b.inViewport;
-    (0, hooks_1.useEffect)(function () {
+    const { ref, inViewport } = (0, utilities_1.createImpressionObserver)();
+    (0, hooks_1.useEffect)(() => {
         if (inViewport) {
             // TODO: add support for disabling tracking events via config like in ResultTracker
-            if (type && content && !result && ['search', 'autocomplete'].includes((controller === null || controller === void 0 ? void 0 : controller.type) || '')) {
-                controller === null || controller === void 0 ? void 0 : controller.track.banner.impression(content[type][0]);
+            if (type && content && !result && ['search', 'autocomplete'].includes(controller?.type || '')) {
+                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));
             }
         }
     }, [inViewport]);
-    (0, hooks_1.useEffect)(function () {
-        var currentRef = ref.current;
+    (0, hooks_1.useEffect)(() => {
+        const currentRef = ref.current;
         if (currentRef) {
-            var handleClick_1 = function (e) {
-                if (type && content && !result && ['search', 'autocomplete'].includes((controller === null || controller === void 0 ? void 0 : controller.type) || '')) {
-                    controller === null || controller === void 0 ? void 0 : controller.track.banner.click(e, content[type][0]);
+            const handleClick = (e) => {
+                if (type && content && !result && ['search', 'autocomplete'].includes(controller?.type || '')) {
+                    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));
                 }
             };
             currentRef.setAttribute(withTracking_1.TRACKING_ATTRIBUTE, 'true');
-            currentRef.addEventListener('click', handleClick_1);
-            return function () {
-                currentRef.removeEventListener('click', handleClick_1);
+            currentRef.addEventListener('click', handleClick);
+            return () => {
+                currentRef.removeEventListener('click', handleClick);
             };
         }
     }, [controller, result, banner, type, content]);

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

@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CacheProvider = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = require("@emotion/react");
-var cache_1 = __importDefault(require("@emotion/cache"));
-var emotionCache = (0, cache_1.default)({
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@emotion/react");
+const cache_1 = __importDefault(require("@emotion/cache"));
+const emotionCache = (0, cache_1.default)({
     key: 'ss',
     prepend: true,
 });
-var CacheProvider = function (props) {
+const CacheProvider = (props) => {
     return (0, jsx_runtime_1.jsx)(react_1.CacheProvider, { value: props.cache || emotionCache, children: props.children });
 };
 exports.CacheProvider = CacheProvider;

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

@@ -1,33 +1,21 @@
 "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.useController = exports.ControllerProvider = void 0;
 exports.withController = withController;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var preact_1 = require("preact");
-var hooks_1 = require("preact/hooks");
-var ControllerContext = (0, preact_1.createContext)(null);
-var ControllerProviderCast = ControllerContext.Provider;
-var ControllerProvider = function (_a) {
-    var children = _a.children, controller = _a.controller;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const preact_1 = require("preact");
+const hooks_1 = require("preact/hooks");
+const ControllerContext = (0, preact_1.createContext)(null);
+const ControllerProviderCast = ControllerContext.Provider;
+const ControllerProvider = ({ children, controller }) => {
     return (0, jsx_runtime_1.jsx)(ControllerProviderCast, { value: controller, children: children });
 };
 exports.ControllerProvider = ControllerProvider;
-var useController = function () { return (0, hooks_1.useContext)(ControllerContext); };
+const useController = () => (0, hooks_1.useContext)(ControllerContext);
 exports.useController = useController;
 function withController(Component) {
-    return (function (props) {
-        var Comp = Component;
-        return (0, jsx_runtime_1.jsx)(Comp, __assign({ controller: (0, exports.useController)() }, props));
+    return ((props) => {
+        const Comp = Component;
+        return (0, jsx_runtime_1.jsx)(Comp, { controller: (0, exports.useController)(), ...props });
     });
 }

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

@@ -1,33 +1,21 @@
 "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.useSnap = exports.SnapProvider = void 0;
 exports.withSnap = withSnap;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var preact_1 = require("preact");
-var hooks_1 = require("preact/hooks");
-var SnapContext = (0, preact_1.createContext)(undefined);
-var SnapProviderCast = SnapContext.Provider;
-var SnapProvider = function (_a) {
-    var children = _a.children, snap = _a.snap;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const preact_1 = require("preact");
+const hooks_1 = require("preact/hooks");
+const SnapContext = (0, preact_1.createContext)(undefined);
+const SnapProviderCast = SnapContext.Provider;
+const SnapProvider = ({ children, snap }) => {
     return (0, jsx_runtime_1.jsx)(SnapProviderCast, { value: snap, children: children });
 };
 exports.SnapProvider = SnapProvider;
-var useSnap = function () { return (0, hooks_1.useContext)(SnapContext); };
+const useSnap = () => (0, hooks_1.useContext)(SnapContext);
 exports.useSnap = useSnap;
 function withSnap(Component) {
-    return (function (props) {
-        var Comp = Component;
-        return (0, jsx_runtime_1.jsx)(Comp, __assign({ snap: (0, exports.useSnap)() }, props));
+    return ((props) => {
+        const Comp = Component;
+        return (0, jsx_runtime_1.jsx)(Comp, { snap: (0, exports.useSnap)(), ...props });
     });
 }

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

@@ -1,33 +1,21 @@
 "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.useStore = exports.StoreProvider = void 0;
 exports.withStore = withStore;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var preact_1 = require("preact");
-var hooks_1 = require("preact/hooks");
-var StoreContext = (0, preact_1.createContext)(null);
-var StoreProviderCast = StoreContext.Provider;
-var StoreProvider = function (_a) {
-    var children = _a.children, store = _a.store;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const preact_1 = require("preact");
+const hooks_1 = require("preact/hooks");
+const StoreContext = (0, preact_1.createContext)(null);
+const StoreProviderCast = StoreContext.Provider;
+const StoreProvider = ({ children, store }) => {
     return (0, jsx_runtime_1.jsx)(StoreProviderCast, { value: store, children: children });
 };
 exports.StoreProvider = StoreProvider;
-var useStore = function () { return (0, hooks_1.useContext)(StoreContext); };
+const useStore = () => (0, hooks_1.useContext)(StoreContext);
 exports.useStore = useStore;
 function withStore(Component) {
-    return (function (props) {
-        var Comp = Component;
-        return (0, jsx_runtime_1.jsx)(Comp, __assign({ store: (0, exports.useStore)() }, props));
+    return ((props) => {
+        const Comp = Component;
+        return (0, jsx_runtime_1.jsx)(Comp, { store: (0, exports.useStore)(), ...props });
     });
 }

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

@@ -1,29 +1,9 @@
 "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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeProvider = exports.defaultTheme = exports.withTheme = exports.useTheme = exports.css = void 0;
-var preact_1 = require("preact");
-var hooks_1 = require("preact/hooks");
-var react_1 = require("@emotion/react");
+const preact_1 = require("preact");
+const hooks_1 = require("preact/hooks");
+const react_1 = require("@emotion/react");
 Object.defineProperty(exports, "css", { enumerable: true, get: function () { return react_1.css; } });
 Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return react_1.useTheme; } });
 Object.defineProperty(exports, "withTheme", { enumerable: true, get: function () { return react_1.withTheme; } });
@@ -41,31 +21,34 @@ exports.defaultTheme = {
         },
     },
 };
-var ThemeGlobalStyleContext = (0, preact_1.createContext)([]);
-var ThemeGlobalStyleRoots = new Map();
-var ThemeGlobalStyleOwners = new Map();
-var ThemeGlobalStyleListeners = new Set();
-var notifyThemeGlobalStyleListeners = function () {
-    ThemeGlobalStyleListeners.forEach(function (listener) { return listener(); });
+const ThemeGlobalStyleContext = (0, preact_1.createContext)([]);
+const ThemeGlobalStyleRoots = new Map();
+const ThemeGlobalStyleOwners = new Map();
+const ThemeGlobalStyleListeners = new Set();
+const notifyThemeGlobalStyleListeners = () => {
+    ThemeGlobalStyleListeners.forEach((listener) => listener());
 };
-var ThemeProvider = function (_a) {
-    var _b;
-    var _c, _d;
-    var theme = _a.theme, children = _a.children;
-    var globalStyle = theme.globalStyle;
-    var themeName = theme.name;
-    var activeThemeGlobalStyles = (0, hooks_1.useContext)(ThemeGlobalStyleContext);
-    var rootId = (0, hooks_1.useRef)(Symbol(themeName || 'theme-provider'));
-    var _e = (0, hooks_1.useState)(0), setRegistryVersion = _e[1];
-    var themeVariables = {
-        breakpoints: __assign(__assign({}, exports.defaultTheme.variables.breakpoints), (_c = theme.variables) === null || _c === void 0 ? void 0 : _c.breakpoints),
-        colors: __assign(__assign({}, exports.defaultTheme.variables.colors), (_d = theme.variables) === null || _d === void 0 ? void 0 : _d.colors),
+const ThemeProvider = ({ theme, children }) => {
+    const globalStyle = theme.globalStyle;
+    const themeName = theme.name;
+    const activeThemeGlobalStyles = (0, hooks_1.useContext)(ThemeGlobalStyleContext);
+    const rootId = (0, hooks_1.useRef)(Symbol(themeName || 'theme-provider'));
+    const [, setRegistryVersion] = (0, hooks_1.useState)(0);
+    const themeVariables = {
+        breakpoints: {
+            ...exports.defaultTheme.variables.breakpoints,
+            ...theme.variables?.breakpoints,
+        },
+        colors: {
+            ...exports.defaultTheme.variables.colors,
+            ...theme.variables?.colors,
+        },
     };
-    var shouldWrapWithThemeScope = Boolean(globalStyle && themeName && !activeThemeGlobalStyles.includes(themeName));
-    var nextActiveThemeGlobalStyles = shouldWrapWithThemeScope && themeName ? __spreadArray(__spreadArray([], activeThemeGlobalStyles, true), [themeName], false) : activeThemeGlobalStyles;
+    const shouldWrapWithThemeScope = Boolean(globalStyle && themeName && !activeThemeGlobalStyles.includes(themeName));
+    const nextActiveThemeGlobalStyles = shouldWrapWithThemeScope && themeName ? [...activeThemeGlobalStyles, themeName] : activeThemeGlobalStyles;
     if (shouldWrapWithThemeScope && themeName) {
         // ensure theme global style root - register this provider and claim ownership when first for the theme name.
-        var roots = ThemeGlobalStyleRoots.get(themeName) || new Set();
+        const roots = ThemeGlobalStyleRoots.get(themeName) || new Set();
         roots.add(rootId.current);
         ThemeGlobalStyleRoots.set(themeName, roots);
         if (!ThemeGlobalStyleOwners.has(themeName)) {
@@ -73,18 +56,18 @@ var ThemeProvider = function (_a) {
         }
     }
     // is theme global style owner? - only the owner root injects the global style block.
-    var shouldRenderGlobalStyle = Boolean(shouldWrapWithThemeScope && themeName && ThemeGlobalStyleOwners.get(themeName) === rootId.current);
-    (0, hooks_1.useLayoutEffect)(function () {
+    const shouldRenderGlobalStyle = Boolean(shouldWrapWithThemeScope && themeName && ThemeGlobalStyleOwners.get(themeName) === rootId.current);
+    (0, hooks_1.useLayoutEffect)(() => {
         if (!shouldWrapWithThemeScope || !themeName) {
             return;
         }
         // subscribe to theme global style changes
-        var listener = function () { return setRegistryVersion(function (version) { return version + 1; }); };
+        const listener = () => setRegistryVersion((version) => version + 1);
         ThemeGlobalStyleListeners.add(listener);
-        return function () {
+        return () => {
             ThemeGlobalStyleListeners.delete(listener);
             // unregister theme global style root
-            var roots = ThemeGlobalStyleRoots.get(themeName);
+            const roots = ThemeGlobalStyleRoots.get(themeName);
             if (!roots) {
                 return;
             }
@@ -96,7 +79,7 @@ var ThemeProvider = function (_a) {
                 return;
             }
             if (ThemeGlobalStyleOwners.get(themeName) === rootId.current) {
-                var nextOwner = roots.values().next().value;
+                const nextOwner = roots.values().next().value;
                 if (nextOwner) {
                     ThemeGlobalStyleOwners.set(themeName, nextOwner);
                 }
@@ -104,22 +87,22 @@ var ThemeProvider = function (_a) {
             }
         };
     }, [shouldWrapWithThemeScope, themeName]);
-    var scopedChildren = shouldWrapWithThemeScope && themeName ? (0, preact_1.h)('div', { className: "ss__theme__".concat(themeName) }, children) : children;
-    var providerChildren = shouldRenderGlobalStyle && globalStyle && themeName
+    const scopedChildren = shouldWrapWithThemeScope && themeName ? (0, preact_1.h)('div', { className: `ss__theme__${themeName}` }, children) : children;
+    const providerChildren = shouldRenderGlobalStyle && globalStyle && themeName
         ? [
             (0, preact_1.h)(react_1.Global, {
-                styles: (0, react_1.css)((_b = {},
-                    _b[".ss__theme__".concat(themeName)] = globalStyle({
+                styles: (0, react_1.css)({
+                    [`.ss__theme__${themeName}`]: globalStyle({
                         name: themeName,
                         variables: themeVariables,
                     }),
-                    _b)),
+                }),
             }),
             scopedChildren,
         ]
         : scopedChildren;
     return (0, preact_1.h)(react_1.ThemeProvider, {
-        theme: theme,
+        theme,
         children: (0, preact_1.h)(ThemeGlobalStyleContext.Provider, { value: nextActiveThemeGlobalStyles }, providerChildren),
     });
 };

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

@@ -1,17 +1,9 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ALL_CUSTOM_COMPONENT_TYPES = exports.DEFAULT_CUSTOM_COMPONENT_TYPES = void 0;
 exports.DEFAULT_CUSTOM_COMPONENT_TYPES = ['result', 'badge'];
-exports.ALL_CUSTOM_COMPONENT_TYPES = __spreadArray(__spreadArray([], exports.DEFAULT_CUSTOM_COMPONENT_TYPES, true), [
+exports.ALL_CUSTOM_COMPONENT_TYPES = [
+    ...exports.DEFAULT_CUSTOM_COMPONENT_TYPES,
     /* atoms */
     'badgeImage',
     'badgePill',
@@ -73,4 +65,4 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = __spreadArray(__spreadArray([], exports.DEF
     'sidebar',
     'toolbar',
     'termsList',
-], false);
+];

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

@@ -1,34 +1,22 @@
 "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.useTreePath = exports.TreePathProvider = void 0;
 exports.withTreePath = withTreePath;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var preact_1 = require("preact");
-var hooks_1 = require("preact/hooks");
-var TreePathContext = (0, preact_1.createContext)(null);
-var TreePathProviderCast = TreePathContext.Provider;
-var TreePathProvider = function (_a) {
-    var children = _a.children, path = _a.path;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const preact_1 = require("preact");
+const hooks_1 = require("preact/hooks");
+const TreePathContext = (0, preact_1.createContext)(null);
+const TreePathProviderCast = TreePathContext.Provider;
+const TreePathProvider = ({ children, path }) => {
     return (0, jsx_runtime_1.jsx)(TreePathProviderCast, { value: path, children: children });
 };
 exports.TreePathProvider = TreePathProvider;
-var useTreePath = function () { return (0, hooks_1.useContext)(TreePathContext) || undefined; };
+const useTreePath = () => (0, hooks_1.useContext)(TreePathContext) || undefined;
 exports.useTreePath = useTreePath;
 function withTreePath(Component) {
-    return (function (props) {
-        var Comp = Component;
-        var treePath = (0, exports.useTreePath)();
-        return (0, jsx_runtime_1.jsx)(Comp, __assign({ treePath: treePath }, props));
+    return ((props) => {
+        const Comp = Component;
+        const treePath = (0, exports.useTreePath)();
+        return (0, jsx_runtime_1.jsx)(Comp, { treePath: treePath, ...props });
     });
 }

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/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,