@docsearch/react 3.5.0 → 3.5.2

package/dist/esm/DocSearch.js

@@ -51,12 +51,12 @@ export function DocSearch(props) {
   });
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DocSearchButton, {
     ref: searchButtonRef,
-    translations: props === null || props === void 0 ? void 0 : (_props$translations = props.translations) === null || _props$translations === void 0 ? void 0 : _props$translations.button,
+    translations: props === null || props === void 0 || (_props$translations = props.translations) === null || _props$translations === void 0 ? void 0 : _props$translations.button,
     onClick: onOpen
   }), isOpen && createPortal( /*#__PURE__*/React.createElement(DocSearchModal, _extends({}, props, {
     initialScrollY: window.scrollY,
     initialQuery: initialQuery,
-    translations: props === null || props === void 0 ? void 0 : (_props$translations2 = props.translations) === null || _props$translations2 === void 0 ? void 0 : _props$translations2.modal,
+    translations: props === null || props === void 0 || (_props$translations2 = props.translations) === null || _props$translations2 === void 0 ? void 0 : _props$translations2.modal,
     onClose: onClose
   })), document.body));
 }

package/dist/esm/DocSearchModal.js

@@ -119,6 +119,18 @@ export function DocSearchModal(_ref) {
       recentSearches.add(search);
     }
   }, [favoriteSearches, recentSearches, disableUserPersonalization]);
+  var sendItemClickEvent = React.useCallback(function (item) {
+    if (!state.context.algoliaInsightsPlugin || !item.__autocomplete_id) return;
+    var insightsItem = item;
+    var insightsClickParams = {
+      eventName: 'Item Selected',
+      index: insightsItem.__autocomplete_indexName,
+      items: [insightsItem],
+      positions: [item.__autocomplete_id],
+      queryID: insightsItem.__autocomplete_queryID
+    };
+    state.context.algoliaInsightsPlugin.insights.clickedObjectIDsAfterSearch(insightsClickParams);
+  }, [state.context.algoliaInsightsPlugin]);
   var autocomplete = React.useMemo(function () {
     return createAutocomplete({
       id: 'docsearch',
@@ -211,9 +223,9 @@ export function DocSearchModal(_ref) {
           throw error;
         }).then(function (_ref7) {
           var results = _ref7.results;
-          var _results$ = results[0],
-              hits = _results$.hits,
-              nbHits = _results$.nbHits;
+          var firstResult = results[0];
+          var hits = firstResult.hits,
+              nbHits = firstResult.nbHits;
           var sources = groupBy(hits, function (hit) {
             return removeHighlightTags(hit);
           }, maxResultsPerGroup); // We store the `lvl0`s to display them as search suggestions
@@ -233,7 +245,7 @@ export function DocSearchModal(_ref) {
           if (insightsActive) {
             insightsParams = {
               __autocomplete_indexName: indexName,
-              __autocomplete_queryID: results[0].queryID,
+              __autocomplete_queryID: firstResult.queryID,
               __autocomplete_algoliaCredentials: {
                 appId: appId,
                 apiKey: apiKey
@@ -390,6 +402,8 @@ export function DocSearchModal(_ref) {
     translations: screenStateTranslations,
     getMissingResultsUrl: getMissingResultsUrl,
     onItemClick: function onItemClick(item, event) {
+      // If insights is active, send insights click event
+      sendItemClickEvent(item);
       saveRecentSearch(item);
 
       if (!isModifierEvent(event)) {

package/dist/esm/types/DocSearchHit.d.ts

@@ -70,5 +70,6 @@ export declare type DocSearchHit = {
         appId: string;
         apiKey: string;
     };
+    __autocomplete_id?: number;
 };
 export {};

package/dist/esm/types/DocSearchState.d.ts

@@ -0,0 +1,10 @@
+import type { AutocompleteContext, AutocompleteInsightsApi, AutocompleteState, BaseItem } from '@algolia/autocomplete-core';
+interface DocSearchContext extends AutocompleteContext {
+    algoliaInsightsPlugin?: {
+        insights: AutocompleteInsightsApi;
+    };
+}
+export interface DocSearchState<TItem extends BaseItem> extends AutocompleteState<TItem> {
+    context: DocSearchContext;
+}
+export {};

package/dist/esm/types/DocSearchState.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/index.d.ts

@@ -1,3 +1,4 @@
 export * from './DocSearchHit';
+export * from './DocSearchState';
 export * from './InternalDocSearchHit';
 export * from './StoredDocSearchHit';

package/dist/esm/types/index.js

@@ -1,3 +1,4 @@
 export * from './DocSearchHit';
+export * from './DocSearchState';
 export * from './InternalDocSearchHit';
 export * from './StoredDocSearchHit';

package/dist/esm/utils/removeHighlightTags.js

@@ -1,7 +1,7 @@
 var regexHighlightTags = /(<mark>|<\/mark>)/g;
 var regexHasHighlightTags = RegExp(regexHighlightTags.source);
 export function removeHighlightTags(hit) {
-  var _internalDocSearchHit, _internalDocSearchHit2, _internalDocSearchHit3, _hit$_highlightResult, _hit$_highlightResult2;
+  var _internalDocSearchHit, _hit$_highlightResult;
 
   var internalDocSearchHit = hit;
 
@@ -9,7 +9,7 @@ export function removeHighlightTags(hit) {
     return hit.hierarchy.lvl0;
   }
 
-  var _ref = (internalDocSearchHit.__docsearch_parent ? (_internalDocSearchHit = internalDocSearchHit.__docsearch_parent) === null || _internalDocSearchHit === void 0 ? void 0 : (_internalDocSearchHit2 = _internalDocSearchHit._highlightResult) === null || _internalDocSearchHit2 === void 0 ? void 0 : (_internalDocSearchHit3 = _internalDocSearchHit2.hierarchy) === null || _internalDocSearchHit3 === void 0 ? void 0 : _internalDocSearchHit3.lvl0 : (_hit$_highlightResult = hit._highlightResult) === null || _hit$_highlightResult === void 0 ? void 0 : (_hit$_highlightResult2 = _hit$_highlightResult.hierarchy) === null || _hit$_highlightResult2 === void 0 ? void 0 : _hit$_highlightResult2.lvl0) || {},
+  var _ref = (internalDocSearchHit.__docsearch_parent ? (_internalDocSearchHit = internalDocSearchHit.__docsearch_parent) === null || _internalDocSearchHit === void 0 || (_internalDocSearchHit = _internalDocSearchHit._highlightResult) === null || _internalDocSearchHit === void 0 || (_internalDocSearchHit = _internalDocSearchHit.hierarchy) === null || _internalDocSearchHit === void 0 ? void 0 : _internalDocSearchHit.lvl0 : (_hit$_highlightResult = hit._highlightResult) === null || _hit$_highlightResult === void 0 || (_hit$_highlightResult = _hit$_highlightResult.hierarchy) === null || _hit$_highlightResult === void 0 ? void 0 : _hit$_highlightResult.lvl0) || {},
       value = _ref.value;
 
   return value && regexHasHighlightTags.test(value) ? value.replace(regexHighlightTags, '') : value;

package/dist/esm/version.d.ts

@@ -1 +1 @@
-export declare const version = "3.5.0";
+export declare const version = "3.5.2";

package/dist/esm/version.js

@@ -1 +1 @@
-export var version = '3.5.0';
+export var version = '3.5.2';