instantsearch.js 4.84.0 → 4.85.0

package/es/connectors/chat/connectChat.js

@@ -15,7 +15,7 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { DefaultChatTransport, lastAssistantMessageIsCompleteWithToolCalls } from 'ai';
 import { Chat } from "../../lib/chat/index.js";
-import { checkRendering, createDocumentationMessageGenerator, createSendEventForHits, getAppIdAndApiKey, noop, warning } from "../../lib/utils/index.js";
+import { checkRendering, createDocumentationMessageGenerator, createSendEventForHits, getAlgoliaAgent, getAppIdAndApiKey, noop, warning } from "../../lib/utils/index.js";
 var withUsage = createDocumentationMessageGenerator({
   name: 'chat',
   connector: true
@@ -74,7 +74,8 @@ export 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': getAlgoliaAgent(instantSearchInstance.client)
           }
         });
       }

package/es/lib/utils/getAlgoliaAgent.d.ts

@@ -0,0 +1 @@
+export declare function getAlgoliaAgent(client: unknown): string;

package/es/lib/utils/getAlgoliaAgent.js

@@ -0,0 +1,4 @@
+export function getAlgoliaAgent(client) {
+  var clientTyped = client;
+  return clientTyped.transporter && clientTyped.transporter.userAgent ? clientTyped.transporter.userAgent.value : clientTyped._ua;
+}

package/es/lib/utils/index.d.ts

@@ -18,6 +18,7 @@ export * from './escapeFacetValue';
 export * from './find';
 export * from './findIndex';
 export * from './geo-search';
+export * from './getAlgoliaAgent';
 export * from './getAppIdAndApiKey';
 export * from './getContainerNode';
 export * from './getHighlightedParts';

package/es/lib/utils/index.js

@@ -18,6 +18,7 @@ export * from "./escapeFacetValue.js";
 export * from "./find.js";
 export * from "./findIndex.js";
 export * from "./geo-search.js";
+export * from "./getAlgoliaAgent.js";
 export * from "./getAppIdAndApiKey.js";
 export * from "./getContainerNode.js";
 export * from "./getHighlightedParts.js";

package/es/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "4.84.0";
+declare const _default: "4.85.0";
 export default _default;

package/es/lib/version.js

@@ -1 +1 @@
-export default '4.84.0';
+export default '4.85.0';

package/es/middlewares/createMetadataMiddleware.js

