@searchspring/snap-preact-components 0.66.1 → 0.66.3

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

@@ -1,11 +1,10 @@
 import { MutableRef } from 'preact/hooks';
-interface UseIntersectionOptions {
+export interface UseIntersectionOptions {
     rootMargin?: string;
     fireOnce?: boolean;
     threshold?: number | number[];
     minVisibleTime?: number;
-    additionalEffectKeys?: unknown[];
+    resetKey?: string;
 }
 export declare const useIntersectionAdvanced: (ref: MutableRef<HTMLElement | null>, options?: UseIntersectionOptions) => boolean;
-export {};
 //# sourceMappingURL=useIntersectionAdvanced.d.ts.map

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,UAAU,sBAAsB;IAC/B,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,oBAAoB,CAAC,EAAE,OAAO,EAAE,CAAC;CACjC;AAED,eAAO,MAAM,uBAAuB,QAAS,WAAW,WAAW,GAAG,IAAI,CAAC,YAAW,sBAAsB,KAAQ,OAiFnH,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;AAED,eAAO,MAAM,uBAAuB,QAAS,WAAW,WAAW,GAAG,IAAI,CAAC,YAAW,sBAAsB,KAAQ,OA+FnH,CAAC"}

package/dist/cjs/hooks/useIntersectionAdvanced.js

@@ -1,25 +1,28 @@
 "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.useIntersectionAdvanced = void 0;
 var hooks_1 = require("preact/hooks");
 var useIntersectionAdvanced = function (ref, options) {
     if (options === void 0) { options = {}; }
-    var _a = options.rootMargin, rootMargin = _a === void 0 ? '0px' : _a, _b = options.fireOnce, fireOnce = _b === void 0 ? false : _b, _c = options.threshold, threshold = _c === void 0 ? 0 : _c, _d = options.minVisibleTime, minVisibleTime = _d === void 0 ? 0 : _d;
+    var _a = options.rootMargin, rootMargin = _a === void 0 ? '0px' : _a, _b = options.fireOnce, fireOnce = _b === void 0 ? false : _b, _c = options.threshold, threshold = _c === void 0 ? 0 : _c, _d = options.minVisibleTime, minVisibleTime = _d === void 0 ? 0 : _d, resetKey = options.resetKey;
     // State and setter for storing whether element is visible
     var _e = (0, hooks_1.useState)(false), isIntersecting = _e[0], setIntersecting = _e[1];
     // Timer reference to track visibility duration
     var visibleTimerRef = (0, hooks_1.useRef)(null);
     // Track when the element started being visible
     var visibleStartRef = (0, hooks_1.useRef)(null);
+    // Track the last reset key to detect changes
+    var lastResetKeyRef = (0, hooks_1.useRef)(resetKey);
+    // Reset state if resetKey has changed
+    if (resetKey !== lastResetKeyRef.current) {
+        setIntersecting(false);
+        if (visibleTimerRef.current) {
+            window.clearTimeout(visibleTimerRef.current);
+            visibleTimerRef.current = null;
+        }
+        visibleStartRef.current = null;
+        lastResetKeyRef.current = resetKey;
+    }
     (0, hooks_1.useEffect)(function () {
         setIntersecting(false);
         var observer = null;
@@ -79,7 +82,7 @@ var useIntersectionAdvanced = function (ref, options) {
                 observer.unobserve(ref.current);
             }
         };
-    }, __spreadArray([ref], ((options === null || options === void 0 ? void 0 : options.additionalEffectKeys) || []), true));
+    }, [ref, resetKey]);
     return isIntersecting;
 };
 exports.useIntersectionAdvanced = useIntersectionAdvanced;

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,4BA+CnG"}
+{"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,4BA8DnG"}

package/dist/cjs/providers/withTracking.js

@@ -28,6 +28,7 @@ var utilities_1 = require("../utilities");
 var hooks_1 = require("preact/hooks");
 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');
