react-instantsearch 7.30.0 → 7.31.0

package/dist/cjs/components/AutocompleteSearch.js

@@ -19,7 +19,7 @@ var AutocompleteSearchComponent = (0, _instantsearchuicomponents.createAutocompl
     Fragment: _react.Fragment
 });
 function AutocompleteSearch(param) {
-    var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, isSearchStalled = param.isSearchStalled, onAiModeClick = param.onAiModeClick;
+    var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, isSearchStalled = param.isSearchStalled, onCancel = param.onCancel, isDetached = param.isDetached, submitTitle = param.submitTitle, onAiModeClick = param.onAiModeClick;
     return /*#__PURE__*/ _react.default.createElement(AutocompleteSearchComponent, {
         inputProps: _object_spread_props._(_object_spread._({}, inputProps), {
             onChange: function onChange(event) {
@@ -30,6 +30,9 @@ function AutocompleteSearch(param) {
         onClear: clearQuery,
         query: query,
         isSearchStalled: isSearchStalled,
+        onCancel: onCancel,
+        isDetached: isDetached,
+        submitTitle: submitTitle,
         onAiModeClick: onAiModeClick
     });
 }

package/dist/cjs/components/ChatMessageLoader.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ChatMessageLoader", {
+    enumerable: true,
+    get: function() {
+        return ChatMessageLoader;
+    }
+});
+var _instantsearchuicomponents = require("instantsearch-ui-components");
+var _react = require("react");
+var ChatMessageLoader = (0, _instantsearchuicomponents.createChatMessageLoaderComponent)({
+    createElement: _react.createElement
+});

package/dist/cjs/components/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _export_star = require("@swc/helpers/_/_export_star");
 _export_star._(require("./Carousel"), exports);
+_export_star._(require("./ChatMessageLoader"), exports);
 _export_star._(require("./ChatOverlayLayout"), exports);
 _export_star._(require("./ChatInlineLayout"), exports);
 _export_star._(require("./ChatSidePanelLayout"), exports);

package/dist/cjs/widgets/Autocomplete.js

@@ -515,7 +515,7 @@ function InnerAutocomplete(_0) {
         });
     }
     indicesForPanel.forEach(function(param) {
-        var indexId = param.indexId, indexName = param.indexName, hits = param.hits;
+        var indexId = param.indexId, indexName = param.indexName, hits = param.hits, sendEvent = param.sendEvent;
         var elementId = indexName;
         if (indexName === (showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : showQuerySuggestions.indexName)) {
             elementId = 'suggestions';
@@ -541,9 +541,14 @@ function InnerAutocomplete(_0) {
                 });
             }),
             getItemProps: getItemProps,
+            sendEvent: sendEvent,
             classNames: currentIndexConfig.classNames
         });
     });
