diff --git a/docs.json b/docs.json index bd1ec7e32..ab4ded30f 100644 --- a/docs.json +++ b/docs.json @@ -1110,6 +1110,7 @@ "ui-kit/react-native/extensions" ] }, + "ui-kit/react-native/calling-integration", "ui-kit/react-native/call-features", "ui-kit/react-native/campaigns" ] @@ -1173,7 +1174,8 @@ { "group": "Migration Guide", "pages": [ - "ui-kit/react-native/upgrading-from-v4" + "ui-kit/react-native/upgrading-from-v4", + "ui-kit/react-native/property-changes" ] }, "ui-kit/react-native/troubleshooting", diff --git a/ui-kit/react-native/campaigns.mdx b/ui-kit/react-native/campaigns.mdx index ff6d26c24..820f4ad06 100644 --- a/ui-kit/react-native/campaigns.mdx +++ b/ui-kit/react-native/campaigns.mdx @@ -6,7 +6,7 @@ description: "Deliver targeted, rich notifications to users via an in-app notifi CometChat Campaigns enables you to send rich, interactive notifications to users through an in-app notification feed. Each notification is rendered as a native card using the **CometChat Cards** library — supporting images, text, buttons, layouts, and interactive actions. -Before proceeding, ensure you have completed the [UI Kit integration](/ui-kit/react-native/getting-started) and the [Dashboard Setup](/campaigns#setup-flow) for Campaigns. +Before proceeding, ensure you have completed the [UI Kit integration](/ui-kit/react-native/overview) and the [Dashboard Setup](/campaigns#setup-flow) for Campaigns. @@ -53,6 +53,7 @@ It does not execute actions, manage message state, or call any SDK methods. When ### Card Schema JSON Example +{/* vale off */} ```json { "version": "1.0", @@ -90,6 +91,7 @@ It does not execute actions, manage message state, or call any SDK methods. When } } ``` +{/* vale on */} The above JSON renders as: diff --git a/ui-kit/react-native/message-list.mdx b/ui-kit/react-native/message-list.mdx index b05f327a6..6b59dce52 100644 --- a/ui-kit/react-native/message-list.mdx +++ b/ui-kit/react-native/message-list.mdx @@ -1,8 +1,9 @@ --- title: "Message List" -description: "Scrollable list of sent and received messages with text, media, reactions, read receipts, threaded replies, and AI features." +description: "Display sent and received messages with text, media, reactions, read receipts, threaded replies, and AI features." --- +{/* vale off */} ```json { "component": "CometChatMessageList", @@ -61,6 +62,7 @@ description: "Scrollable list of sent and received messages with text, media, re "alignment": { "type": "MessageListAlignmentType", "values": ["leftAligned", "standard"], "default": "standard" }, "scrollToBottomOnNewMessage": { "type": "boolean", "default": false }, "startFromUnreadMessages": { "type": "boolean", "default": false }, + "loadLastAgentConversation": { "type": "boolean", "default": false, "note": "Loads the most recent existing agent conversation on start" }, "streamingSpeed": { "type": "number", "default": "undefined", "note": "AI response streaming speed in ms" } }, "sound": { @@ -117,6 +119,7 @@ description: "Scrollable list of sent and received messages with text, media, re } } ``` +{/* vale on */} ## Where It Fits @@ -672,6 +675,23 @@ function NavigateToMessage() { } ``` +### Load last agent conversation + +Resume the most recent AI agent conversation on start: + +```tsx lines +import { CometChatMessageList } from "@cometchat/chat-uikit-react-native"; + +function AgentChat() { + return ( + + ); +} +``` + --- ## Styling @@ -1039,6 +1059,17 @@ Hides the translate message option. --- +### loadLastAgentConversation + +Automatically loads the most recent agent conversation when set to `true`. + +| | | +| --- | --- | +| Type | `boolean` | +| Default | `false` | + +--- + ### LoadingView Custom component displayed during the loading state. diff --git a/ui-kit/react-native/property-changes.mdx b/ui-kit/react-native/property-changes.mdx index b13b0c8de..3057ff978 100644 --- a/ui-kit/react-native/property-changes.mdx +++ b/ui-kit/react-native/property-changes.mdx @@ -663,7 +663,7 @@ description: "Comprehensive reference of new, renamed, and removed properties fo Customize colors, fonts, and styles with the theme provider - + Set up the v5 UI Kit from scratch