diff --git a/docs.json b/docs.json index 62ec6b587..09004b758 100644 --- a/docs.json +++ b/docs.json @@ -450,6 +450,7 @@ "versions": [ { "version": "v6", + "default": true, "groups": [ { "group": " ", @@ -536,7 +537,7 @@ "ui-kit/react/message-template", "ui-kit/react/thread-header", "ui-kit/react/incoming-call", - "ui-kit/react/outgoing-call", + "ui-kit/react/outgoing-call", "ui-kit/react/call-buttons", "ui-kit/react/call-logs", "ui-kit/react/search", @@ -2400,8 +2401,9 @@ "icon": "/images/icons/angular.svg", "versions": [ { - "version": "v5", - "default": true, + "version": "v5‎‎‎‎‎", + + "groups": [ { "group": " ", @@ -2444,7 +2446,7 @@ { "group": "Components", "pages": [ - "ui-kit/angular/components/overview", + "ui-kit/angular/components/components-overview", { "group": "Conversations", "pages": [ @@ -2574,7 +2576,7 @@ { "group": "Guides", "pages": [ - "ui-kit/angular/guides/overview", + "ui-kit/angular/guides/guides-overview", "ui-kit/angular/guides/state-management", "ui-kit/angular/guides/threaded-messages", "ui-kit/angular/guides/group-chat", @@ -2612,7 +2614,7 @@ ] }, { - "version": "v4", + "version": "v4‎‎‎‎‎", "groups": [ { "group": " ", diff --git a/ui-kit/angular/angular-conversation.mdx b/ui-kit/angular/angular-conversation.mdx index c555370be..e28dc08fe 100644 --- a/ui-kit/angular/angular-conversation.mdx +++ b/ui-kit/angular/angular-conversation.mdx @@ -164,7 +164,7 @@ You should see the conversation list on the left. Tap any conversation to load m Customize colors, fonts, and styles to match your brand - + Browse all prebuilt UI components diff --git a/ui-kit/angular/angular-one-to-one-chat.mdx b/ui-kit/angular/angular-one-to-one-chat.mdx index 561b5c960..78b75bf8b 100644 --- a/ui-kit/angular/angular-one-to-one-chat.mdx +++ b/ui-kit/angular/angular-one-to-one-chat.mdx @@ -183,7 +183,7 @@ You should see the chat window load with the conversation for the UID you set. Customize colors, fonts, and styles to match your brand - + Browse all prebuilt UI components diff --git a/ui-kit/angular/angular-tab-based-chat.mdx b/ui-kit/angular/angular-tab-based-chat.mdx index 85ff2aa5a..cb1d10a8b 100644 --- a/ui-kit/angular/angular-tab-based-chat.mdx +++ b/ui-kit/angular/angular-tab-based-chat.mdx @@ -221,7 +221,7 @@ You should see the tab bar at the top of the sidebar. Switch between Chats, Call Customize colors, fonts, and styles to match your brand - + Browse all prebuilt UI components diff --git a/ui-kit/angular/components/overview.mdx b/ui-kit/angular/components/components-overview.mdx similarity index 99% rename from ui-kit/angular/components/overview.mdx rename to ui-kit/angular/components/components-overview.mdx index e4a5056f2..2b10e53b8 100644 --- a/ui-kit/angular/components/overview.mdx +++ b/ui-kit/angular/components/components-overview.mdx @@ -1,5 +1,5 @@ --- -title: Components Overview +title: "Overview" description: "Overview of all available UI components" --- CometChat UIKit provides a comprehensive set of pre-built components for building chat experiences. @@ -210,7 +210,7 @@ Each component accepts `@Output()` callbacks, `ng-template` view slot inputs for Add-on features like polls, stickers, and translation - + Task-oriented tutorials for common patterns diff --git a/ui-kit/angular/core-features.mdx b/ui-kit/angular/core-features.mdx index dcbf005f3..630b47a17 100644 --- a/ui-kit/angular/core-features.mdx +++ b/ui-kit/angular/core-features.mdx @@ -228,7 +228,7 @@ See the [Search Messages Guide](/ui-kit/angular/guides/search-messages) for deta ## Next Steps - + Browse all available Angular UIKit components diff --git a/ui-kit/angular/guides/block-unblock-user.mdx b/ui-kit/angular/guides/block-unblock-user.mdx index 5181e1035..c4f5b43d0 100644 --- a/ui-kit/angular/guides/block-unblock-user.mdx +++ b/ui-kit/angular/guides/block-unblock-user.mdx @@ -14,7 +14,7 @@ description: "Implement block and unblock user functionality in CometChat Angula | UI helpers | `cometchat-confirm-dialog` | | Init | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` | | Sample app | [GitHub](https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app) | -| Related | [All Guides](/ui-kit/angular/guides/overview) | +| Related | [All Guides](/ui-kit/angular/guides/guides-overview) | @@ -210,7 +210,7 @@ export class ChatMessagesComponent implements OnInit, OnDestroy { Customize the message input component. - + Browse all feature and formatter guides. diff --git a/ui-kit/angular/guides/call-log-details.mdx b/ui-kit/angular/guides/call-log-details.mdx index 2258557d2..bbff2150c 100644 --- a/ui-kit/angular/guides/call-log-details.mdx +++ b/ui-kit/angular/guides/call-log-details.mdx @@ -13,7 +13,7 @@ description: "Build a detailed call insights screen with metadata, participants, | Init | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` + Calls SDK installed | | Purpose | Detailed call insights screen with metadata, participants, and recordings | | Sample app | [GitHub](https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app) | -| Related | [All Guides](/ui-kit/angular/guides/overview) | +| Related | [All Guides](/ui-kit/angular/guides/guides-overview) | @@ -295,7 +295,7 @@ export class CallsWithDetailsComponent implements OnDestroy { Overview of calling capabilities. - + Browse all feature and formatter guides. diff --git a/ui-kit/angular/guides/custom-text-formatter.mdx b/ui-kit/angular/guides/custom-text-formatter.mdx index 5e864d5da..d7b31d5bb 100644 --- a/ui-kit/angular/guides/custom-text-formatter.mdx +++ b/ui-kit/angular/guides/custom-text-formatter.mdx @@ -12,7 +12,7 @@ description: "Extend the CometChatTextFormatter base class to implement custom i | Required setup | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` | | Purpose | Extend to create custom inline text patterns with regex, styling, and callbacks | | Features | Text formatting, customizable styles, dynamic text replacement, input field integration, key event callbacks | -| Related | [ShortCut Formatter](/ui-kit/angular/guides/shortcut-formatter) \| [Mentions Formatter](/ui-kit/angular/guides/mentions-formatter) \| [All Guides](/ui-kit/angular/guides/overview) | +| Related | [ShortCut Formatter](/ui-kit/angular/guides/shortcut-formatter) \| [Mentions Formatter](/ui-kit/angular/guides/mentions-formatter) \| [All Guides](/ui-kit/angular/guides/guides-overview) | @@ -287,7 +287,7 @@ override reset(): void { Customize the message input component. - + Browse all feature and formatter guides. diff --git a/ui-kit/angular/guides/group-chat.mdx b/ui-kit/angular/guides/group-chat.mdx index 9eb719a95..8b302c2f5 100644 --- a/ui-kit/angular/guides/group-chat.mdx +++ b/ui-kit/angular/guides/group-chat.mdx @@ -13,7 +13,7 @@ description: "Implement group management including create, join, members, roles, | Init | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` | | Features | Create public/private/password-protected groups, manage members, roles, ownership transfer | | Sample app | [GitHub](https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app) | -| Related | [All Guides](/ui-kit/angular/guides/overview) | +| Related | [All Guides](/ui-kit/angular/guides/guides-overview) | @@ -294,7 +294,7 @@ onOwnershipTransferred(newOwner: CometChat.GroupMember): void { Display and manage group member lists. - + Browse all feature and formatter guides. diff --git a/ui-kit/angular/guides/overview.mdx b/ui-kit/angular/guides/guides-overview.mdx similarity index 93% rename from ui-kit/angular/guides/overview.mdx rename to ui-kit/angular/guides/guides-overview.mdx index e6d7b7e6a..2dea5a2c2 100644 --- a/ui-kit/angular/guides/overview.mdx +++ b/ui-kit/angular/guides/guides-overview.mdx @@ -11,8 +11,8 @@ description: "Index of task-oriented feature guides for the CometChat Angular UI | Package | `@cometchat/chat-uikit-angular` | | Purpose | Index of task-oriented feature guides for the Angular UIKit | | Sample app | [GitHub](https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app) | -| Components | [Components Overview](/ui-kit/angular/components/overview) | -| Guides | [Threaded Messages](/ui-kit/angular/guides/threaded-messages) · [Group Chat](/ui-kit/angular/guides/group-chat) · [New Chat](/ui-kit/angular/guides/new-chat) · [Search Messages](/ui-kit/angular/guides/threaded-messages) · [Block/Unblock](/ui-kit/angular/guides/block-unblock-user) · [Message Privately](/ui-kit/angular/guides/message-privately) · [Call Log Details](/ui-kit/angular/guides/call-log-details) · [Custom Message Types](/ui-kit/angular/guides/overview) | +| Components | [Components Overview](/ui-kit/angular/components/components-overview) | +| Guides | [Threaded Messages](/ui-kit/angular/guides/threaded-messages) · [Group Chat](/ui-kit/angular/guides/group-chat) · [New Chat](/ui-kit/angular/guides/new-chat) · [Search Messages](/ui-kit/angular/guides/threaded-messages) · [Block/Unblock](/ui-kit/angular/guides/block-unblock-user) · [Message Privately](/ui-kit/angular/guides/message-privately) · [Call Log Details](/ui-kit/angular/guides/call-log-details) · [Custom Message Types](/ui-kit/angular/guides/guides-overview) | @@ -33,7 +33,7 @@ Use these guides after completing the base [Integration Guide](/ui-kit/angular/i | [Block / Unblock User](/ui-kit/angular/guides/block-unblock-user) | Block or unblock users in one-to-one chats; hide composer and show unblock prompt. | | [Message Privately](/ui-kit/angular/guides/message-privately) | Launch a direct one-to-one chat from a user profile or group member list. | | [Call Log Details](/ui-kit/angular/guides/call-log-details) | Display detailed call insights: metadata, participants, join/leave history, recordings. | -| [Custom Message Types](/ui-kit/angular/guides/overview) | Register custom message types with bubble templates, conversation subtitle overrides, and fetch inclusion. | +| [Custom Message Types](/ui-kit/angular/guides/guides-overview) | Register custom message types with bubble templates, conversation subtitle overrides, and fetch inclusion. | | [Custom Text Formatter](/ui-kit/angular/guides/custom-text-formatter) | Extend the base formatter to implement custom inline patterns with regex and callbacks. | | [Mentions Formatter](/ui-kit/angular/guides/mentions-formatter) | Add @mentions with styled tokens, suggestion list, and click handling. | | [URL Formatter](/ui-kit/angular/guides/shortcut-formatter) | Detect and style plain URLs as clickable links with optional tracking logic. | @@ -53,7 +53,7 @@ Need another guide? Open a request via our [Support Portal](https://help.cometch Set up the Angular UIKit from scratch - + Explore all UI components diff --git a/ui-kit/angular/guides/hashtag-formatter.mdx b/ui-kit/angular/guides/hashtag-formatter.mdx index 0abc4f36c..e5b82a0d9 100644 --- a/ui-kit/angular/guides/hashtag-formatter.mdx +++ b/ui-kit/angular/guides/hashtag-formatter.mdx @@ -12,7 +12,7 @@ description: "Build a custom hashtag formatter that highlights #tags in the mess | Required setup | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` | | Purpose | Detect `#word` patterns and render them as styled, highlighted hashtags | | Surfaces | Message composer, message bubbles (text bubble), conversation last message, edit view | -| Related | [Custom Text Formatter](/ui-kit/angular/guides/custom-text-formatter) · [Mentions Formatter](/ui-kit/angular/guides/mentions-formatter) · [All Guides](/ui-kit/angular/guides/overview) | +| Related | [Custom Text Formatter](/ui-kit/angular/guides/custom-text-formatter) · [Mentions Formatter](/ui-kit/angular/guides/mentions-formatter) · [All Guides](/ui-kit/angular/guides/guides-overview) | @@ -419,7 +419,7 @@ The raw message text stored on the server is always plain text (e.g., `Check out Customize the message input component. - + Browse all feature and formatter guides. diff --git a/ui-kit/angular/guides/mentions-formatter.mdx b/ui-kit/angular/guides/mentions-formatter.mdx index dc56a9003..b9682ba01 100644 --- a/ui-kit/angular/guides/mentions-formatter.mdx +++ b/ui-kit/angular/guides/mentions-formatter.mdx @@ -11,7 +11,7 @@ description: "Add @mentions with styled tokens, suggestion list, and click handl | Key class | `CometChatMentionsFormatter` (extends `CometChatTextFormatter`) | | Required setup | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` | | Purpose | Format @mentions with styled tokens, suggestion list, and click handling for users and group members | -| Related | [Custom Text Formatter](/ui-kit/angular/guides/custom-text-formatter) \| [All Guides](/ui-kit/angular/guides/overview) | +| Related | [Custom Text Formatter](/ui-kit/angular/guides/custom-text-formatter) \| [All Guides](/ui-kit/angular/guides/guides-overview) | @@ -140,7 +140,7 @@ mentionsFormatter.setAllMentionConfig(true, 'everyone'); Render real-time message threads. - + Browse all feature and formatter guides. diff --git a/ui-kit/angular/guides/message-privately.mdx b/ui-kit/angular/guides/message-privately.mdx index 033f9d900..94adc9a36 100644 --- a/ui-kit/angular/guides/message-privately.mdx +++ b/ui-kit/angular/guides/message-privately.mdx @@ -13,7 +13,7 @@ description: "Launch a direct 1:1 chat from a group member profile in CometChat | Init | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` | | Purpose | Launch a direct 1:1 chat from a group member profile | | Sample app | [GitHub](https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app) | -| Related | [All Guides](/ui-kit/angular/guides/overview) | +| Related | [All Guides](/ui-kit/angular/guides/guides-overview) | @@ -229,7 +229,7 @@ export class GroupWithPrivateChatComponent implements OnDestroy { Render real-time message threads. - + Browse all feature and formatter guides. diff --git a/ui-kit/angular/guides/new-chat.mdx b/ui-kit/angular/guides/new-chat.mdx index f7767efe7..20110a485 100644 --- a/ui-kit/angular/guides/new-chat.mdx +++ b/ui-kit/angular/guides/new-chat.mdx @@ -13,7 +13,7 @@ description: "Build a unified new chat entry point for starting 1:1 or group con | Init | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` | | Purpose | Unified new chat entry point for starting 1:1 or group conversations | | Sample app | [GitHub](https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app) | -| Related | [All Guides](/ui-kit/angular/guides/overview) | +| Related | [All Guides](/ui-kit/angular/guides/guides-overview) | @@ -230,7 +230,7 @@ joinGroup(group: CometChat.Group): void { Display and manage group lists. - + Browse all feature and formatter guides. diff --git a/ui-kit/angular/guides/search-messages.mdx b/ui-kit/angular/guides/search-messages.mdx index 3ea69d0cc..7303d0891 100644 --- a/ui-kit/angular/guides/search-messages.mdx +++ b/ui-kit/angular/guides/search-messages.mdx @@ -13,7 +13,7 @@ description: "Add full-text message search across conversations with result rout | Init | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` | | Purpose | Full-text message search across conversations with result routing and navigation | | Sample app | [GitHub](https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app) | -| Related | [All Guides](/ui-kit/angular/guides/overview) | +| Related | [All Guides](/ui-kit/angular/guides/guides-overview) | diff --git a/ui-kit/angular/guides/shortcut-formatter.mdx b/ui-kit/angular/guides/shortcut-formatter.mdx index 2fb19374a..db5c54053 100644 --- a/ui-kit/angular/guides/shortcut-formatter.mdx +++ b/ui-kit/angular/guides/shortcut-formatter.mdx @@ -11,7 +11,7 @@ description: "Implement !shortcut style text expansions with extension APIs or d | Key class | `ShortcutFormatter` (extends `CometChatTextFormatter`) | | Required setup | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` | | Track character | `!` — triggers shortcut expansion in the message composer | -| Related | [Custom Text Formatter](/ui-kit/angular/guides/custom-text-formatter) \| [All Guides](/ui-kit/angular/guides/overview) | +| Related | [Custom Text Formatter](/ui-kit/angular/guides/custom-text-formatter) \| [All Guides](/ui-kit/angular/guides/guides-overview) | @@ -198,7 +198,7 @@ The Message Shortcuts extension must be enabled in your CometChat Dashboard for Customize the message input component. - + Browse all feature and formatter guides. diff --git a/ui-kit/angular/guides/threaded-messages.mdx b/ui-kit/angular/guides/threaded-messages.mdx index 5fe7c0cb3..e410a7b4b 100644 --- a/ui-kit/angular/guides/threaded-messages.mdx +++ b/ui-kit/angular/guides/threaded-messages.mdx @@ -13,7 +13,7 @@ description: "Implement threaded message replies with parent context, reply list | Init | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` | | Entry point | `cometchat-message-list` `threadRepliesClick` output opens thread view from group messages | | Sample app | [GitHub](https://github.com/cometchat/cometchat-uikit-angular/tree/v5/projects/sample-app) | -| Related | [All Guides](/ui-kit/angular/guides/overview) | +| Related | [All Guides](/ui-kit/angular/guides/guides-overview) | @@ -246,7 +246,7 @@ export class ThreadedChatComponent implements OnDestroy { Customize the thread header component. - + Browse all feature and formatter guides. diff --git a/ui-kit/angular/guides/url-formatter.mdx b/ui-kit/angular/guides/url-formatter.mdx index 02566683c..ea9eedd59 100644 --- a/ui-kit/angular/guides/url-formatter.mdx +++ b/ui-kit/angular/guides/url-formatter.mdx @@ -11,7 +11,7 @@ description: "Detect and style plain URLs as clickable links with optional track | Key class | `CometChatUrlFormatter` (extends `CometChatTextFormatter`) | | Required setup | `CometChatUIKit.init(uiKitSettings)` then `CometChatUIKit.login("UID")` | | Purpose | Auto-detects URLs in text messages and converts them to clickable links | -| Related | [Custom Text Formatter](/ui-kit/angular/guides/custom-text-formatter) \| [All Guides](/ui-kit/angular/guides/overview) | +| Related | [Custom Text Formatter](/ui-kit/angular/guides/custom-text-formatter) \| [All Guides](/ui-kit/angular/guides/guides-overview) | diff --git a/ui-kit/angular/integration.mdx b/ui-kit/angular/integration.mdx index ff10824fa..dcf024e49 100644 --- a/ui-kit/angular/integration.mdx +++ b/ui-kit/angular/integration.mdx @@ -338,7 +338,7 @@ Tabbed navigation — Chat, Call Logs, Users in separate tabs. Good for full-fea Need full control over the UI? Use individual components, customize themes, and wire up your own layouts. -- [Components](/ui-kit/angular/components/overview) — All prebuilt UI elements with inputs and customization options +- [Components](/ui-kit/angular/components/components-overview) — All prebuilt UI elements with inputs and customization options - [Core Features](/ui-kit/angular/core-features) — Messaging, real-time updates, and other capabilities - [Theming](/ui-kit/angular/customization/theming) — Colors, fonts, dark mode, and custom styling @@ -347,7 +347,7 @@ Need full control over the UI? Use individual components, customize themes, and ## Next Steps - + Browse all prebuilt UI components diff --git a/ui-kit/angular/overview.mdx b/ui-kit/angular/overview.mdx index 36906b159..c83ad35cf 100644 --- a/ui-kit/angular/overview.mdx +++ b/ui-kit/angular/overview.mdx @@ -61,7 +61,7 @@ The CometChat Angular UI Kit provides prebuilt, customizable standalone componen ## Explore - + Browse all prebuilt UI components @@ -70,7 +70,7 @@ The CometChat Angular UI Kit provides prebuilt, customizable standalone componen Colors, fonts, dark mode, and custom styling - + Threaded messages, new chat, search, and more diff --git a/ui-kit/angular/quickstart.mdx b/ui-kit/angular/quickstart.mdx index 766e0f035..c48632f89 100644 --- a/ui-kit/angular/quickstart.mdx +++ b/ui-kit/angular/quickstart.mdx @@ -147,7 +147,7 @@ Add the conversations component to your template: Full setup guide with examples - + Explore all available components