+    var handleCancel = function handleCancel() {
+        setIsModalOpen(false);
+        setIsOpen(false);
+    };
     var searchBoxContent = /*#__PURE__*/ _react.default.createElement(_AutocompleteSearch.AutocompleteSearch, {
         inputProps: getInputProps(),
         clearQuery: function clearQuery() {
@@ -555,7 +560,18 @@ function InnerAutocomplete(_0) {
         },
         query: resolvedQuery,
         isSearchStalled: isSearchStalled,
+        onCancel: function onCancel() {
+            if (isDetached) {
+                handleCancel();
+            }
+        },
+        isDetached: isDetached,
+        submitTitle: isDetached ? translations.detachedCancelButtonText : undefined,
         onAiModeClick: aiMode ? function() {
+            setIsOpen(false);
+            if (isDetached) {
+                setIsModalOpen(false);
+            }
             if (chatRenderState) {
                 var _chatRenderState_setOpen;
                 (_chatRenderState_setOpen = chatRenderState.setOpen) === null || _chatRenderState_setOpen === void 0 ? void 0 : _chatRenderState_setOpen.call(chatRenderState, true);
@@ -599,19 +615,11 @@ function InnerAutocomplete(_0) {
             translations: translations
         }), isModalOpen && /*#__PURE__*/ _react.default.createElement(AutocompleteDetachedOverlay, {
             classNames: classNames,
-            onClose: function onClose() {
-                setIsModalOpen(false);
-                setIsOpen(false);
-            }
+            onClose: handleCancel
         }, /*#__PURE__*/ _react.default.createElement(AutocompleteDetachedContainer, {
             classNames: detachedContainerClassNames
         }, /*#__PURE__*/ _react.default.createElement(AutocompleteDetachedFormContainer, {
-            classNames: classNames,
-            onCancel: function onCancel() {
-                setIsModalOpen(false);
-                setIsOpen(false);
-            },
-            translations: translations
+            classNames: classNames
         }, searchBoxContent), panelContent)));
     }
     // Normal (non-detached) rendering

package/dist/cjs/widgets/Chat.js

@@ -57,7 +57,7 @@ function ChatInner(_0, _1) {
     var _ref = [
         _0,
         _1
-    ], _ref1 = _to_array._(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), userTools = _ref2.tools, toggleButtonProps = _ref2.toggleButtonProps, headerProps = _ref2.headerProps, messagesProps = _ref2.messagesProps, promptProps = _ref2.promptProps, itemComponent = _ref2.itemComponent, layoutComponent = _ref2.layoutComponent, toggleButtonComponent = _ref2.toggleButtonComponent, toggleButtonIconComponent = _ref2.toggleButtonIconComponent, headerComponent = _ref2.headerComponent, headerTitleIconComponent = _ref2.headerTitleIconComponent, headerCloseIconComponent = _ref2.headerCloseIconComponent, headerMinimizeIconComponent = _ref2.headerMinimizeIconComponent, headerMaximizeIconComponent = _ref2.headerMaximizeIconComponent, messagesLoaderComponent = _ref2.messagesLoaderComponent, messagesErrorComponent = _ref2.messagesErrorComponent, promptComponent = _ref2.promptComponent, promptHeaderComponent = _ref2.promptHeaderComponent, promptFooterComponent = _ref2.promptFooterComponent, assistantMessageLeadingComponent = _ref2.assistantMessageLeadingComponent, assistantMessageFooterComponent = _ref2.assistantMessageFooterComponent, userMessageLeadingComponent = _ref2.userMessageLeadingComponent, userMessageFooterComponent = _ref2.userMessageFooterComponent, emptyComponent = _ref2.emptyComponent, actionsComponent = _ref2.actionsComponent, suggestionsComponent = _ref2.suggestionsComponent, classNames = _ref2.classNames, _ref_translations = _ref2.translations, translations = _ref_translations === void 0 ? {} : _ref_translations, title = _ref2.title, getSearchPageURL = _ref2.getSearchPageURL, props = _object_without_properties._(_ref2, [
+    ], _ref1 = _to_array._(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), userTools = _ref2.tools, toggleButtonProps = _ref2.toggleButtonProps, headerProps = _ref2.headerProps, messagesProps = _ref2.messagesProps, promptProps = _ref2.promptProps, itemComponent = _ref2.itemComponent, layoutComponent = _ref2.layoutComponent, toggleButtonComponent = _ref2.toggleButtonComponent, toggleButtonIconComponent = _ref2.toggleButtonIconComponent, headerComponent = _ref2.headerComponent, headerTitleIconComponent = _ref2.headerTitleIconComponent, headerCloseIconComponent = _ref2.headerCloseIconComponent, headerMinimizeIconComponent = _ref2.headerMinimizeIconComponent, headerMaximizeIconComponent = _ref2.headerMaximizeIconComponent, loaderComponent = _ref2.loaderComponent, messagesErrorComponent = _ref2.messagesErrorComponent, promptComponent = _ref2.promptComponent, promptHeaderComponent = _ref2.promptHeaderComponent, promptFooterComponent = _ref2.promptFooterComponent, assistantMessageLeadingComponent = _ref2.assistantMessageLeadingComponent, assistantMessageFooterComponent = _ref2.assistantMessageFooterComponent, userMessageLeadingComponent = _ref2.userMessageLeadingComponent, userMessageFooterComponent = _ref2.userMessageFooterComponent, emptyComponent = _ref2.emptyComponent, actionsComponent = _ref2.actionsComponent, suggestionsComponent = _ref2.suggestionsComponent, classNames = _ref2.classNames, _ref_translations = _ref2.translations, translations = _ref_translations === void 0 ? {} : _ref_translations, title = _ref2.title, getSearchPageURL = _ref2.getSearchPageURL, props = _object_without_properties._(_ref2, [
         "tools",
         "toggleButtonProps",
         "headerProps",
@@ -72,7 +72,7 @@ function ChatInner(_0, _1) {
         "headerCloseIconComponent",
         "headerMinimizeIconComponent",
         "headerMaximizeIconComponent",
-        "messagesLoaderComponent",
+        "loaderComponent",
         "messagesErrorComponent",
         "promptComponent",
         "promptHeaderComponent",
@@ -191,7 +191,7 @@ function ChatInner(_0, _1) {
             scrollRef: scrollRef,
             contentRef: contentRef,
             onScrollToBottom: scrollToBottom,
-            loaderComponent: messagesLoaderComponent,
+            loaderComponent: loaderComponent,
             errorComponent: messagesErrorComponent,
             emptyComponent: emptyComponent,
             actionsComponent: actionsComponent,

package/dist/es/components/AutocompleteSearch.d.ts

@@ -6,6 +6,9 @@ export type AutocompleteSearchProps = {
     onQueryChange?: (query: string) => void;
     query: string;
     isSearchStalled: boolean;
+    onCancel?: () => void;
+    isDetached?: boolean;
+    submitTitle?: string;
     onAiModeClick?: () => void;
 };
-export declare function AutocompleteSearch({ inputProps, clearQuery, onQueryChange, query, isSearchStalled, onAiModeClick, }: AutocompleteSearchProps): React.JSX.Element;
+export declare function AutocompleteSearch({ inputProps, clearQuery, onQueryChange, query, isSearchStalled, onCancel, isDetached, submitTitle, onAiModeClick, }: AutocompleteSearchProps): React.JSX.Element;

package/dist/es/components/AutocompleteSearch.js

@@ -8,7 +8,7 @@ var AutocompleteSearchComponent = createAutocompleteSearchComponent({
     Fragment: Fragment
 });
 function AutocompleteSearch(param) {
-    var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, isSearchStalled = param.isSearchStalled, onAiModeClick = param.onAiModeClick;
+    var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, isSearchStalled = param.isSearchStalled, onCancel = param.onCancel, isDetached = param.isDetached, submitTitle = param.submitTitle, onAiModeClick = param.onAiModeClick;
     return /*#__PURE__*/ React.createElement(AutocompleteSearchComponent, {
         inputProps: _(_$1({}, inputProps), {
             onChange: function onChange(event) {
@@ -19,6 +19,9 @@ function AutocompleteSearch(param) {
         onClear: clearQuery,
         query: query,
         isSearchStalled: isSearchStalled,
+        onCancel: onCancel,
+        isDetached: isDetached,
+        submitTitle: submitTitle,
         onAiModeClick: onAiModeClick
     });
 }

package/dist/es/components/ChatMessageLoader.d.ts

@@ -0,0 +1 @@
+export declare const ChatMessageLoader: (userProps: import("instantsearch-ui-components").ChatMessageLoaderProps) => JSX.Element;

package/dist/es/components/ChatMessageLoader.js

@@ -0,0 +1,8 @@
+import { createChatMessageLoaderComponent } from 'instantsearch-ui-components';
+import { createElement } from 'react';
+
+var ChatMessageLoader = createChatMessageLoaderComponent({
+    createElement: createElement
+});
+
+export { ChatMessageLoader };

package/dist/es/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './Carousel';
+export * from './ChatMessageLoader';
 export * from './ChatOverlayLayout';
 export * from './ChatInlineLayout';
 export * from './ChatSidePanelLayout';

package/dist/es/components/index.js

@@ -1,4 +1,5 @@
 export { Carousel } from './Carousel.js';
+export { ChatMessageLoader } from './ChatMessageLoader.js';
 export { ChatOverlayLayout } from './ChatOverlayLayout.js';
 export { ChatInlineLayout } from './ChatInlineLayout.js';
 export { ChatSidePanelLayout } from './ChatSidePanelLayout.js';

package/dist/es/index.js

@@ -29,6 +29,7 @@ export { TrendingItems } from './widgets/TrendingItems.js';
 export { TrendingFacets } from './widgets/TrendingFacets.js';
 export { FilterSuggestions } from './widgets/FilterSuggestions.js';
 export { Carousel } from './components/Carousel.js';
+export { ChatMessageLoader } from './components/ChatMessageLoader.js';
 export { ChatOverlayLayout } from './components/ChatOverlayLayout.js';
 export { ChatInlineLayout } from './components/ChatInlineLayout.js';
 export { ChatSidePanelLayout } from './components/ChatSidePanelLayout.js';

package/dist/es/widgets/Autocomplete.js

@@ -504,7 +504,7 @@ function InnerAutocomplete(_0) {
         });
     }
     indicesForPanel.forEach(function(param) {
-        var indexId = param.indexId, indexName = param.indexName, hits = param.hits;
+        var indexId = param.indexId, indexName = param.indexName, hits = param.hits, sendEvent = param.sendEvent;
         var elementId = indexName;
         if (indexName === (showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : showQuerySuggestions.indexName)) {
             elementId = 'suggestions';
@@ -530,9 +530,14 @@ function InnerAutocomplete(_0) {
                 });
             }),
             getItemProps: getItemProps,
+            sendEvent: sendEvent,
             classNames: currentIndexConfig.classNames
         });
     });
+    var handleCancel = function handleCancel() {
+        setIsModalOpen(false);
+        setIsOpen(false);
+    };
     var searchBoxContent = /*#__PURE__*/ React.createElement(AutocompleteSearch, {
         inputProps: getInputProps(),
         clearQuery: function clearQuery() {
@@ -544,7 +549,18 @@ function InnerAutocomplete(_0) {
         },
         query: resolvedQuery,
         isSearchStalled: isSearchStalled,
+        onCancel: function onCancel() {
+            if (isDetached) {
+                handleCancel();
+            }
+        },
+        isDetached: isDetached,
+        submitTitle: isDetached ? translations.detachedCancelButtonText : undefined,
         onAiModeClick: aiMode ? function() {
+            setIsOpen(false);
+            if (isDetached) {
+                setIsModalOpen(false);
+            }
             if (chatRenderState) {
                 var _chatRenderState_setOpen;
                 (_chatRenderState_setOpen = chatRenderState.setOpen) === null || _chatRenderState_setOpen === void 0 ? void 0 : _chatRenderState_setOpen.call(chatRenderState, true);
@@ -588,19 +604,11 @@ function InnerAutocomplete(_0) {
             translations: translations
         }), isModalOpen && /*#__PURE__*/ React.createElement(AutocompleteDetachedOverlay, {
             classNames: classNames,
-            onClose: function onClose() {
-                setIsModalOpen(false);
-                setIsOpen(false);
-            }
+            onClose: handleCancel
         }, /*#__PURE__*/ React.createElement(AutocompleteDetachedContainer, {
             classNames: detachedContainerClassNames
         }, /*#__PURE__*/ React.createElement(AutocompleteDetachedFormContainer, {
-            classNames: classNames,
-            onCancel: function onCancel() {
-                setIsModalOpen(false);
-                setIsOpen(false);
-            },
-            translations: translations
+            classNames: classNames
         }, searchBoxContent), panelContent)));
     }
     // Normal (non-detached) rendering

package/dist/es/widgets/Chat.d.ts

@@ -30,11 +30,11 @@ export type ChatProps<TObject, TUiMessage extends UIMessage = UIMessage> = Omit<
     headerCloseIconComponent?: ChatUiProps['headerProps']['closeIconComponent'];
     headerMinimizeIconComponent?: ChatUiProps['headerProps']['minimizeIconComponent'];
     headerMaximizeIconComponent?: ChatUiProps['headerProps']['maximizeIconComponent'];
-    messagesLoaderComponent?: ChatUiProps['messagesProps']['loaderComponent'];
     messagesErrorComponent?: ChatUiProps['messagesProps']['errorComponent'];
     promptComponent?: ChatUiProps['promptComponent'];
     promptHeaderComponent?: ChatUiProps['promptProps']['headerComponent'];
     promptFooterComponent?: ChatUiProps['promptProps']['footerComponent'];
+    loaderComponent?: ChatUiProps['messagesProps']['loaderComponent'];
     emptyComponent?: ChatUiProps['messagesProps']['emptyComponent'];
     actionsComponent?: ChatUiProps['messagesProps']['actionsComponent'];
     assistantMessageLeadingComponent?: ChatMessageProps['leadingComponent'];

package/dist/es/widgets/Chat.js

@@ -24,7 +24,7 @@ function ChatInner(_0, _1) {
     var _ref = [
         _0,
         _1
-    ], _ref1 = _$1(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), userTools = _ref2.tools, toggleButtonProps = _ref2.toggleButtonProps, headerProps = _ref2.headerProps, messagesProps = _ref2.messagesProps, promptProps = _ref2.promptProps, itemComponent = _ref2.itemComponent, layoutComponent = _ref2.layoutComponent, toggleButtonComponent = _ref2.toggleButtonComponent, toggleButtonIconComponent = _ref2.toggleButtonIconComponent, headerComponent = _ref2.headerComponent, headerTitleIconComponent = _ref2.headerTitleIconComponent, headerCloseIconComponent = _ref2.headerCloseIconComponent, headerMinimizeIconComponent = _ref2.headerMinimizeIconComponent, headerMaximizeIconComponent = _ref2.headerMaximizeIconComponent, messagesLoaderComponent = _ref2.messagesLoaderComponent, messagesErrorComponent = _ref2.messagesErrorComponent, promptComponent = _ref2.promptComponent, promptHeaderComponent = _ref2.promptHeaderComponent, promptFooterComponent = _ref2.promptFooterComponent, assistantMessageLeadingComponent = _ref2.assistantMessageLeadingComponent, assistantMessageFooterComponent = _ref2.assistantMessageFooterComponent, userMessageLeadingComponent = _ref2.userMessageLeadingComponent, userMessageFooterComponent = _ref2.userMessageFooterComponent, emptyComponent = _ref2.emptyComponent, actionsComponent = _ref2.actionsComponent, suggestionsComponent = _ref2.suggestionsComponent, classNames = _ref2.classNames, _ref_translations = _ref2.translations, translations = _ref_translations === void 0 ? {} : _ref_translations, title = _ref2.title, getSearchPageURL = _ref2.getSearchPageURL, props = _$2(_ref2, [
+    ], _ref1 = _$1(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), userTools = _ref2.tools, toggleButtonProps = _ref2.toggleButtonProps, headerProps = _ref2.headerProps, messagesProps = _ref2.messagesProps, promptProps = _ref2.promptProps, itemComponent = _ref2.itemComponent, layoutComponent = _ref2.layoutComponent, toggleButtonComponent = _ref2.toggleButtonComponent, toggleButtonIconComponent = _ref2.toggleButtonIconComponent, headerComponent = _ref2.headerComponent, headerTitleIconComponent = _ref2.headerTitleIconComponent, headerCloseIconComponent = _ref2.headerCloseIconComponent, headerMinimizeIconComponent = _ref2.headerMinimizeIconComponent, headerMaximizeIconComponent = _ref2.headerMaximizeIconComponent, loaderComponent = _ref2.loaderComponent, messagesErrorComponent = _ref2.messagesErrorComponent, promptComponent = _ref2.promptComponent, promptHeaderComponent = _ref2.promptHeaderComponent, promptFooterComponent = _ref2.promptFooterComponent, assistantMessageLeadingComponent = _ref2.assistantMessageLeadingComponent, assistantMessageFooterComponent = _ref2.assistantMessageFooterComponent, userMessageLeadingComponent = _ref2.userMessageLeadingComponent, userMessageFooterComponent = _ref2.userMessageFooterComponent, emptyComponent = _ref2.emptyComponent, actionsComponent = _ref2.actionsComponent, suggestionsComponent = _ref2.suggestionsComponent, classNames = _ref2.classNames, _ref_translations = _ref2.translations, translations = _ref_translations === void 0 ? {} : _ref_translations, title = _ref2.title, getSearchPageURL = _ref2.getSearchPageURL, props = _$2(_ref2, [
         "tools",
         "toggleButtonProps",
         "headerProps",
@@ -39,7 +39,7 @@ function ChatInner(_0, _1) {
         "headerCloseIconComponent",
         "headerMinimizeIconComponent",
         "headerMaximizeIconComponent",
-        "messagesLoaderComponent",
+        "loaderComponent",
         "messagesErrorComponent",
         "promptComponent",
         "promptHeaderComponent",
@@ -158,7 +158,7 @@ function ChatInner(_0, _1) {
             scrollRef: scrollRef,
             contentRef: contentRef,
             onScrollToBottom: scrollToBottom,
-            loaderComponent: messagesLoaderComponent,
+            loaderComponent: loaderComponent,
             errorComponent: messagesErrorComponent,
             emptyComponent: emptyComponent,
             actionsComponent: actionsComponent,