@constructor-io/constructorio-ui-autocomplete 1.8.1 → 1.8.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/README.md +3 -0
  2. package/dist/constructorio-ui-autocomplete-bundled.js +13 -13
  3. package/lib/cjs/hooks/useCioAutocomplete.js +21 -3
  4. package/lib/cjs/hooks/useDownShift.js +13 -7
  5. package/lib/cjs/utils.js +1 -0
  6. package/lib/mjs/hooks/useCioAutocomplete.js +21 -3
  7. package/lib/mjs/hooks/useDebouncedFetchSections.js +3 -1
  8. package/lib/mjs/hooks/useDownShift.js +13 -7
  9. package/lib/mjs/utils.js +1 -0
  10. package/lib/types/components/Autocomplete/CioAutocompleteProvider.d.ts +1 -1
  11. package/lib/types/hooks/useCioAutocomplete.d.ts +1 -1
  12. package/lib/types/hooks/useCioClient.d.ts +1 -1
  13. package/lib/types/hooks/useDebouncedFetchSections.d.ts +1 -1
  14. package/lib/types/hooks/useDownShift.d.ts +1 -1
  15. package/lib/types/hooks/useFetchRecommendationPod.d.ts +1 -1
  16. package/lib/types/hooks/useSections.d.ts +1 -1
  17. package/lib/types/types.d.ts +3 -2
  18. package/package.json +2 -2
package/lib/cjs/hooks/useCioAutocomplete.js CHANGED
@@ -64,7 +64,13 @@ const useCioAutocomplete = (options) => {
64
64
  if (query === null || query === void 0 ? void 0 : query.length) {
65
65
  downshift.openMenu();
66
66
  }
67
- (_a = cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker) === null || _a === void 0 ? void 0 : _a.trackInputFocus();
67
+ try {
68
+ (_a = cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker) === null || _a === void 0 ? void 0 : _a.trackInputFocus();
69
+ }
70
+ catch (error) {
71
+ // eslint-disable-next-line no-console
72
+ console.log(error);
73
+ }
68
74
  }, className: 'cio-input', 'data-testid': 'cio-input', placeholder, onKeyDownCapture: ({ code }) => {
69
75
  const isEnter = code === 'Enter';
70
76
  const isUserInput = highlightedIndex < 0;
@@ -72,7 +78,13 @@ const useCioAutocomplete = (options) => {
72
78
  if (onSubmit) {
73
79
  onSubmit({ query });
74
80
  }
75
- cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackSearchSubmit(query, { original_query: query });
81
+ try {
82
+ cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackSearchSubmit(query, { originalQuery: query });
83
+ }
84
+ catch (error) {
85
+ // eslint-disable-next-line no-console
86
+ console.log(error);
87
+ }
76
88
  }
77
89
  } })),
