@constructor-io/constructorio-ui-autocomplete 1.20.8 → 1.21.0

package/lib/cjs/hooks/useCioAutocomplete.js

@@ -118,7 +118,7 @@ const useCioAutocomplete = (options) => {
                         onSubmit({ query });
                     }
                     try {
-                        cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackSearchSubmit(query, { originalQuery: query });
+                        (0, utils_1.trackSearchSubmit)(cioClient, query, { originalQuery: query });
                     }
                     catch (error) {
                         // eslint-disable-next-line no-console
@@ -133,7 +133,7 @@ const useCioAutocomplete = (options) => {
                     onSubmit({ query });
                 }
                 try {
-                    cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackSearchSubmit(query, { originalQuery: query });
+                    (0, utils_1.trackSearchSubmit)(cioClient, query, { originalQuery: query });
                 }
                 catch (error) {
                     // eslint-disable-next-line no-console

package/lib/cjs/hooks/useDownShift.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const downshift_1 = require("downshift");
+const utils_1 = require("../utils");
 let idCounter = 0;
 const useDownShift = ({ setQuery, items, onSubmit, cioClient, previousQuery = '' }) => (0, downshift_1.useCombobox)({
     id: `cio-autocomplete-${idCounter++}`,
@@ -15,7 +16,7 @@ const useDownShift = ({ setQuery, items, onSubmit, cioClient, previousQuery = ''
                 try {
                     if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.section) === 'Search Suggestions') {
                         setQuery(selectedItem.value || '');
-                        cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackSearchSubmit(selectedItem.value, {
+                        (0, utils_1.trackSearchSubmit)(cioClient, selectedItem.value, {
                             originalQuery: previousQuery,
                         });
                     }

package/lib/cjs/utils.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.translate = exports.getItemsForActiveSections = exports.trackRecommendationView = exports.escapeRegExp = exports.getActiveSectionsWithData = exports.getCioClient = exports.disableStoryActions = exports.stringifyWithDefaults = exports.functionStrings = exports.getStoryParams = exports.sleep = exports.clearConstructorRequests = exports.isTrackingRequestSent = exports.toKebabCase = exports.camelToStartCase = exports.getItemPosition = exports.getFeatures = void 0;
+exports.logger = exports.trackSearchSubmit = exports.translate = exports.getItemsForActiveSections = exports.trackRecommendationView = exports.escapeRegExp = exports.getActiveSectionsWithData = exports.getCioClient = exports.disableStoryActions = exports.stringifyWithDefaults = exports.functionStrings = exports.getStoryParams = exports.sleep = exports.clearConstructorRequests = exports.isTrackingRequestSent = exports.toKebabCase = exports.camelToStartCase = exports.getItemPosition = exports.getFeatures = void 0;
 const tslib_1 = require("tslib");
 const constructorio_client_javascript_1 = tslib_1.__importDefault(require("@constructor-io/constructorio-client-javascript"));
+// eslint-disable-next-line import/no-cycle
+const beaconUtils_1 = require("./beaconUtils");
 const typeGuards_1 = require("./typeGuards");
 const version_1 = tslib_1.__importDefault(require("./version"));
 function getFeatures(request) {
@@ -210,3 +212,23 @@ const translate = (word, translations) => {
     return localTranslations[word] || word;
 };
 exports.translate = translate;
+const trackSearchSubmit = (cioClient, term, autocompleteData = {}) => {
+    cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackSearchSubmit(term, autocompleteData);
+    (0, beaconUtils_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 logger = (error) => {
+    var _a;
+    try {
+        if (typeof process !== 'undefined' && ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.LOGGER)) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+        }
+    }
+    catch (e) {
+        // process variable is not available and logger should not be active
+    }
+};
+exports.logger = logger;

package/lib/cjs/version.js

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

package/lib/mjs/hooks/useCioAutocomplete.js

@@ -3,7 +3,7 @@ import { useMemo, useState } from 'react';
 import useCioClient from './useCioClient';
 import useDownShift from './useDownShift';
 import usePrevious from './usePrevious';
-import { getItemPosition, getItemsForActiveSections, getFeatures, trackRecommendationView, toKebabCase, } from '../utils';
+import { getItemPosition, getItemsForActiveSections, getFeatures, trackRecommendationView, toKebabCase, trackSearchSubmit, } from '../utils';
 import useConsoleErrors from './useConsoleErrors';
 import useSections from './useSections';
 import useRecommendationsObserver from './useRecommendationsObserver';
@@ -127,7 +127,7 @@ const useCioAutocomplete = (options) => {
                         onSubmit({ query });
                     }
                     try {
-                        cioClient?.tracker.trackSearchSubmit(query, { originalQuery: query });
+                        trackSearchSubmit(cioClient, query, { originalQuery: query });
                     }
                     catch (error) {
                         // eslint-disable-next-line no-console
@@ -143,7 +143,7 @@ const useCioAutocomplete = (options) => {
                     onSubmit({ query });
                 }
                 try {
-                    cioClient?.tracker.trackSearchSubmit(query, { originalQuery: query });
+                    trackSearchSubmit(cioClient, query, { originalQuery: query });
                 }
                 catch (error) {
                     // eslint-disable-next-line no-console

package/lib/mjs/hooks/useDownShift.js

@@ -1,4 +1,5 @@
 import { useCombobox } from 'downshift';
+import { trackSearchSubmit } from '../utils';
 let idCounter = 0;
 const useDownShift = ({ setQuery, items, onSubmit, cioClient, previousQuery = '' }) => useCombobox({
     id: `cio-autocomplete-${idCounter++}`,
@@ -12,7 +13,7 @@ const useDownShift = ({ setQuery, items, onSubmit, cioClient, previousQuery = ''
                 try {
                     if (selectedItem?.section === 'Search Suggestions') {
                         setQuery(selectedItem.value || '');
-                        cioClient?.tracker.trackSearchSubmit(selectedItem.value, {
+                        trackSearchSubmit(cioClient, selectedItem.value, {
                             originalQuery: previousQuery,
                         });
                     }

package/lib/mjs/utils.js

@@ -1,4 +1,6 @@
 import ConstructorIOClient from '@constructor-io/constructorio-client-javascript';
+// eslint-disable-next-line import/no-cycle
+import { storageSetItem, storeRecentSearch, storeRecentAction, CONSTANTS } from './beaconUtils';
 import { isRecommendationsSection } from './typeGuards';
 import version from './version';
 export function getFeatures(request) {
@@ -191,3 +193,20 @@ 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 logger = (error) => {
+    try {
+        if (typeof process !== 'undefined' && process?.env?.LOGGER) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+        }
+    }
+    catch (e) {
+        // process variable is not available and logger should not be active
+    }
+};

package/lib/mjs/version.js

@@ -1 +1 @@
-export default '1.20.8';
+export default '1.21.0';

package/lib/types/utils.d.ts

@@ -41,4 +41,6 @@ export declare const escapeRegExp: (string: string) => string;
 export declare const trackRecommendationView: (target: HTMLElement, activeSectionsWithData: Section[], cioClient: Nullable<ConstructorIOClient>) => void;
 export declare const getItemsForActiveSections: (activeSectionsWithData: Section[]) => Item[];
 export declare const translate: (word: string, translations?: Translations) => any;
+export declare const trackSearchSubmit: (cioClient: any, term: any, autocompleteData?: {}) => void;
+export declare const logger: (error: any) => void;
 export {};

package/lib/types/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.20.8";
+declare const _default: "1.21.0";
 export default _default;

package/package.json

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