@constructor-io/constructorio-ui-autocomplete 1.25.2 → 1.25.3

package/lib/cjs/hooks/useDownShift.js

@@ -23,7 +23,7 @@ const useDownShift = (_a) => {
                         // Autocomplete Select tracking
                         // Recommendation Select tracking
                         if (selectedItem.podId && ((_a = selectedItem.data) === null || _a === void 0 ? void 0 : _a.id) && selectedItem.strategy) {
-                            cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackRecommendationClick({
+                            const recommendationData = {
                                 itemName: selectedItem.value,
                                 itemId: selectedItem.data.id,
                                 variationId: selectedItem.data.variation_id,
@@ -31,7 +31,8 @@ const useDownShift = (_a) => {
                                 strategyId: selectedItem.strategy.id,
                                 section: selectedItem.section,
                                 resultId: selectedItem.result_id,
-                            });
+                            };
+                            (0, tracking_1.trackRecommendationSelect)(cioClient, recommendationData);
                             // Select tracking for all other Constructor sections:
                             // (ie: Search Suggestions, Products, Custom Cio sections, etc)
                             // This does not apply to custom user defined sections that aren't part of Constructor index

package/lib/cjs/utils/tracking.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.trackAutocompleteSelect = exports.trackSearchSubmit = exports.trackRecommendationView = exports.isTrackingRequestSent = void 0;
+exports.captureTrackingRequest = exports.trackRecommendationSelect = exports.trackAutocompleteSelect = exports.trackSearchSubmit = exports.trackRecommendationView = exports.isTrackingRequestSent = void 0;
+const tslib_1 = require("tslib");
 const typeGuards_1 = require("../typeGuards");
 // eslint-disable-next-line import/no-cycle
 const beaconUtils_1 = require("./beaconUtils");
@@ -50,3 +51,30 @@ const trackAutocompleteSelect = (cioClient, itemName, autocompleteData = {}) =>
     }
 };
 exports.trackAutocompleteSelect = trackAutocompleteSelect;
+const trackRecommendationSelect = (cioClient, recommendationData = {}) => {
+    (0, storage_1.storageRemoveItem)(beaconUtils_1.CONSTANTS.SEARCH_TERM_STORAGE_KEY);
+    cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackRecommendationClick(recommendationData);
+};
+exports.trackRecommendationSelect = trackRecommendationSelect;
+const captureTrackingRequest = (urlPattern, action) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    let trackingCaptured = false;
+    const originalSetItem = Storage.prototype.setItem;
+    Storage.prototype.setItem = function setItemInterceptor(key, value) {
+        if (key === '_constructorio_requests') {
+            try {
+                const requests = JSON.parse(value);
+                if (requests.some((req) => { var _a; return (_a = req === null || req === void 0 ? void 0 : req.url) === null || _a === void 0 ? void 0 : _a.includes(urlPattern); })) {
+                    trackingCaptured = true;
+                }
+            }
+            catch (e) {
+                // Ignore parsing errors
+            }
+        }
+        return originalSetItem.call(this, key, value);
+    };
+    yield action();
+    Storage.prototype.setItem = originalSetItem;
+    return trackingCaptured || isTrackingRequestSent(urlPattern);
+});
+exports.captureTrackingRequest = captureTrackingRequest;

package/lib/cjs/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.25.2';
+exports.default = '1.25.3';

package/lib/mjs/hooks/useDownShift.js

@@ -1,5 +1,5 @@
 import { useCombobox } from 'downshift';
-import { trackSearchSubmit, trackAutocompleteSelect } from '../utils/tracking';
+import { trackSearchSubmit, trackAutocompleteSelect, trackRecommendationSelect, } from '../utils/tracking';
 let idCounter = 0;
 const useDownShift = ({ setQuery, items, onSubmit, cioClient, previousQuery = '', ...rest }) => useCombobox({
     id: `cio-autocomplete-${idCounter++}`,
@@ -20,7 +20,7 @@ const useDownShift = ({ setQuery, items, onSubmit, cioClient, previousQuery = ''
                     // Autocomplete Select tracking
                     // Recommendation Select tracking
                     if (selectedItem.podId && selectedItem.data?.id && selectedItem.strategy) {
-                        cioClient?.tracker.trackRecommendationClick({
+                        const recommendationData = {
                             itemName: selectedItem.value,
                             itemId: selectedItem.data.id,
                             variationId: selectedItem.data.variation_id,
@@ -28,7 +28,8 @@ const useDownShift = ({ setQuery, items, onSubmit, cioClient, previousQuery = ''
                             strategyId: selectedItem.strategy.id,
                             section: selectedItem.section,
                             resultId: selectedItem.result_id,
-                        });
+                        };
+                        trackRecommendationSelect(cioClient, recommendationData);
                         // Select tracking for all other Constructor sections:
                         // (ie: Search Suggestions, Products, Custom Cio sections, etc)
                         // This does not apply to custom user defined sections that aren't part of Constructor index

package/lib/mjs/utils/tracking.js

@@ -39,3 +39,28 @@ export const trackAutocompleteSelect = (cioClient, itemName, autocompleteData =
         storageRemoveItem(CONSTANTS.SEARCH_TERM_STORAGE_KEY);
     }
 };
+export const trackRecommendationSelect = (cioClient, recommendationData = {}) => {
+    storageRemoveItem(CONSTANTS.SEARCH_TERM_STORAGE_KEY);
+    cioClient?.tracker.trackRecommendationClick(recommendationData);
+};
+export const captureTrackingRequest = async (urlPattern, action) => {
+    let trackingCaptured = false;
+    const originalSetItem = Storage.prototype.setItem;
+    Storage.prototype.setItem = function setItemInterceptor(key, value) {
+        if (key === '_constructorio_requests') {
+            try {
+                const requests = JSON.parse(value);
+                if (requests.some((req) => req?.url?.includes(urlPattern))) {
+                    trackingCaptured = true;
+                }
+            }
+            catch (e) {
+                // Ignore parsing errors
+            }
+        }
+        return originalSetItem.call(this, key, value);
+    };
+    await action();
+    Storage.prototype.setItem = originalSetItem;
+    return trackingCaptured || isTrackingRequestSent(urlPattern);
+};

package/lib/mjs/version.js

@@ -1 +1 @@
-export default '1.25.2';
+export default '1.25.3';

package/lib/types/utils/tracking.d.ts

@@ -5,3 +5,5 @@ export declare function isTrackingRequestSent(trackingRequestUrl: string): any;
 export declare const trackRecommendationView: (target: HTMLElement, activeSectionsWithData: Section[], cioClient: Nullable<ConstructorIOClient>) => void;
 export declare const trackSearchSubmit: (cioClient: any, term: any, autocompleteData?: {}) => void;
 export declare const trackAutocompleteSelect: (cioClient: any, itemName: any, autocompleteData?: any) => void;
+export declare const trackRecommendationSelect: (cioClient: any, recommendationData?: any) => void;
+export declare const captureTrackingRequest: (urlPattern: string, action: () => Promise<void>) => Promise<boolean>;

package/lib/types/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.25.2";
+declare const _default: "1.25.3";
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constructor-io/constructorio-ui-autocomplete",
-  "version": "1.25.2",
+  "version": "1.25.3",
   "description": "Constructor.io Autocomplete UI library for web applications",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",