78
90
  getFormProps: () => ({
@@ -81,7 +93,13 @@ const useCioAutocomplete = (options) => {
81
93
  if (onSubmit) {
82
94
  onSubmit({ query });
83
95
  }
84
- cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackSearchSubmit(query, { original_query: query });
96
+ try {
97
+ cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackSearchSubmit(query, { originalQuery: query });
98
+ }
99
+ catch (error) {
100
+ // eslint-disable-next-line no-console
101
+ console.log(error);
102
+ }
85
103
  return { query };
86
104
  },
87
105
  className: 'cio-form',
package/lib/cjs/hooks/useDownShift.js CHANGED
@@ -13,15 +13,21 @@ const useDownShift = ({ setQuery, items, onSubmit, cioClient, previousQuery = ''
13
13
  if (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) {
14
14
  if (onSubmit)
15
15
  onSubmit({ item: selectedItem, originalQuery: previousQuery });
16
- if (!((_a = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.data) === null || _a === void 0 ? void 0 : _a.url)) {
17
- cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackSearchSubmit(selectedItem.value, {
18
- original_query: previousQuery,
16
+ try {
17
+ if (!((_a = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.data) === null || _a === void 0 ? void 0 : _a.url)) {
18
+ cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackSearchSubmit(selectedItem.value, {
19
+ originalQuery: previousQuery,
20
+ });
21
+ }
22
+ cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackAutocompleteSelect(selectedItem.value, {
23
+ originalQuery: previousQuery,
24
+ section: selectedItem.section,
19
25
  });
20
26
  }
21
- cioClient === null || cioClient === void 0 ? void 0 : cioClient.tracker.trackAutocompleteSelect(selectedItem.value, {
22
- original_query: previousQuery,
23
- section: selectedItem.section,
24
- });
27
+ catch (error) {
28
+ // eslint-disable-next-line no-console
29
+ console.log(error);
30
+ }
25
31
  }
26
32
  }
27
33
  },
package/lib/cjs/utils.js CHANGED
@@ -88,6 +88,7 @@ const getCioClient = (apiKey) => {
88
88
  return new constructorio_client_javascript_1.default({
89
89
  apiKey,
90
90
  sendTrackingEvents: true,
91
+ version: 'cio-ui-autocomplete',
91
92
  });
92
93
  }
93
94
  return null;
package/lib/mjs/hooks/useCioAutocomplete.js CHANGED
@@ -70,7 +70,13 @@ const useCioAutocomplete = (options) => {
70
70
  if (query?.length) {
71
71
  downshift.openMenu();
72
72
  }
73
- cioClient?.tracker?.trackInputFocus();
73
+ try {
74
+ cioClient?.tracker?.trackInputFocus();
75
+ }
76
+ catch (error) {
77
+ // eslint-disable-next-line no-console
78
+ console.log(error);
79
+ }
74
80
  },
75
81
  className: 'cio-input',
76
82
  'data-testid': 'cio-input',
@@ -82,7 +88,13 @@ const useCioAutocomplete = (options) => {
82
88
  if (onSubmit) {
83
89
  onSubmit({ query });
84
90
  }
85
- cioClient?.tracker.trackSearchSubmit(query, { original_query: query });
91
+ try {
92
+ cioClient?.tracker.trackSearchSubmit(query, { originalQuery: query });
93
+ }
94
+ catch (error) {
95
+ // eslint-disable-next-line no-console
96
+ console.log(error);
97
+ }
86
98
  }
87
99
  },
88
100
  }),
@@ -92,7 +104,13 @@ const useCioAutocomplete = (options) => {
92
104
  if (onSubmit) {
93
105
  onSubmit({ query });
94
106
  }
95
- cioClient?.tracker.trackSearchSubmit(query, { original_query: query });
107
+ try {
108
+ cioClient?.tracker.trackSearchSubmit(query, { originalQuery: query });
109
+ }
110
+ catch (error) {
111
+ // eslint-disable-next-line no-console
112
+ console.log(error);
113
+ }
96
114
  return { query };
97
115
  },
98
116
  className: 'cio-form',
package/lib/mjs/hooks/useDebouncedFetchSections.js CHANGED
@@ -36,7 +36,9 @@ const useDebouncedFetchSection = (query, cioClient, autocompleteSections, advanc
36
36
  const debouncedSearchTerm = useDebounce(query);
37
37
  const { numTermsWithGroupSuggestions = 0, numGroupsSuggestedPerTerm = 0 } = advancedParameters || {};
38
38
  const autocompleteParameters = useMemo(() => {
39
- const decoratedParameters = { ...advancedParameters };
39
+ const decoratedParameters = {
40
+ ...advancedParameters,
41
+ };
40
42
  if (autocompleteSections) {
41
43
  decoratedParameters.resultsPerSection = autocompleteSections.reduce((acc, sectionConfig) => ({
42
44
  ...acc,
package/lib/mjs/hooks/useDownShift.js CHANGED
@@ -10,15 +10,21 @@ const useDownShift = ({ setQuery, items, onSubmit, cioClient, previousQuery = ''
10
10
  if (selectedItem?.value) {
11
11
  if (onSubmit)
12
12
  onSubmit({ item: selectedItem, originalQuery: previousQuery });
13
- if (!selectedItem?.data?.url) {
14
- cioClient?.tracker.trackSearchSubmit(selectedItem.value, {
15
- original_query: previousQuery,
13
+ try {
14
+ if (!selectedItem?.data?.url) {
15
+ cioClient?.tracker.trackSearchSubmit(selectedItem.value, {
16
+ originalQuery: previousQuery,
17
+ });
18
+ }
19
+ cioClient?.tracker.trackAutocompleteSelect(selectedItem.value, {
20
+ originalQuery: previousQuery,
21
+ section: selectedItem.section,
16
22
  });
17
23
  }
18
- cioClient?.tracker.trackAutocompleteSelect(selectedItem.value, {
19
- original_query: previousQuery,
20
- section: selectedItem.section,
21
- });
24
+ catch (error) {
25
+ // eslint-disable-next-line no-console
26
+ console.log(error);
27
+ }
22
28
  }
23
29
  }
24
30
  },
package/lib/mjs/utils.js CHANGED
@@ -73,6 +73,7 @@ export const getCioClient = (apiKey) => {
73
73
  return new ConstructorIOClient({
74
74
  apiKey,
75
75
  sendTrackingEvents: true,
76
+ version: 'cio-ui-autocomplete',
76
77
  });
77
78
  }
78
79
  return null;
package/lib/types/components/Autocomplete/CioAutocompleteProvider.d.ts CHANGED
@@ -18,7 +18,7 @@ export declare const CioAutocompleteContext: React.Context<{
18
18
  'data-testid': string;
19
19
  };
20
20
  setQuery: React.Dispatch<React.SetStateAction<string>>;
21
- cioClient: import("@constructor-io/constructorio-client-javascript/lib/types/types").Nullable<import("@constructor-io/constructorio-client-javascript")>;
21
+ cioClient: import("@constructor-io/constructorio-client-javascript/lib/types").Nullable<import("@constructor-io/constructorio-client-javascript")>;
22
22
  autocompleteClassName: string;
23
23
  selectedItem: import("../../types").Item;
24
24
  }>;
package/lib/types/hooks/useCioAutocomplete.d.ts CHANGED
@@ -19,7 +19,7 @@ declare const useCioAutocomplete: (options: UseCioAutocompleteOptions) => {
19
19
  'data-testid': string;
20
20
  };
21
21
  setQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
22
- cioClient: import("@constructor-io/constructorio-client-javascript/lib/types/types").Nullable<import("@constructor-io/constructorio-client-javascript")>;
22
+ cioClient: import("@constructor-io/constructorio-client-javascript/lib/types").Nullable<import("@constructor-io/constructorio-client-javascript")>;
23
23
  autocompleteClassName: string;
24
24
  selectedItem: import("../types").Item;
25
25
  };
package/lib/types/hooks/useCioClient.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import ConstructorIOClient from '@constructor-io/constructorio-client-javascript';
2
- import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types/types';
2
+ import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types';
3
3
  import { CioClientConfig } from '../types';
4
4
  type UseCioClient = (cioClientConfig: CioClientConfig) => Nullable<ConstructorIOClient>;
5
5
  declare const useCioClient: UseCioClient;
package/lib/types/hooks/useDebouncedFetchSections.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import ConstructorIOClient from '@constructor-io/constructorio-client-javascript';
2
- import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types/types';
2
+ import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types';
3
3
  import { AutocompleteResultSections, UserDefinedSection, AdvancedParameters } from '../types';
4
4
  declare const useDebouncedFetchSection: (query: string, cioClient: Nullable<ConstructorIOClient>, autocompleteSections: UserDefinedSection[], advancedParameters?: AdvancedParameters) => AutocompleteResultSections;
5
5
  export default useDebouncedFetchSection;
package/lib/types/hooks/useDownShift.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { UseComboboxReturnValue } from 'downshift';
3
3
  import ConstructorIOClient from '@constructor-io/constructorio-client-javascript';
4
- import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types/types';
4
+ import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types';
5
5
  import { Item, OnSubmit } from '../types';
6
6
  type UseDownShiftOptions = {
7
7
  setQuery: React.Dispatch<React.SetStateAction<string>>;
package/lib/types/hooks/useFetchRecommendationPod.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import ConstructorIOClient from '@constructor-io/constructorio-client-javascript';
2
- import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types/types';
2
+ import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types';
3
3
  import { AutocompleteResultSections, RecommendationsSection } from '../types';
4
4
  declare const useFetchRecommendationPod: (cioClient: Nullable<ConstructorIOClient>, recommendationPods: RecommendationsSection[]) => AutocompleteResultSections;
5
5
  export default useFetchRecommendationPod;
package/lib/types/hooks/useSections.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import ConstructorIO from '@constructor-io/constructorio-client-javascript';
2
- import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types/types';
2
+ import { Nullable } from '@constructor-io/constructorio-client-javascript/lib/types';
3
3
  import { AdvancedParameters, UserDefinedSection } from '../types';
4
4
  export default function useSections(query: string, cioClient: Nullable<ConstructorIO>, sections: UserDefinedSection[], zeroStateSections: UserDefinedSection[] | undefined, advancedParameters?: AdvancedParameters): {
5
5
  activeSections: UserDefinedSection[];
package/lib/types/types.d.ts CHANGED
@@ -6,10 +6,11 @@ export type CioClientConfig = {
6
6
  apiKey?: string;
7
7
  cioJsClient?: ConstructorIOClient;
8
8
  };
9
- export type AdvancedParameters = {
9
+ export interface AdvancedParametersBase {
10
10
  numTermsWithGroupSuggestions?: number;
11
11
  numGroupsSuggestedPerTerm?: number;
12
- } & Omit<IAutocompleteParameters, 'resultsPerSection'>;
12
+ }
13
+ export type AdvancedParameters = AdvancedParametersBase & Omit<IAutocompleteParameters, 'resultsPerSection'>;
13
14
  export type CioAutocompleteProps = CioClientConfig & {
14
15
  openOnFocus?: boolean;
15
16
  onSubmit: OnSubmit;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@constructor-io/constructorio-ui-autocomplete",
3
- "version": "1.8.1",
3
+ "version": "1.8.4",
4
4
  "description": "Constructor.io Autocomplete UI library for web applications",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/mjs/index.js",
@@ -94,7 +94,7 @@
94
94
  "webpack": "^5.75.0"
95
95
  },
96
96
  "peerDependencies": {
97
- "@constructor-io/constructorio-client-javascript": "^2.34.7",
97
+ "@constructor-io/constructorio-client-javascript": "^2.36.0",
98
98
  "downshift": "^7.2.1",
99
99
  "react": ">=16.12.0",
100
100
  "react-dom": ">=16.12.0",