react-instantsearch 7.28.1 → 7.29.0

package/dist/cjs/components/ChatInlineLayout.js

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

package/dist/cjs/components/ChatOverlayLayout.js

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

package/dist/cjs/components/index.js

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

package/dist/cjs/widgets/Chat.js

@@ -53,13 +53,14 @@ function createDefaultTools(itemComponent, getSearchPageURL) {
     return _obj = {}, _define_property._(_obj, _chat.SearchIndexToolType, (0, _SearchIndexTool.createCarouselTool)(true, itemComponent, getSearchPageURL)), _define_property._(_obj, _chat.RecommendToolType, (0, _SearchIndexTool.createCarouselTool)(false, itemComponent, getSearchPageURL)), _define_property._(_obj, _chat.MemorizeToolType, {}), _define_property._(_obj, _chat.MemorySearchToolType, {}), _define_property._(_obj, _chat.PonderToolType, {}), _obj;
 }
 function Chat(_0) {
-    var userTools = _0.tools, toggleButtonProps = _0.toggleButtonProps, headerProps = _0.headerProps, messagesProps = _0.messagesProps, promptProps = _0.promptProps, itemComponent = _0.itemComponent, toggleButtonComponent = _0.toggleButtonComponent, toggleButtonIconComponent = _0.toggleButtonIconComponent, headerComponent = _0.headerComponent, headerTitleIconComponent = _0.headerTitleIconComponent, headerCloseIconComponent = _0.headerCloseIconComponent, headerMinimizeIconComponent = _0.headerMinimizeIconComponent, headerMaximizeIconComponent = _0.headerMaximizeIconComponent, messagesLoaderComponent = _0.messagesLoaderComponent, messagesErrorComponent = _0.messagesErrorComponent, promptComponent = _0.promptComponent, promptHeaderComponent = _0.promptHeaderComponent, promptFooterComponent = _0.promptFooterComponent, assistantMessageLeadingComponent = _0.assistantMessageLeadingComponent, assistantMessageFooterComponent = _0.assistantMessageFooterComponent, userMessageLeadingComponent = _0.userMessageLeadingComponent, userMessageFooterComponent = _0.userMessageFooterComponent, actionsComponent = _0.actionsComponent, suggestionsComponent = _0.suggestionsComponent, classNames = _0.classNames, _0_translations = _0.translations, translations = _0_translations === void 0 ? {} : _0_translations, title = _0.title, getSearchPageURL = _0.getSearchPageURL, props = _object_without_properties._(_0, [
+    var userTools = _0.tools, toggleButtonProps = _0.toggleButtonProps, headerProps = _0.headerProps, messagesProps = _0.messagesProps, promptProps = _0.promptProps, itemComponent = _0.itemComponent, layoutComponent = _0.layoutComponent, toggleButtonComponent = _0.toggleButtonComponent, toggleButtonIconComponent = _0.toggleButtonIconComponent, headerComponent = _0.headerComponent, headerTitleIconComponent = _0.headerTitleIconComponent, headerCloseIconComponent = _0.headerCloseIconComponent, headerMinimizeIconComponent = _0.headerMinimizeIconComponent, headerMaximizeIconComponent = _0.headerMaximizeIconComponent, messagesLoaderComponent = _0.messagesLoaderComponent, messagesErrorComponent = _0.messagesErrorComponent, promptComponent = _0.promptComponent, promptHeaderComponent = _0.promptHeaderComponent, promptFooterComponent = _0.promptFooterComponent, assistantMessageLeadingComponent = _0.assistantMessageLeadingComponent, assistantMessageFooterComponent = _0.assistantMessageFooterComponent, userMessageLeadingComponent = _0.userMessageLeadingComponent, userMessageFooterComponent = _0.userMessageFooterComponent, actionsComponent = _0.actionsComponent, suggestionsComponent = _0.suggestionsComponent, classNames = _0.classNames, _0_translations = _0.translations, translations = _0_translations === void 0 ? {} : _0_translations, title = _0.title, getSearchPageURL = _0.getSearchPageURL, props = _object_without_properties._(_0, [
         "tools",
         "toggleButtonProps",
         "headerProps",
         "messagesProps",
         "promptProps",
         "itemComponent",
+        "layoutComponent",
         "toggleButtonComponent",
         "toggleButtonIconComponent",
         "headerComponent",
@@ -102,7 +103,7 @@ function Chat(_0) {
     var chatState = (0, _reactinstantsearchcore.useChat)(_object_spread_props._(_object_spread._({}, props), {
         tools: tools
     }));
-    var messages = chatState.messages, sendMessage = chatState.sendMessage, status = chatState.status, regenerate = chatState.regenerate, stop = chatState.stop; chatState.error; var input = chatState.input, setInput = chatState.setInput, open = chatState.open, setOpen = chatState.setOpen, isClearing = chatState.isClearing, clearMessages = chatState.clearMessages, onClearTransitionEnd = chatState.onClearTransitionEnd, toolsFromConnector = chatState.tools, suggestions = chatState.suggestions;
+    var messages = chatState.messages, sendMessage = chatState.sendMessage, status = chatState.status, regenerate = chatState.regenerate, stop = chatState.stop, error = chatState.error, input = chatState.input, setInput = chatState.setInput, open = chatState.open, setOpen = chatState.setOpen, isClearing = chatState.isClearing, clearMessages = chatState.clearMessages, onClearTransitionEnd = chatState.onClearTransitionEnd, toolsFromConnector = chatState.tools, suggestions = chatState.suggestions, onFeedback = chatState.sendChatMessageFeedback, feedbackState = chatState.feedbackState;
     var wasOpenRef = (0, _react.useRef)(false);
     (0, _react.useEffect)(function() {
         var shouldFocusPrompt = !wasOpenRef.current && open;
@@ -120,6 +121,11 @@ function Chat(_0) {
         title: title,
         open: open,
         maximized: maximized,
+        sendMessage: sendMessage,
+        regenerate: regenerate,
+        stop: stop,
+        error: error,
+        layoutComponent: layoutComponent,
         headerComponent: headerComponent,
         promptComponent: promptComponent,
         toggleButtonComponent: toggleButtonComponent,
@@ -157,6 +163,8 @@ function Chat(_0) {
             onClose: function onClose() {
                 return setOpen(false);
             },
+            onFeedback: onFeedback,
+            feedbackState: feedbackState,
             messages: messages,
             tools: toolsFromConnector,
             indexUiState: indexUiState,

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

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

package/dist/es/components/ChatInlineLayout.js

@@ -0,0 +1,9 @@
+import { createChatInlineLayoutComponent } from 'instantsearch-ui-components';
+import { createElement, Fragment } from 'react';
+
+var ChatInlineLayout = createChatInlineLayoutComponent({
+    createElement: createElement,
+    Fragment: Fragment
+});
+
+export { ChatInlineLayout };

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

@@ -0,0 +1,3 @@
+import type { ChatLayoutOwnProps } from 'instantsearch-ui-components';
+export type { ChatLayoutOwnProps };
+export declare const ChatOverlayLayout: (userProps: ChatLayoutOwnProps) => JSX.Element;

package/dist/es/components/ChatOverlayLayout.js

@@ -0,0 +1,9 @@
+import { createChatOverlayLayoutComponent } from 'instantsearch-ui-components';
+import { createElement, Fragment } from 'react';
+
+var ChatOverlayLayout = createChatOverlayLayoutComponent({
+    createElement: createElement,
+    Fragment: Fragment
+});
+
+export { ChatOverlayLayout };

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

@@ -1 +1,3 @@
 export * from './Carousel';
+export * from './ChatOverlayLayout';
+export * from './ChatInlineLayout';

package/dist/es/components/index.js

@@ -1 +1,3 @@
 export { Carousel } from './Carousel.js';
+export { ChatOverlayLayout } from './ChatOverlayLayout.js';
+export { ChatInlineLayout } from './ChatInlineLayout.js';

package/dist/es/index.js

@@ -28,3 +28,5 @@ export { ToggleRefinement } from './widgets/ToggleRefinement.js';
 export { TrendingItems } from './widgets/TrendingItems.js';
 export { FilterSuggestions } from './widgets/FilterSuggestions.js';
 export { Carousel } from './components/Carousel.js';
+export { ChatOverlayLayout } from './components/ChatOverlayLayout.js';
+export { ChatInlineLayout } from './components/ChatInlineLayout.js';

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

@@ -1,13 +1,13 @@
 import { SearchIndexToolType, RecommendToolType, MemorizeToolType, MemorySearchToolType, PonderToolType } from 'instantsearch.js/es/lib/chat';
 import React from 'react';
 export { SearchIndexToolType, RecommendToolType, MemorizeToolType, MemorySearchToolType, PonderToolType, };
-import type { ChatProps as ChatUiProps, RecommendComponentProps, RecordWithObjectID, UserClientSideTool, UserClientSideTools, ChatMessageProps } from 'instantsearch-ui-components';
+import type { ChatProps as ChatUiProps, ChatLayoutOwnProps, RecommendComponentProps, RecordWithObjectID, UserClientSideTool, UserClientSideTools, ChatMessageProps } from 'instantsearch-ui-components';
 import type { IndexUiState } from 'instantsearch.js';
 import type { UIMessage } from 'instantsearch.js/es/lib/chat';
 import type { UseChatProps } from 'react-instantsearch-core';
 export declare function createDefaultTools<TObject extends RecordWithObjectID>(itemComponent?: ItemComponent<TObject>, getSearchPageURL?: (nextUiState: IndexUiState) => string): UserClientSideTools;
 type ItemComponent<TObject> = RecommendComponentProps<TObject>['itemComponent'];
-type UiProps = Pick<ChatUiProps, 'open' | 'headerProps' | 'toggleButtonProps' | 'messagesProps' | 'promptProps' | 'suggestionsProps' | 'headerComponent' | 'promptComponent' | 'suggestionsComponent'>;
+type UiProps = Pick<ChatUiProps, 'open' | 'headerProps' | 'toggleButtonProps' | 'messagesProps' | 'promptProps' | 'suggestionsProps' | 'headerComponent' | 'promptComponent' | 'suggestionsComponent' | 'layoutComponent' | 'sendMessage' | 'regenerate' | 'stop' | 'error'>;
 type UserToggleButtonProps = Omit<ChatUiProps['toggleButtonProps'], 'open' | 'onClick'>;
 type UserHeaderProps = Omit<ChatUiProps['headerProps'], 'onClose'>;
 type UserMessagesProps = Omit<ChatUiProps['messagesProps'], 'messages' | 'tools' | 'indexUiState' | 'setIndexUiState' | 'scrollRef' | 'contentRef' | 'messageComponent' | 'leadingComponent' | 'footerComponent' | 'suggestionsComponent' | 'translations' | 'classNames'>;
@@ -22,6 +22,7 @@ export type ChatProps<TObject, TUiMessage extends UIMessage = UIMessage> = Omit<
     headerProps?: UserHeaderProps;
     messagesProps?: UserMessagesProps;
     promptProps?: UserPromptProps;
+    layoutComponent?: (props: ChatLayoutOwnProps) => JSX.Element;
     toggleButtonComponent?: ChatUiProps['toggleButtonComponent'];
     toggleButtonIconComponent?: ChatUiProps['toggleButtonProps']['toggleIconComponent'];
     headerComponent?: ChatUiProps['headerComponent'];
@@ -47,4 +48,4 @@ export type ChatProps<TObject, TUiMessage extends UIMessage = UIMessage> = Omit<
         messages: ChatUiProps['messagesProps']['translations'];
     }>;
 };
-export declare function Chat<TObject extends RecordWithObjectID, TUiMessage extends UIMessage>({ tools: userTools, toggleButtonProps, headerProps, messagesProps, promptProps, itemComponent, toggleButtonComponent, toggleButtonIconComponent, headerComponent, headerTitleIconComponent, headerCloseIconComponent, headerMinimizeIconComponent, headerMaximizeIconComponent, messagesLoaderComponent, messagesErrorComponent, promptComponent, promptHeaderComponent, promptFooterComponent, assistantMessageLeadingComponent, assistantMessageFooterComponent, userMessageLeadingComponent, userMessageFooterComponent, actionsComponent, suggestionsComponent, classNames, translations, title, getSearchPageURL, ...props }: ChatProps<TObject, TUiMessage>): React.JSX.Element;
+export declare function Chat<TObject extends RecordWithObjectID, TUiMessage extends UIMessage>({ tools: userTools, toggleButtonProps, headerProps, messagesProps, promptProps, itemComponent, layoutComponent, toggleButtonComponent, toggleButtonIconComponent, headerComponent, headerTitleIconComponent, headerCloseIconComponent, headerMinimizeIconComponent, headerMaximizeIconComponent, messagesLoaderComponent, messagesErrorComponent, promptComponent, promptHeaderComponent, promptFooterComponent, assistantMessageLeadingComponent, assistantMessageFooterComponent, userMessageLeadingComponent, userMessageFooterComponent, actionsComponent, suggestionsComponent, classNames, translations, title, getSearchPageURL, ...props }: ChatProps<TObject, TUiMessage>): React.JSX.Element;

package/dist/es/widgets/Chat.js

@@ -20,13 +20,14 @@ function createDefaultTools(itemComponent, getSearchPageURL) {
     return _obj = {}, _(_obj, SearchIndexToolType, createCarouselTool(true, itemComponent, getSearchPageURL)), _(_obj, RecommendToolType, createCarouselTool(false, itemComponent, getSearchPageURL)), _(_obj, MemorizeToolType, {}), _(_obj, MemorySearchToolType, {}), _(_obj, PonderToolType, {}), _obj;
 }
 function Chat(_0) {
-    var userTools = _0.tools, toggleButtonProps = _0.toggleButtonProps, headerProps = _0.headerProps, messagesProps = _0.messagesProps, promptProps = _0.promptProps, itemComponent = _0.itemComponent, toggleButtonComponent = _0.toggleButtonComponent, toggleButtonIconComponent = _0.toggleButtonIconComponent, headerComponent = _0.headerComponent, headerTitleIconComponent = _0.headerTitleIconComponent, headerCloseIconComponent = _0.headerCloseIconComponent, headerMinimizeIconComponent = _0.headerMinimizeIconComponent, headerMaximizeIconComponent = _0.headerMaximizeIconComponent, messagesLoaderComponent = _0.messagesLoaderComponent, messagesErrorComponent = _0.messagesErrorComponent, promptComponent = _0.promptComponent, promptHeaderComponent = _0.promptHeaderComponent, promptFooterComponent = _0.promptFooterComponent, assistantMessageLeadingComponent = _0.assistantMessageLeadingComponent, assistantMessageFooterComponent = _0.assistantMessageFooterComponent, userMessageLeadingComponent = _0.userMessageLeadingComponent, userMessageFooterComponent = _0.userMessageFooterComponent, actionsComponent = _0.actionsComponent, suggestionsComponent = _0.suggestionsComponent, classNames = _0.classNames, _0_translations = _0.translations, translations = _0_translations === void 0 ? {} : _0_translations, title = _0.title, getSearchPageURL = _0.getSearchPageURL, props = _$1(_0, [
+    var userTools = _0.tools, toggleButtonProps = _0.toggleButtonProps, headerProps = _0.headerProps, messagesProps = _0.messagesProps, promptProps = _0.promptProps, itemComponent = _0.itemComponent, layoutComponent = _0.layoutComponent, toggleButtonComponent = _0.toggleButtonComponent, toggleButtonIconComponent = _0.toggleButtonIconComponent, headerComponent = _0.headerComponent, headerTitleIconComponent = _0.headerTitleIconComponent, headerCloseIconComponent = _0.headerCloseIconComponent, headerMinimizeIconComponent = _0.headerMinimizeIconComponent, headerMaximizeIconComponent = _0.headerMaximizeIconComponent, messagesLoaderComponent = _0.messagesLoaderComponent, messagesErrorComponent = _0.messagesErrorComponent, promptComponent = _0.promptComponent, promptHeaderComponent = _0.promptHeaderComponent, promptFooterComponent = _0.promptFooterComponent, assistantMessageLeadingComponent = _0.assistantMessageLeadingComponent, assistantMessageFooterComponent = _0.assistantMessageFooterComponent, userMessageLeadingComponent = _0.userMessageLeadingComponent, userMessageFooterComponent = _0.userMessageFooterComponent, actionsComponent = _0.actionsComponent, suggestionsComponent = _0.suggestionsComponent, classNames = _0.classNames, _0_translations = _0.translations, translations = _0_translations === void 0 ? {} : _0_translations, title = _0.title, getSearchPageURL = _0.getSearchPageURL, props = _$1(_0, [
         "tools",
         "toggleButtonProps",
         "headerProps",
         "messagesProps",
         "promptProps",
         "itemComponent",
+        "layoutComponent",
         "toggleButtonComponent",
         "toggleButtonIconComponent",
         "headerComponent",
@@ -69,7 +70,7 @@ function Chat(_0) {
     var chatState = useChat(_$4(_$3({}, props), {
         tools: tools
     }));
-    var messages = chatState.messages, sendMessage = chatState.sendMessage, status = chatState.status, regenerate = chatState.regenerate, stop = chatState.stop; chatState.error; var input = chatState.input, setInput = chatState.setInput, open = chatState.open, setOpen = chatState.setOpen, isClearing = chatState.isClearing, clearMessages = chatState.clearMessages, onClearTransitionEnd = chatState.onClearTransitionEnd, toolsFromConnector = chatState.tools, suggestions = chatState.suggestions;
+    var messages = chatState.messages, sendMessage = chatState.sendMessage, status = chatState.status, regenerate = chatState.regenerate, stop = chatState.stop, error = chatState.error, input = chatState.input, setInput = chatState.setInput, open = chatState.open, setOpen = chatState.setOpen, isClearing = chatState.isClearing, clearMessages = chatState.clearMessages, onClearTransitionEnd = chatState.onClearTransitionEnd, toolsFromConnector = chatState.tools, suggestions = chatState.suggestions, onFeedback = chatState.sendChatMessageFeedback, feedbackState = chatState.feedbackState;
     var wasOpenRef = useRef(false);
     useEffect(function() {
         var shouldFocusPrompt = !wasOpenRef.current && open;
@@ -87,6 +88,11 @@ function Chat(_0) {
         title: title,
         open: open,
         maximized: maximized,
+        sendMessage: sendMessage,
+        regenerate: regenerate,
+        stop: stop,
+        error: error,
+        layoutComponent: layoutComponent,
         headerComponent: headerComponent,
         promptComponent: promptComponent,
         toggleButtonComponent: toggleButtonComponent,
@@ -124,6 +130,8 @@ function Chat(_0) {
             onClose: function onClose() {
                 return setOpen(false);
             },
+            onFeedback: onFeedback,
+            feedbackState: feedbackState,
             messages: messages,
             tools: toolsFromConnector,
             indexUiState: indexUiState,