@@ -35,11 +36,26 @@ function withTracking(WrappedComponent) {
         if (!result) {
             console.warn('Warning: No result provided to withTracking');
         }
-        var additionalEffectKeys = [];
-        if ((controller === null || controller === void 0 ? void 0 : controller.type) === 'autocomplete') {
-            additionalEffectKeys.push(controller.store.state.input);
+        var resetKey;
+        if ((controller === null || controller === void 0 ? void 0 : controller.type) === 'search' || (controller === null || controller === void 0 ? void 0 : controller.type) === 'autocomplete') {
+            var urlManager = controller.urlManager;
+            resetKey = JSON.stringify({
+                q: urlManager.state.query,
+                p: urlManager.state.page,
+                ps: urlManager.state.pageSize,
+                s: urlManager.state.sort,
+                f: urlManager.state.filter,
+            });
         }
-        var _a = (0, utilities_1.createImpressionObserver)({ additionalEffectKeys: additionalEffectKeys }), ref = _a.ref, inViewport = _a.inViewport;
+        else if ((controller === null || controller === void 0 ? void 0 : controller.type) === 'recommendation') {
+            // For recommendations, use a combination of tag and other relevant state
+            var recStore = controller.store;
+            resetKey = JSON.stringify({
+                tag: (_a = recStore.profile) === null || _a === void 0 ? void 0 : _a.tag,
+                ids: recStore.results.map(function (result) { return result.id; }).join(','),
+            });
+        }
+        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') {

package/dist/cjs/utilities/createImpressionObserver.d.ts

@@ -1,7 +1,6 @@
 import { type Ref } from 'preact/hooks';
-export declare function createImpressionObserver(options?: {
-    additionalEffectKeys?: unknown[];
-}): {
+import { UseIntersectionOptions } from '../hooks';
+export declare function createImpressionObserver(options?: UseIntersectionOptions): {
     ref: Ref<HTMLElement | null>;
     inViewport: boolean;
 };

package/dist/cjs/utilities/createImpressionObserver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createImpressionObserver.d.ts","sourceRoot":"","sources":["../../../src/utilities/createImpressionObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAU,MAAM,cAAc,CAAC;AAGhD,wBAAgB,wBAAwB,CAAC,OAAO,CAAC,EAAE;IAAE,oBAAoB,CAAC,EAAE,OAAO,EAAE,CAAA;CAAE,GAAG;IACzF,GAAG,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;CACpB,CAYA"}
+{"version":3,"file":"createImpressionObserver.d.ts","sourceRoot":"","sources":["../../../src/utilities/createImpressionObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAU,MAAM,cAAc,CAAC;AAChD,OAAO,EAA2B,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAI3E,wBAAgB,wBAAwB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG;IAC3E,GAAG,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;CACpB,CAYA"}

package/dist/cjs/utilities/createImpressionObserver.js

@@ -1,16 +1,24 @@
 "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.createImpressionObserver = void 0;
 var hooks_1 = require("preact/hooks");
 var hooks_2 = require("../hooks");
+var IMPRESSION_VISIBILITY_THRESHOLD = 0.7;
+var IMPRESSION_MIN_VISIBLE_TIME = 1000;
 function createImpressionObserver(options) {
     var ref = (0, hooks_1.useRef)(null);
-    var inViewport = (0, hooks_2.useIntersectionAdvanced)(ref, {
-        fireOnce: true,
-        threshold: 0.75,
-        minVisibleTime: 1000,
-        additionalEffectKeys: (options === null || options === void 0 ? void 0 : options.additionalEffectKeys) || [],
-    });
+    var inViewport = (0, hooks_2.useIntersectionAdvanced)(ref, __assign(__assign({}, options), { fireOnce: true, threshold: IMPRESSION_VISIBILITY_THRESHOLD, minVisibleTime: IMPRESSION_MIN_VISIBLE_TIME }));
     return {
         ref: ref,
         inViewport: inViewport,

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

@@ -1,11 +1,10 @@
 import { MutableRef } from 'preact/hooks';
-interface UseIntersectionOptions {
+export interface UseIntersectionOptions {
     rootMargin?: string;
     fireOnce?: boolean;
     threshold?: number | number[];
     minVisibleTime?: number;
-    additionalEffectKeys?: unknown[];
+    resetKey?: string;
 }
 export declare const useIntersectionAdvanced: (ref: MutableRef<HTMLElement | null>, options?: UseIntersectionOptions) => boolean;
-export {};
 //# sourceMappingURL=useIntersectionAdvanced.d.ts.map

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,UAAU,sBAAsB;IAC/B,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,oBAAoB,CAAC,EAAE,OAAO,EAAE,CAAC;CACjC;AAED,eAAO,MAAM,uBAAuB,QAAS,WAAW,WAAW,GAAG,IAAI,CAAC,YAAW,sBAAsB,KAAQ,OAiFnH,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;AAED,eAAO,MAAM,uBAAuB,QAAS,WAAW,WAAW,GAAG,IAAI,CAAC,YAAW,sBAAsB,KAAQ,OA+FnH,CAAC"}

package/dist/esm/hooks/useIntersectionAdvanced.js

@@ -1,12 +1,24 @@
 import { useState, useEffect, useRef } from 'preact/hooks';
 export const useIntersectionAdvanced = (ref, options = {}) => {
-    const { rootMargin = '0px', fireOnce = false, threshold = 0, minVisibleTime = 0 } = options;
+    const { rootMargin = '0px', fireOnce = false, threshold = 0, minVisibleTime = 0, resetKey } = options;
     // State and setter for storing whether element is visible
     const [isIntersecting, setIntersecting] = useState(false);
     // Timer reference to track visibility duration
     const visibleTimerRef = useRef(null);
     // Track when the element started being visible
     const visibleStartRef = useRef(null);
+    // Track the last reset key to detect changes
+    const lastResetKeyRef = useRef(resetKey);
+    // Reset state if resetKey has changed
+    if (resetKey !== lastResetKeyRef.current) {
+        setIntersecting(false);
+        if (visibleTimerRef.current) {
+            window.clearTimeout(visibleTimerRef.current);
+            visibleTimerRef.current = null;
+        }
+        visibleStartRef.current = null;
+        lastResetKeyRef.current = resetKey;
+    }
     useEffect(() => {
         setIntersecting(false);
         let observer = null;
@@ -65,6 +77,6 @@ export const useIntersectionAdvanced = (ref, options = {}) => {
                 observer.unobserve(ref.current);
             }
         };
-    }, [ref, ...(options?.additionalEffectKeys || [])]);
+    }, [ref, resetKey]);
     return isIntersecting;
 };

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,4BA+CnG"}
+{"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,4BA8DnG"}

package/dist/esm/providers/withTracking.js

@@ -10,11 +10,26 @@ export function withTracking(WrappedComponent) {
         if (!result) {
             console.warn('Warning: No result provided to withTracking');
         }
-        const additionalEffectKeys = [];
-        if (controller?.type === 'autocomplete') {
-            additionalEffectKeys.push(controller.store.state.input);
+        let resetKey;
+        if (controller?.type === 'search' || controller?.type === 'autocomplete') {
+            const urlManager = controller.urlManager;
+            resetKey = JSON.stringify({
+                q: urlManager.state.query,
+                p: urlManager.state.page,
+                ps: urlManager.state.pageSize,
+                s: urlManager.state.sort,
+                f: urlManager.state.filter,
+            });
         }
-        const { ref, inViewport } = createImpressionObserver({ additionalEffectKeys });
+        else if (controller?.type === 'recommendation') {
+            // For recommendations, use a combination of tag and other relevant state
+            const recStore = controller.store;
+            resetKey = JSON.stringify({
+                tag: recStore.profile?.tag,
+                ids: recStore.results.map((result) => result.id).join(','),
+            });
+        }
+        const { ref, inViewport } = createImpressionObserver({ resetKey });
         if (inViewport) {
             // TODO: add support for disabling tracking events via config like in ResultTracker
             if (result?.type === 'product') {

package/dist/esm/utilities/createImpressionObserver.d.ts

@@ -1,7 +1,6 @@
 import { type Ref } from 'preact/hooks';
-export declare function createImpressionObserver(options?: {
-    additionalEffectKeys?: unknown[];
-}): {
+import { UseIntersectionOptions } from '../hooks';
+export declare function createImpressionObserver(options?: UseIntersectionOptions): {
     ref: Ref<HTMLElement | null>;
     inViewport: boolean;
 };

package/dist/esm/utilities/createImpressionObserver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createImpressionObserver.d.ts","sourceRoot":"","sources":["../../../src/utilities/createImpressionObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAU,MAAM,cAAc,CAAC;AAGhD,wBAAgB,wBAAwB,CAAC,OAAO,CAAC,EAAE;IAAE,oBAAoB,CAAC,EAAE,OAAO,EAAE,CAAA;CAAE,GAAG;IACzF,GAAG,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;CACpB,CAYA"}
+{"version":3,"file":"createImpressionObserver.d.ts","sourceRoot":"","sources":["../../../src/utilities/createImpressionObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAU,MAAM,cAAc,CAAC;AAChD,OAAO,EAA2B,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAI3E,wBAAgB,wBAAwB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG;IAC3E,GAAG,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;CACpB,CAYA"}

package/dist/esm/utilities/createImpressionObserver.js

@@ -1,12 +1,14 @@
 import { useRef } from 'preact/hooks';
 import { useIntersectionAdvanced } from '../hooks';
+const IMPRESSION_VISIBILITY_THRESHOLD = 0.7;
+const IMPRESSION_MIN_VISIBLE_TIME = 1000;
 export function createImpressionObserver(options) {
     const ref = useRef(null);
     const inViewport = useIntersectionAdvanced(ref, {
+        ...options,
         fireOnce: true,
-        threshold: 0.75,
-        minVisibleTime: 1000,
-        additionalEffectKeys: options?.additionalEffectKeys || [],
+        threshold: IMPRESSION_VISIBILITY_THRESHOLD,
+        minVisibleTime: IMPRESSION_MIN_VISIBLE_TIME,
     });
     return {
         ref,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@searchspring/snap-preact-components",
-	"version": "0.66.1",
+	"version": "0.66.3",
 	"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.66.1",
+		"@searchspring/snap-toolbox": "^0.66.3",
 		"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.66.1",
-		"@searchspring/snap-controller": "^0.66.1",
-		"@searchspring/snap-event-manager": "^0.66.1",
-		"@searchspring/snap-logger": "^0.66.1",
-		"@searchspring/snap-profiler": "^0.66.1",
-		"@searchspring/snap-store-mobx": "^0.66.1",
-		"@searchspring/snap-tracker": "^0.66.1",
-		"@searchspring/snap-url-manager": "^0.66.1",
+		"@searchspring/snap-client": "^0.66.3",
+		"@searchspring/snap-controller": "^0.66.3",
+		"@searchspring/snap-event-manager": "^0.66.3",
+		"@searchspring/snap-logger": "^0.66.3",
+		"@searchspring/snap-profiler": "^0.66.3",
+		"@searchspring/snap-store-mobx": "^0.66.3",
+		"@searchspring/snap-tracker": "^0.66.3",
+		"@searchspring/snap-url-manager": "^0.66.3",
 		"@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": "a9d6de5e5e144ca964e8a19d9dba5c63d9d94db6"
+	"gitHead": "200c5a8f94b21f28c3c440917650665a516fd9c6"
 }