@constructor-io/constructorio-ui-autocomplete 1.23.27 → 1.23.29

package/lib/cjs/utils/storage.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.storageRemoveItem = exports.storageSetItem = exports.storageGetArray = exports.storageGetItem = exports.getStorageEngine = void 0;
+const helpers_1 = require("./helpers");
+// Return storage engine based on scope
+const getStorageEngine = (scope) => {
+    if (scope === 'local') {
+        return localStorage;
+    }
+    return sessionStorage;
+};
+exports.getStorageEngine = getStorageEngine;
+// Retrieves item from storage for key
+const storageGetItem = (key) => {
+    try {
+        const storageEngine = (0, exports.getStorageEngine)(key.scope);
+        return storageEngine.getItem(key.key);
+    }
+    catch (e) {
+        (0, helpers_1.logger)(`storageGetItem error: ${e}`);
+        return null;
+    }
+};
+exports.storageGetItem = storageGetItem;
+// Retrieve array from storage
+const storageGetArray = (key) => {
+    const item = (0, exports.storageGetItem)(key);
+    if (item) {
+        try {
+            const array = JSON.parse(item);
+            return array;
+        }
+        catch (e) {
+            (0, helpers_1.logger)(`storageGetArray error: ${e}`);
+        }
+    }
+    return null;
+};
+exports.storageGetArray = storageGetArray;
+// Set item in storage
+const storageSetItem = (key, value) => {
+    try {
+        const storageEngine = (0, exports.getStorageEngine)(key.scope);
+        return storageEngine.setItem(key.key, value);
+    }
+    catch (e) {
+        (0, helpers_1.logger)(`storageSetItem error: ${e}`);
+        return null;
+    }
+};
+exports.storageSetItem = storageSetItem;
+// Remove item in storage
+const storageRemoveItem = (key) => {
+    try {
+        const storageEngine = (0, exports.getStorageEngine)(key.scope);
+        return storageEngine.removeItem(key.key);
+    }
+    catch (e) {
+        (0, helpers_1.logger)(`storageRemoveItem error: ${e}`);
+        return null;
+    }
+};
+exports.storageRemoveItem = storageRemoveItem;

package/lib/cjs/utils/tracking.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trackAutocompleteSelect = exports.trackSearchSubmit = exports.trackRecommendationView = exports.isTrackingRequestSent = void 0;
+const typeGuards_1 = require("../typeGuards");
+// eslint-disable-next-line import/no-cycle
+const beaconUtils_1 = require("./beaconUtils");
+const storage_1 = require("./storage");
+function isTrackingRequestSent(trackingRequestUrl) {
+    var _a, _b;
+    // eslint-disable-next-line
+    const trackingRequestsQueue = (_a = window.localStorage) === null || _a === void 0 ? void 0 : _a._constructorio_requests;
+    return (trackingRequestsQueue &&
+        ((_b = JSON.parse(trackingRequestsQueue)) === null || _b === void 0 ? void 0 : _b.some((request) => { var _a; return (_a = request === null || request === void 0 ? void 0 : request.url) === null || _a === void 0 ? void 0 : _a.includes(trackingRequestUrl); })));
+}
+exports.isTrackingRequestSent = isTrackingRequestSent;
+const trackRecommendationView = (target, activeSectionsWithData, cioClient) => {
+    if (target.dataset.cnstrcRecommendationsPodId) {
+        // Pull recommendations from activeSectionsWithData by podId surfaced on target
+        const recommendationSection = activeSectionsWithData.find((section) => (0, typeGuards_1.isRecommendationsSection)(section) &&
+            section.podId === target.dataset.cnstrcRecommendationsPodId);
+        const recommendationItems = recommendationSection === null || recommendationSection === void 0 ? void 0 : recommendationSection.data.map((item) => {
+            var _a, _b;
+            return ({
+                itemId: (_a = item.data) === null || _a === void 0 ? void 0 : _a.id,
+                itemName: item.value,
+                variationId: (_b = item.data) === null || _b === void 0 ? void 0 : _b.variation_id,
+            });
+        });
+        cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackRecommendationView({
+            podId: target.dataset.cnstrcRecommendationsPodId,
+            numResultsViewed: (recommendationItems === null || recommendationItems === void 0 ? void 0 : recommendationItems.length) || 0,
+            url: window.location.href,
+            section: target.dataset.cnstrcSection,
+            items: recommendationItems,
+        });
+    }
+};
+exports.trackRecommendationView = trackRecommendationView;
+const trackSearchSubmit = (cioClient, term, autocompleteData = {}) => {
+    cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackSearchSubmit(term, autocompleteData);
+    (0, storage_1.storageSetItem)(beaconUtils_1.CONSTANTS.SEARCH_TERM_STORAGE_KEY, term);
+    (0, beaconUtils_1.storeRecentSearch)(term, {});
+    (0, beaconUtils_1.storeRecentAction)(beaconUtils_1.CONSTANTS.SEARCH_SUBMIT);
+};
+exports.trackSearchSubmit = trackSearchSubmit;
+const trackAutocompleteSelect = (cioClient, itemName, autocompleteData = {}) => {
+    cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackAutocompleteSelect(itemName, autocompleteData);
+    if ((autocompleteData === null || autocompleteData === void 0 ? void 0 : autocompleteData.section) === 'Products') {
+        (0, storage_1.storageRemoveItem)(beaconUtils_1.CONSTANTS.SEARCH_TERM_STORAGE_KEY);
+    }
+};
+exports.trackAutocompleteSelect = trackAutocompleteSelect;

