@searchspring/snap-preact-components 0.72.2 → 0.73.6

package/dist/cjs/components/Atoms/Merchandising/Banner/Banner.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
 import { ComponentProps } from '../../../../types';
 import { BannerContent, ContentType } from '@searchspring/snap-store-mobx';
-export declare function Banner(properties: BannerProps): JSX.Element;
+import type { SearchController, AutocompleteController, RecommendationController } from '@searchspring/snap-controller';
+export declare const Banner: any;
 export interface BannerProps extends ComponentProps {
     content: BannerContent;
     type: ContentType;
+    controller?: SearchController | AutocompleteController | RecommendationController;
 }
 //# sourceMappingURL=Banner.d.ts.map

package/dist/cjs/components/Atoms/Merchandising/Banner/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Atoms/Merchandising/Banner/Banner.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,cAAc,EAAc,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAY3E,wBAAgB,MAAM,CAAC,UAAU,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA0C3D;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,WAAW,CAAC;CAClB"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Atoms/Merchandising/Banner/Banner.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAYxH,eAAO,MAAM,MAAM,KAqDlB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}

package/dist/cjs/components/Atoms/Merchandising/Banner/Banner.js

@@ -19,6 +19,8 @@ exports.Banner = void 0;
 var preact_1 = require("preact");
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_1 = require("mobx-react");
+var hooks_1 = require("preact/hooks");
 var providers_1 = require("../../../../providers");
 var snap_store_mobx_1 = require("@searchspring/snap-store-mobx");
 var CSS = {
@@ -31,8 +33,8 @@ var CSS = {
         });
     },
 };
-function Banner(properties) {
-    var _a, _b, _c;
+exports.Banner = (0, providers_1.withController)((0, mobx_react_1.observer)(function (properties) {
+    var _a, _b, _c, _d;
     var globalTheme = (0, providers_1.useTheme)();
     var props = __assign(__assign(__assign({}, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.banner), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.banner);
     var content = props.content, type = props.type, disableStyles = props.disableStyles, className = props.className, style = props.style;
@@ -47,13 +49,16 @@ function Banner(properties) {
     else if (style) {
         styling.css = [style];
     }
-    var bannerContent;
-    if (content && content[type]) {
-        bannerContent = content[type];
+    var banner = (_d = content === null || content === void 0 ? void 0 : content[type]) === null || _d === void 0 ? void 0 : _d[0];
+    var value = banner === null || banner === void 0 ? void 0 : banner.value;
+    if (!type || !value) {
+        return (0, react_1.jsx)(preact_1.Fragment, null);
     }
-    return bannerContent && bannerContent.length ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
-        (0, react_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ss__banner', "ss__banner--".concat(type), className) }, styling, { dangerouslySetInnerHTML: {
-                __html: bannerContent.join(''),
-            } })))) : ((0, react_1.jsx)(preact_1.Fragment, null));
-}
-exports.Banner = Banner;
+    var Content = (0, hooks_1.useCallback)((0, providers_1.withTracking)(function (trackingProps) {
+        return ((0, react_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ss__banner', "ss__banner--".concat(type), className) }, styling, { ref: trackingProps.trackingRef, dangerouslySetInnerHTML: {
+                __html: typeof value === 'string' ? value : value.join(''),
+            } })));
+    }), [value, type]);
+    return ((0, react_1.jsx)(providers_1.CacheProvider, null,
+        (0, react_1.jsx)(Content, __assign({}, props))));
+}));

package/dist/cjs/components/Atoms/Merchandising/InlineBanner/InlineBanner.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 import { ComponentProps, LayoutType } from '../../../../types';
+import type { SearchController, AutocompleteController, RecommendationController } from '@searchspring/snap-controller';
 import type { Banner } from '@searchspring/snap-store-mobx';
-export declare function InlineBanner(properties: InlineBannerProps): JSX.Element;
+export declare const InlineBanner: any;
 export interface InlineBannerProps extends ComponentProps {
     banner: Banner;
     width?: string;
     layout?: LayoutType;
     onClick?: (e: React.MouseEvent, banner: Banner) => void;
+    controller?: SearchController | AutocompleteController | RecommendationController;
 }
 //# sourceMappingURL=InlineBanner.d.ts.map

package/dist/cjs/components/Atoms/Merchandising/InlineBanner/InlineBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineBanner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Atoms/Merchandising/InlineBanner/InlineBanner.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,cAAc,EAAU,UAAU,EAAc,MAAM,mBAAmB,CAAC;AAEnF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAyB5D,wBAAgB,YAAY,CAAC,UAAU,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAuCvE;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD"}
+{"version":3,"file":"InlineBanner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Atoms/Merchandising/InlineBanner/InlineBanner.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAU,UAAU,EAAc,MAAM,mBAAmB,CAAC;AACnF,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAExH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAyB5D,eAAO,MAAM,YAAY,KA4CxB,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}

package/dist/cjs/components/Atoms/Merchandising/InlineBanner/InlineBanner.js

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineBanner = void 0;
 /** @jsx jsx */
 var preact_1 = require("preact");
+var mobx_react_1 = require("mobx-react");
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
 var providers_1 = require("../../../../providers");
@@ -45,13 +46,13 @@ var CSS = {
         });
     },
 };
