instantsearch.js 4.84.0 → 4.85.1

package/cjs/connectors/chat/connectChat.js

@@ -80,7 +80,8 @@ var connectChat = exports.default = function connectChat(renderFn) {
           api: "https://".concat(appId, ".algolia.net/agent-studio/1/agents/").concat(agentId, "/completions?compatibilityMode=ai-sdk-5"),
           headers: {
             'x-algolia-application-id': appId,
-            'x-algolia-api-Key': apiKey
+            'x-algolia-api-Key': apiKey,
+            'x-algolia-agent': (0, _utils.getAlgoliaAgent)(instantSearchInstance.client)
           }
         });
       }
@@ -161,22 +162,24 @@ var connectChat = exports.default = function connectChat(renderFn) {
           instantSearchInstance: renderOptions.instantSearchInstance
         }), false);
       },
-      getRenderState: function getRenderState(renderState) {
-        return renderState;
+      getRenderState: function getRenderState(renderState, renderOptions) {
+        return _objectSpread(_objectSpread({}, renderState), {}, {
+          chat: this.getWidgetRenderState(renderOptions)
+        });
       },
-      getWidgetRenderState: function getWidgetRenderState(renderState) {
-        var instantSearchInstance = renderState.instantSearchInstance,
-          parent = renderState.parent;
+      getWidgetRenderState: function getWidgetRenderState(renderOptions) {
+        var instantSearchInstance = renderOptions.instantSearchInstance,
+          parent = renderOptions.parent;
         if (!_chatInstance) {
-          this.init(_objectSpread(_objectSpread({}, renderState), {}, {
+          this.init(_objectSpread(_objectSpread({}, renderOptions), {}, {
             uiState: {},
             results: undefined
           }));
         }
         if (!sendEvent) {
           sendEvent = (0, _utils.createSendEventForHits)({
-            instantSearchInstance: renderState.instantSearchInstance,
-            helper: renderState.helper,
+            instantSearchInstance: renderOptions.instantSearchInstance,
+            helper: renderOptions.helper,
             widgetType: this.$$type
           });
         }

package/cjs/lib/utils/getAlgoliaAgent.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAlgoliaAgent = getAlgoliaAgent;
+function getAlgoliaAgent(client) {
+  var clientTyped = client;
+  return clientTyped.transporter && clientTyped.transporter.userAgent ? clientTyped.transporter.userAgent.value : clientTyped._ua;
+}

package/cjs/lib/utils/index.js

@@ -223,6 +223,17 @@ Object.keys(_geoSearch).forEach(function (key) {
     }
   });
 });
+var _getAlgoliaAgent = require("./getAlgoliaAgent");
+Object.keys(_getAlgoliaAgent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getAlgoliaAgent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _getAlgoliaAgent[key];
+    }
+  });
+});
 var _getAppIdAndApiKey = require("./getAppIdAndApiKey");
 Object.keys(_getAppIdAndApiKey).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/cjs/lib/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '4.84.0';
+var _default = exports.default = '4.85.1';

package/cjs/middlewares/createMetadataMiddleware.js