package/lib/cjs/version.js

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

package/lib/mjs/components/Autocomplete/AutocompleteResults/AutocompleteResults.js

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { toKebabCase } from '../../../utils';
+import { toKebabCase } from '../../../utils/format';
 import { CioAutocompleteContext } from '../CioAutocompleteProvider';
 import SectionItemsList from '../SectionItemsList/SectionItemsList';
 import CloseIcon from './CloseIcon';

package/lib/mjs/components/Autocomplete/SectionItem/SectionItem.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { CioAutocompleteContext } from '../CioAutocompleteProvider';
 import { isProduct, isInGroupSuggestion, isSearchSuggestion } from '../../../typeGuards';
 import SectionItemText from './SectionItemText';
-import { translate } from '../../../utils';
+import { translate } from '../../../utils/helpers';
 import SearchSuggestionItem from './SearchSuggestionItem';
 export default function SectionItem(props) {
     const { item, children, displaySearchTermHighlights } = props;

package/lib/mjs/components/Autocomplete/SectionItem/SectionItemText.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { isInGroupSuggestion } from '../../../typeGuards';
-import { escapeRegExp } from '../../../utils';
+import { escapeRegExp } from '../../../utils/helpers';
 export default function SectionItemText({ item, query, highlightSearchTerm, }) {
     const itemText = isInGroupSuggestion(item) ? item.groupName : item.value;
     if (highlightSearchTerm) {

package/lib/mjs/components/Autocomplete/SectionItemsList/SectionItemsList.js

@@ -1,7 +1,8 @@
 import React, { useContext } from 'react';
 import SectionItem from '../SectionItem/SectionItem';
 import CustomSectionItem from '../SectionItem/CustomSectionItem';
-import { camelToStartCase, translate } from '../../../utils';
+import { translate } from '../../../utils/helpers';
+import { camelToStartCase } from '../../../utils/format';
 import { CioAutocompleteContext } from '../CioAutocompleteProvider';
 import NoResults from '../AutocompleteResults/NoResults';
 // eslint-disable-next-line func-names

package/lib/mjs/hooks/useCioAutocomplete.js

@@ -3,7 +3,10 @@ import { useMemo, useState } from 'react';
 import useCioClient from './useCioClient';
 import useDownShift from './useDownShift';
 import usePrevious from './usePrevious';
-import { getItemPosition, getItemsForActiveSections, getFeatures, trackRecommendationView, toKebabCase, trackSearchSubmit, } from '../utils';
+import { getItemPosition, getItemsForActiveSections } from '../utils/helpers';
+import { toKebabCase } from '../utils/format';
+import { trackRecommendationView, trackSearchSubmit } from '../utils/tracking';
+import { getFeatures } from '../utils/features';
 import useConsoleErrors from './useConsoleErrors';
 import useSections from './useSections';
 import useRecommendationsObserver from './useRecommendationsObserver';

package/lib/mjs/hooks/useCioClient.js

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { getCioClient } from '../utils';
+import { getCioClient } from '../utils/helpers';
 const useCioClient = ({ apiKey, cioJsClient, cioJsClientOptions }) => {
     if (!apiKey && !cioJsClient) {
         // eslint-disable-next-line no-console

package/lib/mjs/hooks/useDownShift.js

@@ -1,5 +1,5 @@
 import { useCombobox } from 'downshift';
-import { trackSearchSubmit, trackAutocompleteSelect } from '../utils';
+import { trackSearchSubmit, trackAutocompleteSelect } from '../utils/tracking';
 let idCounter = 0;
 const useDownShift = ({ setQuery, items, onSubmit, cioClient, previousQuery = '', ...rest }) => useCombobox({
     id: `cio-autocomplete-${idCounter++}`,

package/lib/mjs/hooks/useSections/useActiveSectionsWithData.js

@@ -1,6 +1,6 @@
 /* eslint-disable max-params */
 import { useEffect, useState } from 'react';
-import { getActiveSectionsWithData } from '../../utils';
+import { getActiveSectionsWithData } from '../../utils/helpers';
 export default function useActiveSectionsWithData(sectionsResults, activeSections, sectionsRefs, query, podsData) {
     const [activeSectionsWithData, setActiveSectionsWithData] = useState([]);
     // Add to active sections the results data and refs when autocomplete results or recommendation results fetched

package/lib/mjs/hooks/useSections/useRemoveSections.js

@@ -1,6 +1,6 @@
 /* eslint-disable max-params */
 import { useEffect } from 'react';
-import { getFeatures } from '../../utils';
+import { getFeatures } from '../../utils/features';
 export default function useRemoveSections(sections, podsData, setActiveSections, showZeroStateSections, zeroStateSections) {
     // Remove sections if necessary
     useEffect(() => {

package/lib/mjs/{beaconUtils.js → utils/beaconUtils.js}

@@ -1,5 +1,5 @@
 // eslint-disable-next-line import/no-cycle
-import { logger } from './utils';
+import { storageGetArray, storageSetItem } from './storage';
 export const CONSTANTS = {
     SEARCH_SUBMIT: 'SEARCH_SUBMIT',
     RECENT_ACTIONS_STORAGE_KEY: {
@@ -17,35 +17,6 @@ export const CONSTANTS = {
     RECENT_SEARCHES_STORAGE_COUNT: 100,
     RECENT_ACTION_STORAGE_COUNT: 5,
 };
-// Return storage engine based on scope
-export const getStorageEngine = (scope) => {
-    if (scope === 'local') {
-        return localStorage;
-    }
-    return sessionStorage;
-};
-// Set item in storage
-export const storageSetItem = (key, value) => {
-    try {
-        const storageEngine = getStorageEngine(key.scope);
-        return storageEngine.setItem(key.key, value);
-    }
-    catch (e) {
-        logger(`storageSetItem error: ${e}`);
-        return null;
-    }
-};
-// Remove item in storage
-export const storageRemoveItem = (key) => {
-    try {
-        const storageEngine = getStorageEngine(key.scope);
-        return storageEngine.removeItem(key.key);
-    }
-    catch (e) {
-        logger(`storageRemoveItem error: ${e}`);
-        return null;
-    }
-};
 /*
  * Use the text content of the resulting HTML node(s) created from the
  * term
@@ -62,31 +33,6 @@ export const cleanTerm = (term) => {
     const texts = [...nodes].map((node) => node.innerText || node.textContent);
     return texts.join('');
 };
-// Retrieves item from storage for key
-export const storageGetItem = (key) => {
-    try {
-        const storageEngine = getStorageEngine(key.scope);
-        return storageEngine.getItem(key.key);
-    }
-    catch (e) {
-        logger(`storageGetItem error: ${e}`);
-        return null;
-    }
-};
-// Retrieve array from storage
-export const storageGetArray = (key) => {
-    const item = storageGetItem(key);
-    if (item) {
-        try {
-            const array = JSON.parse(item);
-            return array;
-        }
-        catch (e) {
-            logger(`storageGetArray error: ${e}`);
-        }
-    }
-    return null;
-};
 /*
  * Returns a list of recent searches
  */

package/lib/mjs/utils/features.js

@@ -0,0 +1,56 @@
+import { storageGetItem } from './storage';
+const AUTOSUGGEST_CUSTOM_UI_VARIANTS = [
+    'custom_autosuggest_ui_result_count',
+    'custom_autosuggest_ui_image',
+    'custom_autosuggest_ui_image_result_count',
+    'custom_autosuggest_ui_disable_recommendations_in_zero_state',
+];
+const AUTOSUGGEST_CUSTOM_UI_STORAGE_KEY = {
+    scope: 'session',
+    key: '_constructorio_custom_autosuggest_ui',
+};
+const isCustomAutosuggestUiVariant = (variant) => AUTOSUGGEST_CUSTOM_UI_VARIANTS.includes(variant);
+const getCustomUiVariantFromStorage = () => {
+    const item = storageGetItem(AUTOSUGGEST_CUSTOM_UI_STORAGE_KEY);
+    return item && isCustomAutosuggestUiVariant(item) ? item : null;
+};
+// eslint-disable-next-line import/prefer-default-export
+export function getFeatures(request) {
+    let featureDisplaySearchSuggestionImages = false;
+    let featureDisplaySearchSuggestionResultCounts = false;
+    let featureDisplayZeroStateRecommendations = true;
+    let customAutosuggestUi = null;
+    if (request?.features?.custom_autosuggest_ui === true &&
+        isCustomAutosuggestUiVariant(request?.feature_variants?.custom_autosuggest_ui)) {
+        customAutosuggestUi = request?.feature_variants?.custom_autosuggest_ui ?? null;
+    }
+    // If a variant is set in the session storage, override the request variant
+    const customVariantFromStorage = getCustomUiVariantFromStorage();
+    if (customVariantFromStorage) {
+        customAutosuggestUi = customVariantFromStorage;
+    }
+    if (customAutosuggestUi !== null) {
+        switch (customAutosuggestUi) {
+            case 'custom_autosuggest_ui_result_count':
+                featureDisplaySearchSuggestionResultCounts = true;
+                break;
+            case 'custom_autosuggest_ui_image':
+                featureDisplaySearchSuggestionImages = true;
+                break;
+            case 'custom_autosuggest_ui_image_result_count':
+                featureDisplaySearchSuggestionImages = true;
+                featureDisplaySearchSuggestionResultCounts = true;
+                break;
+            case 'custom_autosuggest_ui_disable_recommendations_in_zero_state':
+                featureDisplayZeroStateRecommendations = false;
+                break;
+            default:
+                break;
+        }
+    }
+    return {
+        featureDisplaySearchSuggestionImages,
+        featureDisplaySearchSuggestionResultCounts,
+        featureDisplayZeroStateRecommendations,
+    };
+}

package/lib/mjs/utils/format.js

@@ -0,0 +1,29 @@
+import { functionStrings } from './helpers';
+export const camelToStartCase = (camelCaseString) => camelCaseString
+    // insert a space between lower & upper
+    .replace(/([a-z])([A-Z])/g, '$1 $2')
+    // space before last upper in a sequence followed by lower
+    .replace(/\b([A-Z]+)([A-Z])([a-z])/, '$1 $2$3')
+    // uppercase the first letter
+    .replace(/([a-zA-Z])/, (str) => str.toUpperCase());
+export const toKebabCase = (str) => str
+    .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
+    .replace(/([a-z])([A-Z])/g, '$1-$2')
+    .replace(/[\s_]+/g, '-')
+    .toLowerCase();
+export const stringifyWithDefaults = (obj) => {
+    // Stringify non-function values normally. Add a template block for functions to be replaced later
+    let res = JSON.stringify(obj, (key, value) => (value instanceof Function ? `${key}_CODE` : value), '  ');
+    // Replace template blocks with function strings
+    Array.from(res.matchAll(/"(\w*)_CODE"/g)).forEach((match) => {
+        const [codePlaceholder, key] = match;
+        const functionString = functionStrings[key];
+        if (functionString) {
+            res = res.replaceAll(codePlaceholder, functionString);
+        }
+        else {
+            console.error(`Function string for ${key} not found.`); // eslint-disable-line
+        }
+    });
+    return res;
+};

package/lib/mjs/{utils.js → utils/helpers.js}

@@ -1,60 +1,10 @@
 import ConstructorIOClient from '@constructor-io/constructorio-client-javascript';
-// eslint-disable-next-line import/no-cycle
-import { storageSetItem, storageRemoveItem, storeRecentSearch, storeRecentAction, CONSTANTS, } from './beaconUtils';
-import { isRecommendationsSection } from './typeGuards';
-import version from './version';
-export function getFeatures(request) {
-    let featureDisplaySearchSuggestionImages = false;
-    let featureDisplaySearchSuggestionResultCounts = false;
-    let featureDisplayZeroStateRecommendations = true;
-    if (request?.features?.custom_autosuggest_ui === true) {
-        switch (request?.feature_variants?.custom_autosuggest_ui) {
-            case 'custom_autosuggest_ui_result_count':
-                featureDisplaySearchSuggestionResultCounts = true;
-                break;
-            case 'custom_autosuggest_ui_image':
-                featureDisplaySearchSuggestionImages = true;
-                break;
-            case 'custom_autosuggest_ui_image_result_count':
-                featureDisplaySearchSuggestionImages = true;
-                featureDisplaySearchSuggestionResultCounts = true;
-                break;
-            case 'custom_autosuggest_ui_disable_recommendations_in_zero_state':
-                featureDisplayZeroStateRecommendations = false;
-                break;
-            default:
-                break;
-        }
-    }
-    return {
-        featureDisplaySearchSuggestionImages,
-        featureDisplaySearchSuggestionResultCounts,
-        featureDisplayZeroStateRecommendations,
-    };
-}
+import version from '../version';
 export const getItemPosition = ({ item, items }) => {
     const index = items.findIndex((itemInFlatList) => itemInFlatList?.id === item?.id);
     const sectionId = items[index]?.section;
     return { sectionId, index };
 };
-export const camelToStartCase = (camelCaseString) => camelCaseString
-    // insert a space between lower & upper
-    .replace(/([a-z])([A-Z])/g, '$1 $2')
-    // space before last upper in a sequence followed by lower
-    .replace(/\b([A-Z]+)([A-Z])([a-z])/, '$1 $2$3')
-    // uppercase the first letter
-    .replace(/([a-zA-Z])/, (str) => str.toUpperCase());
-export const toKebabCase = (str) => str
-    .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
-    .replace(/([a-z])([A-Z])/g, '$1-$2')
-    .replace(/[\s_]+/g, '-')
-    .toLowerCase();
-export function isTrackingRequestSent(trackingRequestUrl) {
-    // eslint-disable-next-line
-    const trackingRequestsQueue = window.localStorage?._constructorio_requests;
-    return (trackingRequestsQueue &&
-        JSON.parse(trackingRequestsQueue)?.some((request) => request?.url?.includes(trackingRequestUrl)));
-}
 export function clearConstructorRequests() {
     // eslint-disable-next-line
     if (window.localStorage?._constructorio_requests) {
@@ -96,22 +46,6 @@ export const functionStrings = {
                       </div>
                     )`,
 };
-export const stringifyWithDefaults = (obj) => {
-    // Stringify non-function values normally. Add a template block for functions to be replaced later
-    let res = JSON.stringify(obj, (key, value) => (value instanceof Function ? `${key}_CODE` : value), '  ');
-    // Replace template blocks with function strings
-    Array.from(res.matchAll(/"(\w*)_CODE"/g)).forEach((match) => {
-        const [codePlaceholder, key] = match;
-        const functionString = functionStrings[key];
-        if (functionString) {
-            res = res.replaceAll(codePlaceholder, functionString);
-        }
-        else {
-            console.error(`Function string for ${key} not found.`); // eslint-disable-line
-        }
-    });
-    return res;
-};
 export const disableStoryActions = (story) => {
     // eslint-disable-next-line
     story.parameters.actions = { argTypesRegex: null };
@@ -174,25 +108,6 @@ export const getActiveSectionsWithData = (activeSections, sectionsResults, secti
     return activeSectionsWithData;
 };
 export const escapeRegExp = (string) => string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-export const trackRecommendationView = (target, activeSectionsWithData, cioClient) => {
-    if (target.dataset.cnstrcRecommendationsPodId) {
-        // Pull recommendations from activeSectionsWithData by podId surfaced on target
-        const recommendationSection = activeSectionsWithData.find((section) => isRecommendationsSection(section) &&
-            section.podId === target.dataset.cnstrcRecommendationsPodId);
-        const recommendationItems = recommendationSection?.data.map((item) => ({
-            itemId: item.data?.id,
-            itemName: item.value,
-            variationId: item.data?.variation_id,
-        }));
-        cioClient?.tracker.trackRecommendationView({
-            podId: target.dataset.cnstrcRecommendationsPodId,
-            numResultsViewed: recommendationItems?.length || 0,
-            url: window.location.href,
-            section: target.dataset.cnstrcSection,
-            items: recommendationItems,
-        });
-    }
-};
 export const getItemsForActiveSections = (activeSectionsWithData) => {
     const items = [];
     activeSectionsWithData?.forEach((config) => {
@@ -211,18 +126,6 @@ export const translate = (word, translations) => {
         return translations[word];
     return localTranslations[word] || word;
 };
-export const trackSearchSubmit = (cioClient, term, autocompleteData = {}) => {
-    cioClient?.tracker.trackSearchSubmit(term, autocompleteData);
-    storageSetItem(CONSTANTS.SEARCH_TERM_STORAGE_KEY, term);
-    storeRecentSearch(term, {});
-    storeRecentAction(CONSTANTS.SEARCH_SUBMIT);
-};
-export const trackAutocompleteSelect = (cioClient, itemName, autocompleteData = {}) => {
-    cioClient?.tracker.trackAutocompleteSelect(itemName, autocompleteData);
-    if (autocompleteData?.section === 'Products') {
-        storageRemoveItem(CONSTANTS.SEARCH_TERM_STORAGE_KEY);
-    }
-};
 export const logger = (error) => {
     try {
         if (typeof process !== 'undefined' && process?.env?.LOGGER) {

package/lib/mjs/utils/storage.js

@@ -0,0 +1,55 @@
+import { logger } from './helpers';
+// Return storage engine based on scope
+export const getStorageEngine = (scope) => {
+    if (scope === 'local') {
+        return localStorage;
+    }
+    return sessionStorage;
+};
+// Retrieves item from storage for key
+export const storageGetItem = (key) => {
+    try {
+        const storageEngine = getStorageEngine(key.scope);
+        return storageEngine.getItem(key.key);
+    }
+    catch (e) {
+        logger(`storageGetItem error: ${e}`);
+        return null;
+    }
+};
+// Retrieve array from storage
+export const storageGetArray = (key) => {
+    const item = storageGetItem(key);
+    if (item) {
+        try {
+            const array = JSON.parse(item);
+            return array;
+        }
+        catch (e) {
+            logger(`storageGetArray error: ${e}`);
+        }
+    }
+    return null;
+};
+// Set item in storage
+export const storageSetItem = (key, value) => {
+    try {
+        const storageEngine = getStorageEngine(key.scope);
+        return storageEngine.setItem(key.key, value);
+    }
+    catch (e) {
+        logger(`storageSetItem error: ${e}`);
+        return null;
+    }
+};
+// Remove item in storage
+export const storageRemoveItem = (key) => {
+    try {
+        const storageEngine = getStorageEngine(key.scope);
+        return storageEngine.removeItem(key.key);
+    }
+    catch (e) {
+        logger(`storageRemoveItem error: ${e}`);
+        return null;
+    }
+};

package/lib/mjs/utils/tracking.js

@@ -0,0 +1,41 @@
+import { isRecommendationsSection } from '../typeGuards';
+// eslint-disable-next-line import/no-cycle
+import { CONSTANTS, storeRecentSearch, storeRecentAction } from './beaconUtils';
+import { storageSetItem, storageRemoveItem } from './storage';
+export function isTrackingRequestSent(trackingRequestUrl) {
+    // eslint-disable-next-line
+    const trackingRequestsQueue = window.localStorage?._constructorio_requests;
+    return (trackingRequestsQueue &&
+        JSON.parse(trackingRequestsQueue)?.some((request) => request?.url?.includes(trackingRequestUrl)));
+}
+export const trackRecommendationView = (target, activeSectionsWithData, cioClient) => {
+    if (target.dataset.cnstrcRecommendationsPodId) {
+        // Pull recommendations from activeSectionsWithData by podId surfaced on target
+        const recommendationSection = activeSectionsWithData.find((section) => isRecommendationsSection(section) &&
+            section.podId === target.dataset.cnstrcRecommendationsPodId);
+        const recommendationItems = recommendationSection?.data.map((item) => ({
+            itemId: item.data?.id,
+            itemName: item.value,
+            variationId: item.data?.variation_id,
+        }));
+        cioClient?.tracker.trackRecommendationView({
+            podId: target.dataset.cnstrcRecommendationsPodId,
+            numResultsViewed: recommendationItems?.length || 0,
+            url: window.location.href,
+            section: target.dataset.cnstrcSection,
+            items: recommendationItems,
+        });
+    }
+};
+export const trackSearchSubmit = (cioClient, term, autocompleteData = {}) => {
+    cioClient?.tracker.trackSearchSubmit(term, autocompleteData);
+    storageSetItem(CONSTANTS.SEARCH_TERM_STORAGE_KEY, term);
+    storeRecentSearch(term, {});
+    storeRecentAction(CONSTANTS.SEARCH_SUBMIT);
+};
+export const trackAutocompleteSelect = (cioClient, itemName, autocompleteData = {}) => {
+    cioClient?.tracker.trackAutocompleteSelect(itemName, autocompleteData);
+    if (autocompleteData?.section === 'Products') {
+        storageRemoveItem(CONSTANTS.SEARCH_TERM_STORAGE_KEY);
+    }
+};

package/lib/mjs/version.js

@@ -1 +1 @@
-export default '1.23.27';
+export default '1.23.29';

package/lib/types/{beaconUtils.d.ts → utils/beaconUtils.d.ts}

@@ -15,12 +15,7 @@ export declare const CONSTANTS: {
     RECENT_SEARCHES_STORAGE_COUNT: number;
     RECENT_ACTION_STORAGE_COUNT: number;
 };
-export declare const getStorageEngine: (scope: any) => Storage;
-export declare const storageSetItem: (key: any, value: any) => void | null;
-export declare const storageRemoveItem: (key: any) => void | null;
 export declare const cleanTerm: (term: any) => string;
-export declare const storageGetItem: (key: any) => string | null;
-export declare const storageGetArray: (key: any) => any;
 export declare const getRecentSearches: () => any;
 export declare const storeRecentSearch: (term: any, suggestionData: any) => void;
 export declare const getRecentActions: () => any;

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

@@ -0,0 +1,9 @@
+import { AutocompleteRequestType } from '@constructor-io/constructorio-client-javascript';
+declare const AUTOSUGGEST_CUSTOM_UI_VARIANTS: string[];
+export type CustomAutosuggestUiVariant = (typeof AUTOSUGGEST_CUSTOM_UI_VARIANTS)[number];
+export declare function getFeatures(request: Partial<AutocompleteRequestType>): {
+    featureDisplaySearchSuggestionImages: boolean;
+    featureDisplaySearchSuggestionResultCounts: boolean;
+    featureDisplayZeroStateRecommendations: boolean;
+};
+export {};

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

@@ -0,0 +1,5 @@
+type CamelToStartCase = (camelCaseString: string) => string;
+export declare const camelToStartCase: CamelToStartCase;
+export declare const toKebabCase: (str: string) => string;
+export declare const stringifyWithDefaults: (obj: any) => string;
+export {};