-function InlineBanner(properties) {
+exports.InlineBanner = (0, providers_1.withController)((0, providers_1.withTracking)((0, mobx_react_1.observer)(function (properties) {
     var _a, _b, _c;
     var globalTheme = (0, providers_1.useTheme)();
     var props = __assign(__assign(__assign({ 
         // default props
         layout: types_1.Layout.GRID, width: 'auto' }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.inlineBanner), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.inlineBanner);
-    var banner = props.banner, disableStyles = props.disableStyles, className = props.className, width = props.width, layout = props.layout, onClick = props.onClick, style = props.style;
+    var trackingRef = props.trackingRef, banner = props.banner, disableStyles = props.disableStyles, className = props.className, width = props.width, layout = props.layout, onClick = props.onClick, style = props.style;
     var styling = {};
     if (!disableStyles) {
         styling.css = [CSS.inlineBanner({ width: width }), style];
@@ -62,8 +63,7 @@ function InlineBanner(properties) {
     return banner && banner.value ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
         (0, react_1.jsx)("div", __assign({ onClick: function (e) {
                 onClick && onClick(e, banner);
-            }, className: (0, classnames_1.default)('ss__inline-banner', "ss__inline-banner--".concat(layout), className) }, styling, { dangerouslySetInnerHTML: {
+            }, className: (0, classnames_1.default)('ss__inline-banner', "ss__inline-banner--".concat(layout), className) }, styling, { ref: trackingRef, dangerouslySetInnerHTML: {
                 __html: banner.value,
             } })))) : ((0, react_1.jsx)(preact_1.Fragment, null));
-}
-exports.InlineBanner = InlineBanner;
+})));

package/dist/cjs/components/Molecules/Result/Result.d.ts

@@ -2,7 +2,7 @@
 import { ComponentProps, LayoutType } from '../../../types';
 import type { SearchController, AutocompleteController, RecommendationController } from '@searchspring/snap-controller';
 import type { Product } from '@searchspring/snap-store-mobx';
-export declare const Result: (properties: ResultProps) => JSX.Element;
+export declare const Result: any;
 interface TruncateTitleProps {
     limit: number;
     append?: string;

package/dist/cjs/components/Molecules/Result/Result.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Result.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Result/Result.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAsB,MAAM,gBAAgB,CAAC;AAGhF,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AA4D7D,eAAO,MAAM,MAAM,eAAyB,WAAW,KAAG,WAmKxD,CAAC;AAQH,UAAU,kBAAkB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAClE,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}
+{"version":3,"file":"Result.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Result/Result.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAsB,MAAM,gBAAgB,CAAC;AAIhF,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AA4D7D,eAAO,MAAM,MAAM,KAuKlB,CAAC;AAQF,UAAU,kBAAkB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAClE,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}

package/dist/cjs/components/Molecules/Result/Result.js

@@ -28,6 +28,7 @@ var snap_toolbox_1 = require("@searchspring/snap-toolbox");
 var types_1 = require("../../../types");
 var CalloutBadge_1 = require("../../Molecules/CalloutBadge");
 var OverlayBadge_1 = require("../../Molecules/OverlayBadge");
+var providers_2 = require("../../../providers");
 var CSS = {
     result: function () {
         return (0, react_1.css)({
@@ -82,7 +83,7 @@ var CSS = {
         });
     },
 };
-exports.Result = (0, mobx_react_1.observer)(function (properties) {
+exports.Result = (0, providers_1.withController)((0, providers_2.withTracking)((0, mobx_react_1.observer)(function (properties) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     var globalTheme = (0, providers_1.useTheme)();
     var props = __assign(__assign(__assign({ 
@@ -155,4 +156,4 @@ exports.Result = (0, mobx_react_1.observer)(function (properties) {
                     "\u00A0",
                     (0, react_1.jsx)(Price_1.Price, __assign({}, subProps.price, { value: core.price })))) : ((0, react_1.jsx)(Price_1.Price, __assign({}, subProps.price, { value: core.price }))))),
                 (0, utilities_1.cloneWithProps)(detailSlot, { result: result }))))) : ((0, react_1.jsx)(preact_1.Fragment, null));
-});
+})));

package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAU5E,OAAO,EAAE,cAAc,EAAgB,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAsJ5F,eAAO,MAAM,YAAY,eAAyB,iBAAiB,KAAG,WAidpE,CAAC;AAoCH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,sBAAsB,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACjE"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAU5E,OAAO,EAAE,cAAc,EAAgB,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAsJ5F,eAAO,MAAM,YAAY,eAAyB,iBAAiB,KAAG,WAkdpE,CAAC;AAoCH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,sBAAsB,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACjE"}

package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.js