@@ -70,8 +70,7 @@ function createMetadataMiddleware() {
       subscribe: function subscribe() {
         // using setTimeout here to delay extraction until widgets have been added in a tick (e.g. Vue)
         setTimeout(function () {
-          var client = instantSearchInstance.client;
-          payload.ua = client.transporter && client.transporter.userAgent ? client.transporter.userAgent.value : client._ua;
+          payload.ua = (0, _utils.getAlgoliaAgent)(instantSearchInstance.client);
           extractWidgetPayload(instantSearchInstance.mainIndex.getWidgets(), instantSearchInstance, payload);
           instantSearchInstance.middleware.forEach(function (middleware) {
             return payload.widgets.push({

package/cjs/widgets/autocomplete/autocomplete.js

@@ -110,13 +110,14 @@ function AutocompleteWrapper(_ref) {
     indices = _ref.indices,
     getSearchPageURL = _ref.getSearchPageURL,
     userOnSelect = _ref.onSelect,
-    refine = _ref.refine,
+    refineAutocomplete = _ref.refine,
     cssClasses = _ref.cssClasses,
     renderState = _ref.renderState,
     instantSearchInstance = _ref.instantSearchInstance,
     showRecent = _ref.showRecent,
     showSuggestions = _ref.showSuggestions,
-    templates = _ref.templates;
+    templates = _ref.templates,
+    placeholder = _ref.placeholder;
   var isolatedIndex = renderState.isolatedIndex,
     targetIndex = renderState.targetIndex;
   var searchboxQuery = isolatedIndex === null || isolatedIndex === void 0 ? void 0 : (_isolatedIndex$getHel = isolatedIndex.getHelper()) === null || _isolatedIndex$getHel === void 0 ? void 0 : _isolatedIndex$getHel.state.query;
@@ -135,6 +136,7 @@ function AutocompleteWrapper(_ref) {
     return ['ais.hits', 'ais.infiniteHits'].includes($$type);
   })) !== null && _targetIndex$getWidge !== void 0 ? _targetIndex$getWidge : false;
   var onRefine = function onRefine(query) {
+    refineAutocomplete(query);
     instantSearchInstance.setUiState(function (uiState) {
       var _objectSpread2;
       return _objectSpread(_objectSpread({}, uiState), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, targetIndex.getIndexId(), _objectSpread(_objectSpread({}, uiState[targetIndex.getIndexId()]), {}, {
@@ -165,7 +167,8 @@ function AutocompleteWrapper(_ref) {
           return;
         }
         setQuery(query);
-      }
+      },
+      placeholder: placeholder
     }),
     getInputProps = _usePropGetters.getInputProps,
     getItemProps = _usePropGetters.getItemProps,
@@ -264,11 +267,16 @@ function AutocompleteWrapper(_ref) {
       }));
     };
     var elementId = indexName === (showSuggestions === null || showSuggestions === void 0 ? void 0 : showSuggestions.indexName) ? 'suggestions' : indexName;
+    var filteredHits = elementId === 'suggestions' && showRecent ? hits.filter(function (suggestionHit) {
+      return !(0, _utils.find)(storageHits, function (storageHit) {
+        return storageHit.query === suggestionHit.query;
+      });
+    }) : hits;
     elements[elementId] = (0, _preact.h)(AutocompleteIndex, {
       key: indexId,
       HeaderComponent: headerComponent,
       ItemComponent: itemComponent,
-      items: hits.map(function (item) {
+      items: filteredHits.map(function (item) {
         return _objectSpread(_objectSpread({}, item), {}, {
           __indexName: indexId
         });
@@ -282,13 +290,12 @@ function AutocompleteWrapper(_ref) {
   }), (0, _preact.h)(AutocompleteSearchBox, {
     query: searchboxQuery || '',
     inputProps: _objectSpread(_objectSpread({}, getInputProps()), {}, {
-      // @ts-ignore - This clashes with some ambient React JSX declarations.
-      onInput: function onInput(evt) {
-        return refine(evt.currentTarget.value);
+      onInput: function onInput(event) {
+        return refineAutocomplete(event.currentTarget.value);
       }
     }),
     onClear: function onClear() {
-      return onRefine('');
+      onRefine('');
     },
     isSearchStalled: instantSearchInstance.status === 'stalled'
   }), (0, _preact.h)(AutocompletePanel, getPanelProps(), templates.panel ? (0, _preact.h)(_Template.default, _extends({}, renderState.templateProps, {
@@ -316,7 +323,8 @@ function EXPERIMENTAL_autocomplete(widgetParams) {
     _ref0$templates = _ref0.templates,
     templates = _ref0$templates === void 0 ? {} : _ref0$templates,
     _ref0$cssClasses = _ref0.cssClasses,
-    userCssClasses = _ref0$cssClasses === void 0 ? {} : _ref0$cssClasses;
+    userCssClasses = _ref0$cssClasses === void 0 ? {} : _ref0$cssClasses,
+    placeholder = _ref0.placeholder;
   if (!container) {
     throw new Error(withUsage('The `container` option is required.'));
   }
@@ -367,6 +375,7 @@ function EXPERIMENTAL_autocomplete(widgetParams) {
     cssClasses: cssClasses,
     showRecent: showRecent,
     showSuggestions: showSuggestions,
+    placeholder: placeholder,
     renderState: {
       indexTemplateProps: [],
       isolatedIndex: undefined,

package/cjs/widgets/chat/chat.js

@@ -57,13 +57,13 @@ function getDefinedProperties(obj) {
     return value !== undefined;
   }));
 }
-var _ref6 = (0, _preact.h)(_instantsearchUiComponents.ArrowRightIconComponent, {
+var _ref6 = (0, _preact.h)(_instantsearchUiComponents.ArrowRightIcon, {
   createElement: _preact.h
 });
-var _ref7 = (0, _preact.h)(_instantsearchUiComponents.ChevronLeftIconComponent, {
+var _ref7 = (0, _preact.h)(_instantsearchUiComponents.ChevronLeftIcon, {
   createElement: _preact.h
 });
-var _ref8 = (0, _preact.h)(_instantsearchUiComponents.ChevronRightIconComponent, {
+var _ref8 = (0, _preact.h)(_instantsearchUiComponents.ChevronRightIcon, {
   createElement: _preact.h
 });
 function createCarouselTool(showViewAll, templates, getSearchPageURL) {