@aws-amplify/ui-react-ai 1.2.1 → 1.3.0

package/dist/esm/components/AIConversation/views/Controls/MessagesControl.mjs

@@ -126,7 +126,9 @@ const MessagesControl = () => {
         content.toolUse?.name.startsWith(RESPONSE_COMPONENT_PREFIX))) ?? [];
     return (React__default.createElement(Layout, null, messagesWithRenderableContent?.map((message, index) => {
         return (React__default.createElement(RoleContext.Provider, { value: message.role, key: `message-${index}` },
-            React__default.createElement(MessageContainer, { "data-testid": `message`, key: `message-${index}`, tabIndex: focusedItemIndex === index ? 0 : -1, onFocus: () => handleFocus(index), onKeyDown: (event) => onKeyDown(index, event), ref: (el) => (messagesRef.current[index] = el) },
+            React__default.createElement(MessageContainer, { "data-testid": `message`, key: `message-${index}`, tabIndex: focusedItemIndex === index ? 0 : -1, onFocus: () => handleFocus(index), onKeyDown: (event) => onKeyDown(index, event), ref: (el) => {
+                    messagesRef.current[index] = el;
+                } },
                 React__default.createElement(HeaderContainer, null,
                     React__default.createElement(AvatarControl, null),
                     React__default.createElement(Timestamp, null, getMessageTimestampText(new Date(message.createdAt)))),

package/dist/esm/hooks/useAIConversation.mjs

@@ -22,7 +22,7 @@ function createUseAIConversation(client) {
         const clientRoute = client.conversations[routeName];
         // We need to keep track of the stream events as the come in
         // for an assistant message, but don't need to keep them in state
-        const contentBlocksRef = React__default.useRef();
+        const contentBlocksRef = React__default.useRef(undefined);
         // Using this hook without an existing conversation id means
         // it will create a new conversation when it is executed
         // we don't want to create 2 conversations

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '1.2.1';
+const VERSION = '1.3.0';
 
 export { VERSION };

package/dist/index.js

@@ -812,7 +812,9 @@ const MessagesControl = () => {
         content.toolUse?.name.startsWith(RESPONSE_COMPONENT_PREFIX))) ?? [];
     return (React__namespace["default"].createElement(Layout, null, messagesWithRenderableContent?.map((message, index) => {
         return (React__namespace["default"].createElement(RoleContext.Provider, { value: message.role, key: `message-${index}` },
-            React__namespace["default"].createElement(MessageContainer, { "data-testid": `message`, key: `message-${index}`, tabIndex: focusedItemIndex === index ? 0 : -1, onFocus: () => handleFocus(index), onKeyDown: (event) => onKeyDown(index, event), ref: (el) => (messagesRef.current[index] = el) },
+            React__namespace["default"].createElement(MessageContainer, { "data-testid": `message`, key: `message-${index}`, tabIndex: focusedItemIndex === index ? 0 : -1, onFocus: () => handleFocus(index), onKeyDown: (event) => onKeyDown(index, event), ref: (el) => {
+                    messagesRef.current[index] = el;
+                } },
                 React__namespace["default"].createElement(HeaderContainer, null,
                     React__namespace["default"].createElement(AvatarControl, null),
                     React__namespace["default"].createElement(Timestamp, null, getMessageTimestampText(new Date(message.createdAt)))),
@@ -1090,7 +1092,7 @@ const PromptList = ({ setInput, suggestedPrompts = [], }) => {
     })));
 };
 
-const VERSION = '1.2.1';
+const VERSION = '1.3.0';
 
 function AIConversationBase({ avatars, controls, ...rest }) {
     uiReactCore.useSetUserAgent({
@@ -1232,7 +1234,7 @@ function createUseAIConversation(client) {
         const clientRoute = client.conversations[routeName];
         // We need to keep track of the stream events as the come in
         // for an assistant message, but don't need to keep them in state
-        const contentBlocksRef = React__namespace["default"].useRef();
+        const contentBlocksRef = React__namespace["default"].useRef(undefined);
         // Using this hook without an existing conversation id means
         // it will create a new conversation when it is executed
         // we don't want to create 2 conversations

package/dist/types/components/AIConversation/context/AIContextContext.d.ts

@@ -3,4 +3,4 @@ export declare const AIContextContext: React.Context<(() => object) | undefined>
 export declare const AIContextProvider: ({ children, aiContext, }: {
     children?: React.ReactNode;
     aiContext?: (() => object) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/components/AIConversation/context/ActionsContext.d.ts

@@ -4,4 +4,4 @@ export declare const ActionsContext: React.Context<CustomAction[] | undefined>;
 export declare const ActionsProvider: ({ children, actions, }: {
     children?: React.ReactNode;
     actions?: CustomAction[] | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/components/AIConversation/context/AttachmentContext.d.ts

@@ -3,4 +3,4 @@ import { AIConversationInput } from '../types';
 export interface AttachmentContextProps extends Pick<AIConversationInput, 'allowAttachments' | 'maxAttachments' | 'maxAttachmentSize'> {
 }
 export declare const AttachmentContext: React.Context<Required<AttachmentContextProps>>;
-export declare const AttachmentProvider: ({ children, allowAttachments, maxAttachmentSize, maxAttachments, }: React.PropsWithChildren<AttachmentContextProps>) => JSX.Element;
+export declare const AttachmentProvider: ({ children, allowAttachments, maxAttachmentSize, maxAttachments, }: React.PropsWithChildren<AttachmentContextProps>) => React.JSX.Element;

package/dist/types/components/AIConversation/context/AvatarsContext.d.ts

@@ -4,4 +4,4 @@ export declare const AvatarsContext: React.Context<Avatars | undefined>;
 export declare const AvatarsProvider: ({ children, avatars, }: {
     children?: React.ReactNode;
     avatars?: Avatars | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/components/AIConversation/context/ControlsContext.d.ts

@@ -21,4 +21,4 @@ export declare const ControlsContext: React.Context<ControlsContextProps | undef
 export declare const ControlsProvider: ({ children, controls, }: {
     children?: React.ReactNode;
     controls?: ControlsContextProps | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/components/AIConversation/context/ConversationInputContext.d.ts

@@ -12,4 +12,4 @@ export interface ConversationInputContextProps {
 export declare const ConversationInputContext: React.Context<ConversationInputContextProps>;
 export declare const ConversationInputContextProvider: ({ children, }: {
     children?: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/components/AIConversation/context/DisplayTextContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConversationDisplayText } from '../displayText';
 export declare const ConversationDisplayTextContext: import("react").Context<Required<ConversationDisplayText>>, ConversationDisplayTextProvider: import("react").ComponentType<import("react").PropsWithChildren<Required<ConversationDisplayText>>>, useConversationDisplayText: (params?: {
     errorMessage?: string | undefined;

package/dist/types/components/AIConversation/context/FallbackComponentContext.d.ts

@@ -4,4 +4,4 @@ export declare const FallbackComponentContext: React.Context<React.ComponentType
 export declare const FallbackComponentProvider: ({ children, FallbackComponent, }: {
     children?: React.ReactNode;
     FallbackComponent?: AIConversationInput['FallbackResponseComponent'];
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/components/AIConversation/context/LoadingContext.d.ts

@@ -3,4 +3,4 @@ export declare const LoadingContext: React.Context<boolean | undefined>;
 export declare const LoadingContextProvider: ({ children, isLoading, }: {
     children?: React.ReactNode;
     isLoading?: boolean | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/components/AIConversation/context/MessageRenderContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MessageRenderer } from '../types';
 export declare const MessageRendererContext: import("react").Context<MessageRenderer>, MessageRendererProvider: import("react").ComponentType<import("react").PropsWithChildren<MessageRenderer>>, useMessageRenderer: (params?: {
     errorMessage?: string | undefined;

package/dist/types/components/AIConversation/context/MessageVariantContext.d.ts

@@ -4,4 +4,4 @@ export declare const MessageVariantContext: React.Context<MessageVariant | undef
 export declare const MessageVariantProvider: ({ children, variant, }: {
     children?: React.ReactNode;
     variant?: MessageVariant | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/components/AIConversation/context/MessagesContext.d.ts

@@ -6,5 +6,5 @@ export declare const RoleContext: React.Context<"user" | "assistant" | undefined
 export declare const MessagesProvider: ({ children, messages, }: {
     children?: React.ReactNode;
     messages: ConversationMessage[];
-}) => JSX.Element;
+}) => React.JSX.Element;
 export {};

package/dist/types/components/AIConversation/context/ResponseComponentsContext.d.ts

@@ -7,6 +7,6 @@ export declare const prependResponseComponents: (responseComponents?: ResponseCo
 export declare const ResponseComponentsProvider: ({ children, responseComponents, }: {
     children?: React.ReactNode;
     responseComponents?: ResponseComponents | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const convertResponseComponentsToToolConfiguration: (responseComponents?: ResponseComponents) => ToolConfiguration | undefined;
 export {};

package/dist/types/components/AIConversation/context/SendMessageContext.d.ts

@@ -4,4 +4,4 @@ export declare const SendMessageContext: React.Context<SendMessage | undefined>;
 export declare const SendMessageContextProvider: ({ children, handleSendMessage, }: {
     children?: React.ReactNode;
     handleSendMessage: SendMessage;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/components/AIConversation/context/SuggestedPromptsContext.d.ts

@@ -5,5 +5,5 @@ export declare const SuggestedPromptsContext: React.Context<SuggestedPromptsCont
 export declare const SuggestedPromptProvider: ({ children, suggestedPrompts, }: {
     children?: React.ReactNode;
     suggestedPrompts?: SuggestedPrompt[] | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export {};

package/dist/types/components/AIConversation/context/WelcomeMessageContext.d.ts

@@ -4,5 +4,5 @@ export declare const WelcomeMessageContext: React.Context<WelcomeMessageContextP
 export declare const WelcomeMessageProvider: ({ children, welcomeMessage, }: {
     children?: React.ReactNode;
     welcomeMessage?: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export {};

package/dist/types/components/AIConversation/context/elements/definitions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconElement } from './IconElement';
 export interface AIConversationElements {
     Button: typeof ButtonElement;

package/dist/types/components/AIConversation/types.d.ts

@@ -34,10 +34,10 @@ export interface AIConversationProps {
     aiContext?: () => object;
 }
 export interface AIConversation<PropsType extends AIConversationProps = AIConversationProps> {
-    (props: PropsType): JSX.Element;
-    DefaultMessage: () => JSX.Element | undefined;
-    Messages: () => JSX.Element;
-    Form: () => JSX.Element;
+    (props: PropsType): React.JSX.Element;
+    DefaultMessage: () => React.JSX.Element | undefined;
+    Messages: () => React.JSX.Element;
+    Form: () => React.JSX.Element;
     Provider: (props: AIConversationProviderProps) => React.JSX.Element;
 }
 export type MessageVariant = 'bubble' | 'default';

package/dist/types/components/AIConversation/views/Controls/AttachmentListControl.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { AIConversationElements } from '../../context/elements';
 export declare const RemoveButtonControl: RemoveButtonControl;
 interface RemoveButtonControl<T extends Partial<AIConversationElements> = AIConversationElements> {
     (props: {
         onRemove: () => void;
-    }): JSX.Element;
+    }): React.JSX.Element;
     Button: T['Button'];
     Icon: T['Icon'];
 }
@@ -13,7 +13,7 @@ interface TextControl<T extends Partial<AIConversationElements> = AIConversation
     (props: {
         fileName: string;
         fileSize: number;
-    }): JSX.Element;
+    }): React.JSX.Element;
     Container: T['View'];
     FileName: T['Text'];
     FileSize: T['Text'];
@@ -24,7 +24,7 @@ interface AttachmentControl<T extends Partial<AIConversationElements> = AIConver
     (props: {
         image: File;
         onRemove: () => void;
-    }): JSX.Element;
+    }): React.JSX.Element;
     Container: T['ListItem'];
     ImageIcon: T['Icon'];
     RemoveButton: RemoveButtonControl<T>;
@@ -32,7 +32,7 @@ interface AttachmentControl<T extends Partial<AIConversationElements> = AIConver
 }
 export declare const AttachmentListControl: AttachmentListControl;
 export interface AttachmentListControl<T extends Partial<AIConversationElements> = AIConversationElements> {
-    (): JSX.Element;
+    (): React.JSX.Element;
     List: T['UnorderedList'];
     Item: AttachmentControl<T>;
 }

package/dist/types/components/AIConversation/views/Controls/DefaultMessageControl.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const DefaultMessageControl: () => JSX.Element | undefined;
+import * as React from 'react';
+export declare const DefaultMessageControl: () => React.JSX.Element | undefined;

package/dist/types/components/AIConversation/views/Controls/MessagesControl.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { AIConversationElements } from '../../context/elements';
 import { ActionsBarControl } from './ActionsBarControl';
 import { AvatarControl } from './AvatarControl';
@@ -7,11 +7,11 @@ export declare const MessageControl: MessageControl;
 interface MessageControl {
     (props: {
         message: ConversationMessage;
-    }): JSX.Element;
+    }): React.JSX.Element;
 }
 export declare const MessagesControl: MessagesControl;
 export interface MessagesControl {
-    (): JSX.Element;
+    (): React.JSX.Element;
     ActionsBar: ActionsBarControl;
     Avatar: AvatarControl;
     Container: AIConversationElements['View'];

package/dist/types/components/AIConversation/views/default/Attachments.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { ConversationInputContextProps } from '../../context';
 export declare const Attachments: ({ files, setInput, }: {
     files?: File[] | undefined;
     setInput: ConversationInputContextProps['setInput'];
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;

package/dist/types/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { V6Client } from '@aws-amplify/api-graphql';
 export type ConversationRoute = V6Client<any>['conversations'][string];
 export type Conversation = NonNullable<Awaited<ReturnType<ConversationRoute['create']>>['data']>;

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "1.2.1";
+export declare const VERSION = "1.3.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-ai",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -44,13 +44,13 @@
   "peerDependencies": {
     "@aws-amplify/api-graphql": "unstable",
     "aws-amplify": "^6.9.0",
-    "react": "^16.14.0 || ^17.0 || ^18.0",
-    "react-dom": "^16.14.0 || ^17.0 || ^18.0"
+    "react": "^16.14 || ^17 || ^18 || ^19",
+    "react-dom": "^16.14 || ^17 || ^18 || ^19"
   },
   "dependencies": {
-    "@aws-amplify/ui": "^6.7.1",
-    "@aws-amplify/ui-react": "^6.8.1",
-    "@aws-amplify/ui-react-core": "^3.2.1"
+    "@aws-amplify/ui": "^6.8.0",
+    "@aws-amplify/ui-react": "^6.9.0",
+    "@aws-amplify/ui-react-core": "^3.3.0"
   },
   "devDependencies": {
     "@types/jest-when": "^3.5.0",