@@ -245,7 +245,7 @@ exports.Autocomplete = (0, mobx_react_1.observer)(function (properties) {
         })), { theme: props.theme }),
         banner: __assign(__assign(__assign({ 
             // default props
-            className: 'ss__autocomplete__banner' }, (_m = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _m === void 0 ? void 0 : _m.banner), (0, utilities_1.defined)({
+            className: 'ss__autocomplete__banner', controller: controller }, (_m = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _m === void 0 ? void 0 : _m.banner), (0, utilities_1.defined)({
             disableStyles: disableStyles,
         })), { 
             // component theme overrides

package/dist/cjs/components/Organisms/Results/Results.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Results.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Results/Results.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,+BAA+B,CAAC;AAIxF,OAAO,EAAE,cAAc,EAAU,UAAU,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAgClG,eAAO,MAAM,OAAO,eAAyB,WAAW,KAAG,WA4GzD,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}
+{"version":3,"file":"Results.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Results/Results.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,+BAA+B,CAAC;AAIxF,OAAO,EAAE,cAAc,EAAU,UAAU,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AA8BlG,eAAO,MAAM,OAAO,eAAyB,WAAW,KAAG,WAsGzD,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}

package/dist/cjs/components/Organisms/Results/Results.js

@@ -52,7 +52,6 @@ var CSS = {
         });
     },
 };
-var ResultComponent = (0, providers_1.withTracking)(Result_1.Result);
 exports.Results = (0, mobx_react_1.observer)(function (properties) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     var globalTheme = (0, providers_1.useTheme)();
@@ -80,14 +79,14 @@ exports.Results = (0, mobx_react_1.observer)(function (properties) {
     var subProps = {
         result: __assign(__assign(__assign({ 
             // default props
-            className: 'ss__results__result' }, (_f = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _f === void 0 ? void 0 : _f.result), (0, utilities_1.defined)({
+            className: 'ss__results__result', controller: controller }, (_f = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _f === void 0 ? void 0 : _f.result), (0, utilities_1.defined)({
             disableStyles: disableStyles,
         })), { 
             // component theme overrides
             theme: props === null || props === void 0 ? void 0 : props.theme }),
         inlineBanner: __assign(__assign(__assign({ 
             // default props
-            className: 'ss__results__inline-banner' }, (_g = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _g === void 0 ? void 0 : _g.inlineBanner), (0, utilities_1.defined)({
+            className: 'ss__results__inline-banner', controller: controller }, (_g = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _g === void 0 ? void 0 : _g.inlineBanner), (0, utilities_1.defined)({
             disableStyles: disableStyles,
         })), { 
             // component theme overrides
@@ -111,7 +110,7 @@ exports.Results = (0, mobx_react_1.observer)(function (properties) {
                     case snap_store_mobx_1.ContentType.BANNER:
                         return (0, react_1.jsx)(InlineBanner_1.InlineBanner, __assign({}, subProps.inlineBanner, { key: result.id, banner: result, layout: props.layout }));
                     default:
-                        return ((0, react_1.jsx)(ResultComponent, __assign({ key: result.id }, subProps.result, { result: result, layout: props.layout, controller: controller })));
+                        return (0, react_1.jsx)(Result_1.Result, __assign({ key: result.id }, subProps.result, { result: result, layout: props.layout }));
                 }
             })();
         })))) : ((0, react_1.jsx)(preact_1.Fragment, null));

package/dist/cjs/components/Trackers/ResultTracker/ResultTracker.d.ts

@@ -10,7 +10,6 @@ export interface ResultTrackerProps extends ComponentProps {
     result: Product | Banner;
     controller: SearchController | AutocompleteController | RecommendationController;
     track?: {
-        render?: boolean;
         impression?: boolean;
         click?: boolean;
     };

package/dist/cjs/components/Trackers/ResultTracker/ResultTracker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResultTracker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Trackers/ResultTracker/ResultTracker.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAI9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AASrE,eAAO,MAAM,aAAa,eAAyB,kBAAkB,KAAG,WAsDtE,CAAC;AAEH,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACzD,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IACjF,KAAK,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,KAAK,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;CACF"}
+{"version":3,"file":"ResultTracker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Trackers/ResultTracker/ResultTracker.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAI9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AASrE,eAAO,MAAM,aAAa,eAAyB,kBAAkB,KAAG,WAiDtE,CAAC;AAEH,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACzD,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IACjF,KAAK,CAAC,EAAE;QACP,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,KAAK,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;CACF"}

package/dist/cjs/components/Trackers/ResultTracker/ResultTracker.js

@@ -27,7 +27,6 @@ exports.ResultTracker = (0, mobx_react_1.observer)(function (properties) {
     var _a, _b, _c;
     var globalTheme = (0, providers_1.useTheme)();
     var defaultTrack = {
-        render: true,
         impression: true,
         click: true,
     };
@@ -36,12 +35,7 @@ exports.ResultTracker = (0, mobx_react_1.observer)(function (properties) {
     var mergedTrack = __assign(__assign({}, defaultTrack), track);
     var _d = (0, utilities_1.createImpressionObserver)(), ref = _d.ref, inViewport = _d.inViewport;
     if (inViewport && mergedTrack.impression) {
-        if (result.type === 'product') {
-            controller === null || controller === void 0 ? void 0 : controller.track.product.impression(result);
-        }
-        else {
-            // track banner in future
-        }
+        controller === null || controller === void 0 ? void 0 : controller.track.product.impression(result);
     }
     var styling = {};
     if (!disableStyles) {
@@ -51,7 +45,7 @@ exports.ResultTracker = (0, mobx_react_1.observer)(function (properties) {
         styling.css = [style];
     }
     return ((0, react_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ss__result-tracker', "ss__".concat(controller === null || controller === void 0 ? void 0 : controller.type, "-result-tracker"), className), onClick: function (e) {
-            if (result.type === 'product' && mergedTrack.click) {
+            if (mergedTrack.click) {
                 controller === null || controller === void 0 ? void 0 : controller.track.product.click(e, result);
             }
         }, ref: ref }, styling), children));

package/dist/cjs/hooks/useIntersectionAdvanced.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIntersectionAdvanced.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIntersectionAdvanced.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,UAAU,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,WAAW,sBAAsB;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAGD,eAAO,MAAM,uBAAuB,QAAS,WAAW,WAAW,GAAG,IAAI,CAAC,YAAW,sBAAsB,KAAQ,OAqInH,CAAC"}
+{"version":3,"file":"useIntersectionAdvanced.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIntersectionAdvanced.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,UAAU,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,WAAW,sBAAsB;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAGD,eAAO,MAAM,uBAAuB,QAAS,WAAW,WAAW,GAAG,IAAI,CAAC,YAAW,sBAAsB,KAAQ,OAsInH,CAAC"}

package/dist/cjs/hooks/useIntersectionAdvanced.js

@@ -23,6 +23,7 @@ var useIntersectionAdvanced = function (ref, options) {
         }
         visibleStartRef.current = null;
         lastResetKeyRef.current = resetKey;
+        return false;
     }
     (0, hooks_1.useEffect)(function () {
         setIntersecting(false);

package/dist/cjs/hooks/useTracking.d.ts

@@ -1,11 +1,14 @@
-import { Product } from '@searchspring/snap-store-mobx';
+import { Banner, BannerContent, ContentType, Product } from '@searchspring/snap-store-mobx';
 import type { SearchController, AutocompleteController, RecommendationController } from '@searchspring/snap-controller';
 import { type Ref } from 'preact/hooks';
 interface UseTrackingProps {
     controller: SearchController | AutocompleteController | RecommendationController;
     result: Product;
+    banner?: Banner;
+    type?: ContentType;
+    content?: BannerContent;
 }
-export declare function useTracking({ controller, result }: UseTrackingProps): {
+export declare function useTracking({ controller, result, banner, type, content }: UseTrackingProps): {
     trackingRef: Ref<HTMLElement | null>;
 };
 export {};

package/dist/cjs/hooks/useTracking.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTracking.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTracking.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,EAAa,KAAK,GAAG,EAAE,MAAM,cAAc,CAAC;AAGnD,UAAU,gBAAgB;IACzB,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IACjF,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,gBAAgB,GAAG;IAAE,WAAW,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,CAuC9G"}
+{"version":3,"file":"useTracking.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTracking.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAA8B,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,EAAa,KAAK,GAAG,EAAE,MAAM,cAAc,CAAC;AAInD,UAAU,gBAAgB;IACzB,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IACjF,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,gBAAgB,GAAG;IAAE,WAAW,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,CA4CrI"}

package/dist/cjs/hooks/useTracking.js

@@ -3,39 +3,48 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTracking = void 0;
 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;
+    var controller = _a.controller, result = _a.result, banner = _a.banner, type = _a.type, content = _a.content;
     if (!controller) {
         console.warn('Warning: No controller provided to useTracking');
     }
     if (!result) {
         console.warn('Warning: No result provided to useTracking');
     }
+    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 () {
         if (inViewport) {
             // TODO: add support for disabling tracking events via config like in ResultTracker
-            if (result.type === 'product') {
-                controller === null || controller === void 0 ? void 0 : controller.track.product.impression(result);
+            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]);
             }
-            else {
-                // track banner in future
+            else if (!(result === null || result === void 0 ? void 0 : result.bundleSeed)) {
+                controller === null || controller === void 0 ? void 0 : controller.track.product.impression((result || banner));
             }
         }
     }, [inViewport]);
     (0, hooks_1.useEffect)(function () {
         var currentRef = ref.current;
         if (currentRef) {
-            currentRef.setAttribute('sstracking', 'true');
             var handleClick_1 = function (e) {
-                controller === null || controller === void 0 ? void 0 : controller.track.product.click(e, result);
+                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]);
+                }
+                else {
+                    controller === null || controller === void 0 ? void 0 : 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);
             };
         }
-    }, [result]);
+    }, [controller, result, banner, type, content]);
     return { trackingRef: ref };
 }
 exports.useTracking = useTracking;

package/dist/cjs/providers/withTracking.d.ts

@@ -1,9 +1,14 @@
 import { ComponentType, FunctionComponent } from 'preact';
-import type { Product } from '@searchspring/snap-store-mobx';
+import type { Banner, Product } from '@searchspring/snap-store-mobx';
 import type { SearchController, AutocompleteController, RecommendationController } from '@searchspring/snap-controller';
+import type { ContentType, BannerContent } from '@searchspring/snap-store-mobx';
+export declare const TRACKING_ATTRIBUTE = "sstracking";
 interface WithTrackingProps {
     controller?: SearchController | AutocompleteController | RecommendationController;
     result?: Product;
+    banner?: Banner;
+    type?: ContentType;
+    content?: BannerContent;
     [key: string]: any;
 }
 export declare function withTracking<Props extends WithTrackingProps>(WrappedComponent: ComponentType<Props>): FunctionComponent<Props>;

package/dist/cjs/providers/withTracking.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withTracking.d.ts","sourceRoot":"","sources":["../../../src/providers/withTracking.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,aAAa,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAIxH,UAAU,iBAAiB;IAC1B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,KAAK,SAAS,iBAAiB,EAAE,gBAAgB,EAAE,aAAa,CAAC,KAAK,CAAC,4BAqEnG"}
+{"version":3,"file":"withTracking.d.ts","sourceRoot":"","sources":["../../../src/providers/withTracking.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,aAAa,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,EAA8B,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACjG,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAIhF,eAAO,MAAM,kBAAkB,eAAe,CAAC;AAC/C,UAAU,iBAAiB;IAC1B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,KAAK,SAAS,iBAAiB,EAAE,gBAAgB,EAAE,aAAa,CAAC,KAAK,CAAC,4BAiFnG"}

package/dist/cjs/providers/withTracking.js

@@ -22,19 +22,24 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withTracking = void 0;
+exports.withTracking = exports.TRACKING_ATTRIBUTE = void 0;
 var preact_1 = require("preact");
 var utilities_1 = require("../utilities");
 var hooks_1 = require("preact/hooks");
+exports.TRACKING_ATTRIBUTE = 'sstracking';
 function withTracking(WrappedComponent) {
     var WithTracking = function (props) {
         var _a;
-        var controller = props.controller, result = props.result, restProps = __rest(props, ["controller", "result"]);
-        if (!controller) {
-            console.warn('Warning: No controller provided to withTracking');
+        var controller = props.controller, result = props.result, banner = props.banner, type = props.type, content = props.content, restProps = __rest(props, ["controller", "result", "banner", "type", "content"]);
+        if (props.trackingRef) {
+            // case where withTracking may get used more than once
+            return (0, preact_1.h)(WrappedComponent, __assign({}, props));
         }
-        if (!result) {
-            console.warn('Warning: No result provided to withTracking');
+        if (!controller && (!type || !content)) {
+            console.warn('Warning: No controller provided to withTracking', props);
+        }
+        if (!result && !banner && (!type || !content)) {
+            console.warn('Warning: No result or banner provided to withTracking');
         }
         var resetKey;
         if ((controller === null || controller === void 0 ? void 0 : controller.type) === 'search' || (controller === null || controller === void 0 ? void 0 : controller.type) === 'autocomplete') {
@@ -58,27 +63,32 @@ function withTracking(WrappedComponent) {
         var _b = (0, utilities_1.createImpressionObserver)({ resetKey: resetKey }), ref = _b.ref, inViewport = _b.inViewport;
         if (inViewport) {
             // TODO: add support for disabling tracking events via config like in ResultTracker
-            if ((result === null || result === void 0 ? void 0 : result.type) === 'product' && !(result === null || result === void 0 ? void 0 : result.bundleSeed)) {
-                controller === null || controller === void 0 ? void 0 : controller.track.product.impression(result);
+            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]);
             }
-            else {
-                // track banner in future
+            else if (!(result === null || result === void 0 ? void 0 : result.bundleSeed)) {
+                controller === null || controller === void 0 ? void 0 : controller.track.product.impression((result || banner));
             }
         }
         var handleClick = (0, hooks_1.useCallback)(function (e) {
-            controller === null || controller === void 0 ? void 0 : controller.track.product.click(e, result);
-        }, [controller, result]);
+            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]);
+            }
+            else {
+                controller === null || controller === void 0 ? void 0 : controller.track.product.click(e, (result || banner));
+            }
+        }, [controller, result, banner, type, content]);
         (0, hooks_1.useEffect)(function () {
             var currentRef = ref.current;
             if (currentRef) {
-                currentRef.setAttribute('sstracking', 'true');
+                currentRef.setAttribute(exports.TRACKING_ATTRIBUTE, 'true');
                 currentRef.addEventListener('click', handleClick, true); // Use capture phase
                 return function () {
                     currentRef.removeEventListener('click', handleClick, true);
                 };
             }
         }, [ref, handleClick]);
-        var trackingProps = __assign(__assign({}, restProps), { controller: controller, result: result, trackingRef: ref });
+        var trackingProps = __assign(__assign({}, restProps), { controller: controller, result: result, banner: banner, type: type, content: content, trackingRef: ref });
         return (0, preact_1.h)(WrappedComponent, __assign({}, trackingProps));
     };
     return WithTracking;

package/dist/esm/components/Atoms/Merchandising/Banner/Banner.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
 import { ComponentProps } from '../../../../types';
 import { BannerContent, ContentType } from '@searchspring/snap-store-mobx';
-export declare function Banner(properties: BannerProps): JSX.Element;
+import type { SearchController, AutocompleteController, RecommendationController } from '@searchspring/snap-controller';
+export declare const Banner: any;
 export interface BannerProps extends ComponentProps {
     content: BannerContent;
     type: ContentType;
+    controller?: SearchController | AutocompleteController | RecommendationController;
 }
 //# sourceMappingURL=Banner.d.ts.map

package/dist/esm/components/Atoms/Merchandising/Banner/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Atoms/Merchandising/Banner/Banner.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,cAAc,EAAc,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAY3E,wBAAgB,MAAM,CAAC,UAAU,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA0C3D;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,WAAW,CAAC;CAClB"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Atoms/Merchandising/Banner/Banner.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAYxH,eAAO,MAAM,MAAM,KAqDlB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}

package/dist/esm/components/Atoms/Merchandising/Banner/Banner.js

@@ -2,7 +2,9 @@
 import { Fragment } from 'preact';
 import { jsx, css } from '@emotion/react';
 import classnames from 'classnames';
-import { useTheme, CacheProvider } from '../../../../providers';
+import { observer } from 'mobx-react';
+import { useCallback } from 'preact/hooks';
+import { useTheme, CacheProvider, withController, withTracking } from '../../../../providers';
 import { ContentType } from '@searchspring/snap-store-mobx';
 const CSS = {
     banner: () => css({
@@ -12,7 +14,7 @@ const CSS = {
         },
     }),
 };
-export function Banner(properties) {
+export const Banner = withController(observer((properties) => {
     const globalTheme = useTheme();
     const props = {
         // global theme
@@ -33,12 +35,16 @@ export function Banner(properties) {
     else if (style) {
         styling.css = [style];
     }
-    let bannerContent;
-    if (content && content[type]) {
-        bannerContent = content[type];
+    const banner = content?.[type]?.[0];
+    const value = banner?.value;
+    if (!type || !value) {
+        return jsx(Fragment, null);
     }
-    return bannerContent && bannerContent.length ? (jsx(CacheProvider, null,
-        jsx("div", { className: classnames('ss__banner', `ss__banner--${type}`, className), ...styling, dangerouslySetInnerHTML: {
-                __html: bannerContent.join(''),
-            } }))) : (jsx(Fragment, null));
-}
+    const Content = useCallback(withTracking((trackingProps) => {
+        return (jsx("div", { className: classnames('ss__banner', `ss__banner--${type}`, className), ...styling, ref: trackingProps.trackingRef, dangerouslySetInnerHTML: {
+                __html: typeof value === 'string' ? value : value.join(''),
+            } }));
+    }), [value, type]);
+    return (jsx(CacheProvider, null,
+        jsx(Content, { ...props })));
+}));

package/dist/esm/components/Atoms/Merchandising/InlineBanner/InlineBanner.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 import { ComponentProps, LayoutType } from '../../../../types';
+import type { SearchController, AutocompleteController, RecommendationController } from '@searchspring/snap-controller';
 import type { Banner } from '@searchspring/snap-store-mobx';
-export declare function InlineBanner(properties: InlineBannerProps): JSX.Element;
+export declare const InlineBanner: any;
 export interface InlineBannerProps extends ComponentProps {
     banner: Banner;
     width?: string;
     layout?: LayoutType;
     onClick?: (e: React.MouseEvent, banner: Banner) => void;
+    controller?: SearchController | AutocompleteController | RecommendationController;
 }
 //# sourceMappingURL=InlineBanner.d.ts.map

package/dist/esm/components/Atoms/Merchandising/InlineBanner/InlineBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineBanner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Atoms/Merchandising/InlineBanner/InlineBanner.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,cAAc,EAAU,UAAU,EAAc,MAAM,mBAAmB,CAAC;AAEnF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAyB5D,wBAAgB,YAAY,CAAC,UAAU,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAuCvE;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD"}
+{"version":3,"file":"InlineBanner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Atoms/Merchandising/InlineBanner/InlineBanner.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAU,UAAU,EAAc,MAAM,mBAAmB,CAAC;AACnF,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAExH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAyB5D,eAAO,MAAM,YAAY,KA4CxB,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}

package/dist/esm/components/Atoms/Merchandising/InlineBanner/InlineBanner.js

@@ -1,8 +1,9 @@
 /** @jsx jsx */
 import { Fragment } from 'preact';
+import { observer } from 'mobx-react';
 import { jsx, css } from '@emotion/react';
 import classnames from 'classnames';
-import { useTheme, CacheProvider } from '../../../../providers';
+import { useTheme, CacheProvider, withController, withTracking } from '../../../../providers';
 import { Layout } from '../../../../types';
 const CSS = {
     inlineBanner: ({ width }) => css({
@@ -25,7 +26,7 @@ const CSS = {
         },
     }),
 };
-export function InlineBanner(properties) {
+export const InlineBanner = withController(withTracking(observer((properties) => {
     const globalTheme = useTheme();
     const props = {
         // default props
@@ -37,7 +38,7 @@ export function InlineBanner(properties) {
         ...properties,
         ...properties.theme?.components?.inlineBanner,
     };
-    const { banner, disableStyles, className, width, layout, onClick, style } = props;
+    const { trackingRef, banner, disableStyles, className, width, layout, onClick, style } = props;
     const styling = {};
     if (!disableStyles) {
         styling.css = [CSS.inlineBanner({ width }), style];
@@ -48,7 +49,7 @@ export function InlineBanner(properties) {
     return banner && banner.value ? (jsx(CacheProvider, null,
         jsx("div", { onClick: (e) => {
                 onClick && onClick(e, banner);
-            }, className: classnames('ss__inline-banner', `ss__inline-banner--${layout}`, className), ...styling, dangerouslySetInnerHTML: {
+            }, className: classnames('ss__inline-banner', `ss__inline-banner--${layout}`, className), ...styling, ref: trackingRef, dangerouslySetInnerHTML: {
                 __html: banner.value,
             } }))) : (jsx(Fragment, null));
-}
+})));

package/dist/esm/components/Molecules/Result/Result.d.ts

@@ -2,7 +2,7 @@
 import { ComponentProps, LayoutType } from '../../../types';
 import type { SearchController, AutocompleteController, RecommendationController } from '@searchspring/snap-controller';
 import type { Product } from '@searchspring/snap-store-mobx';
-export declare const Result: (properties: ResultProps) => JSX.Element;
+export declare const Result: any;
 interface TruncateTitleProps {
     limit: number;
     append?: string;

package/dist/esm/components/Molecules/Result/Result.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Result.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Result/Result.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAsB,MAAM,gBAAgB,CAAC;AAGhF,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AA4D7D,eAAO,MAAM,MAAM,eAAyB,WAAW,KAAG,WAmKxD,CAAC;AAQH,UAAU,kBAAkB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAClE,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}
+{"version":3,"file":"Result.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Result/Result.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAsB,MAAM,gBAAgB,CAAC;AAIhF,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AA4D7D,eAAO,MAAM,MAAM,KAuKlB,CAAC;AAQF,UAAU,kBAAkB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAClE,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}

package/dist/esm/components/Molecules/Result/Result.js

@@ -5,12 +5,13 @@ import { jsx, css } from '@emotion/react';
 import classnames from 'classnames';
 import { Image } from '../../Atoms/Image';
 import { Price } from '../../Atoms/Price';
-import { useTheme, CacheProvider } from '../../../providers';
+import { useTheme, CacheProvider, withController } from '../../../providers';
 import { defined, cloneWithProps } from '../../../utilities';
 import { filters } from '@searchspring/snap-toolbox';
 import { Layout } from '../../../types';
 import { CalloutBadge } from '../../Molecules/CalloutBadge';
 import { OverlayBadge } from '../../Molecules/OverlayBadge';
+import { withTracking } from '../../../providers';
 const CSS = {
     result: () => css({
         '&.ss__result--grid': {
@@ -63,7 +64,7 @@ const CSS = {
         },
     }),
 };
-export const Result = observer((properties) => {
+export const Result = withController(withTracking(observer((properties) => {
     const globalTheme = useTheme();
     const props = {
         // default props
@@ -162,4 +163,4 @@ export const Result = observer((properties) => {
                     "\u00A0",
                     jsx(Price, { ...subProps.price, value: core.price }))) : (jsx(Price, { ...subProps.price, value: core.price })))),
                 cloneWithProps(detailSlot, { result }))))) : (jsx(Fragment, null));
-});
+})));

package/dist/esm/components/Organisms/Autocomplete/Autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAU5E,OAAO,EAAE,cAAc,EAAgB,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAsJ5F,eAAO,MAAM,YAAY,eAAyB,iBAAiB,KAAG,WAidpE,CAAC;AAoCH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,sBAAsB,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACjE"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAU5E,OAAO,EAAE,cAAc,EAAgB,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAsJ5F,eAAO,MAAM,YAAY,eAAyB,iBAAiB,KAAG,WAkdpE,CAAC;AAoCH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,sBAAsB,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACjE"}

package/dist/esm/components/Organisms/Autocomplete/Autocomplete.js

@@ -245,6 +245,7 @@ export const Autocomplete = observer((properties) => {
         banner: {
             // default props
             className: 'ss__autocomplete__banner',
+            controller,
             // global theme
             ...globalTheme?.components?.banner,
             // inherited props

package/dist/esm/components/Organisms/Results/Results.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Results.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Results/Results.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,+BAA+B,CAAC;AAIxF,OAAO,EAAE,cAAc,EAAU,UAAU,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAgClG,eAAO,MAAM,OAAO,eAAyB,WAAW,KAAG,WA4GzD,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}
+{"version":3,"file":"Results.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Results/Results.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,+BAA+B,CAAC;AAIxF,OAAO,EAAE,cAAc,EAAU,UAAU,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AA8BlG,eAAO,MAAM,OAAO,eAAyB,WAAW,KAAG,WAsGzD,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}

package/dist/esm/components/Organisms/Results/Results.js

@@ -9,7 +9,7 @@ import { InlineBanner } from '../../Atoms/Merchandising/InlineBanner';
 import { Result } from '../../Molecules/Result';
 import { Layout } from '../../../types';
 import { defined } from '../../../utilities';
-import { useTheme, CacheProvider, withTracking } from '../../../providers';
+import { useTheme, CacheProvider } from '../../../providers';
 import { useDisplaySettings } from '../../../hooks/useDisplaySettings';
 const CSS = {
     results: ({ columns, gapSize }) => css({
@@ -32,7 +32,6 @@ const CSS = {
         },
     }),
 };
-const ResultComponent = withTracking(Result);
 export const Results = observer((properties) => {
     const globalTheme = useTheme();
     const defaultBreakpointsProps = {
@@ -74,6 +73,7 @@ export const Results = observer((properties) => {
         result: {
             // default props
             className: 'ss__results__result',
+            controller,
             // global theme
             ...globalTheme?.components?.result,
             // inherited props
@@ -86,6 +86,7 @@ export const Results = observer((properties) => {
         inlineBanner: {
             // default props
             className: 'ss__results__inline-banner',
+            controller,
             // global theme
             ...globalTheme?.components?.inlineBanner,
             // inherited props
@@ -113,7 +114,7 @@ export const Results = observer((properties) => {
                 case ContentType.BANNER:
                     return jsx(InlineBanner, { ...subProps.inlineBanner, key: result.id, banner: result, layout: props.layout });
                 default:
-                    return (jsx(ResultComponent, { key: result.id, ...subProps.result, result: result, layout: props.layout, controller: controller }));
+                    return jsx(Result, { key: result.id, ...subProps.result, result: result, layout: props.layout });
             }
         })())))) : (jsx(Fragment, null));
 });

package/dist/esm/components/Trackers/ResultTracker/ResultTracker.d.ts

@@ -10,7 +10,6 @@ export interface ResultTrackerProps extends ComponentProps {
     result: Product | Banner;
     controller: SearchController | AutocompleteController | RecommendationController;
     track?: {
-        render?: boolean;
         impression?: boolean;
         click?: boolean;
     };

package/dist/esm/components/Trackers/ResultTracker/ResultTracker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResultTracker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Trackers/ResultTracker/ResultTracker.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAI9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AASrE,eAAO,MAAM,aAAa,eAAyB,kBAAkB,KAAG,WAsDtE,CAAC;AAEH,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACzD,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IACjF,KAAK,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,KAAK,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;CACF"}
+{"version":3,"file":"ResultTracker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Trackers/ResultTracker/ResultTracker.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAI9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AASrE,eAAO,MAAM,aAAa,eAAyB,kBAAkB,KAAG,WAiDtE,CAAC;AAEH,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACzD,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IACjF,KAAK,CAAC,EAAE;QACP,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,KAAK,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;CACF"}

package/dist/esm/components/Trackers/ResultTracker/ResultTracker.js

@@ -9,7 +9,6 @@ const CSS = {
 export const ResultTracker = observer((properties) => {
     const globalTheme = useTheme();
     const defaultTrack = {
-        render: true,
         impression: true,
         click: true,
     };
@@ -28,12 +27,7 @@ export const ResultTracker = observer((properties) => {
     };
     const { ref, inViewport } = createImpressionObserver();
     if (inViewport && mergedTrack.impression) {
-        if (result.type === 'product') {
-            controller?.track.product.impression(result);
-        }
-        else {
-            // track banner in future
-        }
+        controller?.track.product.impression(result);
     }
     const styling = {};
     if (!disableStyles) {
@@ -43,7 +37,7 @@ export const ResultTracker = observer((properties) => {
         styling.css = [style];
     }
     return (jsx("div", { className: classnames('ss__result-tracker', `ss__${controller?.type}-result-tracker`, className), onClick: (e) => {
-            if (result.type === 'product' && mergedTrack.click) {
+            if (mergedTrack.click) {
                 controller?.track.product.click(e, result);
             }
         }, ref: ref, ...styling }, children));

package/dist/esm/hooks/useIntersectionAdvanced.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIntersectionAdvanced.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIntersectionAdvanced.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,UAAU,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,WAAW,sBAAsB;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAGD,eAAO,MAAM,uBAAuB,QAAS,WAAW,WAAW,GAAG,IAAI,CAAC,YAAW,sBAAsB,KAAQ,OAqInH,CAAC"}
+{"version":3,"file":"useIntersectionAdvanced.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIntersectionAdvanced.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,UAAU,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,WAAW,sBAAsB;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAGD,eAAO,MAAM,uBAAuB,QAAS,WAAW,WAAW,GAAG,IAAI,CAAC,YAAW,sBAAsB,KAAQ,OAsInH,CAAC"}

package/dist/esm/hooks/useIntersectionAdvanced.js

@@ -19,6 +19,7 @@ export const useIntersectionAdvanced = (ref, options = {}) => {
         }
         visibleStartRef.current = null;
         lastResetKeyRef.current = resetKey;
+        return false;
     }
     useEffect(() => {
         setIntersecting(false);

package/dist/esm/hooks/useTracking.d.ts

@@ -1,11 +1,14 @@
-import { Product } from '@searchspring/snap-store-mobx';
+import { Banner, BannerContent, ContentType, Product } from '@searchspring/snap-store-mobx';
 import type { SearchController, AutocompleteController, RecommendationController } from '@searchspring/snap-controller';
 import { type Ref } from 'preact/hooks';
 interface UseTrackingProps {
     controller: SearchController | AutocompleteController | RecommendationController;
     result: Product;
+    banner?: Banner;
+    type?: ContentType;
+    content?: BannerContent;
 }
-export declare function useTracking({ controller, result }: UseTrackingProps): {
+export declare function useTracking({ controller, result, banner, type, content }: UseTrackingProps): {
     trackingRef: Ref<HTMLElement | null>;
 };
 export {};

package/dist/esm/hooks/useTracking.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTracking.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTracking.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,EAAa,KAAK,GAAG,EAAE,MAAM,cAAc,CAAC;AAGnD,UAAU,gBAAgB;IACzB,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IACjF,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,gBAAgB,GAAG;IAAE,WAAW,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,CAuC9G"}
+{"version":3,"file":"useTracking.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTracking.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAA8B,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,EAAa,KAAK,GAAG,EAAE,MAAM,cAAc,CAAC;AAInD,UAAU,gBAAgB;IACzB,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IACjF,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,gBAAgB,GAAG;IAAE,WAAW,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,CA4CrI"}

package/dist/esm/hooks/useTracking.js

@@ -1,36 +1,45 @@
 import { useEffect } from 'preact/hooks';
 import { createImpressionObserver } from '../utilities';
-export function useTracking({ controller, result }) {
+import { TRACKING_ATTRIBUTE } from '../providers/withTracking';
+export function useTracking({ controller, result, banner, type, content }) {
     if (!controller) {
         console.warn('Warning: No controller provided to useTracking');
     }
     if (!result) {
         console.warn('Warning: No result provided to useTracking');
     }
+    if (!result && !banner && (!type || !content)) {
+        console.warn('Warning: No result or banner provided to withTracking');
+    }
     const { ref, inViewport } = createImpressionObserver();
     useEffect(() => {
         if (inViewport) {
             // TODO: add support for disabling tracking events via config like in ResultTracker
-            if (result.type === 'product') {
-                controller?.track.product.impression(result);
+            if (type && content && !result && ['search', 'autocomplete'].includes(controller?.type || '')) {
+                controller?.track.banner.impression(content[type][0]);
             }
-            else {
-                // track banner in future
+            else if (!result?.bundleSeed) {
+                controller?.track.product.impression((result || banner));
             }
         }
     }, [inViewport]);
     useEffect(() => {
         const currentRef = ref.current;
         if (currentRef) {
-            currentRef.setAttribute('sstracking', 'true');
             const handleClick = (e) => {
-                controller?.track.product.click(e, result);
+                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));
+                }
             };
+            currentRef.setAttribute(TRACKING_ATTRIBUTE, 'true');
             currentRef.addEventListener('click', handleClick);
             return () => {
                 currentRef.removeEventListener('click', handleClick);
             };
         }
-    }, [result]);
+    }, [controller, result, banner, type, content]);
     return { trackingRef: ref };
 }

package/dist/esm/providers/withTracking.d.ts

@@ -1,9 +1,14 @@
 import { ComponentType, FunctionComponent } from 'preact';
-import type { Product } from '@searchspring/snap-store-mobx';
+import type { Banner, Product } from '@searchspring/snap-store-mobx';
 import type { SearchController, AutocompleteController, RecommendationController } from '@searchspring/snap-controller';
+import type { ContentType, BannerContent } from '@searchspring/snap-store-mobx';
+export declare const TRACKING_ATTRIBUTE = "sstracking";
 interface WithTrackingProps {
     controller?: SearchController | AutocompleteController | RecommendationController;
     result?: Product;
+    banner?: Banner;
+    type?: ContentType;
+    content?: BannerContent;
     [key: string]: any;
 }
 export declare function withTracking<Props extends WithTrackingProps>(WrappedComponent: ComponentType<Props>): FunctionComponent<Props>;

package/dist/esm/providers/withTracking.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withTracking.d.ts","sourceRoot":"","sources":["../../../src/providers/withTracking.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,aAAa,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAIxH,UAAU,iBAAiB;IAC1B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,KAAK,SAAS,iBAAiB,EAAE,gBAAgB,EAAE,aAAa,CAAC,KAAK,CAAC,4BAqEnG"}
+{"version":3,"file":"withTracking.d.ts","sourceRoot":"","sources":["../../../src/providers/withTracking.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,aAAa,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,EAA8B,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACjG,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAIhF,eAAO,MAAM,kBAAkB,eAAe,CAAC;AAC/C,UAAU,iBAAiB;IAC1B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,KAAK,SAAS,iBAAiB,EAAE,gBAAgB,EAAE,aAAa,CAAC,KAAK,CAAC,4BAiFnG"}

package/dist/esm/providers/withTracking.js

@@ -1,14 +1,19 @@
 import { h } from 'preact';
 import { createImpressionObserver } from '../utilities';
 import { useEffect, useCallback } from 'preact/hooks';
+export const TRACKING_ATTRIBUTE = 'sstracking';
 export function withTracking(WrappedComponent) {
     const WithTracking = (props) => {
-        const { controller, result, ...restProps } = props;
-        if (!controller) {
-            console.warn('Warning: No controller provided to withTracking');
+        const { controller, result, banner, type, content, ...restProps } = props;
+        if (props.trackingRef) {
+            // case where withTracking may get used more than once
+            return h(WrappedComponent, { ...props });
         }
-        if (!result) {
-            console.warn('Warning: No result provided to withTracking');
+        if (!controller && (!type || !content)) {
+            console.warn('Warning: No controller provided to withTracking', props);
+        }
+        if (!result && !banner && (!type || !content)) {
+            console.warn('Warning: No result or banner provided to withTracking');
         }
         let resetKey;
         if (controller?.type === 'search' || controller?.type === 'autocomplete') {
@@ -32,20 +37,25 @@ export function withTracking(WrappedComponent) {
         const { ref, inViewport } = createImpressionObserver({ resetKey });
         if (inViewport) {
             // TODO: add support for disabling tracking events via config like in ResultTracker
-            if (result?.type === 'product' && !result?.bundleSeed) {
-                controller?.track.product.impression(result);
+            if (type && content && !result && ['search', 'autocomplete'].includes(controller?.type || '')) {
+                controller?.track.banner.impression(content[type][0]);
             }
-            else {
-                // track banner in future
+            else if (!result?.bundleSeed) {
+                controller?.track.product.impression((result || banner));
             }
         }
         const handleClick = useCallback((e) => {
-            controller?.track.product.click(e, result);
-        }, [controller, result]);
+            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, result, banner, type, content]);
         useEffect(() => {
             const currentRef = ref.current;
             if (currentRef) {
-                currentRef.setAttribute('sstracking', 'true');
+                currentRef.setAttribute(TRACKING_ATTRIBUTE, 'true');
                 currentRef.addEventListener('click', handleClick, true); // Use capture phase
                 return () => {
                     currentRef.removeEventListener('click', handleClick, true);
@@ -56,6 +66,9 @@ export function withTracking(WrappedComponent) {
             ...restProps,
             controller,
             result,
+            banner,
+            type,
+            content,
             trackingRef: ref,
         };
         return h(WrappedComponent, { ...trackingProps });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@searchspring/snap-preact-components",
-	"version": "0.72.2",
+	"version": "0.73.6",
 	"description": "Snap Preact Component Library",
 	"author": "Searchspring",
 	"license": "MIT",
@@ -29,7 +29,7 @@
 	"dependencies": {
 		"@cypress/react": "^8.0.0",
 		"@emotion/react": "11.9.0",
-		"@searchspring/snap-toolbox": "0.72.2",
+		"@searchspring/snap-toolbox": "0.73.6",
 		"classnames": "^2.3.2",
 		"cypress": "^13.7.1",
 		"cypress-wait-until": "^1.7.2",
@@ -52,14 +52,14 @@
 		"@babel/preset-env": "^7.21.4",
 		"@babel/preset-react": "^7.18.6",
 		"@babel/runtime": "^7.21.0",
-		"@searchspring/snap-client": "0.72.2",
-		"@searchspring/snap-controller": "0.72.2",
-		"@searchspring/snap-event-manager": "0.72.2",
-		"@searchspring/snap-logger": "0.72.2",
-		"@searchspring/snap-profiler": "0.72.2",
-		"@searchspring/snap-store-mobx": "0.72.2",
-		"@searchspring/snap-tracker": "0.72.2",
-		"@searchspring/snap-url-manager": "0.72.2",
+		"@searchspring/snap-client": "0.73.6",
+		"@searchspring/snap-controller": "0.73.6",
+		"@searchspring/snap-event-manager": "0.73.6",
+		"@searchspring/snap-logger": "0.73.6",
+		"@searchspring/snap-profiler": "0.73.6",
+		"@searchspring/snap-store-mobx": "0.73.6",
+		"@searchspring/snap-tracker": "0.73.6",
+		"@searchspring/snap-url-manager": "0.73.6",
 		"@storybook/addon-actions": "6.4.22",
 		"@storybook/addon-controls": "6.4.22",
 		"@storybook/addon-docs": "6.4.22",
@@ -84,5 +84,5 @@
 		"webpack-merge": "^5.8.0"
 	},
 	"sideEffects": false,
-	"gitHead": "e6a243a563a22c1d6f87f8b42c540b46b875c54f"
+	"gitHead": "afcdd6d76bafbd19d5a1e7fa656a811700d99c19"
 }