@constructor-io/constructorio-ui-autocomplete 1.8.2 → 1.8.5

package/lib/cjs/hooks/useCioAutocomplete.js

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

package/lib/cjs/hooks/useDownShift.js

@@ -16,11 +16,11 @@ const useDownShift = ({ setQuery, items, onSubmit, cioClient, previousQuery = ''
                 try {
                     if (!((_a = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.data) === null || _a === void 0 ? void 0 : _a.url)) {
                         cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackSearchSubmit(selectedItem.value, {
-                            original_query: previousQuery,
+                            originalQuery: previousQuery,
                         });
                     }
                     cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackAutocompleteSelect(selectedItem.value, {
-                        original_query: previousQuery,
+                        originalQuery: previousQuery,
                         section: selectedItem.section,
                     });
                 }

package/lib/cjs/utils.js

@@ -88,6 +88,7 @@ const getCioClient = (apiKey) => {
         return new constructorio_client_javascript_1.default({
             apiKey,
             sendTrackingEvents: true,
+            version: 'cio-ui-autocomplete',
         });
     }
     return null;
@@ -99,7 +100,11 @@ const getActiveSectionsWithData = (activeSections, sectionResults) => {
         const { identifier } = config;
         let data;
         if ((0, typeGuards_1.isCustomSection)(config)) {
-            data = config.data;
+            // Copy id from data to the top level
+            data = config.data.map((item) => {
+                var _a;
+                return (Object.assign(Object.assign({}, item), { id: (item === null || item === void 0 ? void 0 : item.id) || ((_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.id) }));
+            });
         }
         else {
             data = sectionResults[identifier];

package/lib/mjs/hooks/useCioAutocomplete.js

@@ -89,7 +89,7 @@ const useCioAutocomplete = (options) => {
                         onSubmit({ query });
                     }
                     try {
-                        cioClient?.tracker.trackSearchSubmit(query, { original_query: query });
+                        cioClient?.tracker.trackSearchSubmit(query, { originalQuery: query });
                     }
                     catch (error) {
                         // eslint-disable-next-line no-console
@@ -105,7 +105,7 @@ const useCioAutocomplete = (options) => {
                     onSubmit({ query });
                 }
                 try {
-                    cioClient?.tracker.trackSearchSubmit(query, { original_query: query });
+                    cioClient?.tracker.trackSearchSubmit(query, { originalQuery: query });
                 }
                 catch (error) {
                     // eslint-disable-next-line no-console

package/lib/mjs/hooks/useDebouncedFetchSections.js

@@ -36,7 +36,9 @@ const useDebouncedFetchSection = (query, cioClient, autocompleteSections, advanc
     const debouncedSearchTerm = useDebounce(query);
     const { numTermsWithGroupSuggestions = 0, numGroupsSuggestedPerTerm = 0 } = advancedParameters || {};
     const autocompleteParameters = useMemo(() => {
-        const decoratedParameters = { ...advancedParameters };
+        const decoratedParameters = {
+            ...advancedParameters,
+        };
         if (autocompleteSections) {
             decoratedParameters.resultsPerSection = autocompleteSections.reduce((acc, sectionConfig) => ({
                 ...acc,

package/lib/mjs/hooks/useDownShift.js

@@ -13,11 +13,11 @@ const useDownShift = ({ setQuery, items, onSubmit, cioClient, previousQuery = ''
                 try {
                     if (!selectedItem?.data?.url) {
                         cioClient?.tracker.trackSearchSubmit(selectedItem.value, {
-                            original_query: previousQuery,
+                            originalQuery: previousQuery,
                         });
                     }
                     cioClient?.tracker.trackAutocompleteSelect(selectedItem.value, {
-                        original_query: previousQuery,
+                        originalQuery: previousQuery,
                         section: selectedItem.section,
                     });
                 }

package/lib/mjs/utils.js

@@ -73,6 +73,7 @@ export const getCioClient = (apiKey) => {
         return new ConstructorIOClient({
             apiKey,
             sendTrackingEvents: true,
+            version: 'cio-ui-autocomplete',
         });
     }
     return null;
@@ -83,7 +84,11 @@ export const getActiveSectionsWithData = (activeSections, sectionResults) => {
         const { identifier } = config;
         let data;
         if (isCustomSection(config)) {
-            data = config.data;
+            // Copy id from data to the top level
+            data = config.data.map((item) => ({
+                ...item,
+                id: item?.id || item?.data?.id,
+            }));
         }
         else {
             data = sectionResults[identifier];

package/lib/types/components/Autocomplete/CioAutocompleteProvider.d.ts

@@ -18,7 +18,7 @@ export declare const CioAutocompleteContext: React.Context<{
         'data-testid': string;
     };
     setQuery: React.Dispatch<React.SetStateAction<string>>;
-    cioClient: import("@constructor-io/constructorio-client-javascript/lib/types/types").Nullable<import("@constructor-io/constructorio-client-javascript")>;
+    cioClient: import("@constructor-io/constructorio-client-javascript/lib/types").Nullable<import("@constructor-io/constructorio-client-javascript")>;
     autocompleteClassName: string;
     selectedItem: import("../../types").Item;
 }>;

package/lib/types/hooks/useCioAutocomplete.d.ts

@@ -19,7 +19,7 @@ declare const useCioAutocomplete: (options: UseCioAutocompleteOptions) => {
         'data-testid': string;
     };
     setQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
-    cioClient: import("@constructor-io/constructorio-client-javascript/lib/types/types").Nullable<import("@constructor-io/constructorio-client-javascript")>;
+    cioClient: import("@constructor-io/constructorio-client-javascript/lib/types").Nullable<import("@constructor-io/constructorio-client-javascript")>;
     autocompleteClassName: string;
     selectedItem: import("../types").Item;
 };

package/lib/types/hooks/useCioClient.d.ts

@@ -1,5 +1,5 @@
 import ConstructorIOClient from '@constructor-io/constructorio-client-javascript';
-import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types/types';
+import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types';
 import { CioClientConfig } from '../types';
 type UseCioClient = (cioClientConfig: CioClientConfig) => Nullable<ConstructorIOClient>;
 declare const useCioClient: UseCioClient;

package/lib/types/hooks/useDebouncedFetchSections.d.ts

@@ -1,5 +1,5 @@
 import ConstructorIOClient from '@constructor-io/constructorio-client-javascript';
-import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types/types';
+import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types';
 import { AutocompleteResultSections, UserDefinedSection, AdvancedParameters } from '../types';
 declare const useDebouncedFetchSection: (query: string, cioClient: Nullable<ConstructorIOClient>, autocompleteSections: UserDefinedSection[], advancedParameters?: AdvancedParameters) => AutocompleteResultSections;
 export default useDebouncedFetchSection;

package/lib/types/hooks/useDownShift.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { UseComboboxReturnValue } from 'downshift';
 import ConstructorIOClient from '@constructor-io/constructorio-client-javascript';
-import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types/types';
+import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types';
 import { Item, OnSubmit } from '../types';
 type UseDownShiftOptions = {
     setQuery: React.Dispatch<React.SetStateAction<string>>;

package/lib/types/hooks/useFetchRecommendationPod.d.ts

@@ -1,5 +1,5 @@
 import ConstructorIOClient from '@constructor-io/constructorio-client-javascript';
-import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types/types';
+import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types';
 import { AutocompleteResultSections, RecommendationsSection } from '../types';
 declare const useFetchRecommendationPod: (cioClient: Nullable<ConstructorIOClient>, recommendationPods: RecommendationsSection[]) => AutocompleteResultSections;
 export default useFetchRecommendationPod;

package/lib/types/hooks/useSections.d.ts

@@ -1,5 +1,5 @@
 import ConstructorIO from '@constructor-io/constructorio-client-javascript';
-import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types/types';
+import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types';
 import { AdvancedParameters, UserDefinedSection } from '../types';
 export default function useSections(query: string, cioClient: Nullable<ConstructorIO>, sections: UserDefinedSection[], zeroStateSections: UserDefinedSection[] | undefined, advancedParameters?: AdvancedParameters): {
     activeSections: UserDefinedSection[];

package/lib/types/types.d.ts

@@ -6,10 +6,11 @@ export type CioClientConfig = {
     apiKey?: string;
     cioJsClient?: ConstructorIOClient;
 };
-export type AdvancedParameters = {
+export interface AdvancedParametersBase {
     numTermsWithGroupSuggestions?: number;
     numGroupsSuggestedPerTerm?: number;
-} & Omit<IAutocompleteParameters, 'resultsPerSection'>;
+}
+export type AdvancedParameters = AdvancedParametersBase & Omit<IAutocompleteParameters, 'resultsPerSection'>;
 export type CioAutocompleteProps = CioClientConfig & {
     openOnFocus?: boolean;
     onSubmit: OnSubmit;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constructor-io/constructorio-ui-autocomplete",
-  "version": "1.8.2",
+  "version": "1.8.5",
   "description": "Constructor.io Autocomplete UI library for web applications",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -94,7 +94,7 @@
     "webpack": "^5.75.0"
   },
   "peerDependencies": {
-    "@constructor-io/constructorio-client-javascript": "^2.34.7",
+    "@constructor-io/constructorio-client-javascript": "^2.36.0",
     "downshift": "^7.2.1",
     "react": ">=16.12.0",
     "react-dom": ">=16.12.0",