@@ -1,4 +1,4 @@
-import { createInitArgs, safelyRunOnBrowser } from "../lib/utils/index.js";
+import { createInitArgs, getAlgoliaAgent, safelyRunOnBrowser } from "../lib/utils/index.js";
 function extractWidgetPayload(widgets, instantSearchInstance, payload) {
   var initOptions = createInitArgs(instantSearchInstance, instantSearchInstance.mainIndex, instantSearchInstance._initialUiState);
   widgets.forEach(function (widget) {
@@ -63,8 +63,7 @@ export 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 = getAlgoliaAgent(instantSearchInstance.client);
           extractWidgetPayload(instantSearchInstance.mainIndex.getWidgets(), instantSearchInstance, payload);
           instantSearchInstance.middleware.forEach(function (middleware) {
             return payload.widgets.push({

package/es/widgets/autocomplete/autocomplete.d.ts

@@ -84,6 +84,10 @@ type AutocompleteWidgetParams<TItem extends BaseHit> = {
      * CSS classes to add.
      */
     cssClasses?: AutocompleteCSSClasses;
+    /**
+     * Placeholder text for the search input.
+     */
+    placeholder?: string;
 };
 export type AutocompleteWidget<TItem extends BaseHit = BaseHit> = WidgetFactory<AutocompleteWidgetDescription & {
     $$widgetType: 'ais.autocomplete';

package/es/widgets/autocomplete/autocomplete.js

@@ -22,7 +22,7 @@ import { connectAutocomplete, connectSearchBox } from "../../connectors/index.um
 import { ReverseHighlight } from "../../helpers/components/index.js";
 import { component } from "../../lib/suit.js";
 import { prepareTemplateProps } from "../../lib/templating/index.js";
-import { createDocumentationMessageGenerator, getContainerNode, walkIndex } from "../../lib/utils/index.js";
+import { createDocumentationMessageGenerator, find, getContainerNode, walkIndex } from "../../lib/utils/index.js";
 import configure from "../configure/configure.js";
 import index from "../index/index.js";
 var autocompleteInstanceId = 0;
@@ -103,13 +103,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;
@@ -128,6 +129,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()]), {}, {
@@ -158,7 +160,8 @@ function AutocompleteWrapper(_ref) {
           return;
         }
         setQuery(query);
-      }
+      },
+      placeholder: placeholder
     }),
     getInputProps = _usePropGetters.getInputProps,
     getItemProps = _usePropGetters.getItemProps,
@@ -257,11 +260,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 !find(storageHits, function (storageHit) {
+        return storageHit.query === suggestionHit.query;
+      });
+    }) : hits;
     elements[elementId] = h(AutocompleteIndex, {
       key: indexId,
       HeaderComponent: headerComponent,
       ItemComponent: itemComponent,
-      items: hits.map(function (item) {
+      items: filteredHits.map(function (item) {
         return _objectSpread(_objectSpread({}, item), {}, {
           __indexName: indexId
         });
@@ -277,11 +285,11 @@ function AutocompleteWrapper(_ref) {
     inputProps: _objectSpread(_objectSpread({}, getInputProps()), {}, {
       // @ts-ignore - This clashes with some ambient React JSX declarations.
       onInput: function onInput(evt) {
-        return refine(evt.currentTarget.value);
+        return refineAutocomplete(evt.currentTarget.value);
       }
     }),
     onClear: function onClear() {
-      return onRefine('');
+      onRefine('');
     },
     isSearchStalled: instantSearchInstance.status === 'stalled'
   }), h(AutocompletePanel, getPanelProps(), templates.panel ? h(TemplateComponent, _extends({}, renderState.templateProps, {
@@ -309,7 +317,8 @@ export 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.'));
   }
@@ -360,6 +369,7 @@ export function EXPERIMENTAL_autocomplete(widgetParams) {
     cssClasses: cssClasses,
     showRecent: showRecent,
     showSuggestions: showSuggestions,
+    placeholder: placeholder,
     renderState: {
       indexTemplateProps: [],
       isolatedIndex: undefined,

package/es/widgets/chat/chat.js

@@ -14,7 +14,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import { ArrowRightIconComponent, ChevronLeftIconComponent, ChevronRightIconComponent, createButtonComponent, createChatComponent } from 'instantsearch-ui-components';
+import { ArrowRightIcon, ChevronLeftIcon, ChevronRightIcon, createButtonComponent, createChatComponent } from 'instantsearch-ui-components';
 import { Fragment, h, render } from 'preact';
 import { useMemo } from 'preact/hooks';
 import TemplateComponent from "../../components/Template/Template.js";
@@ -39,13 +39,13 @@ function getDefinedProperties(obj) {
     return value !== undefined;
   }));
 }
-var _ref6 = h(ArrowRightIconComponent, {
+var _ref6 = h(ArrowRightIcon, {
   createElement: h
 });
-var _ref7 = h(ChevronLeftIconComponent, {
+var _ref7 = h(ChevronLeftIcon, {
   createElement: h
 });
-var _ref8 = h(ChevronRightIconComponent, {
+var _ref8 = h(ChevronRightIcon, {
   createElement: h
 });
 function createCarouselTool(showViewAll, templates, getSearchPageURL) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "instantsearch.js",
-  "version": "4.84.0",
+  "version": "4.85.0",
   "description": "InstantSearch.js is a JavaScript library for building performant and instant search experiences with Algolia.",
   "homepage": "https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/js/",
   "types": "es/index.d.ts",
@@ -35,7 +35,7 @@
     "algoliasearch-helper": "3.26.1",
     "hogan.js": "^3.0.2",
     "htm": "^3.0.0",
-    "instantsearch-ui-components": "0.15.0",
+    "instantsearch-ui-components": "0.15.1",
     "preact": "^10.10.0",
     "qs": "^6.5.1 < 6.10",
     "react": ">= 0.14.0",
@@ -60,9 +60,9 @@
     "watch:es": "yarn --silent build:es:base --watch"
   },
   "devDependencies": {
-    "@instantsearch/mocks": "1.82.0",
-    "@instantsearch/tests": "1.82.0",
-    "@instantsearch/testutils": "1.71.0",
+    "@instantsearch/mocks": "1.83.0",
+    "@instantsearch/tests": "1.83.0",
+    "@instantsearch/testutils": "1.72.0",
     "@storybook/html": "5.3.9",
     "@types/scriptjs": "0.0.2",
     "algoliasearch": "5.1.1",
@@ -70,5 +70,5 @@
     "scriptjs": "2.5.9",
     "webpack": "4.47.0"
   },
-  "gitHead": "b4cb69c8cfaa9dc22dfe8fe695568cf5200f3893"
+  "gitHead": "417c7fb9ebaa31063d7a817466a303ce51558453"
 }