├── .babelrc ├── .babelrc.json ├── .gitignore ├── .npmignore ├── CONTRIBUTING.md ├── LICENSE.md ├── README.md ├── SECURITY.md ├── SUPPORT.md ├── Screenshots └── overview_cometchat_screens.png ├── dist ├── assets │ ├── Audio-Call.svg │ ├── Audio-Call2x.svg │ ├── Copy.svg │ ├── IncomingAudio.svg │ ├── IncomingVideo.svg │ ├── Info.svg │ ├── InfoSimpleIcon.svg │ ├── LoadingIcon.svg │ ├── Locked.svg │ ├── MissedAudio.svg │ ├── MissedVideo.svg │ ├── More.svg │ ├── More@2x.svg │ ├── OutgoingAudio.svg │ ├── OutgoingVideo.svg │ ├── Plus-1.svg │ ├── Private.svg │ ├── Spinner.svg │ ├── StartConversation.svg │ ├── Stickers.svg │ ├── Video-call.svg │ ├── Video-call2x.svg │ ├── VideoCall2xIcon.svg │ ├── addreaction.svg │ ├── ai-bot.svg │ ├── ai-empty.svg │ ├── ai-error.svg │ ├── attachment-file.svg │ ├── audio-file.svg │ ├── backbutton.svg │ ├── close.svg │ ├── close2x.svg │ ├── collaborativedocument.svg │ ├── collaborativewhiteboard.svg │ ├── create-button.svg │ ├── delete.svg │ ├── deleteicon.svg │ ├── down-arrow.svg │ ├── download.svg │ ├── editicon.svg │ ├── heart-reaction.png │ ├── heart.svg │ ├── increase-size.svg │ ├── loading.svg │ ├── locked.svg │ ├── mention-icon.svg │ ├── message-delivered.svg │ ├── message-read.svg │ ├── message-sent.svg │ ├── mic.svg │ ├── more-icon.svg │ ├── photolibrary.svg │ ├── placeholder.png │ ├── plus-rotated.svg │ ├── plus.svg │ ├── polls.svg │ ├── private.svg │ ├── reduce-size.svg │ ├── search.svg │ ├── send-message-in-private.svg │ ├── send.svg │ ├── side-arrow.svg │ ├── smileys.svg │ ├── spinner.svg │ ├── stipop.svg │ ├── stop.svg │ ├── thread-arrow.svg │ ├── threadIndicatorIcon.svg │ ├── threadicon.svg │ ├── translation.svg │ ├── video.svg │ ├── wait.svg │ └── warning-small.svg ├── index.d.ts ├── index.js ├── index.js.map └── types │ ├── AI │ ├── AIAssistBot │ │ ├── AIAssistBotChatView.d.ts │ │ ├── AIAssistBotDecorator.d.ts │ │ ├── AIAssistBotExtension.d.ts │ │ ├── AIAssistBotOptionsView.d.ts │ │ ├── style.d.ts │ │ └── utils.d.ts │ ├── AIConversationStarter │ │ ├── AIConversationStarterDecorator.d.ts │ │ ├── AIConversationStarterExtension.d.ts │ │ ├── AIConversationStarterView.d.ts │ │ └── style.d.ts │ ├── AIConversationSummary │ │ ├── AIConversationSummaryDecorator.d.ts │ │ ├── AIConversationSummaryExtension.d.ts │ │ ├── AIConversationSummaryView.d.ts │ │ └── style.d.ts │ └── AISmartReplies │ │ ├── AISmartRepliesDecorator.d.ts │ │ ├── AISmartRepliesExtension.d.ts │ │ ├── AISmartRepliesView.d.ts │ │ └── style.d.ts │ ├── Calling │ ├── CallingExtension.d.ts │ ├── CallingExtensionDecorator.d.ts │ ├── CometChatCallButtons │ │ ├── hooks.d.ts │ │ ├── index.d.ts │ │ └── style.d.ts │ ├── CometChatCallLogDetails │ │ ├── hooks.d.ts │ │ ├── index.d.ts │ │ └── style.d.ts │ ├── CometChatCallLogHistory │ │ ├── hooks.d.ts │ │ ├── index.d.ts │ │ └── style.d.ts │ ├── CometChatCallLogParticipants │ │ ├── index.d.ts │ │ └── style.d.ts │ ├── CometChatCallLogRecordings │ │ ├── index.d.ts │ │ └── style.d.ts │ ├── CometChatCallLogs │ │ ├── hooks.d.ts │ │ ├── index.d.ts │ │ └── style.d.ts │ ├── CometChatCallLogsWithDetails │ │ ├── hooks.d.ts │ │ ├── index.d.ts │ │ └── style.d.ts │ ├── CometChatIncomingCall │ │ ├── hooks.d.ts │ │ ├── index.d.ts │ │ └── style.d.ts │ ├── CometChatOngoingCall │ │ ├── hooks.d.ts │ │ ├── index.d.ts │ │ └── style.d.ts │ ├── CometChatOutgoingCall │ │ ├── hooks.d.ts │ │ ├── index.d.ts │ │ └── style.d.ts │ └── Utils │ │ ├── CallDetailsUtils.d.ts │ │ ├── CallingDetailsUtils.d.ts │ │ └── utils.d.ts │ ├── CometChatAddMembers │ ├── hooks.d.ts │ ├── index.d.ts │ └── style.d.ts │ ├── CometChatBannedMembers │ ├── controller.d.ts │ ├── hooks.d.ts │ ├── index.d.ts │ └── style.d.ts │ ├── CometChatContacts │ ├── index.d.ts │ └── style.d.ts │ ├── CometChatConversations │ ├── controller.d.ts │ ├── hooks.d.ts │ ├── index.d.ts │ └── style.d.ts │ ├── CometChatConversationsWithMessages │ ├── hooks.d.ts │ ├── index.d.ts │ └── style.d.ts │ ├── CometChatCustomHooks.d.ts │ ├── CometChatDetails │ ├── hooks.d.ts │ ├── index.d.ts │ └── style.d.ts │ ├── CometChatGroupMembers │ ├── controller.d.ts │ ├── hooks.d.ts │ ├── index.d.ts │ └── style.d.ts │ ├── CometChatGroups │ ├── controller.d.ts │ ├── hooks.d.ts │ ├── index.d.ts │ └── style.d.ts │ ├── CometChatGroupsWithMessages │ ├── hooks.d.ts │ ├── index.d.ts │ └── style.d.ts │ ├── CometChatMessageComposer │ ├── hooks.d.ts │ ├── index.d.ts │ └── style.d.ts │ ├── CometChatMessageHeader │ ├── hooks.d.ts │ ├── index.d.ts │ └── style.d.ts │ ├── CometChatMessageInformation │ ├── index.d.ts │ └── style.d.ts │ ├── CometChatMessageList │ ├── CometChatMessageList.d.ts │ ├── controller.d.ts │ ├── style.d.ts │ └── useCometChatMessageList.d.ts │ ├── CometChatMessages │ ├── hooks.d.ts │ ├── index.d.ts │ └── style.d.ts │ ├── CometChatThemeContext.d.ts │ ├── CometChatThreadedMessages │ ├── hooks.d.ts │ ├── index.d.ts │ └── style.d.ts │ ├── CometChatTransferOwnership │ ├── hooks.d.ts │ ├── index.d.ts │ └── style.d.ts │ ├── CometChatUserMemberWrapper │ └── index.d.ts │ ├── CometChatUsers │ ├── controller.d.ts │ ├── hooks.d.ts │ ├── index.d.ts │ └── style.d.ts │ ├── CometChatUsersWithMessages │ ├── hooks.d.ts │ ├── index.d.ts │ └── style.d.ts │ ├── Extensions │ ├── CollaborativeDocument │ │ ├── CollaborativeDocumentConfiguration.d.ts │ │ ├── CollaborativeDocumentExtension.d.ts │ │ └── CollaborativeDocumentExtensionDecorator.d.ts │ ├── CollaborativeWhiteboard │ │ ├── CollaborativeWhiteboardConfiguration.d.ts │ │ ├── CollaborativeWhiteboardExtension.d.ts │ │ └── CollaborativeWhiteboardExtensionDecorator.d.ts │ ├── ImageModeration │ │ ├── ImageModerationConfiguration.d.ts │ │ ├── ImageModerationExtension.d.ts │ │ └── ImageModerationExtensionDecorator.d.ts │ ├── LinkPreview │ │ ├── LinkPreviewConfiguration.d.ts │ │ ├── LinkPreviewExtension.d.ts │ │ └── LinkPreviewExtensionDecorator.d.ts │ ├── MessageTranslation │ │ ├── MessageTranslationConfiguration.d.ts │ │ ├── MessageTranslationExtension.d.ts │ │ └── MessageTranslationExtensionDecorator.d.ts │ ├── Polls │ │ ├── PollsConfiguration.d.ts │ │ ├── PollsExtension.d.ts │ │ └── PollsExtensionDecorator.d.ts │ ├── SmartReplies │ │ ├── SmartRepliesConfiguration.d.ts │ │ ├── SmartRepliesExtension.d.ts │ │ └── SmartRepliesExtensionDecorator.d.ts │ ├── Stickers │ │ ├── StickersConfiguration.d.ts │ │ ├── StickersExtension.d.ts │ │ └── StickersExtensionDecorator.d.ts │ ├── TextModerator │ │ ├── TextModeratorExtension.d.ts │ │ └── TextModeratorExtensionDecorator.d.ts │ └── ThumbnailGeneration │ │ ├── ThumbnailGenerationExtension.d.ts │ │ └── ThumbnailGenerationExtensionDecorator.d.ts │ ├── Shared │ ├── CometChatUIKit │ │ └── CometChatUIKit.d.ts │ ├── Framework │ │ ├── AIExtensionDataSource.d.ts │ │ ├── ChatConfigurator.d.ts │ │ ├── DataSource.d.ts │ │ ├── DataSourceDecorator.d.ts │ │ └── ExtensionsDataSource.d.ts │ ├── Utils │ │ ├── MessageUtils.d.ts │ │ └── MessagesDataSource.d.ts │ └── Views │ │ ├── CometChatButton │ │ ├── hooks.d.ts │ │ └── index.d.ts │ │ ├── CometChatCheckbox │ │ ├── hooks.d.ts │ │ └── index.d.ts │ │ ├── CometChatContextMenu │ │ ├── index.d.ts │ │ └── style.d.ts │ │ ├── CometChatList │ │ ├── hooks.d.ts │ │ ├── index.d.ts │ │ └── style.d.ts │ │ ├── CometChatListItem │ │ ├── hooks.d.ts │ │ └── index.d.ts │ │ ├── CometChatMenuList │ │ ├── hooks.d.ts │ │ └── index.d.ts │ │ ├── CometChatMessageBubble │ │ ├── index.d.ts │ │ └── style.d.ts │ │ ├── CometChatRadioButton │ │ ├── hooks.d.ts │ │ └── index.d.ts │ │ ├── CometChatTabs │ │ ├── TabsStyle.d.ts │ │ ├── index.d.ts │ │ └── style.d.ts │ │ └── LitElementsWrapper │ │ └── LitElementsWrapper.d.ts │ └── index.d.ts ├── package-lock.json ├── package.json ├── rollup.config.js ├── tsconfig.json └── webpack.config.js /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | "@babel/preset-env", 4 | [ 5 | "@babel/preset-react", 6 | { 7 | "runtime": "automatic" 8 | } 9 | ] 10 | ], 11 | "plugins": [ 12 | "@babel/plugin-transform-react-jsx", 13 | "@babel/plugin-transform-runtime", 14 | "@babel/plugin-proposal-optional-chaining", 15 | "@babel/plugin-proposal-class-properties", 16 | ] 17 | } -------------------------------------------------------------------------------- /.babelrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-env", "@babel/preset-react"], 3 | "plugins": [ 4 | "@babel/plugin-proposal-class-properties", 5 | "@babel/plugin-transform-react-jsx", 6 | "@babel/plugin-transform-runtime" 7 | ] 8 | } 9 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist/ 3 | .DS_Store -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | src/* 2 | .babelrc 3 | webpack.config.js 4 | node_modules/* 5 | webpack.config.js 6 | .github 7 | examples 8 | /examples 9 | Screenshots 10 | package-lock.json 11 | .DS_Store -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | Copyright (c) 2023 CometChat Inc. 2 | 3 | License agreement: https://www.cometchat.com/legal-terms-of-service -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | CometChat 3 |

4 | 5 | # CometChat UI Kit for React 6 | 7 | The CometChat React UI Kit provides a pre-built user interface kit that developers can use to quickly integrate a reliable & fully-featured chat experience into an existing or a new app. 8 | 9 |
13 | 14 |
15 | 16 | ## Prerequisites 17 | 18 | - Node.js >= 14.17.0 19 | - npm >= 7 20 | 21 | ## Getting Started 22 | 23 | To set up CometChat React UI Kit and utilize CometChat for your chat and calls functionality, you'll need to follow these steps: 24 | - Register at the [CometChat Dashboard](https://app.cometchat.com/) to create an account. 25 | - After registering, log into your CometChat account and create a new app. Once created, CometChat will generate an Auth Key and App ID for you. Keep these credentials secure as you'll need them later. 26 | - Check the [Key Concepts](https://www.cometchat.com/docs/react-uikit/key-concepts) to understand the basic components of CometChat. 27 | - Refer to the [Integration Steps](https://www.cometchat.com/docs/react-uikit/integration) in our documentation to integrate the UI Kit into your React app. 28 | 29 | ## Help and Support 30 | 31 | For issues running the project or integrating with our UI Kits, consult our [documentation](https://www.cometchat.com/docs/react-uikit/integration) or create a [support ticket](https://help.cometchat.com/hc/en-us) or seek real-time support via the [CometChat Dashboard](https://app.cometchat.com/). 32 | -------------------------------------------------------------------------------- /SECURITY.md: -------------------------------------------------------------------------------- 1 | # Security Policy 2 | 3 | This document outlines the Responsible Disclosure Program for CometChat Pro 4 | 5 | ## Responsible Disclosure Policy 6 | 7 | At CometChat we take security seriously and consider it a top priority. Since a 8 | public disclosure of a security vulnerability could put the entire 9 | community at risk, we require that potential vulnerabilities are kept 10 | confidential until they are confirmed and fixed. We appreciate your efforts in 11 | keeping CometChat Pro and its users safe by responsibly disclosing any security 12 | vulnerability. Rest assured we will make every effort to acknowledge your 13 | contributions. 14 | 15 | ## Reporting a vulnerability 16 | 17 | To report any security related issues, please communicate with the CometChat Pro security team by sending an email to security@cometchat.com 18 | -------------------------------------------------------------------------------- /SUPPORT.md: -------------------------------------------------------------------------------- 1 | # Getting Support 2 | 3 | The quickest way to get support is to contact us via your CometChat Pro Dashboard. 4 | -------------------------------------------------------------------------------- /Screenshots/overview_cometchat_screens.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cometchat/cometchat-uikit-react-legacy/379635afe0957962f23c36ca79c45cb65ab9f73f/Screenshots/overview_cometchat_screens.png -------------------------------------------------------------------------------- /dist/assets/Audio-Call.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Call@2x 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /dist/assets/Audio-Call2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Call@2x 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /dist/assets/Copy.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Copy@2x 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /dist/assets/IncomingAudio.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /dist/assets/IncomingVideo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /dist/assets/Info.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Info 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /dist/assets/InfoSimpleIcon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /dist/assets/Locked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Locked 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /dist/assets/MissedAudio.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /dist/assets/MissedVideo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /dist/assets/More.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/16/More 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /dist/assets/More@2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/More@2x 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /dist/assets/OutgoingAudio.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /dist/assets/OutgoingVideo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /dist/assets/Plus-1.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Plus 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /dist/assets/Private.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Private 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /dist/assets/StartConversation.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/New 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /dist/assets/Stickers.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Stickers 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /dist/assets/Video-call.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Video@2x 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /dist/assets/Video-call2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Video@2x 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /dist/assets/VideoCall2xIcon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Video@2x 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /dist/assets/ai-empty.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 8 | 10 | 17 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /dist/assets/attachment-file.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Attachment File 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /dist/assets/audio-file.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /dist/assets/backbutton.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/backbutton 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /dist/assets/close.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Close 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /dist/assets/close2x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Close 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /dist/assets/create-button.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Plus 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /dist/assets/delete.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Delete 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /dist/assets/deleteicon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/deleteicon 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /dist/assets/down-arrow.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/assets/download.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Download 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /dist/assets/editicon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/editicon 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /dist/assets/heart-reaction.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cometchat/cometchat-uikit-react-legacy/379635afe0957962f23c36ca79c45cb65ab9f73f/dist/assets/heart-reaction.png -------------------------------------------------------------------------------- /dist/assets/heart.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Heart 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /dist/assets/increase-size.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /dist/assets/loading.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /dist/assets/locked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Locked 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /dist/assets/mention-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /dist/assets/message-delivered.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /dist/assets/message-read.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /dist/assets/message-sent.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/16/Message Sent 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /dist/assets/mic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Mic@2x 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /dist/assets/more-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/moreicon 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /dist/assets/placeholder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cometchat/cometchat-uikit-react-legacy/379635afe0957962f23c36ca79c45cb65ab9f73f/dist/assets/placeholder.png -------------------------------------------------------------------------------- /dist/assets/plus-rotated.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Plus Rotated 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /dist/assets/plus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Plus 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /dist/assets/private.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Private 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /dist/assets/reduce-size.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /dist/assets/search.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /dist/assets/send-message-in-private.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /dist/assets/send.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Send 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /dist/assets/side-arrow.svg: -------------------------------------------------------------------------------- 1 | Icons/24/Close Chat -------------------------------------------------------------------------------- /dist/assets/stipop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24 Extensions/Stipop 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /dist/assets/stop.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/assets/thread-arrow.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/assets/threadIndicatorIcon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /dist/assets/threadicon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/threadicon 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /dist/assets/video.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Icons/24/Video 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /dist/assets/wait.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /dist/assets/warning-small.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /dist/types/AI/AIAssistBot/AIAssistBotChatView.d.ts: -------------------------------------------------------------------------------- 1 | import { AIAssistBotConfiguration } from '@cometchat/uikit-shared'; 2 | interface IAIAssistBotProps { 3 | configuration?: AIAssistBotConfiguration; 4 | bot: CometChat.User | undefined; 5 | sender: CometChat.User | undefined; 6 | messageSendCallBack?: (message: string, bot: CometChat.User) => Promise; 7 | closeCallback?: () => void; 8 | } 9 | declare const AIAssistBotChatView: (props: IAIAssistBotProps) => import("react/jsx-runtime").JSX.Element; 10 | export default AIAssistBotChatView; 11 | -------------------------------------------------------------------------------- /dist/types/AI/AIAssistBot/AIAssistBotDecorator.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChat } from "@cometchat/chat-sdk-javascript"; 2 | import { CometChatActionsView, CometChatMessageComposerAction, CometChatTheme } from "@cometchat/uikit-resources"; 3 | import { DataSource } from "../../Shared/Framework/DataSource"; 4 | import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator"; 5 | import { AIAssistBotConfiguration, AIOptionsStyle } from "@cometchat/uikit-shared"; 6 | export declare class AIAssistBotDecorator extends DataSourceDecorator { 7 | configuration?: AIAssistBotConfiguration; 8 | newDataSource: DataSource; 9 | loggedInUser: CometChat.User | null; 10 | user: CometChat.User; 11 | group: CometChat.Group; 12 | bots: CometChat.User[] | []; 13 | theme: CometChatTheme; 14 | constructor(dataSource: DataSource, configuration?: AIAssistBotConfiguration); 15 | getId(): string; 16 | getAIOptions(user: CometChat.User | null, group: CometChat.Group | null, theme: CometChatTheme, id?: any, aiOptionsStyle?: AIOptionsStyle): (CometChatMessageComposerAction | CometChatActionsView)[]; 17 | onMessageSent: (message: string, bot: CometChat.User) => Promise; 18 | closeChat: () => void; 19 | onOptionClick: (bot: CometChat.User) => void; 20 | private getAllBots; 21 | private addMessageListener; 22 | } 23 | -------------------------------------------------------------------------------- /dist/types/AI/AIAssistBot/AIAssistBotExtension.d.ts: -------------------------------------------------------------------------------- 1 | import { AIExtensionDataSource } from "../../Shared/Framework/AIExtensionDataSource"; 2 | import { AIAssistBotConfiguration } from "@cometchat/uikit-shared"; 3 | export declare class AIAssistBotExtension extends AIExtensionDataSource { 4 | private configuration?; 5 | constructor(configuration?: AIAssistBotConfiguration); 6 | addExtension(): void; 7 | getExtensionId(): string; 8 | } 9 | -------------------------------------------------------------------------------- /dist/types/AI/AIAssistBot/AIAssistBotOptionsView.d.ts: -------------------------------------------------------------------------------- 1 | import { AIAssistBotConfiguration } from '@cometchat/uikit-shared'; 2 | import { CometChatMessageComposerAction } from '@cometchat/uikit-resources'; 3 | interface IAIAssistBotProps { 4 | title?: string; 5 | bots?: CometChatMessageComposerAction[]; 6 | closeCallback?: () => void; 7 | backCallback?: () => void; 8 | configuration?: AIAssistBotConfiguration; 9 | } 10 | declare const AIAssistBotOptoinsView: (props: IAIAssistBotProps) => import("react/jsx-runtime").JSX.Element; 11 | export default AIAssistBotOptoinsView; 12 | -------------------------------------------------------------------------------- /dist/types/AI/AIAssistBot/utils.d.ts: -------------------------------------------------------------------------------- 1 | import { AIAssistBotConfiguration } from "@cometchat/uikit-shared"; 2 | import { CometChatTheme, MessageBubbleAlignment } from "@cometchat/uikit-resources"; 3 | export declare const getBubbleAlignment: (message: CometChat.TextMessage, sender: CometChat.User) => MessageBubbleAlignment; 4 | export declare const getContentView: (message: CometChat.TextMessage, theme: CometChatTheme, alignment: MessageBubbleAlignment, configuration: AIAssistBotConfiguration) => JSX.Element; 5 | export declare const getBubbleFooterView: (item: CometChat.TextMessage, configuration: AIAssistBotConfiguration, theme: CometChatTheme) => JSX.Element; 6 | -------------------------------------------------------------------------------- /dist/types/AI/AIConversationStarter/AIConversationStarterDecorator.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatTheme } from "@cometchat/uikit-resources"; 2 | import { DataSource } from "../../Shared/Framework/DataSource"; 3 | import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator"; 4 | import { AIConversationStarterConfiguration } from "@cometchat/uikit-shared"; 5 | export declare class AIConversationStarterDecorator extends DataSourceDecorator { 6 | configuration?: AIConversationStarterConfiguration; 7 | newDataSource: DataSource; 8 | currentMessage: CometChat.BaseMessage | null; 9 | loggedInUser: CometChat.User | null; 10 | user: CometChat.User; 11 | group: CometChat.Group; 12 | theme: CometChatTheme; 13 | constructor(dataSource: DataSource, configuration?: AIConversationStarterConfiguration); 14 | getId(): string; 15 | editReply(reply: string): void; 16 | closeIfMessageReceived(message: CometChat.BaseMessage): void; 17 | getConversationStarter: (theme?: CometChatTheme) => Promise; 18 | private loadConversationStarter; 19 | private addMessageListener; 20 | } 21 | -------------------------------------------------------------------------------- /dist/types/AI/AIConversationStarter/AIConversationStarterExtension.d.ts: -------------------------------------------------------------------------------- 1 | import { AIExtensionDataSource } from "../../Shared/Framework/AIExtensionDataSource"; 2 | import { AIConversationStarterConfiguration } from "@cometchat/uikit-shared"; 3 | export declare class AIConversationStarterExtension extends AIExtensionDataSource { 4 | private configuration?; 5 | constructor(configuration?: AIConversationStarterConfiguration); 6 | addExtension(): void; 7 | getExtensionId(): string; 8 | } 9 | -------------------------------------------------------------------------------- /dist/types/AI/AIConversationStarter/AIConversationStarterView.d.ts: -------------------------------------------------------------------------------- 1 | import { AIConversationStarterConfiguration } from '@cometchat/uikit-shared'; 2 | import { CometChatTheme } from '@cometchat/uikit-resources'; 3 | interface IAIConversationStarterProps { 4 | getConversationStarterCallback?: (theme?: CometChatTheme) => Promise; 5 | editReplyCallback?: (reply: string) => void; 6 | configuration?: AIConversationStarterConfiguration; 7 | } 8 | declare const AIConversationStarterView: (props: IAIConversationStarterProps) => import("react/jsx-runtime").JSX.Element; 9 | export default AIConversationStarterView; 10 | -------------------------------------------------------------------------------- /dist/types/AI/AIConversationStarter/style.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import { CometChatTheme } from "@cometchat/uikit-resources"; 3 | import { AIConversationStarterStyle } from "@cometchat/uikit-shared"; 4 | export declare const getContainerStyle: (style?: AIConversationStarterStyle) => { 5 | display: string; 6 | overflow: string; 7 | width: string; 8 | height: string; 9 | justifyContent: string; 10 | alignItems: string; 11 | minHeight: string; 12 | }; 13 | export declare const contentContainerStyle: React.CSSProperties; 14 | export declare const getConversationStarterStyle: (theme?: CometChatTheme, style?: AIConversationStarterStyle) => { 15 | replyTextFont: string; 16 | replyTextColor: string | undefined; 17 | replyBackground: string; 18 | boxShadow: string; 19 | background: string; 20 | width: string; 21 | height: string; 22 | border: string; 23 | borderRadius: string; 24 | display: string; 25 | justifyContent: string; 26 | }; 27 | -------------------------------------------------------------------------------- /dist/types/AI/AIConversationSummary/AIConversationSummaryDecorator.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatTheme, CometChatMessageComposerAction, CometChatActionsView } from "@cometchat/uikit-resources"; 2 | import { DataSource } from "../../Shared/Framework/DataSource"; 3 | import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator"; 4 | import { AIConversationSummaryConfiguration, AIOptionsStyle } from "@cometchat/uikit-shared"; 5 | export declare class AIConversationSummaryDecorator extends DataSourceDecorator { 6 | configuration?: AIConversationSummaryConfiguration; 7 | newDataSource: DataSource; 8 | currentMessage: CometChat.BaseMessage | null; 9 | unreadMessageCount: number; 10 | loggedInUser: CometChat.User | null; 11 | user: CometChat.User; 12 | group: CometChat.Group; 13 | theme: CometChatTheme; 14 | private LISTENER_ID; 15 | constructor(dataSource: DataSource, configuration?: AIConversationSummaryConfiguration); 16 | getId(): string; 17 | closePanel: () => void; 18 | getConversationSummary: (theme?: CometChatTheme) => Promise; 19 | private loadConversationSummary; 20 | getAIOptions(user: CometChat.User | null, group: CometChat.Group | null, theme: CometChatTheme, id?: any, aiOptionsStyle?: AIOptionsStyle): (CometChatMessageComposerAction | CometChatActionsView)[]; 21 | private addMessageListener; 22 | } 23 | -------------------------------------------------------------------------------- /dist/types/AI/AIConversationSummary/AIConversationSummaryExtension.d.ts: -------------------------------------------------------------------------------- 1 | import { AIExtensionDataSource } from "../../Shared/Framework/AIExtensionDataSource"; 2 | import { AIConversationSummaryConfiguration } from "@cometchat/uikit-shared"; 3 | export declare class AIConversationSummaryExtension extends AIExtensionDataSource { 4 | private configuration?; 5 | constructor(configuration?: AIConversationSummaryConfiguration); 6 | addExtension(): void; 7 | getExtensionId(): string; 8 | } 9 | -------------------------------------------------------------------------------- /dist/types/AI/AIConversationSummary/AIConversationSummaryView.d.ts: -------------------------------------------------------------------------------- 1 | import { AIConversationSummaryConfiguration } from '@cometchat/uikit-shared'; 2 | import { CometChatTheme } from '@cometchat/uikit-resources'; 3 | interface IAIConversationSummaryProps { 4 | getConversationSummaryCallback?: (theme?: CometChatTheme) => Promise; 5 | editReplyCallback?: (reply: string) => void; 6 | closeCallback?: () => void; 7 | configuration?: AIConversationSummaryConfiguration; 8 | } 9 | declare const AIConversationSummaryView: (props: IAIConversationSummaryProps) => import("react/jsx-runtime").JSX.Element; 10 | export default AIConversationSummaryView; 11 | -------------------------------------------------------------------------------- /dist/types/AI/AIConversationSummary/style.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import { CometChatTheme } from "@cometchat/uikit-resources"; 3 | import { AIConversationSummaryStyle } from "@cometchat/uikit-shared"; 4 | import { PanelStyle } from "@cometchat/uikit-elements"; 5 | export declare const getContainerStyle: (style?: AIConversationSummaryStyle) => { 6 | display: string; 7 | overflow: string; 8 | width: string; 9 | height: string; 10 | justifyContent: string; 11 | alignItems: string; 12 | minHeight: string; 13 | }; 14 | export declare const contentContainerStyle: React.CSSProperties; 15 | export declare const getConversationSummaryStyle: (theme?: CometChatTheme, style?: AIConversationSummaryStyle) => { 16 | replyTextFont: string; 17 | replyTextColor: string | undefined; 18 | replyBackground: string; 19 | boxShadow: string; 20 | background: string; 21 | width: string; 22 | height: string; 23 | border: string; 24 | borderRadius: string; 25 | display: string; 26 | justifyContent: string; 27 | }; 28 | export declare const getPanelStyle: (theme: CometChatTheme, summaryStyle: AIConversationSummaryStyle) => PanelStyle; 29 | -------------------------------------------------------------------------------- /dist/types/AI/AISmartReplies/AISmartRepliesDecorator.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { CometChatTheme, CometChatMessageComposerAction, CometChatActionsView } from "@cometchat/uikit-resources"; 3 | import { DataSource } from "../../Shared/Framework/DataSource"; 4 | import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator"; 5 | import { CometChatButton } from "../../Shared/Views/CometChatButton"; 6 | import { AIOptionsStyle, AISmartRepliesConfiguration } from "@cometchat/uikit-shared"; 7 | export declare class AISmartRepliesDecorator extends DataSourceDecorator { 8 | configuration?: AISmartRepliesConfiguration; 9 | newDataSource: DataSource; 10 | loggedInUser: CometChat.User | null; 11 | user: CometChat.User; 12 | group: CometChat.Group; 13 | theme: CometChatTheme; 14 | buttonRef: any; 15 | isModalClosed: boolean; 16 | private closeCallback?; 17 | constructor(dataSource: DataSource, configuration?: AISmartRepliesConfiguration); 18 | childRefCallback: (childRef: React.RefObject) => void; 19 | getId(): string; 20 | editReply(reply: string): void; 21 | closeIfMessageReceived(message: CometChat.BaseMessage): void; 22 | getSmartReplies: (theme?: CometChatTheme) => Promise; 23 | getAIOptions(user: CometChat.User | null, group: CometChat.Group | null, theme: CometChatTheme, id?: any, aiOptionsStyle?: AIOptionsStyle): (CometChatMessageComposerAction | CometChatActionsView)[]; 24 | private addMessageListener; 25 | } 26 | -------------------------------------------------------------------------------- /dist/types/AI/AISmartReplies/AISmartRepliesExtension.d.ts: -------------------------------------------------------------------------------- 1 | import { AIExtensionDataSource } from "../../Shared/Framework/AIExtensionDataSource"; 2 | import { AISmartRepliesConfiguration } from "@cometchat/uikit-shared"; 3 | export declare class AISmartRepliesExtension extends AIExtensionDataSource { 4 | private configuration?; 5 | constructor(configuration?: AISmartRepliesConfiguration); 6 | addExtension(): void; 7 | getExtensionId(): string; 8 | } 9 | -------------------------------------------------------------------------------- /dist/types/AI/AISmartReplies/AISmartRepliesView.d.ts: -------------------------------------------------------------------------------- 1 | import { AISmartRepliesConfiguration } from '@cometchat/uikit-shared'; 2 | import { CometChatTheme } from '@cometchat/uikit-resources'; 3 | interface IAISmartRepliesProps { 4 | title: string; 5 | getSmartRepliesCallback?: (theme?: CometChatTheme) => Promise; 6 | editReplyCallback?: (reply: string) => void; 7 | closeCallback?: () => void; 8 | backCallback?: () => void; 9 | configuration?: AISmartRepliesConfiguration; 10 | } 11 | declare const AISmartRepliesView: (props: IAISmartRepliesProps) => import("react/jsx-runtime").JSX.Element; 12 | export default AISmartRepliesView; 13 | -------------------------------------------------------------------------------- /dist/types/AI/AISmartReplies/style.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import { AISmartRepliesStyle } from "@cometchat/uikit-shared"; 3 | import { CometChatTheme } from "@cometchat/uikit-resources"; 4 | export declare const getContainerStyle: (style?: AISmartRepliesStyle, theme?: CometChatTheme) => { 5 | display: string; 6 | width: string; 7 | height: string; 8 | justifyContent: string; 9 | alignItems: string; 10 | minHeight: string; 11 | background: string | undefined; 12 | borderRadius: string; 13 | }; 14 | export declare const contentContainerStyle: React.CSSProperties; 15 | export declare const getSmartReplyStyle: (theme?: CometChatTheme, style?: AISmartRepliesStyle) => { 16 | replyTextFont: string; 17 | replyTextColor: string | undefined; 18 | replyBackground: string; 19 | boxShadow: string; 20 | background: string; 21 | border: string; 22 | borderRadius: string; 23 | display: string; 24 | justifyContent: string; 25 | }; 26 | export declare function getBackButtonStyle(style?: AISmartRepliesStyle, theme?: CometChatTheme): any; 27 | export declare function getSmartRepliesContainerStyle(): any; 28 | export declare function getSmartRepliesTitleStyle(style?: AISmartRepliesStyle, theme?: CometChatTheme): any; 29 | -------------------------------------------------------------------------------- /dist/types/Calling/CallingExtension.d.ts: -------------------------------------------------------------------------------- 1 | import { CallingConfiguration, CallingExtensionDataSource } from '@cometchat/uikit-shared'; 2 | export declare class CallingExtension extends CallingExtensionDataSource { 3 | private configuration?; 4 | constructor(configuration?: CallingConfiguration); 5 | enable(): void; 6 | addExtension(): void; 7 | getExtensionId(): string; 8 | } 9 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallButtons/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | declare function Hooks(loggedInUser: any, setLoggedInUser: Function, user: any, group: any, subscribeToEvents: Function, onErrorCallback: Function, attachListeners: Function, removeListener: Function, setActiveUser: any, setActiveGroup: any, audioCallButtonRef: any, videoCallButtonRef: any, initiateAudioCall: Function, initiateVideoCall: Function, disableButtons: boolean, onVoiceCallClickRef: React.MutableRefObject, onVideoCallClickRef: React.MutableRefObject): void; 3 | export { Hooks }; 4 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallButtons/index.d.ts: -------------------------------------------------------------------------------- 1 | import { CallButtonsStyle, CallScreenConfiguration, OutgoingCallConfiguration } from "@cometchat/uikit-shared"; 2 | interface ICallButtonsBaseProps { 3 | voiceCallIconURL?: string; 4 | voiceCallIconText?: string; 5 | voiceCallIconHoverText?: string; 6 | videoCallIconURL?: string; 7 | videoCallIconText?: string; 8 | videoCallIconHoverText?: string; 9 | callButtonsStyle?: CallButtonsStyle; 10 | onVoiceCallClick?: () => void; 11 | onVideoCallClick?: () => void; 12 | onError?: (error: CometChat.CometChatException) => void; 13 | user?: CometChat.User | null; 14 | group?: CometChat.Group | null; 15 | outgoingCallConfiguration?: OutgoingCallConfiguration; 16 | ongoingCallConfiguration?: CallScreenConfiguration; 17 | } 18 | declare const CometChatCallButtons: (props: ICallButtonsBaseProps) => import("react/jsx-runtime").JSX.Element; 19 | export { CometChatCallButtons }; 20 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallButtons/style.d.ts: -------------------------------------------------------------------------------- 1 | import { CallButtonsStyle, OutgoingCallStyle } from "@cometchat/uikit-shared"; 2 | import { CallscreenStyle } from "@cometchat/uikit-elements"; 3 | import { CometChatTheme } from "@cometchat/uikit-resources"; 4 | import { CSSProperties } from "react"; 5 | export declare const CallButtonsWrapperStyle: (callButtonStyle: CallButtonsStyle) => { 6 | height: string | undefined; 7 | width: string | undefined; 8 | background: string | undefined; 9 | border: string | undefined; 10 | borderRadius: string | undefined; 11 | display: string; 12 | justifyContent: string; 13 | }; 14 | export declare const outgoingCallStyle: OutgoingCallStyle; 15 | export declare const buttonStyle: { 16 | height: string; 17 | width: string; 18 | display: string; 19 | flexDirection: string; 20 | justifyContent: string; 21 | alignItems: string; 22 | }; 23 | export declare const defaultCallsButtonStyle: (theme: CometChatTheme) => CallButtonsStyle; 24 | export declare const ongoingCallStyle: (theme: CometChatTheme) => CallscreenStyle; 25 | export declare const getVoiceCallButtonTint: (disableButtons: boolean, callButtonStyle: CallButtonsStyle | undefined, theme: CometChatTheme) => string | undefined; 26 | export declare const getVideoCallButtonTint: (disableButtons: boolean, callButtonStyle: CallButtonsStyle | undefined, theme: CometChatTheme) => string | undefined; 27 | export declare const VideoCallButtonStyle: (callButtonStyle: CallButtonsStyle | undefined) => CSSProperties; 28 | export declare const VoiceCallButtonStyle: (callButtonStyle: CallButtonsStyle | undefined) => CSSProperties; 29 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallLogDetails/hooks.d.ts: -------------------------------------------------------------------------------- 1 | declare function Hooks(loggedInUser: any, setLoggedInUser: Function, call: any, setTemplates: Function): void; 2 | export { Hooks }; 3 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallLogDetails/index.d.ts: -------------------------------------------------------------------------------- 1 | import { CallLogDetailsStyle, CallLogHistoryConfiguration, CallLogParticipantsConfiguration, CallLogRecordingsConfiguration } from "@cometchat/uikit-shared"; 2 | import { CometChatDetailsTemplate, CometChatTheme } from "@cometchat/uikit-resources"; 3 | import { AvatarStyle } from "@cometchat/uikit-elements"; 4 | interface ICallLogDetailsProps { 5 | title?: string; 6 | backIconUrl?: string; 7 | call: CometChat.Call; 8 | onBackClick?: Function; 9 | avatarStyle?: AvatarStyle; 10 | data?: (callLog: any, loggedInUser: CometChat.User, theme: CometChatTheme) => CometChatDetailsTemplate[]; 11 | callLogHistoryConfiguration?: CallLogHistoryConfiguration; 12 | callLogParticipantsConfiguration?: CallLogParticipantsConfiguration; 13 | callLogRecordingsConfiguration?: CallLogRecordingsConfiguration; 14 | callLogDetailsStyle?: CallLogDetailsStyle; 15 | } 16 | declare const CometChatCallLogDetails: (props: ICallLogDetailsProps) => import("react/jsx-runtime").JSX.Element; 17 | export { CometChatCallLogDetails }; 18 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallLogDetails/style.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import { CometChatTheme } from "@cometchat/uikit-resources"; 3 | import { CallLogDetailsStyle } from "@cometchat/uikit-shared"; 4 | import { ListItemStyle } from "@cometchat/uikit-elements"; 5 | export declare function getProfileContainerStyle(): React.CSSProperties; 6 | export declare function getButtonContainerStyle(): React.CSSProperties; 7 | export declare function getBackButtonStyle(theme: CometChatTheme, style: CallLogDetailsStyle): { 8 | height: string; 9 | width: string; 10 | border: string; 11 | borderRadius: string; 12 | background: string; 13 | buttonIconTint: string | undefined; 14 | }; 15 | export declare function getContainerStyle(theme: CometChatTheme, style: CallLogDetailsStyle): React.CSSProperties; 16 | export declare function getTitleStyle(theme: CometChatTheme, style: CallLogDetailsStyle): { 17 | font: string; 18 | color: string | undefined; 19 | background: string; 20 | }; 21 | export declare function getListItemStyle(theme: CometChatTheme, style: any): ListItemStyle; 22 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallLogHistory/hooks.d.ts: -------------------------------------------------------------------------------- 1 | declare function Hooks(loggedInUser: any, setLoggedInUser: Function, requestBuilder: any, setRequestBuilder: Function, getCallList: Function, onErrorCallback: Function): void; 2 | export { Hooks }; 3 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallLogHistory/index.d.ts: -------------------------------------------------------------------------------- 1 | import { CallLogHistoryStyle } from "@cometchat/uikit-shared"; 2 | import { DatePatterns } from "@cometchat/uikit-resources"; 3 | import { ListItemStyle } from "@cometchat/uikit-elements"; 4 | interface ICallLogHistoryProps { 5 | title?: string; 6 | emptyStateText?: string; 7 | errorStateText?: string; 8 | backIconUrl?: string; 9 | loadingIconURL?: string; 10 | emptyStateView?: any; 11 | loadingStateView?: any; 12 | errorStateView?: any; 13 | subtitleView?: any; 14 | tailView?: any; 15 | callLogRequestBuilder?: any; 16 | callUser?: any; 17 | callGroup?: any; 18 | onItemClick?: Function; 19 | onBackClick?: Function; 20 | onError?: Function; 21 | datePattern?: DatePatterns; 22 | dateSeparatorPattern?: DatePatterns; 23 | listItemStyle?: ListItemStyle; 24 | callLogHistoryStyle?: CallLogHistoryStyle; 25 | } 26 | declare const CometChatCallLogHistory: (props: ICallLogHistoryProps) => import("react/jsx-runtime").JSX.Element; 27 | export { CometChatCallLogHistory }; 28 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallLogHistory/style.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import { AvatarStyle, DateStyle, ListItemStyle } from "@cometchat/uikit-elements"; 3 | import { CallLogHistoryStyle, ListStyle } from "@cometchat/uikit-shared"; 4 | import { CometChatTheme } from "@cometchat/uikit-resources"; 5 | export declare function getSubtitleStyle(theme: CometChatTheme, style: CallLogHistoryStyle): DateStyle; 6 | export declare function getAvatarStyle(theme: CometChatTheme, avatarStyle?: AvatarStyle): AvatarStyle; 7 | export declare function getListItemStyle(theme: CometChatTheme, listItemStyle?: ListItemStyle): ListItemStyle; 8 | export declare function getCallStatusStyle(theme: CometChatTheme, style: CallLogHistoryStyle): { 9 | font: string; 10 | color: string | undefined; 11 | }; 12 | export declare function getContainerStyle(theme: CometChatTheme, callLogsStyle: CallLogHistoryStyle): React.CSSProperties; 13 | export declare function getListStyle(theme: CometChatTheme, callLogsStyle: CallLogHistoryStyle): ListStyle; 14 | export declare function getCallDurationStyle(theme: CometChatTheme, style: CallLogHistoryStyle): { 15 | font: string; 16 | color: string | undefined; 17 | }; 18 | export declare function getButtonContainerStyle(): React.CSSProperties; 19 | export declare function getBackButtonStyle(theme: CometChatTheme, style: CallLogHistoryStyle): { 20 | height: string; 21 | width: string; 22 | border: string; 23 | borderRadius: string; 24 | background: string; 25 | buttonIconTint: string | undefined; 26 | }; 27 | export declare function getDateSeparator(theme: CometChatTheme, style: CallLogHistoryStyle): { 28 | textFont: string; 29 | textColor: string | undefined; 30 | background: string; 31 | }; 32 | export declare function getDividerStyle(theme: CometChatTheme, style: CallLogHistoryStyle): { 33 | height: string; 34 | width: string; 35 | background: string | undefined; 36 | }; 37 | export declare function getTitleStyle(theme: CometChatTheme, style: CallLogHistoryStyle): { 38 | font: string; 39 | color: string | undefined; 40 | background: string; 41 | }; 42 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallLogParticipants/index.d.ts: -------------------------------------------------------------------------------- 1 | import { CallLogParticipantsStyle } from "@cometchat/uikit-shared"; 2 | import { AvatarStyle, ListItemStyle } from "@cometchat/uikit-elements"; 3 | import { DatePatterns } from "@cometchat/uikit-resources"; 4 | interface ICallLogParticipantsProps { 5 | title?: string; 6 | backIconUrl?: string; 7 | call: any; 8 | datePattern?: DatePatterns; 9 | avatarStyle?: AvatarStyle; 10 | listItemStyle?: ListItemStyle; 11 | callLogParticipantsStyle?: CallLogParticipantsStyle; 12 | listItemView?: any; 13 | subtitleView?: any; 14 | tailView?: any; 15 | onBackClick?: Function; 16 | onItemClick?: Function; 17 | } 18 | declare const CometChatCallLogParticipants: (props: ICallLogParticipantsProps) => import("react/jsx-runtime").JSX.Element; 19 | export { CometChatCallLogParticipants }; 20 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallLogParticipants/style.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import { AvatarStyle, ListItemStyle } from "@cometchat/uikit-elements"; 3 | import { CallLogParticipantsStyle, ListStyle } from "@cometchat/uikit-shared"; 4 | import { CometChatTheme } from "@cometchat/uikit-resources"; 5 | export declare function getButtonContainerStyle(): React.CSSProperties; 6 | export declare function getBackButtonStyle(theme: CometChatTheme, style: CallLogParticipantsStyle): { 7 | height: string; 8 | width: string; 9 | border: string; 10 | borderRadius: string; 11 | background: string; 12 | buttonIconTint: string | undefined; 13 | }; 14 | export declare function getListStyle(theme: CometChatTheme, callLogsStyle: CallLogParticipantsStyle): ListStyle; 15 | export declare function getAvatarStyle(theme: CometChatTheme, avatarStyle?: AvatarStyle): AvatarStyle; 16 | export declare function getListItemStyle(theme: CometChatTheme, listItemStyle?: ListItemStyle): ListItemStyle; 17 | export declare function getSubtitleStyle(theme: CometChatTheme, style: CallLogParticipantsStyle): React.CSSProperties; 18 | export declare function getCallDateStyle(theme: CometChatTheme, style: CallLogParticipantsStyle): { 19 | textColor: string | undefined; 20 | textFont: string; 21 | font: string; 22 | color: string | undefined; 23 | background: string; 24 | padding: string; 25 | }; 26 | export declare function getContainerStyle(theme: CometChatTheme, callLogsStyle: CallLogParticipantsStyle): React.CSSProperties; 27 | export declare function getTitleStyle(theme: CometChatTheme, style: CallLogParticipantsStyle): { 28 | font: string; 29 | color: string | undefined; 30 | background: string; 31 | }; 32 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallLogRecordings/index.d.ts: -------------------------------------------------------------------------------- 1 | import { ListItemStyle } from "@cometchat/uikit-elements"; 2 | import { DatePatterns } from "@cometchat/uikit-resources"; 3 | import { CallLogRecordingsStyle } from "@cometchat/uikit-shared"; 4 | interface ICallLogRecordingsProps { 5 | title?: string; 6 | backIconUrl?: string; 7 | downloadIconUrl?: string; 8 | hideDownloadButton?: boolean; 9 | call: any; 10 | datePattern?: DatePatterns; 11 | listItemStyle?: ListItemStyle; 12 | callLogRecordingsStyle?: CallLogRecordingsStyle; 13 | onBackClick?: Function; 14 | onItemClick?: Function; 15 | onDownloadClick?: Function; 16 | listItemView?: any; 17 | subtitleView?: any; 18 | tailView?: any; 19 | } 20 | declare const CometChatCallLogRecordings: (props: ICallLogRecordingsProps) => import("react/jsx-runtime").JSX.Element; 21 | export { CometChatCallLogRecordings }; 22 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallLogRecordings/style.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import { ListItemStyle } from "@cometchat/uikit-elements"; 3 | import { CallLogRecordingsStyle, ListStyle } from "@cometchat/uikit-shared"; 4 | import { CometChatTheme } from "@cometchat/uikit-resources"; 5 | export declare function getButtonContainerStyle(): React.CSSProperties; 6 | export declare function getListStyle(theme: CometChatTheme, callLogsStyle: CallLogRecordingsStyle): ListStyle; 7 | export declare function getListItemStyle(theme: CometChatTheme, listItemStyle?: ListItemStyle): ListItemStyle; 8 | export declare function getSubtitleStyle(theme: CometChatTheme, style: CallLogRecordingsStyle): React.CSSProperties; 9 | export declare function getCallDateStyle(theme: CometChatTheme, style: CallLogRecordingsStyle): { 10 | textColor: string | undefined; 11 | textFont: string; 12 | background: string; 13 | }; 14 | export declare function getBackButtonStyle(theme: CometChatTheme, style: CallLogRecordingsStyle): { 15 | height: string; 16 | width: string; 17 | border: string; 18 | borderRadius: string; 19 | background: string; 20 | buttonIconTint: string | undefined; 21 | }; 22 | export declare function getDownloadButtonStyle(theme: CometChatTheme, style: CallLogRecordingsStyle): { 23 | height: string; 24 | width: string; 25 | border: string; 26 | borderRadius: string; 27 | background: string; 28 | buttonIconTint: string | undefined; 29 | }; 30 | export declare function getContainerStyle(theme: CometChatTheme, callLogsStyle: CallLogRecordingsStyle): React.CSSProperties; 31 | export declare function getTitleStyle(theme: CometChatTheme, style: CallLogRecordingsStyle): { 32 | font: string; 33 | color: string | undefined; 34 | background: string; 35 | }; 36 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallLogs/hooks.d.ts: -------------------------------------------------------------------------------- 1 | declare function Hooks(loggedInUser: any, setLoggedInUser: Function, requestBuilder: any, setCallBuilder: Function, getCallList: Function, attachListeners: Function, subscribeToEvents: Function, detachListeners: Function, onErrorCallback: Function): void; 2 | export { Hooks }; 3 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallLogs/index.d.ts: -------------------------------------------------------------------------------- 1 | import { AvatarStyle, ListItemStyle } from "@cometchat/uikit-elements"; 2 | import { CallLogsStyle, OutgoingCallConfiguration } from "@cometchat/uikit-shared"; 3 | import { DatePatterns, TitleAlignment } from "@cometchat/uikit-resources"; 4 | interface ICallLogsProps { 5 | title?: string; 6 | titleAlignment?: TitleAlignment; 7 | listItemView?: any; 8 | subtitleView?: any; 9 | tailView?: any; 10 | emptyStateView?: any; 11 | errorStateView?: any; 12 | loadingStateView?: any; 13 | emptyStateText?: string; 14 | errorStateText?: string; 15 | loadingIconURL?: string; 16 | incomingAudioCallIconUrl?: string; 17 | incomingVideoCallIconUrl?: string; 18 | outgoingAudioCallIconUrl?: string; 19 | outgoingVideoCallIconUrl?: string; 20 | missedAudioCallIconUrl?: string; 21 | missedVideoCallIconUrl?: string; 22 | infoIconUrl?: string; 23 | activeCall?: any; 24 | callLogRequestBuilder?: any; 25 | onItemClick?: Function; 26 | onInfoClick?: Function; 27 | onError?: Function; 28 | hideSeparator?: boolean; 29 | datePattern?: DatePatterns; 30 | dateSeparatorPattern?: DatePatterns; 31 | callLogsStyle?: CallLogsStyle; 32 | avatarStyle?: AvatarStyle; 33 | listItemStyle?: ListItemStyle; 34 | outgoingCallConfiguration?: OutgoingCallConfiguration; 35 | } 36 | declare const CometChatCallLogs: (props: ICallLogsProps) => import("react/jsx-runtime").JSX.Element; 37 | export { CometChatCallLogs }; 38 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallLogs/style.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import { AvatarStyle, ListItemStyle } from "@cometchat/uikit-elements"; 3 | import { CometChatTheme } from "@cometchat/uikit-resources"; 4 | import { CallLogsStyle, ListStyle } from "@cometchat/uikit-shared"; 5 | export declare function getSubtitleStyle(theme: CometChatTheme, style: CallLogsStyle): React.CSSProperties; 6 | export declare function getAvatarStyle(theme: CometChatTheme, avatarStyle?: AvatarStyle): AvatarStyle; 7 | export declare function getListItemStyle(call: any, theme: CometChatTheme, listItemStyle?: ListItemStyle, loggedInUser?: CometChat.User): ListItemStyle; 8 | export declare function getContainerStyle(theme: CometChatTheme, callLogsStyle: CallLogsStyle): React.CSSProperties; 9 | export declare function getListStyle(theme: CometChatTheme, callLogsStyle: CallLogsStyle): ListStyle; 10 | export declare function getCallDateStyle(theme: CometChatTheme, style: CallLogsStyle): { 11 | textColor: string | undefined; 12 | textFont: string; 13 | background: string; 14 | }; 15 | export declare function getButtonContainerStyle(): React.CSSProperties; 16 | export declare function getDirectionIconStyle(call: any, theme: CometChatTheme, style: CallLogsStyle, loggedInUser: CometChat.User): { 17 | height: string; 18 | width: string; 19 | border: string; 20 | borderRadius: string; 21 | background: string; 22 | buttonIconTint: string | undefined; 23 | }; 24 | export declare function getInfoButtonStyle(theme: CometChatTheme, style: CallLogsStyle): { 25 | height: string; 26 | width: string; 27 | border: string; 28 | borderRadius: string; 29 | background: string; 30 | buttonIconTint: string | undefined; 31 | }; 32 | export declare function getDateSeparator(theme: CometChatTheme, style: CallLogsStyle): { 33 | textFont: string; 34 | textColor: string | undefined; 35 | background: string; 36 | padding: string; 37 | }; 38 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallLogsWithDetails/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatTheme } from "@cometchat/uikit-resources"; 2 | import { CallLogDetailsConfiguration, CallLogsConfiguration } from "@cometchat/uikit-shared"; 3 | declare function Hooks(callLogDetailsConfiguration: CallLogDetailsConfiguration, callLogsConfiguration: CallLogsConfiguration, setActiveCall: Function, isMobileView: boolean, theme: CometChatTheme): void; 4 | export { Hooks }; 5 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallLogsWithDetails/index.d.ts: -------------------------------------------------------------------------------- 1 | import { CallLogDetailsConfiguration, CallLogsConfiguration, WithDetailsStyle } from '@cometchat/uikit-shared'; 2 | interface ICallLogWithDetailsProps { 3 | isMobileView?: boolean; 4 | messageText?: string; 5 | withDetailsStyle?: WithDetailsStyle; 6 | callLogDetailsConfiguration?: CallLogDetailsConfiguration; 7 | callLogsConfiguration?: CallLogsConfiguration; 8 | } 9 | declare const CometChatCallLogsWithDetails: (props: ICallLogWithDetailsProps) => import("react/jsx-runtime").JSX.Element; 10 | export { CometChatCallLogsWithDetails }; 11 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatCallLogsWithDetails/style.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import { CometChatTheme } from "@cometchat/uikit-resources"; 3 | import { LabelStyle } from "@cometchat/uikit-elements"; 4 | import { WithDetailsStyle } from "@cometchat/uikit-shared"; 5 | export declare function getContainerStyle(theme: CometChatTheme, style: WithDetailsStyle): React.CSSProperties; 6 | export declare function getLabelStyle(theme: CometChatTheme, style: WithDetailsStyle): LabelStyle; 7 | export declare function getEmptyContainerStyle(): { 8 | display: string; 9 | justifyContent: string; 10 | alignItems: string; 11 | height: string; 12 | width: string; 13 | }; 14 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatIncomingCall/hooks.d.ts: -------------------------------------------------------------------------------- 1 | declare function Hooks(loggedInUser: any, setLoggedInUser: any, call: CometChat.Call, subscribeToEvents: Function, attachListeners: Function, removeListener: Function, acceptCallButtonRef: any, rejectCallButtonRef: any, showCall: any, callRef: any, acceptIncomingCall: Function, rejectIncomingCall: Function, showIncomingCallScreen: boolean): void; 2 | export { Hooks }; 3 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatIncomingCall/index.d.ts: -------------------------------------------------------------------------------- 1 | import { AvatarStyle, ListItemStyle } from "@cometchat/uikit-elements"; 2 | import { CallScreenConfiguration, IncomingCallStyle } from "@cometchat/uikit-shared"; 3 | interface IIncomingCallProps { 4 | call?: any; 5 | disableSoundForCalls?: boolean; 6 | customSoundForCalls?: string; 7 | onAccept?: Function; 8 | onDecline?: Function; 9 | acceptButtonText?: string; 10 | ongoingCallConfiguration?: CallScreenConfiguration; 11 | declineButtonText?: string; 12 | subtitleView?: any; 13 | onError?: Function; 14 | listItemStyle?: ListItemStyle; 15 | avatarStyle?: AvatarStyle; 16 | incomingCallStyle?: IncomingCallStyle; 17 | } 18 | declare const CometChatIncomingCall: (props: IIncomingCallProps) => import("react/jsx-runtime").JSX.Element; 19 | export { CometChatIncomingCall }; 20 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatOngoingCall/hooks.d.ts: -------------------------------------------------------------------------------- 1 | declare function Hooks(setLoggedInUser: any, sessionID: string, startCall: any): void; 2 | export { Hooks }; 3 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatOngoingCall/index.d.ts: -------------------------------------------------------------------------------- 1 | import { CallWorkflow } from "@cometchat/uikit-resources"; 2 | import { CallscreenStyle } from "@cometchat/uikit-elements"; 3 | import { CometChatUIKitCalls } from "@cometchat/uikit-shared"; 4 | interface IOngoingCallProps { 5 | callSettingsBuilder?: typeof CometChatUIKitCalls.CallSettings; 6 | sessionID: string; 7 | ongoingCallStyle?: CallscreenStyle; 8 | resizeIconHoverText?: string; 9 | minimizeIconURL?: string; 10 | maximizeIconURL?: string; 11 | onError?: Function; 12 | callWorkflow?: CallWorkflow; 13 | } 14 | declare const CometChatOngoingCall: (props: IOngoingCallProps) => import("react/jsx-runtime").JSX.Element; 15 | export { CometChatOngoingCall }; 16 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatOngoingCall/style.d.ts: -------------------------------------------------------------------------------- 1 | import { CSSProperties } from "react"; 2 | export declare const callScreenWrapperStyle: () => CSSProperties; 3 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatOutgoingCall/hooks.d.ts: -------------------------------------------------------------------------------- 1 | declare function Hooks(playAudio: Function, call: any, onClose: Function, cancelCallButtonRef: any): void; 2 | export { Hooks }; 3 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatOutgoingCall/index.d.ts: -------------------------------------------------------------------------------- 1 | import { OutgoingCallStyle } from "@cometchat/uikit-shared"; 2 | import { AvatarStyle } from "@cometchat/uikit-elements"; 3 | interface IOutgoingCallProps { 4 | call: CometChat.Call; 5 | disableSoundForCalls?: boolean; 6 | customSoundForCalls?: string; 7 | declineButtonText?: string; 8 | declineButtonIconURL?: string; 9 | customView?: any; 10 | onError?: Function; 11 | avatarStyle?: AvatarStyle; 12 | outgoingCallStyle?: OutgoingCallStyle; 13 | onCloseClicked?: Function; 14 | } 15 | declare const CometChatOutgoingCall: (props: IOutgoingCallProps) => import("react/jsx-runtime").JSX.Element; 16 | export { CometChatOutgoingCall }; 17 | -------------------------------------------------------------------------------- /dist/types/Calling/CometChatOutgoingCall/style.d.ts: -------------------------------------------------------------------------------- 1 | import { AvatarStyle, CardStyle } from "@cometchat/uikit-elements"; 2 | import { OutgoingCallStyle } from "@cometchat/uikit-shared"; 3 | import { CometChatTheme } from "@cometchat/uikit-resources"; 4 | export declare const OutgoingCallWrapperStyle: (outgoingCallStyle: OutgoingCallStyle) => { 5 | height: string | undefined; 6 | width: string | undefined; 7 | background: string | undefined; 8 | border: string | undefined; 9 | borderRadius: string | undefined; 10 | }; 11 | export declare const OutgoingCallSubtitleStyle: (outgoingCallStyle: OutgoingCallStyle) => { 12 | textFont: string | undefined; 13 | textColor: string | undefined; 14 | }; 15 | export declare const OutgoingCallCancelButtonStyle: (outgoingCallStyle: OutgoingCallStyle) => { 16 | height: string; 17 | width: string; 18 | buttonTextFont: string | undefined; 19 | buttonTextColor: string | undefined; 20 | borderRadius: string; 21 | border: string; 22 | buttonIconTint: string | undefined; 23 | background: string; 24 | iconBackground: string | undefined; 25 | }; 26 | export declare const buttonStyle: { 27 | height: string; 28 | width: string; 29 | buttonTextFont: string; 30 | buttonTextColor: string; 31 | borderRadius: string; 32 | border: string; 33 | buttonIconTint: string; 34 | background: string; 35 | iconBackground: string; 36 | }; 37 | export declare const OutgoingCallCardStyle: CardStyle; 38 | export declare const defaultAvatarStyle: (theme: CometChatTheme) => AvatarStyle; 39 | export declare const defaultOutgoingCallStyle: (theme: CometChatTheme) => OutgoingCallStyle; 40 | -------------------------------------------------------------------------------- /dist/types/Calling/Utils/CallDetailsUtils.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatCallDetailsTemplate, CometChatTheme } from "@cometchat/uikit-resources"; 2 | export declare class CallingDetailsUtils { 3 | static getDefaultCallTemplate(callLog: any, loggedInUser: CometChat.User, theme: CometChatTheme): Array; 4 | private static getCallButtons; 5 | static getPrimaryDetailsTemplate(callLog: any, loggedInUser: CometChat.User, theme: CometChatTheme): CometChatCallDetailsTemplate; 6 | static getSecondaryDetailsTemplate(callLog: any, loggedInUser: CometChat.User, theme: CometChatTheme): CometChatCallDetailsTemplate; 7 | private static getPrimaryOptions; 8 | private static getSecondaryOptions; 9 | private static generateCallDetailsHTML; 10 | private static generateCallOptionsHTML; 11 | } 12 | -------------------------------------------------------------------------------- /dist/types/Calling/Utils/CallingDetailsUtils.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatDetailsTemplate } from "@cometchat/uikit-resources"; 2 | export declare class CallingDetailsUtils { 3 | static getDetailsTemplate(user?: CometChat.User, group?: CometChat.Group): Array; 4 | private static getCallButtons; 5 | static getPrimaryDetailsTemplate(user1?: CometChat.User, group1?: CometChat.Group): CometChatDetailsTemplate; 6 | private static getPrimaryOptions; 7 | } 8 | -------------------------------------------------------------------------------- /dist/types/Calling/Utils/utils.d.ts: -------------------------------------------------------------------------------- 1 | export declare function isSentByMe(call: any, loggedInUser: CometChat.User): boolean; 2 | export declare function isMissedCall(call: CometChat.Call, loggedInUser: CometChat.User): boolean; 3 | export declare function verifyCallUser(call: any, loggedInUser: CometChat.User): any; 4 | export declare function getCallStatusWithType(call: any, loggedInUser: CometChat.User, includeType?: boolean): string; 5 | export declare function convertMinutesToHoursMinutesSeconds(minutes: number): string; 6 | export declare function convertSecondsToHoursMinutesSeconds(seconds: number): string; 7 | export declare function downloadRecordingFromURL(url: string): void; 8 | -------------------------------------------------------------------------------- /dist/types/CometChatAddMembers/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SelectionMode } from "@cometchat/uikit-resources"; 3 | type Args = { 4 | loggedInUserRef: React.MutableRefObject; 5 | errorHandler: (error: unknown) => void; 6 | selectionMode: SelectionMode; 7 | selectionModeRef: React.MutableRefObject; 8 | membersToAddRef: React.MutableRefObject; 9 | }; 10 | export declare function Hooks(args: Args): void; 11 | export {}; 12 | -------------------------------------------------------------------------------- /dist/types/CometChatAddMembers/style.d.ts: -------------------------------------------------------------------------------- 1 | import { CSSProperties } from "react"; 2 | import { CometChatTheme } from "@cometchat/uikit-resources"; 3 | import { AddMembersStyle, UsersStyle } from "@cometchat/uikit-shared"; 4 | type ButtonStyle = CSSProperties & { 5 | buttonIconTint?: string; 6 | }; 7 | export declare function addMembersStyle(addMembersStyleObject: AddMembersStyle | null, theme: CometChatTheme): CSSProperties; 8 | export declare function usersStyle(addMembersStyleObject: AddMembersStyle | null, theme: CometChatTheme): UsersStyle; 9 | export declare function addMembersButtonStyle(addMembersStyleObject: AddMembersStyle | null, theme: CometChatTheme): any; 10 | export declare function defaultBackBtnStyle(addMembersStyleObject: AddMembersStyle | null, theme: CometChatTheme): ButtonStyle; 11 | export declare function closeBtnStyle(addMembersStyleObject: AddMembersStyle | null, theme: CometChatTheme): ButtonStyle; 12 | export declare function getAddMembersBtnStyle(): CSSProperties; 13 | export {}; 14 | -------------------------------------------------------------------------------- /dist/types/CometChatBannedMembers/controller.d.ts: -------------------------------------------------------------------------------- 1 | import { Action } from "."; 2 | import React from "react"; 3 | type Args = { 4 | bannedMembersRequestBuilder: CometChat.BannedMembersRequestBuilder | null; 5 | searchRequestBuilder: CometChat.BannedMembersRequestBuilder | null; 6 | searchText: string; 7 | groupGuid: string; 8 | bannedMembersSearchText: React.MutableRefObject; 9 | }; 10 | export declare class BannedMembersManager { 11 | private bannedMembersRequest; 12 | /** 13 | * Set `bannedMembersRequest` of the instance 14 | */ 15 | constructor(args: Args); 16 | /** 17 | * Calls `fetchNext` method of the set `bannedMembersRequest` 18 | */ 19 | fetchNext(): Promise; 20 | /** 21 | * Creates `CometChat.GroupMember` instance 22 | */ 23 | static createGroupMemberFromUser(user: CometChat.User, group: CometChat.Group): CometChat.GroupMember; 24 | /** 25 | * Attaches an SDK group listener 26 | * 27 | * @returns - Function to remove the added SDK group listener 28 | */ 29 | static attachSDKGroupListener(groupRef: React.MutableRefObject, dispatch: React.Dispatch): () => void; 30 | /** 31 | * Attaches an SDK user listener 32 | * 33 | * @returns - Function to remove the added SDK user listener 34 | */ 35 | static attachSDKUserListener(dispatch: React.Dispatch): () => void; 36 | } 37 | export {}; 38 | -------------------------------------------------------------------------------- /dist/types/CometChatBannedMembers/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Action } from "."; 3 | import { BannedMembersManager } from "./controller"; 4 | type Args = { 5 | bannedMembersManagerRef: React.MutableRefObject; 6 | groupGuid: string; 7 | searchText: string; 8 | bannedMembersRequestBuilder: CometChat.BannedMembersRequestBuilder | null; 9 | searchRequestBuilder: CometChat.BannedMembersRequestBuilder | null; 10 | dispatch: React.Dispatch; 11 | fetchNextAndAppendBannedMembers: (fetchId: string) => Promise; 12 | fetchNextIdRef: React.MutableRefObject; 13 | groupPropRef: React.MutableRefObject; 14 | bannedMembersSearchText: React.MutableRefObject; 15 | }; 16 | export declare function Hooks(args: Args): void; 17 | export {}; 18 | -------------------------------------------------------------------------------- /dist/types/CometChatBannedMembers/style.d.ts: -------------------------------------------------------------------------------- 1 | import { AvatarStyle, ListItemStyle, MenuListStyle } from "@cometchat/uikit-elements"; 2 | import { BannedMembersStyle, ListStyle } from "@cometchat/uikit-shared"; 3 | import { CometChatTheme } from "@cometchat/uikit-resources"; 4 | import { CSSProperties } from "react"; 5 | type ButtonStyle = CSSProperties & { 6 | buttonIconTint: string; 7 | }; 8 | export declare function bannedMembersWrapperStyle(bannedMemberStyleObject: BannedMembersStyle | null, theme: CometChatTheme): CSSProperties; 9 | export declare function listStyle(bannedMemberStyleObject: BannedMembersStyle | null, theme: CometChatTheme): ListStyle; 10 | export declare function menusContainerStyle(): CSSProperties; 11 | export declare function statusIndicatorStyle(statusIndicatorStyleObject: CSSProperties | null): CSSProperties; 12 | export declare function avatarStyle(avatarStyleObject: AvatarStyle | null, theme: CometChatTheme): AvatarStyle; 13 | export declare function listItemStyle(listItemStyleObject: ListItemStyle | null, bannedMemberStyleObject: BannedMembersStyle | null, theme: CometChatTheme): ListItemStyle; 14 | export declare function defaultBackBtnStyle(bannedMemberStyleObject: BannedMembersStyle | null, theme: CometChatTheme): ButtonStyle; 15 | export declare function closeBtnStyle(bannedMemberStyleObject: BannedMembersStyle | null, theme: CometChatTheme): ButtonStyle; 16 | export declare function unbanBtnStyle(bannedMemberStyleObject: BannedMembersStyle | null, theme: CometChatTheme): ButtonStyle; 17 | export declare function menuListStyle(theme: CometChatTheme): MenuListStyle; 18 | export declare function listWrapperStyle(): CSSProperties; 19 | export {}; 20 | -------------------------------------------------------------------------------- /dist/types/CometChatContacts/index.d.ts: -------------------------------------------------------------------------------- 1 | import { ContactsStyle, GroupsConfiguration, UsersConfiguration } from "@cometchat/uikit-shared"; 2 | import { SelectionMode, TabsVisibility } from "@cometchat/uikit-resources"; 3 | interface ContactsProps { 4 | title?: string; 5 | usersTabTitle?: string; 6 | groupsTabTitle?: string; 7 | usersConfiguration?: UsersConfiguration; 8 | groupsConfiguration?: GroupsConfiguration; 9 | onSubmitButtonClick?: (users?: CometChat.User[], groups?: CometChat.Group[]) => void; 10 | closeIconURL?: string; 11 | onClose?: () => void; 12 | onItemClick?: (user?: CometChat.User, group?: CometChat.Group) => void; 13 | onError?: ((error: CometChat.CometChatException) => void) | null; 14 | submitButtonText?: string; 15 | hideSubmitButton?: boolean; 16 | selectionLimit?: number; 17 | tabVisibility?: TabsVisibility; 18 | contactsStyle?: ContactsStyle; 19 | selectionMode?: SelectionMode; 20 | } 21 | declare const CometChatContacts: (props: ContactsProps) => import("react/jsx-runtime").JSX.Element; 22 | export { CometChatContacts }; 23 | -------------------------------------------------------------------------------- /dist/types/CometChatContacts/style.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatTheme, TabsVisibility } from "@cometchat/uikit-resources"; 2 | import { ContactsStyle, TabItemStyle } from "@cometchat/uikit-shared"; 3 | import { CSSProperties } from "react"; 4 | import { TabsStyle } from "../Shared/Views/CometChatTabs/TabsStyle"; 5 | type ButtonStyle = CSSProperties & { 6 | buttonIconTint?: string; 7 | }; 8 | type HeaderStyle = CSSProperties; 9 | type WrapperStyle = CSSProperties; 10 | type ContentStyle = CSSProperties; 11 | export declare function closeBtnStyle(theme: CometChatTheme, contactsStyle?: ContactsStyle): ButtonStyle; 12 | export declare function submitBtnWrapperStyle(): CSSProperties; 13 | export declare function submitBtnStyle(theme: CometChatTheme, contactsStyle?: ContactsStyle | null): any; 14 | export declare function contactsHeaderStyle(theme: CometChatTheme, contactsStyle?: ContactsStyle): HeaderStyle; 15 | export declare function contactsWrapperStyle(theme: CometChatTheme, contactsStyle?: ContactsStyle): WrapperStyle; 16 | export declare function getContactsStyle(theme: CometChatTheme, contactsStyle?: ContactsStyle): CSSProperties; 17 | export declare function contactsContentStyle(): ContentStyle; 18 | export declare function getTabsStyle(theme: CometChatTheme, contactsStyle?: ContactsStyle): TabsStyle; 19 | export declare const getTabItemStyling: (theme: CometChatTheme, tabVisibility: TabsVisibility | undefined, isActive: boolean, contactsStyle?: ContactsStyle) => TabItemStyle; 20 | export {}; 21 | -------------------------------------------------------------------------------- /dist/types/CometChatConversations/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import React, { JSX } from "react"; 2 | import { Action } from "."; 3 | import { ConversationsManager } from "./controller"; 4 | type Args = { 5 | conversationsRequestBuilder: CometChat.ConversationsRequestBuilder | null; 6 | conversationsManagerRef: React.MutableRefObject; 7 | fetchNextAndAppendConversations: (fetchId: string) => Promise; 8 | fetchNextIdRef: React.MutableRefObject; 9 | dispatch: React.Dispatch; 10 | confirmDialogElement: JSX.IntrinsicElements["cometchat-confirm-dialog"] | null; 11 | conversationToBeDeleted: CometChat.Conversation | null; 12 | errorHandler: (error: unknown) => void; 13 | refreshSingleConversation: (message: CometChat.BaseMessage, remove?: boolean) => Promise; 14 | onMessageReceived: (message: CometChat.BaseMessage) => Promise; 15 | setReceipts: (messageReceipt: CometChat.MessageReceipt, updateReadAt: boolean) => void; 16 | setTypingIndicator: (typingIndicator: CometChat.TypingIndicator, typingStarted: boolean) => void; 17 | disableTyping: boolean; 18 | loggedInUser: CometChat.User | null; 19 | isFirstReload: boolean; 20 | }; 21 | export declare function Hooks(args: Args): void; 22 | export {}; 23 | -------------------------------------------------------------------------------- /dist/types/CometChatConversationsWithMessages/hooks.d.ts: -------------------------------------------------------------------------------- 1 | declare function Hooks(loggedInUser: any, setLoggedInUser: Function, subscribeToEvents: Function, onErrorCallback: Function, setActiveChat: any, user: any, group: any, startConversationBtnElement: JSX.IntrinsicElements["cometchat-button"] | null, showCometChatContactsView: Function, showCometChatContacts: any, hideCometChatContactsView: Function, setActiveUser: any, setActiveGroup: any, attachGroupListener: any): void; 2 | export { Hooks }; 3 | -------------------------------------------------------------------------------- /dist/types/CometChatConversationsWithMessages/index.d.ts: -------------------------------------------------------------------------------- 1 | import { ContactsConfiguration, ConversationsConfiguration, MessagesConfiguration, WithMessagesStyle } from "@cometchat/uikit-shared"; 2 | interface IConversationsWithMessagesProps { 3 | user?: CometChat.User; 4 | group?: CometChat.Group; 5 | isMobileView?: boolean; 6 | messageText?: string; 7 | conversationsWithMessagesStyle?: WithMessagesStyle; 8 | messagesConfiguration?: MessagesConfiguration; 9 | conversationsConfiguration?: ConversationsConfiguration; 10 | onError?: ((error: CometChat.CometChatException) => void) | null; 11 | startConversationConfiguration?: ContactsConfiguration; 12 | startConversationIconURL?: string; 13 | } 14 | declare const CometChatConversationsWithMessages: (props: IConversationsWithMessagesProps) => import("react/jsx-runtime").JSX.Element; 15 | export { CometChatConversationsWithMessages }; 16 | -------------------------------------------------------------------------------- /dist/types/CometChatCustomHooks.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | /** 3 | * Sets the created ref to the `value` passed 4 | * 5 | * @remarks 6 | * After the initial call of this hook, the internal ref is set to the `value` passed to this hook after the component has rendered completely. 7 | * So the returned ref will not have the updated value while the component renders 8 | */ 9 | export declare function useRefSync(value: T): React.MutableRefObject; 10 | /** 11 | * Custom hook to make refs stateful 12 | * 13 | * @remarks 14 | * Making refs stateful opens up the possibility of using the element the ref is pointing to as a dependency for a `useEffect` call 15 | * 16 | * @example 17 | * Here's a simple example 18 | * ```ts 19 | * // At the top most level of the functional component 20 | * const [inputElement, setInputRef] = useStateRef(null); 21 | * 22 | * // Inside the JSX 23 | * 24 | * ``` 25 | */ 26 | export declare function useStateRef(initialValue: T): [T, (node: T) => void]; 27 | export declare function useCometChatErrorHandler(onError?: ((error: CometChat.CometChatException) => void) | null): (error: unknown) => void; 28 | -------------------------------------------------------------------------------- /dist/types/CometChatDetails/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import React, { JSX } from "react"; 2 | import { ModalInfo } from "."; 3 | type Args = { 4 | setLoggedInUser: React.Dispatch>; 5 | errorHandler: (error: unknown) => void; 6 | leaveOrTransferConfirmDialogElement: JSX.IntrinsicElements["cometchat-confirm-dialog"] | null; 7 | setModalInfo: React.Dispatch>; 8 | handleLeaveOrTransferConfirmClick: (userOrGroup: CometChat.User | CometChat.Group) => Promise; 9 | deleteConfirmDialogElement: JSX.IntrinsicElements["cometchat-confirm-dialog"] | null; 10 | handleDeleteConfirmClick: (userOrGroup: CometChat.User | CometChat.Group) => Promise; 11 | userOrGroup: CometChat.User | CometChat.Group | undefined; 12 | user: CometChat.User | undefined; 13 | group: CometChat.Group | undefined; 14 | setUserOrGroup: React.Dispatch>; 15 | }; 16 | export declare function Hooks(args: Args): void; 17 | export {}; 18 | -------------------------------------------------------------------------------- /dist/types/CometChatGroupMembers/controller.d.ts: -------------------------------------------------------------------------------- 1 | import { Action } from "."; 2 | import React from "react"; 3 | type Args = { 4 | searchText: string; 5 | groupMemberRequestBuilder: CometChat.GroupMembersRequestBuilder | null; 6 | searchRequestBuilder: CometChat.GroupMembersRequestBuilder | null; 7 | groupGuid: string; 8 | groupMembersSearchText: React.MutableRefObject; 9 | }; 10 | export declare class GroupMembersManager { 11 | private groupMembersRequest; 12 | /** 13 | * Sets `groupMembersRequest` of the instance 14 | */ 15 | constructor(args: Args); 16 | /** 17 | * Calls `fetchNext` method of the set `groupMembersRequest` 18 | */ 19 | fetchNext(): Promise; 20 | getCurrentPage(): number; 21 | /** 22 | * Attaches an SDK user listener 23 | * 24 | * @returns Function to call to remove the attached SDK user listener 25 | */ 26 | static attachUserListener(callback: (user: CometChat.User) => void): () => void; 27 | /** 28 | * Creates a `CometChat.GroupMember` instance from the provided `user` and `group` 29 | */ 30 | static createParticipantGroupMember(user: CometChat.User, group: CometChat.Group): CometChat.GroupMember; 31 | /** 32 | * Attaches an SDK user listener 33 | * 34 | * @returns Function to call to remove the attached SDK user listener 35 | */ 36 | static attachGroupListener(groupGuid: string, dispatch: React.Dispatch): () => void; 37 | } 38 | export {}; 39 | -------------------------------------------------------------------------------- /dist/types/CometChatGroupMembers/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import React, { JSX } from "react"; 2 | import { Action } from "."; 3 | import { GroupMembersManager } from "./controller"; 4 | type Args = { 5 | groupMemberRequestBuilder: CometChat.GroupMembersRequestBuilder | null; 6 | searchRequestBuilder: CometChat.GroupMembersRequestBuilder | null; 7 | searchText: string; 8 | groupMembersManagerRef: React.MutableRefObject; 9 | groupGuid: string; 10 | fetchNextAndAppendGroupMembers: (id: string) => void; 11 | fetchNextIdRef: React.MutableRefObject; 12 | dispatch: React.Dispatch; 13 | loggedInUserRef: React.MutableRefObject; 14 | errorHandler: (error: unknown) => void; 15 | changeScopeElement: JSX.IntrinsicElements["cometchat-change-scope"] | null; 16 | updateGroupMemberScope: (newScope: string) => Promise; 17 | searchKeyword: string; 18 | disableLoadingState: boolean; 19 | groupMembersSearchText: React.MutableRefObject; 20 | }; 21 | export declare function Hooks(args: Args): void; 22 | export {}; 23 | -------------------------------------------------------------------------------- /dist/types/CometChatGroupMembers/style.d.ts: -------------------------------------------------------------------------------- 1 | import { AvatarStyle, BackdropStyle, ChangeScopeStyle, LabelStyle, ListItemStyle, MenuListStyle } from "@cometchat/uikit-elements"; 2 | import { CSSProperties } from "react"; 3 | import { CometChatTheme } from "@cometchat/uikit-resources"; 4 | import { GroupMembersStyle, ListStyle } from "@cometchat/uikit-shared"; 5 | type ButtonStyle = CSSProperties & { 6 | buttonIconTint?: string; 7 | }; 8 | export declare function groupMembersWrapperStyle(groupMemberSyleObject: GroupMembersStyle | null, theme: CometChatTheme): CSSProperties; 9 | export declare function listStyle(groupMemberStyleObject: GroupMembersStyle | null, theme: CometChatTheme): ListStyle; 10 | export declare function backBtnContainerStyle(): CSSProperties; 11 | export declare function defaultBackBtnStyle(groupMemberStyleObject: GroupMembersStyle | null, theme: CometChatTheme): ButtonStyle; 12 | export declare function closeBtnStyle(groupMemberStyleObject: GroupMembersStyle | null, theme: CometChatTheme): ButtonStyle; 13 | export declare function menusContainerStyle(): CSSProperties; 14 | export declare function avatarStyle(avatarStyleObject: AvatarStyle | null, theme: CometChatTheme): AvatarStyle; 15 | export declare function statusIndicatorStyle(statusIndicatorStyleObject: CSSProperties | null): CSSProperties; 16 | export declare function listItemStyle(listItemStyleObject: ListItemStyle | null, groupMemberStyleObject: GroupMembersStyle | null, theme: CometChatTheme): ListItemStyle; 17 | export declare function scopeLabelStyle(groupScopeStyleObject: ChangeScopeStyle | null, theme: CometChatTheme): LabelStyle; 18 | export declare function menuListStyle(groupMembersStyle: GroupMembersStyle | null, theme: CometChatTheme): MenuListStyle; 19 | export declare function groupScopeStyle(groupScopeStyleObject: ChangeScopeStyle | null, theme: CometChatTheme): ChangeScopeStyle; 20 | export declare function listWrapperStyle(): CSSProperties; 21 | export declare function tailViewStyle(): CSSProperties; 22 | export declare function closeBtnContainerStyle(): CSSProperties; 23 | export declare const getBackdropStyle: (groupsMembersStyle: GroupMembersStyle | null) => BackdropStyle; 24 | export {}; 25 | -------------------------------------------------------------------------------- /dist/types/CometChatGroups/controller.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Action } from "."; 3 | type Args = { 4 | searchText: string; 5 | groupsRequestBuilder: CometChat.GroupsRequestBuilder | null; 6 | searchRequestBuilder: CometChat.GroupsRequestBuilder | null; 7 | groupsSearchText: React.MutableRefObject; 8 | }; 9 | export declare class GroupsManager { 10 | private groupsRequest; 11 | private static loggedInUser; 12 | private static defaultLimit; 13 | /** 14 | * Set `groupsRequest` of the instance 15 | */ 16 | constructor(args: Args); 17 | /** 18 | * Calls `fetchNext` method of the set `groupsRequest` 19 | */ 20 | fetchNext(): Promise<[] | import("@cometchat/chat-sdk-javascript").Group[]>; 21 | private getDefaultRequestBuilder; 22 | /** 23 | * Sets `loggedInUser` of the instance 24 | * @returns The logged-in user 25 | */ 26 | private static getLoggedInUser; 27 | /** 28 | * Creates an SDK group listener 29 | */ 30 | private static createGroupListener; 31 | /** 32 | * Attaches an SDK group listener 33 | * 34 | * @returns Function to call to remove the attached SDK group listener 35 | */ 36 | static attachListeners(dispatch: React.Dispatch): () => void; 37 | /** 38 | * Attaches an SDK websocket listener 39 | * 40 | * @returns - Function to remove the added SDK websocket listener 41 | */ 42 | static attachConnestionListener(callback: () => void): () => void; 43 | } 44 | export {}; 45 | -------------------------------------------------------------------------------- /dist/types/CometChatGroups/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Action } from "."; 3 | import { GroupsManager } from "./controller"; 4 | type Args = { 5 | groupsRequestBuilder: CometChat.GroupsRequestBuilder | null; 6 | searchRequestBuilder: CometChat.GroupsRequestBuilder | null; 7 | searchText: string; 8 | fetchNextIdRef: React.MutableRefObject; 9 | groupsManagerRef: React.MutableRefObject; 10 | dispatch: React.Dispatch; 11 | fetchNextAndAppendGroups: (fetchId: string) => Promise; 12 | groupsSearchText: React.MutableRefObject; 13 | }; 14 | export declare function Hooks(args: Args): void; 15 | export {}; 16 | -------------------------------------------------------------------------------- /dist/types/CometChatGroups/style.d.ts: -------------------------------------------------------------------------------- 1 | import { AvatarStyle, ListItemStyle } from "@cometchat/uikit-elements"; 2 | import { CSSProperties } from "react"; 3 | import { CometChatTheme } from "@cometchat/uikit-resources"; 4 | import { GroupsStyle } from "@cometchat/uikit-shared"; 5 | export declare function groupsWrapperStyle(groupsStyleObject: GroupsStyle | undefined, theme: CometChatTheme): CSSProperties; 6 | export declare function menusStyle(): CSSProperties; 7 | export declare function statusIndicatorStyle(statusIndicatorStyleObject: CSSProperties | undefined): CSSProperties; 8 | export declare function avatarStyle(avatarStyleObject: AvatarStyle | undefined, theme: CometChatTheme): AvatarStyle; 9 | export declare function listItemStyle(listItemStyleObject: ListItemStyle | undefined, groupsStyleObject: GroupsStyle | undefined, theme: CometChatTheme): ListItemStyle; 10 | export declare function groupsStyle(groupsStyleObject: GroupsStyle | undefined, theme: CometChatTheme): GroupsStyle; 11 | export declare function subtitleStyle(groupsStyleObject: GroupsStyle | undefined, theme: CometChatTheme): CSSProperties; 12 | -------------------------------------------------------------------------------- /dist/types/CometChatGroupsWithMessages/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import { MessagesConfiguration } from "@cometchat/uikit-shared"; 2 | declare function Hooks(loggedInUser: any, setLoggedInUser: Function, subscribeToEvents: Function, onErrorCallback: Function, isMobileView: any, joinGroupConfiguration: any, group: any, setActiveGroup: any, messagesConfiguration: MessagesConfiguration | undefined, onBack: Function, createGroupElement: any, createGroupButtonRef: any, openCreateGroup: Function, closeCreateGroup: Function, joinGroupElement: any, onGroupJoined: Function, createGroupConfigCreateClick: ((group: CometChat.Group) => void) | null | undefined, joinGroupConfigOnError: ((error: any) => void) | null | undefined, joinGroupConfigJoinClick: ((group: CometChat.Group, password: string) => void) | null | undefined): void; 3 | export { Hooks }; 4 | -------------------------------------------------------------------------------- /dist/types/CometChatGroupsWithMessages/index.d.ts: -------------------------------------------------------------------------------- 1 | import { CreateGroupConfiguration, GroupsConfiguration, JoinGroupConfiguration, MessagesConfiguration, WithMessagesStyle } from "@cometchat/uikit-shared"; 2 | interface IGroupsWithMessagesProps { 3 | group?: CometChat.Group; 4 | isMobileView?: boolean; 5 | messageText?: string; 6 | groupsWithMessagesStyle?: WithMessagesStyle; 7 | messagesConfiguration?: MessagesConfiguration; 8 | groupsConfiguration?: GroupsConfiguration; 9 | createGroupConfiguration?: CreateGroupConfiguration; 10 | joinGroupConfiguration?: JoinGroupConfiguration; 11 | onError?: ((error: CometChat.CometChatException) => void) | null; 12 | } 13 | declare const CometChatGroupsWithMessages: (props: IGroupsWithMessagesProps) => import("react/jsx-runtime").JSX.Element; 14 | export { CometChatGroupsWithMessages }; 15 | -------------------------------------------------------------------------------- /dist/types/CometChatMessageHeader/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import React, { JSX } from "react"; 2 | declare function Hooks(loggedInUser: any, setLoggedInUser: Function, subscribeToEvents: any, attachListeners: any, onErrorCallback: any, ccBackBtnElement: JSX.IntrinsicElements["cometchat-button"], onBackRef: React.MutableRefObject<() => void>, userRef: React.MutableRefObject, groupRef: React.MutableRefObject, updateSubtitle: Function): void; 3 | export { Hooks }; 4 | -------------------------------------------------------------------------------- /dist/types/CometChatMessageHeader/index.d.ts: -------------------------------------------------------------------------------- 1 | import { AvatarStyle, BaseStyle, ListItemStyle } from '@cometchat/uikit-elements'; 2 | import { MessageHeaderStyle } from '@cometchat/uikit-shared'; 3 | interface IMessageHeaderProps { 4 | avatarStyle?: AvatarStyle; 5 | statusIndicatorStyle?: BaseStyle; 6 | messageHeaderStyle?: MessageHeaderStyle; 7 | listItemStyle?: ListItemStyle; 8 | subtitleView?: any; 9 | disableUsersPresence?: boolean; 10 | disableTyping?: boolean; 11 | /** 12 | * @deprecated 13 | * 14 | * This property is deprecated as of version 4.3.8 due to newer property 'passwordGroupIcon'. It will be removed in subsequent versions. 15 | */ 16 | protectedGroupIcon?: string; 17 | passwordGroupIcon?: string | undefined; 18 | privateGroupIcon?: string; 19 | menu?: any; 20 | user?: CometChat.User; 21 | group?: CometChat.Group; 22 | backButtonIconURL?: string; 23 | hideBackButton?: boolean; 24 | listItemView?: any; 25 | onError?: ((error: CometChat.CometChatException) => void) | null; 26 | onBack?: () => void; 27 | } 28 | export declare const CometChatMessageHeader: (props: IMessageHeaderProps) => import("react/jsx-runtime").JSX.Element; 29 | export {}; 30 | -------------------------------------------------------------------------------- /dist/types/CometChatMessageInformation/index.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import { BackdropStyle, ListItemStyle } from "@cometchat/uikit-elements"; 3 | import { CometChatMessageTemplate } from "@cometchat/uikit-resources"; 4 | import { MessageInformationStyle } from "@cometchat/uikit-shared"; 5 | interface MessageInformationProps { 6 | title?: string; 7 | message: CometChat.BaseMessage; 8 | template?: CometChatMessageTemplate; 9 | closeIconURL?: string; 10 | bubbleView?: (messageObject: CometChat.BaseMessage) => void | JSX.Element; 11 | listItemView?: (messageObject: CometChat.BaseMessage, messageReceipt?: CometChat.MessageReceipt) => JSX.Element; 12 | subtitleView?: (messageObject: CometChat.BaseMessage, messageReceipt?: CometChat.MessageReceipt) => void | JSX.Element; 13 | receiptDatePattern?: (timestamp: number) => string; 14 | onClose?: () => void; 15 | onError?: ((error: CometChat.CometChatException) => void) | null; 16 | messageInformationStyle?: MessageInformationStyle; 17 | readIcon?: string; 18 | deliveredIcon?: string; 19 | listItemStyle?: ListItemStyle; 20 | emptyStateText?: any; 21 | emptyStateView?: any; 22 | loadingIconURL?: string; 23 | loadingStateView?: any; 24 | errorStateText?: any; 25 | errorStateView?: any; 26 | backdropStyle?: BackdropStyle; 27 | } 28 | declare const CometChatMessageInformation: (props: MessageInformationProps) => import("react/jsx-runtime").JSX.Element; 29 | export { CometChatMessageInformation }; 30 | -------------------------------------------------------------------------------- /dist/types/CometChatMessageInformation/style.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatTheme } from "@cometchat/uikit-resources"; 2 | import { CSSProperties } from "react"; 3 | import { ReceiptStyle, DateStyle, BackdropStyle } from "@cometchat/uikit-elements"; 4 | import { BaseStyle, MessageInformationStyle } from "@cometchat/uikit-shared"; 5 | type ButtonStyle = CSSProperties & { 6 | buttonIconTint?: string; 7 | }; 8 | type WrapperStyle = CSSProperties & { 9 | position?: string; 10 | }; 11 | export declare function closeBtnStyle(theme: CometChatTheme): ButtonStyle; 12 | export declare const dividerStyle: (theme: CometChatTheme) => { 13 | height: string; 14 | width: string; 15 | background: string | undefined; 16 | }; 17 | export declare function receiptStyle(theme: CometChatTheme): ReceiptStyle; 18 | export declare const MessageDateStyle: (dateSeparatorStyle: DateStyle | undefined, theme: CometChatTheme) => DateStyle; 19 | export declare const defaultDateSeparatorStyle: { 20 | background: string; 21 | height: string; 22 | width: string; 23 | border: string; 24 | borderRadius: string; 25 | }; 26 | export declare const dateInfoStyle: { 27 | marginLeft: string; 28 | }; 29 | export declare const receiptWrapperStyle: { 30 | display: string; 31 | }; 32 | export declare const receiptSubtitleWrapperStyle: { 33 | width: string; 34 | }; 35 | export declare const messageInfoStyle: (theme: CometChatTheme) => { 36 | width: string; 37 | height: string; 38 | margin: string; 39 | background: string | undefined; 40 | borderRadius: string; 41 | }; 42 | export declare const messageInfoHeaderStyle: (theme: CometChatTheme) => WrapperStyle; 43 | export declare const getMessageInfoStyle: (theme: CometChatTheme, messageInfo?: MessageInformationStyle) => CSSProperties; 44 | export declare const getReceiptTextStyle: (theme: CometChatTheme) => CSSProperties; 45 | export declare const getMessageTextStyle: (theme: CometChatTheme) => CSSProperties; 46 | export declare const getParentBubbleStyle: (alignBubble?: boolean) => CSSProperties; 47 | export declare function getBackdropStyle(backdropStyleObject: BaseStyle): BackdropStyle; 48 | export {}; 49 | -------------------------------------------------------------------------------- /dist/types/CometChatMessageList/useCometChatMessageList.d.ts: -------------------------------------------------------------------------------- 1 | import { MutableRefObject } from "react"; 2 | /** 3 | * This Hooks function is a custom React hook designed to manage functionalities of CometChatMessageList component. It fetches the logged-in user, handles event subscriptions and tracks message IDs for new message retrieval. It plays a key role in maintaining real-time functionality and user interactions in the chat interface. 4 | **/ 5 | declare function Hooks(loggedInUserRef: MutableRefObject, messageListManagerRef: MutableRefObject, fetchPreviousMessages: () => void, updateMessage: (key: string, mesage: CometChat.BaseMessage, group?: CometChat.Group) => void, messagesRequestBuilder: CometChat.MessagesRequestBuilder | undefined, user: CometChat.User | undefined, group: CometChat.Group | undefined, subscribeToEvents: () => (() => void) | undefined, messageIdRef: MutableRefObject, totalMessagesCountRef: MutableRefObject, messageList: CometChat.BaseMessage[], onErrorCallback: (error: CometChat.CometChatException) => void, setMessageList: (messages: CometChat.BaseMessage[]) => void, setScrollListToBottom: (scrollToBottom: boolean) => void, smartReplyViewRef: MutableRefObject, isOnBottomRef: MutableRefObject, isFirstReloadRef: MutableRefObject): void; 6 | export { Hooks }; 7 | -------------------------------------------------------------------------------- /dist/types/CometChatMessages/hooks.d.ts: -------------------------------------------------------------------------------- 1 | declare function Hooks(loggedInUser: any, setLoggedInUser: Function, subscribeToEvents: Function, ccHeaderMenuRef: any, setOpenDetails: any, messageListConfiguration: any, user: CometChat.User | null, setActiveUser: Function, group: CometChat.Group | null, setActiveGroup: Function, setOpenThreadedMessages: any): void; 2 | export { Hooks }; 3 | -------------------------------------------------------------------------------- /dist/types/CometChatMessages/index.d.ts: -------------------------------------------------------------------------------- 1 | import "@cometchat/uikit-elements"; 2 | import { DetailsConfiguration, MessageComposerConfiguration, MessageHeaderConfiguration, MessageListConfiguration, MessagesStyle, ThreadedMessagesConfiguration } from "@cometchat/uikit-shared"; 3 | interface IMessagesProps { 4 | user?: CometChat.User; 5 | group?: CometChat.Group; 6 | hideMessageComposer?: boolean; 7 | disableTyping?: boolean; 8 | messageHeaderConfiguration?: MessageHeaderConfiguration; 9 | messageListConfiguration?: MessageListConfiguration; 10 | messageComposerConfiguration?: MessageComposerConfiguration; 11 | threadedMessagesConfiguration?: ThreadedMessagesConfiguration; 12 | detailsConfiguration?: DetailsConfiguration; 13 | customSoundForIncomingMessages?: string; 14 | customSoundForOutgoingMessages?: string; 15 | disableSoundForMessages?: boolean; 16 | messagesStyle?: MessagesStyle; 17 | messageHeaderView?: any; 18 | messageComposerView?: any; 19 | messageListView?: any; 20 | hideMessageHeader?: boolean; 21 | hideDetails?: boolean; 22 | auxiliaryMenu?: any; 23 | } 24 | declare const CometChatMessages: (props: IMessagesProps) => import("react/jsx-runtime").JSX.Element | null; 25 | export { CometChatMessages }; 26 | -------------------------------------------------------------------------------- /dist/types/CometChatMessages/style.d.ts: -------------------------------------------------------------------------------- 1 | import { DetailsConfiguration, DetailsStyle, MessageComposerConfiguration, MessageComposerStyle, MessageHeaderConfiguration, MessageHeaderStyle, MessageListConfiguration, MessageListStyle, MessagesStyle } from "@cometchat/uikit-shared"; 2 | import { CSSProperties } from "react"; 3 | import { CometChatTheme } from "@cometchat/uikit-resources"; 4 | export declare const MessagesWrapperStyle: (messagesStyle: MessagesStyle | undefined, theme: CometChatTheme) => CSSProperties; 5 | export declare const MessagesDivStyle: () => CSSProperties; 6 | export declare const ThreadedMessagesDivStyle: CSSProperties; 7 | export declare const MessagesDetailsDivStyle: CSSProperties; 8 | export declare const MessagesHeaderDivStyle: CSSProperties; 9 | export declare const MessagesListDivStyle: CSSProperties; 10 | export declare const CometChatThreadedMessagesDivStyle: CSSProperties; 11 | export declare const MessagesComposerDivStyle: (theme: CometChatTheme) => CSSProperties; 12 | export declare const liveReactionStyle: () => CSSProperties; 13 | export declare const getMessageHeaderStyle: (messageHeaderConfiguration: MessageHeaderConfiguration | undefined) => MessageHeaderStyle; 14 | export declare const getMessageListStyle: (messageListConfiguration: MessageListConfiguration | undefined) => MessageListStyle; 15 | export declare const getMessageComposerStyle: (messageComposerConfiguration: MessageComposerConfiguration | undefined) => MessageComposerStyle; 16 | export declare const getDetailsStyle: (detailsConfiguration: DetailsConfiguration | undefined, messagesStyle: MessagesStyle | undefined, theme: CometChatTheme) => DetailsStyle; 17 | export declare function detailsButtonStyle(theme: CometChatTheme): { 18 | height: string; 19 | width: string; 20 | border: string; 21 | borderRadius: string; 22 | background: string; 23 | buttonIconTint: string | undefined; 24 | padding: number; 25 | }; 26 | export declare const panelDivStyle: CSSProperties; 27 | -------------------------------------------------------------------------------- /dist/types/CometChatThemeContext.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import { CometChatTheme } from "@cometchat/uikit-resources"; 3 | export declare const CometChatThemeContext: import("react").Context<{ 4 | theme: CometChatTheme; 5 | }>; 6 | -------------------------------------------------------------------------------- /dist/types/CometChatThreadedMessages/hooks.d.ts: -------------------------------------------------------------------------------- 1 | declare function Hooks(loggedInUser: any, setLoggedInUser: any, addListener: Function, subscribeToEvents: Function, onErrorCallback: Function, parentMessage: any, setReplyCount: Function): void; 2 | export { Hooks }; 3 | -------------------------------------------------------------------------------- /dist/types/CometChatThreadedMessages/index.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import "@cometchat/uikit-elements"; 3 | interface IThreadedMessagesProps { 4 | parentMessage: CometChat.BaseMessage; 5 | title?: string; 6 | closeIconURL?: string; 7 | bubbleView: any; 8 | messageActionView?: any; 9 | onClose?: any; 10 | onError?: ((error: CometChat.CometChatException) => void) | null; 11 | threadedMessagesStyle?: any; 12 | messageListConfiguration?: any; 13 | messageComposerConfiguration?: any; 14 | hideMessageComposer?: boolean; 15 | messageComposerView?: (user?: CometChat.User, group?: CometChat.Group, parentMessage?: CometChat.BaseMessage) => JSX.Element; 16 | messageListView?: (user?: CometChat.User, group?: CometChat.Group, parentMessage?: CometChat.BaseMessage) => JSX.Element; 17 | } 18 | declare const CometChatThreadedMessages: (props: IThreadedMessagesProps) => import("react/jsx-runtime").JSX.Element; 19 | export { CometChatThreadedMessages }; 20 | -------------------------------------------------------------------------------- /dist/types/CometChatThreadedMessages/style.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatTheme } from "@cometchat/uikit-resources"; 2 | import { CSSProperties } from "react"; 3 | export declare const ThreadedMessagesWrapperStyle: () => CSSProperties; 4 | export declare const ThreadedMessagesHeaderStyle: () => CSSProperties; 5 | export declare const ThreadedMessagesCloseButtonStyle: () => { 6 | display: string; 7 | alignItems: string; 8 | width: string; 9 | }; 10 | export declare const ThreadedMessagesTitleStyle: () => { 11 | display: string; 12 | alignItems: string; 13 | justifyContent: string; 14 | width: string; 15 | }; 16 | export declare const ThreadedMessagesBubbleViewStyle: () => CSSProperties; 17 | export declare const ThreadedMessagesActionViewStyle: (theme: CometChatTheme) => CSSProperties; 18 | export declare const ThreadedMessagesListStyle: () => CSSProperties; 19 | export declare const ThreadedMessagesComposerStyle: () => CSSProperties; 20 | export declare const threadedMessageListStyle: () => CSSProperties; 21 | export declare const actionButtonStyle: (theme: CometChatTheme) => CSSProperties; 22 | -------------------------------------------------------------------------------- /dist/types/CometChatTransferOwnership/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | type Args = { 3 | errorHandler: (error: unknown) => void; 4 | setLoggedInUser: React.Dispatch>; 5 | }; 6 | export declare function Hooks(args: Args): void; 7 | export {}; 8 | -------------------------------------------------------------------------------- /dist/types/CometChatTransferOwnership/style.d.ts: -------------------------------------------------------------------------------- 1 | import { AvatarStyle, LabelStyle, ListItemStyle } from "@cometchat/uikit-elements"; 2 | import { CometChatTheme } from "@cometchat/uikit-resources"; 3 | import { GroupMembersStyle, TransferOwnershipStyle } from "@cometchat/uikit-shared"; 4 | import { CSSProperties } from "react"; 5 | type ButtonStyle = CSSProperties & { 6 | buttonIconTint?: string; 7 | }; 8 | export declare function transferOwnershipStyle(transferOwnershipStyleObject: TransferOwnershipStyle | null, theme: CometChatTheme): CSSProperties; 9 | export declare function scopeLabelStyle(transferOwnershipStyleObject: TransferOwnershipStyle | null, theme: CometChatTheme, isRadioButton: boolean): LabelStyle; 10 | export declare function transferBtnStyle(transferOwnershipStyleObject: TransferOwnershipStyle | null, theme: CometChatTheme): ButtonStyle; 11 | export declare function btnsWrapperStyle(): CSSProperties; 12 | export declare function cancelBtnStyle(transferOwnershipStyleObject: TransferOwnershipStyle | null, theme: CometChatTheme): ButtonStyle; 13 | export declare function avatarStyle(avatarStyleObject: AvatarStyle | null, theme: CometChatTheme): AvatarStyle; 14 | export declare function statusIndicatorStyle(statusIndicatorStyleObject: CSSProperties | null): CSSProperties; 15 | export declare function listItemStyle(listItemStyleObject: ListItemStyle | null, groupMemberStyleObject: GroupMembersStyle | null, theme: CometChatTheme): ListItemStyle; 16 | export declare function groupMembersStyle(groupMemberStyleObject: GroupMembersStyle | null, theme: CometChatTheme): GroupMembersStyle; 17 | export {}; 18 | -------------------------------------------------------------------------------- /dist/types/CometChatUserMemberWrapper/index.d.ts: -------------------------------------------------------------------------------- 1 | import { CSSProperties } from 'react'; 2 | import { UserMemberListType, UserPresencePlacement } from "@cometchat/uikit-resources"; 3 | import { AvatarStyle } from "@cometchat/uikit-elements"; 4 | export interface IMentionsProps { 5 | userMemberListType?: UserMemberListType; 6 | onItemClick?: (user: CometChat.User | CometChat.GroupMember) => void; 7 | listItemView?: (item?: CometChat.User | CometChat.GroupMember) => JSX.Element; 8 | avatarStyle?: AvatarStyle; 9 | statusIndicatorStyle?: CSSProperties; 10 | searchKeyword?: string; 11 | group?: CometChat.Group; 12 | subtitleView?: (item?: CometChat.User | CometChat.GroupMember) => JSX.Element; 13 | usersRequestBuilder?: CometChat.UsersRequestBuilder; 14 | disableUsersPresence?: boolean; 15 | userPresencePlacement?: UserPresencePlacement; 16 | hideSeparator?: boolean; 17 | loadingStateView?: JSX.Element; 18 | onEmpty?: () => void; 19 | groupMemberRequestBuilder?: CometChat.GroupMembersRequestBuilder; 20 | loadingIconUrl?: string; 21 | disableLoadingState?: boolean; 22 | onError?: () => void; 23 | } 24 | declare function CometChatUserMemberWrapper(props: IMentionsProps): import("react/jsx-runtime").JSX.Element; 25 | export default CometChatUserMemberWrapper; 26 | -------------------------------------------------------------------------------- /dist/types/CometChatUsers/controller.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | type Args = { 3 | searchText: string; 4 | usersRequestBuilder: CometChat.UsersRequestBuilder | null; 5 | searchRequestBuilder: CometChat.UsersRequestBuilder | null; 6 | usersSearchText: React.MutableRefObject; 7 | }; 8 | export declare class UsersManager { 9 | private usersRequest; 10 | private static defaultLimit; 11 | /** 12 | * Set `usersRequest` of the instance 13 | */ 14 | constructor(args: Args); 15 | private getDefaultRequestBuilder; 16 | /** 17 | * Calls `fetchNext` method of the set `usersRequest` 18 | */ 19 | fetchNext(): Promise<[] | import("@cometchat/chat-sdk-javascript").User[]>; 20 | getCurrentPage(): number; 21 | /** 22 | * Attaches an SDK user listener 23 | * 24 | * @returns Function to call to remove the attached SDK user listener 25 | */ 26 | static atttachListeners(cb: (user: CometChat.User) => void): () => void; 27 | /** 28 | * Attaches an SDK websocket listener 29 | * 30 | * @returns - Function to remove the added SDK websocket listener 31 | */ 32 | static attachConnestionListener(callback: () => void): () => void; 33 | } 34 | export {}; 35 | -------------------------------------------------------------------------------- /dist/types/CometChatUsers/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Action } from "."; 3 | import { UsersManager } from "./controller"; 4 | type Args = { 5 | usersManagerRef: React.MutableRefObject; 6 | fetchNextAndAppendUsers: (fetchId: string) => Promise; 7 | searchText: string; 8 | usersRequestBuilder: CometChat.UsersRequestBuilder | null; 9 | searchRequestBuilder: CometChat.UsersRequestBuilder | null; 10 | dispatch: React.Dispatch; 11 | updateUser: (user: CometChat.User) => void; 12 | fetchNextIdRef: React.MutableRefObject; 13 | searchKeyword: string; 14 | disableLoadingState: boolean; 15 | usersSearchText: React.MutableRefObject; 16 | }; 17 | export declare function Hooks(args: Args): void; 18 | export {}; 19 | -------------------------------------------------------------------------------- /dist/types/CometChatUsers/style.d.ts: -------------------------------------------------------------------------------- 1 | import { AvatarStyle, ListItemStyle } from "@cometchat/uikit-elements"; 2 | import { CSSProperties } from "react"; 3 | import { ListStyle, UsersStyle } from "@cometchat/uikit-shared"; 4 | import { CometChatTheme } from "@cometchat/uikit-resources"; 5 | export declare function listStyle(usersStyleObject: UsersStyle | null, theme: CometChatTheme): ListStyle; 6 | export declare function UsersWrapperStyle(usersStyleObject: UsersStyle | null, theme: CometChatTheme): CSSProperties; 7 | export declare function menuStyles(): CSSProperties; 8 | export declare function listItemStyle(listItemStyleObject: ListItemStyle | null, usersStyleObject: UsersStyle | null, theme: CometChatTheme): ListItemStyle; 9 | export declare function avatarStyle(avatarStyleObject: AvatarStyle | null, theme: CometChatTheme): AvatarStyle; 10 | export declare function statusIndicatorStyle(statusIndicatorStyleObject: CSSProperties | null): CSSProperties; 11 | export declare function tailViewSelectionContainerStyle(): CSSProperties; 12 | -------------------------------------------------------------------------------- /dist/types/CometChatUsersWithMessages/hooks.d.ts: -------------------------------------------------------------------------------- 1 | declare function Hooks(subscribeToEvents: Function, user: any, setActiveUser: any): void; 2 | export { Hooks }; 3 | -------------------------------------------------------------------------------- /dist/types/CometChatUsersWithMessages/index.d.ts: -------------------------------------------------------------------------------- 1 | import { MessagesConfiguration, UsersConfiguration, WithMessagesStyle } from "@cometchat/uikit-shared"; 2 | interface IUsersWithMessagesProps { 3 | user?: CometChat.User; 4 | isMobileView?: boolean; 5 | messageText?: string; 6 | usersWithMessagesStyle?: WithMessagesStyle; 7 | messagesConfiguration?: MessagesConfiguration; 8 | usersConfiguration?: UsersConfiguration; 9 | onError?: Function; 10 | } 11 | declare const CometChatUsersWithMessages: (props: IUsersWithMessagesProps) => import("react/jsx-runtime").JSX.Element; 12 | export { CometChatUsersWithMessages }; 13 | -------------------------------------------------------------------------------- /dist/types/Extensions/CollaborativeDocument/CollaborativeDocumentConfiguration.d.ts: -------------------------------------------------------------------------------- 1 | import { DocumentBubbleStyle } from "@cometchat/uikit-elements"; 2 | import { OptionsStyle } from "@cometchat/uikit-shared"; 3 | export declare class CollaborativeDocumentConfiguration { 4 | private style; 5 | private iconURL; 6 | private optionIconURL; 7 | private optionStyle; 8 | constructor(configuration: { 9 | style?: DocumentBubbleStyle; 10 | iconURL?: string; 11 | optionIconURL?: string; 12 | optionStyle?: OptionsStyle; 13 | }); 14 | getDocumentBubbleStyle(): DocumentBubbleStyle; 15 | getIconURL(): string; 16 | getOptionIconURL(): string; 17 | getOptionStyle(): OptionsStyle; 18 | } 19 | -------------------------------------------------------------------------------- /dist/types/Extensions/CollaborativeDocument/CollaborativeDocumentExtension.d.ts: -------------------------------------------------------------------------------- 1 | import { ExtensionsDataSource } from "../../Shared/Framework/ExtensionsDataSource"; 2 | import { CollaborativeDocumentConfiguration } from "./CollaborativeDocumentConfiguration"; 3 | export declare class CollaborativeDocumentExtension extends ExtensionsDataSource { 4 | private configuration?; 5 | constructor(configuration?: CollaborativeDocumentConfiguration); 6 | addExtension(): void; 7 | getExtensionId(): string; 8 | } 9 | -------------------------------------------------------------------------------- /dist/types/Extensions/CollaborativeDocument/CollaborativeDocumentExtensionDecorator.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatTheme, CometChatMessageTemplate, CometChatMessageComposerAction } from "@cometchat/uikit-resources"; 2 | import { DataSource } from "../../Shared/Framework/DataSource"; 3 | import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator"; 4 | import { CollaborativeDocumentConfiguration } from "./CollaborativeDocumentConfiguration"; 5 | export declare class CollaborativeDocumentExtensionDecorator extends DataSourceDecorator { 6 | configuration?: CollaborativeDocumentConfiguration; 7 | newDataSource: DataSource; 8 | theme: CometChatTheme; 9 | constructor(dataSource: DataSource, configuration?: CollaborativeDocumentConfiguration); 10 | getAllMessageTypes(): string[]; 11 | getId(): string; 12 | getAllMessageCategories(): string[]; 13 | checkIfTemplateExist(template: CometChatMessageTemplate[], type: string): boolean; 14 | getAllMessageTemplates(_theme?: CometChatTheme | undefined, additionalConfigurations?: any): CometChatMessageTemplate[]; 15 | getDocumentTemplate(_theme: CometChatTheme): CometChatMessageTemplate; 16 | getDocumentContentView(documentMessage: CometChat.CustomMessage, _theme: CometChatTheme): import("react/jsx-runtime").JSX.Element; 17 | launchCollaborativeDocument(documentURL: string): void; 18 | getDocumentURL(message: CometChat.CustomMessage): any; 19 | getAttachmentOptions(theme: CometChatTheme, id: any): CometChatMessageComposerAction[]; 20 | getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations?: any): string; 21 | } 22 | -------------------------------------------------------------------------------- /dist/types/Extensions/CollaborativeWhiteboard/CollaborativeWhiteboardConfiguration.d.ts: -------------------------------------------------------------------------------- 1 | import { DocumentBubbleStyle } from "@cometchat/uikit-elements"; 2 | import { OptionsStyle } from "@cometchat/uikit-shared"; 3 | export declare class CollaborativeWhiteboardConfiguration { 4 | private style; 5 | private iconURL; 6 | private optionIconURL; 7 | private optionStyle; 8 | constructor(configuration: { 9 | style?: DocumentBubbleStyle; 10 | iconURL?: string; 11 | optionIconURL?: string; 12 | optionStyle?: OptionsStyle; 13 | }); 14 | getWhiteboardBubbleStyle(): DocumentBubbleStyle; 15 | getIconURL(): string; 16 | getOptionIconURL(): string; 17 | getOptionStyle(): OptionsStyle; 18 | } 19 | -------------------------------------------------------------------------------- /dist/types/Extensions/CollaborativeWhiteboard/CollaborativeWhiteboardExtension.d.ts: -------------------------------------------------------------------------------- 1 | import { ExtensionsDataSource } from "../../Shared/Framework/ExtensionsDataSource"; 2 | import { CollaborativeWhiteboardConfiguration } from "./CollaborativeWhiteboardConfiguration"; 3 | export declare class CollaborativeWhiteboardExtension extends ExtensionsDataSource { 4 | private configuration?; 5 | constructor(configuration?: CollaborativeWhiteboardConfiguration); 6 | addExtension(): void; 7 | getExtensionId(): string; 8 | } 9 | -------------------------------------------------------------------------------- /dist/types/Extensions/CollaborativeWhiteboard/CollaborativeWhiteboardExtensionDecorator.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatTheme, CometChatMessageTemplate, CometChatMessageComposerAction } from "@cometchat/uikit-resources"; 2 | import { DataSource } from "../../Shared/Framework/DataSource"; 3 | import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator"; 4 | import { CollaborativeWhiteboardConfiguration } from "./CollaborativeWhiteboardConfiguration"; 5 | export declare class CollaborativeWhiteBoardExtensionDecorator extends DataSourceDecorator { 6 | configuration?: CollaborativeWhiteboardConfiguration; 7 | newDataSource: DataSource; 8 | theme: CometChatTheme; 9 | constructor(dataSource: DataSource, configuration?: CollaborativeWhiteboardConfiguration); 10 | getAllMessageTypes(): string[]; 11 | getId(): string; 12 | getAllMessageCategories(): string[]; 13 | checkIfTemplateExist(template: CometChatMessageTemplate[], type: string): boolean; 14 | getAllMessageTemplates(theme?: CometChatTheme | undefined, additionalConfigurations?: any): CometChatMessageTemplate[]; 15 | getWhiteBoardTemplate(_theme: CometChatTheme): CometChatMessageTemplate; 16 | getWhiteboardContentView(whiteboardMessage: CometChat.CustomMessage, _theme: CometChatTheme): import("react/jsx-runtime").JSX.Element; 17 | launchCollaborativeWhiteboardDocument(whiteboardURL: string): void; 18 | getWhiteboardDocument(message: CometChat.CustomMessage): any; 19 | getAttachmentOptions(theme: CometChatTheme, id: any): CometChatMessageComposerAction[]; 20 | getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations: any): string; 21 | } 22 | -------------------------------------------------------------------------------- /dist/types/Extensions/ImageModeration/ImageModerationConfiguration.d.ts: -------------------------------------------------------------------------------- 1 | import { ConfirmDialogStyle } from "@cometchat/uikit-elements"; 2 | import { BaseStyle, ImageModerationStyle } from "@cometchat/uikit-shared"; 3 | export declare class ImageModerationConfiguration { 4 | private style; 5 | private confirmDialogStyle; 6 | private backDropStyle; 7 | constructor(configuration: { 8 | style?: ImageModerationStyle; 9 | confirmDialogStyle?: ConfirmDialogStyle; 10 | backDropStyle?: BaseStyle; 11 | }); 12 | getImageModerationStyle(): ImageModerationStyle; 13 | getConfirmDialogSyle(): ConfirmDialogStyle; 14 | getBackDropStyle(): BaseStyle; 15 | } 16 | -------------------------------------------------------------------------------- /dist/types/Extensions/ImageModeration/ImageModerationExtension.d.ts: -------------------------------------------------------------------------------- 1 | import { ExtensionsDataSource } from "../../Shared/Framework/ExtensionsDataSource"; 2 | import { ImageModerationConfiguration } from "./ImageModerationConfiguration"; 3 | export declare class ImageModerationExtension extends ExtensionsDataSource { 4 | private configuration?; 5 | constructor(configuration?: ImageModerationConfiguration); 6 | addExtension(): void; 7 | getExtensionId(): string; 8 | } 9 | -------------------------------------------------------------------------------- /dist/types/Extensions/ImageModeration/ImageModerationExtensionDecorator.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatTheme, MessageBubbleAlignment } from "@cometchat/uikit-resources"; 2 | import { DataSource } from "../../Shared/Framework/DataSource"; 3 | import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator"; 4 | import { ImageModerationConfiguration } from "./ImageModerationConfiguration"; 5 | export declare class ImageModerationExtensionDecorator extends DataSourceDecorator { 6 | configuration?: ImageModerationConfiguration; 7 | newDataSource: DataSource; 8 | private theme; 9 | loggedInUser: CometChat.User; 10 | constructor(dataSource: DataSource, configuration?: ImageModerationConfiguration); 11 | getId(): string; 12 | getImageMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment, theme: CometChatTheme): any; 13 | showDialog(_event: any): void; 14 | getConfirmationModal(_event: any): import("react/jsx-runtime").JSX.Element; 15 | onConfirmClicked(_event: any): void; 16 | onCancelClicked(): void; 17 | getImageModerationStyle(_theme: CometChatTheme): { 18 | filterColor: string | undefined; 19 | height: string; 20 | width: string; 21 | border: string; 22 | borderRadius: string; 23 | warningTextColor: string | undefined; 24 | warningTextFont: string; 25 | }; 26 | } 27 | -------------------------------------------------------------------------------- /dist/types/Extensions/LinkPreview/LinkPreviewConfiguration.d.ts: -------------------------------------------------------------------------------- 1 | import { LinkPreviewStyle } from "@cometchat/uikit-shared"; 2 | export declare class LinkPreviewConfiguration { 3 | private style; 4 | constructor(configuration: { 5 | style?: LinkPreviewStyle; 6 | }); 7 | getLinkPreviewStyle(): LinkPreviewStyle; 8 | } 9 | -------------------------------------------------------------------------------- /dist/types/Extensions/LinkPreview/LinkPreviewExtension.d.ts: -------------------------------------------------------------------------------- 1 | import { ExtensionsDataSource } from "../../Shared/Framework/ExtensionsDataSource"; 2 | import { LinkPreviewConfiguration } from "./LinkPreviewConfiguration"; 3 | export declare class LinkPreviewExtension extends ExtensionsDataSource { 4 | private configuration?; 5 | constructor(configuration?: LinkPreviewConfiguration); 6 | addExtension(): void; 7 | getExtensionId(): string; 8 | } 9 | -------------------------------------------------------------------------------- /dist/types/Extensions/LinkPreview/LinkPreviewExtensionDecorator.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatTheme, MessageBubbleAlignment } from "@cometchat/uikit-resources"; 2 | import { LinkPreviewStyle } from "@cometchat/uikit-shared"; 3 | import { DataSource } from "../../Shared/Framework/DataSource"; 4 | import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator"; 5 | import { LinkPreviewConfiguration } from "./LinkPreviewConfiguration"; 6 | export declare class LinkPreviewExtensionDecorator extends DataSourceDecorator { 7 | configuration?: LinkPreviewConfiguration; 8 | newDataSource: DataSource; 9 | constructor(dataSource: DataSource, configuration?: LinkPreviewConfiguration); 10 | getId(): string; 11 | getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, theme: CometChatTheme, additionalConfigurations?: any): any; 12 | getLinkPreviewWrapperStyle(): { 13 | height: string; 14 | width: string; 15 | }; 16 | openLink(event: any): void; 17 | getLinkPreviewStyle(_theme: CometChatTheme): LinkPreviewStyle; 18 | getTextMessageStyle(_alignment: MessageBubbleAlignment, _theme: CometChatTheme): { 19 | textFont: string; 20 | textColor: string; 21 | }; 22 | getLinkPreview(message: CometChat.TextMessage): any; 23 | getLinkPreviewDetails(linkPreviewObject: any, key: string): string; 24 | } 25 | -------------------------------------------------------------------------------- /dist/types/Extensions/MessageTranslation/MessageTranslationConfiguration.d.ts: -------------------------------------------------------------------------------- 1 | import { MessageTranslationStyle, OptionsStyle } from "@cometchat/uikit-shared"; 2 | export declare class MessageTranslationConfiguration { 3 | private style; 4 | private optionIconURL; 5 | private optionStyle; 6 | constructor(configuration: { 7 | style?: MessageTranslationStyle; 8 | optionIconURL?: string; 9 | optionStyle?: OptionsStyle; 10 | }); 11 | getMessageTranslationStyle(): MessageTranslationStyle; 12 | getOptionIconURL(): string; 13 | getOptionStyle(): OptionsStyle; 14 | } 15 | -------------------------------------------------------------------------------- /dist/types/Extensions/MessageTranslation/MessageTranslationExtension.d.ts: -------------------------------------------------------------------------------- 1 | import { ExtensionsDataSource } from "../../Shared/Framework/ExtensionsDataSource"; 2 | import { MessageTranslationConfiguration } from "./MessageTranslationConfiguration"; 3 | export declare class MessageTranslationExtension extends ExtensionsDataSource { 4 | private configuration?; 5 | constructor(configuration?: MessageTranslationConfiguration); 6 | addExtension(): void; 7 | getExtensionId(): string; 8 | } 9 | -------------------------------------------------------------------------------- /dist/types/Extensions/MessageTranslation/MessageTranslationExtensionDecorator.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatTheme, CometChatActionsIcon, CometChatActionsView, MessageBubbleAlignment } from "@cometchat/uikit-resources"; 2 | import { MessageTranslationStyle } from "@cometchat/uikit-shared"; 3 | import { DataSource } from "../../Shared/Framework/DataSource"; 4 | import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator"; 5 | import { MessageTranslationConfiguration } from "./MessageTranslationConfiguration"; 6 | export declare class MessageTranslationExtensionDecorator extends DataSourceDecorator { 7 | configuration?: MessageTranslationConfiguration; 8 | newDataSource: DataSource; 9 | constructor(dataSource: DataSource, configuration?: MessageTranslationConfiguration); 10 | getTextMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, theme: CometChatTheme, group?: CometChat.Group): (CometChatActionsIcon | CometChatActionsView)[]; 11 | getTranslationStyle: (_alignment: MessageBubbleAlignment, _theme: CometChatTheme) => MessageTranslationStyle; 12 | getTextMessageStyle(_alignment: MessageBubbleAlignment, _theme: CometChatTheme): { 13 | textFont: string; 14 | textColor: string; 15 | }; 16 | getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, theme: CometChatTheme, additionalConfigurations?: any): any; 17 | checkIfOptionExist(template: (CometChatActionsIcon | CometChatActionsView)[], id: string): boolean; 18 | getId(): string; 19 | } 20 | -------------------------------------------------------------------------------- /dist/types/Extensions/Polls/PollsConfiguration.d.ts: -------------------------------------------------------------------------------- 1 | import { CreatePollStyle, OptionsStyle, PollsBubbleStyle } from "@cometchat/uikit-shared"; 2 | export declare class PollsConfiguration { 3 | private style; 4 | private createPollStyle; 5 | private createPollIconURL; 6 | private deleteIconURL; 7 | private closeIconURL; 8 | private optionIconURL; 9 | private addAnswerIconURL; 10 | private optionStyle; 11 | constructor(configuration: { 12 | style?: PollsBubbleStyle; 13 | createPollStyle?: CreatePollStyle; 14 | createPollIconURL?: string; 15 | deleteIconURL?: string; 16 | closeIconURL?: string; 17 | optionIconURL?: string; 18 | addAnswerIconURL?: string; 19 | optionStyle?: OptionsStyle; 20 | }); 21 | getPollsBubbleStyle(): PollsBubbleStyle; 22 | getCreatePollStyle(): CreatePollStyle; 23 | getCreatePollIconURL(): string; 24 | getDeleteIconURL(): string; 25 | getCloseIconURL(): string; 26 | getOptionIconURL(): string; 27 | getAddAnswerIconURL(): string; 28 | getOptionStyle(): OptionsStyle; 29 | } 30 | -------------------------------------------------------------------------------- /dist/types/Extensions/Polls/PollsExtension.d.ts: -------------------------------------------------------------------------------- 1 | import { ExtensionsDataSource } from "../../Shared/Framework/ExtensionsDataSource"; 2 | import { PollsConfiguration } from "./PollsConfiguration"; 3 | export declare class PollsExtension extends ExtensionsDataSource { 4 | private configuration?; 5 | constructor(configuration?: PollsConfiguration); 6 | addExtension(): void; 7 | getExtensionId(): string; 8 | } 9 | -------------------------------------------------------------------------------- /dist/types/Extensions/Polls/PollsExtensionDecorator.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatMessageTemplate, CometChatTheme, CometChatMessageComposerAction } from "@cometchat/uikit-resources"; 2 | import { CreatePollStyle } from "@cometchat/uikit-shared"; 3 | import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator"; 4 | import { DataSource } from "../../Shared/Framework/DataSource"; 5 | import { PollsConfiguration } from "./PollsConfiguration"; 6 | export declare class PollsExtensionDecorator extends DataSourceDecorator { 7 | theme: CometChatTheme; 8 | private loggedInUser; 9 | configuration?: PollsConfiguration; 10 | newDataSource: DataSource; 11 | constructor(dataSource: DataSource, configuration?: PollsConfiguration); 12 | getLoggedInUser(): Promise; 13 | getId(): string; 14 | getAllMessageTypes(): string[]; 15 | getAllMessageCategories(): string[]; 16 | checkIfTemplateExist(template: CometChatMessageTemplate[], type: string): boolean; 17 | getAllMessageTemplates(_theme?: CometChatTheme | undefined, additionalConfigurations?: any): CometChatMessageTemplate[]; 18 | getPollsTemplate(_theme: CometChatTheme): CometChatMessageTemplate; 19 | getPollsContentView(message: CometChat.CustomMessage, _theme: CometChatTheme): import("react/jsx-runtime").JSX.Element; 20 | getPollBubbleData(message: CometChat.CustomMessage, key?: string): any; 21 | getAttachmentOptions(theme: CometChatTheme, id: any): CometChatMessageComposerAction[]; 22 | onPollsButtonClicked(theme: CometChatTheme, ...args: any[]): void; 23 | getPollView(user: CometChat.User, group: CometChat.Group, createPollStyle: CreatePollStyle): import("react/jsx-runtime").JSX.Element; 24 | triggerCloseEvent(): void; 25 | getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations?: any): string; 26 | } 27 | -------------------------------------------------------------------------------- /dist/types/Extensions/SmartReplies/SmartRepliesConfiguration.d.ts: -------------------------------------------------------------------------------- 1 | import { SmartRepliesStyle } from "@cometchat/uikit-shared"; 2 | export declare class SmartRepliesConfiguration { 3 | private style; 4 | constructor(configuration: { 5 | style?: SmartRepliesStyle; 6 | }); 7 | getSmartRepliesStyle(): SmartRepliesStyle; 8 | } 9 | -------------------------------------------------------------------------------- /dist/types/Extensions/SmartReplies/SmartRepliesExtension.d.ts: -------------------------------------------------------------------------------- 1 | import { ExtensionsDataSource } from "../../Shared/Framework/ExtensionsDataSource"; 2 | import { SmartRepliesConfiguration } from "./SmartRepliesConfiguration"; 3 | export declare class SmartReplyExtension extends ExtensionsDataSource { 4 | private configuration?; 5 | private theme?; 6 | constructor(configuration?: SmartRepliesConfiguration); 7 | addExtension(): void; 8 | getExtensionId(): string; 9 | } 10 | -------------------------------------------------------------------------------- /dist/types/Extensions/SmartReplies/SmartRepliesExtensionDecorator.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatTheme } from "@cometchat/uikit-resources"; 2 | import React from "react"; 3 | import { DataSource } from "../../Shared/Framework/DataSource"; 4 | import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator"; 5 | import { SmartRepliesConfiguration } from "./SmartRepliesConfiguration"; 6 | export declare class SmartReplyExtensionDecorator extends DataSourceDecorator { 7 | configuration?: SmartRepliesConfiguration; 8 | theme?: CometChatTheme; 9 | private LISTENER_ID; 10 | private activeUser; 11 | private activeGroup; 12 | currentMessage: CometChat.BaseMessage | null; 13 | loggedInUser: CometChat.User | null; 14 | constructor(dataSource: DataSource, configuration?: SmartRepliesConfiguration, theme?: CometChatTheme); 15 | private addMessageListener; 16 | getReplies(message: CometChat.TextMessage): any[] | null; 17 | getSmartReplyStyle(): { 18 | replyTextFont: string; 19 | replyTextColor: string | undefined; 20 | replyBackground: string; 21 | boxShadow: string; 22 | closeIconTint: string | undefined; 23 | background: string; 24 | width: string; 25 | height: string; 26 | border: string; 27 | display: string; 28 | justifyContent: string; 29 | }; 30 | sendSmartReply(_event: any): void; 31 | closeSmartReply(): void; 32 | getSmartReplyButtonStyle(): React.CSSProperties; 33 | getSmartReplyView(message: CometChat.TextMessage): import("react/jsx-runtime").JSX.Element | null; 34 | getId(): string; 35 | } 36 | -------------------------------------------------------------------------------- /dist/types/Extensions/Stickers/StickersConfiguration.d.ts: -------------------------------------------------------------------------------- 1 | import { StickersStyle } from "@cometchat/uikit-shared"; 2 | export declare class StickersConfiguration { 3 | private style; 4 | private stickerIconURL; 5 | private closeIconURL; 6 | constructor(configuration: { 7 | style?: StickersStyle; 8 | stickerIconURL?: string; 9 | closeIconURL?: string; 10 | }); 11 | getStickersStyle(): StickersStyle; 12 | getStickerIconURL(): string; 13 | getCloseIconURL(): string; 14 | } 15 | -------------------------------------------------------------------------------- /dist/types/Extensions/Stickers/StickersExtension.d.ts: -------------------------------------------------------------------------------- 1 | import { ExtensionsDataSource } from "../../Shared/Framework/ExtensionsDataSource"; 2 | import { StickersConfiguration } from "./StickersConfiguration"; 3 | export declare class StickersExtension extends ExtensionsDataSource { 4 | private configuration?; 5 | constructor(configuration?: StickersConfiguration); 6 | addExtension(): void; 7 | getExtensionId(): string; 8 | } 9 | -------------------------------------------------------------------------------- /dist/types/Extensions/Stickers/StickersExtensionDecorator.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatMessageTemplate, CometChatTheme } from "@cometchat/uikit-resources"; 2 | import { DataSource } from "../../Shared/Framework/DataSource"; 3 | import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator"; 4 | import { StickersConfiguration } from "./StickersConfiguration"; 5 | export declare class StickersExtensionDecorator extends DataSourceDecorator { 6 | configuration?: StickersConfiguration; 7 | newDataSource: DataSource; 8 | showStickerKeyboard: boolean; 9 | theme: CometChatTheme; 10 | private id; 11 | private user; 12 | private group; 13 | constructor(dataSource: DataSource, configuration?: StickersConfiguration); 14 | getDataSource(): DataSource; 15 | getAllMessageTemplates(theme?: CometChatTheme | undefined, additionalConfigurations?: any): CometChatMessageTemplate[]; 16 | getAuxiliaryOptions(id: Map, theme: CometChatTheme, user?: CometChat.User, group?: CometChat.Group): any; 17 | getStickerAuxiliaryButton(id: Map, theme: CometChatTheme, user?: CometChat.User, group?: CometChat.Group): import("react/jsx-runtime").JSX.Element; 18 | sendSticker(event: any): void; 19 | getSticker(message: CometChat.CustomMessage): any; 20 | getStickerMessageContentView(stickerMessage: CometChat.CustomMessage, _theme: CometChatTheme): import("react/jsx-runtime").JSX.Element; 21 | getStickerTemplate(_theme: CometChatTheme): CometChatMessageTemplate; 22 | checkIfTemplateExist(template: CometChatMessageTemplate[], type: string): boolean; 23 | getAllMessageCategories(): string[]; 24 | getAllMessageTypes(): string[]; 25 | getId(): string; 26 | getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations?: any): string; 27 | } 28 | -------------------------------------------------------------------------------- /dist/types/Extensions/TextModerator/TextModeratorExtension.d.ts: -------------------------------------------------------------------------------- 1 | import { ExtensionsDataSource } from "../../Shared/Framework/ExtensionsDataSource"; 2 | export declare class TextModeratorExtension extends ExtensionsDataSource { 3 | addExtension(): void; 4 | getExtensionId(): string; 5 | enable(): void; 6 | } 7 | -------------------------------------------------------------------------------- /dist/types/Extensions/TextModerator/TextModeratorExtensionDecorator.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatTheme, MessageBubbleAlignment } from "@cometchat/uikit-resources"; 2 | import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator"; 3 | export declare class TextModeratorExtensionDecorator extends DataSourceDecorator { 4 | getId(): string; 5 | getModeratedtext(message: CometChat.TextMessage): string; 6 | getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations: any): string; 7 | getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, theme: CometChatTheme, additionalConfigurations?: any): any; 8 | } 9 | -------------------------------------------------------------------------------- /dist/types/Extensions/ThumbnailGeneration/ThumbnailGenerationExtension.d.ts: -------------------------------------------------------------------------------- 1 | import { ExtensionsDataSource } from "../../Shared/Framework/ExtensionsDataSource"; 2 | export declare class ThumbnailGenerationExtension extends ExtensionsDataSource { 3 | addExtension(): void; 4 | getExtensionId(): string; 5 | } 6 | -------------------------------------------------------------------------------- /dist/types/Extensions/ThumbnailGeneration/ThumbnailGenerationExtensionDecorator.d.ts: -------------------------------------------------------------------------------- 1 | import { BaseStyle, ImageBubbleStyle } from "@cometchat/uikit-elements"; 2 | import { CometChatTheme } from "@cometchat/uikit-resources"; 3 | import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator"; 4 | export declare class ThumbnailGenerationExtensionDecorator extends DataSourceDecorator { 5 | getId(): string; 6 | getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, theme: CometChatTheme, onClick?: Function, style?: ImageBubbleStyle): any; 7 | getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, theme: CometChatTheme, thumbnailUrl?: string, onClick?: Function, style?: BaseStyle): any; 8 | } 9 | -------------------------------------------------------------------------------- /dist/types/Shared/Framework/AIExtensionDataSource.d.ts: -------------------------------------------------------------------------------- 1 | declare abstract class AIExtensionDataSource { 2 | abstract addExtension(): void; 3 | abstract getExtensionId(): string; 4 | enable(): void; 5 | } 6 | export { AIExtensionDataSource }; 7 | -------------------------------------------------------------------------------- /dist/types/Shared/Framework/ChatConfigurator.d.ts: -------------------------------------------------------------------------------- 1 | import { DataSource } from "./DataSource"; 2 | export declare class ChatConfigurator { 3 | static dataSource: DataSource; 4 | static names: Array; 5 | static init(initialSource?: DataSource): void; 6 | static enable(callback: (dataSource: DataSource) => DataSource): void; 7 | static getDataSource(): DataSource; 8 | } 9 | -------------------------------------------------------------------------------- /dist/types/Shared/Framework/ExtensionsDataSource.d.ts: -------------------------------------------------------------------------------- 1 | declare abstract class ExtensionsDataSource { 2 | abstract addExtension(): void; 3 | abstract getExtensionId(): string; 4 | enable(): void; 5 | } 6 | export { ExtensionsDataSource }; 7 | -------------------------------------------------------------------------------- /dist/types/Shared/Utils/MessageUtils.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatMessageTemplate, CometChatTheme, MessageBubbleAlignment } from "@cometchat/uikit-resources"; 2 | export declare class MessageUtils { 3 | messageBubbleStyle(message: CometChat.BaseMessage, theme: CometChatTheme, alignment: MessageBubbleAlignment, currentUser: any): { 4 | background: string; 5 | border: string; 6 | borderRadius: string; 7 | } | { 8 | background: string | undefined; 9 | borderRadius: string; 10 | border?: undefined; 11 | }; 12 | getContentView(message: CometChat.BaseMessage, template: CometChatMessageTemplate): any; 13 | getBubbleWrapper(message: CometChat.BaseMessage, template: CometChatMessageTemplate): any; 14 | getMessageBubble(baseMessage: CometChat.BaseMessage, template: CometChatMessageTemplate, messageBubbleStyle: any, alignment: MessageBubbleAlignment): any; 15 | getUserStatusVisible(user?: CometChat.User | CometChat.GroupMember): boolean; 16 | } 17 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatButton/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import React, { JSX } from "react"; 2 | import { CometChatButton } from "."; 3 | type Args = { 4 | ref: React.MutableRefObject; 5 | onClickPropRef: React.MutableRefObject<((customEvent: CustomEvent<{ 6 | event: PointerEvent; 7 | }>) => void) | undefined>; 8 | childRefCallback?: (ref: React.RefObject) => void; 9 | }; 10 | export declare function Hooks(args: Args): void; 11 | export {}; 12 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatButton/index.d.ts: -------------------------------------------------------------------------------- 1 | import { CSSProperties } from "react"; 2 | type ButtonStyle = { 3 | buttonTextFont?: string; 4 | buttonTextColor?: string; 5 | buttonIconTint?: string; 6 | } & CSSProperties; 7 | interface ICometChatButtonProps { 8 | text?: string; 9 | hoverText?: string; 10 | iconURL?: string; 11 | disabled?: boolean; 12 | buttonStyle?: ButtonStyle; 13 | onClick?: (customEvent: CustomEvent<{ 14 | event: PointerEvent; 15 | }>) => void; 16 | childRefCallback?: (ref: React.RefObject) => void; 17 | } 18 | export declare function CometChatButton(props: ICometChatButtonProps): import("react/jsx-runtime").JSX.Element; 19 | export {}; 20 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatCheckbox/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import React, { JSX } from "react"; 2 | type Args = { 3 | ref: React.MutableRefObject; 4 | onChangePropRef: React.MutableRefObject<((customEvent: CustomEvent<{ 5 | checked: boolean; 6 | }>) => void) | undefined>; 7 | }; 8 | export declare function Hooks(args: Args): void; 9 | export {}; 10 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatCheckbox/index.d.ts: -------------------------------------------------------------------------------- 1 | import { CheckboxStyle } from "@cometchat/uikit-elements"; 2 | interface ICheckboxProps { 3 | name?: string; 4 | labelText?: string; 5 | checked?: boolean; 6 | disabled?: boolean; 7 | checkboxStyle?: CheckboxStyle; 8 | onChange?: (customEvent: CustomEvent<{ 9 | checked: boolean; 10 | }>) => void; 11 | } 12 | export declare function CometChatCheckbox(props: ICheckboxProps): import("react/jsx-runtime").JSX.Element; 13 | export {}; 14 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatContextMenu/index.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatActionsIcon, CometChatActionsView, Placement } from "@cometchat/uikit-resources"; 2 | import { MenuListStyle } from '@cometchat/uikit-elements'; 3 | interface ContextMenuProps { 4 | data: Array; 5 | topMenuSize: number; 6 | moreIconURL: string; 7 | moreIconHoverText: string; 8 | ContextMenuStyle: MenuListStyle; 9 | onOptionClicked: (option: CometChatActionsIcon | CometChatActionsView) => void; 10 | placement: Placement; 11 | parentClassName?: string; 12 | } 13 | export declare const CometChatContextMenu: (props: ContextMenuProps) => import("react/jsx-runtime").JSX.Element; 14 | export {}; 15 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatContextMenu/style.d.ts: -------------------------------------------------------------------------------- 1 | import { CSSProperties } from 'react'; 2 | import { CometChatTheme } from "@cometchat/uikit-resources"; 3 | import { MenuListStyle } from "@cometchat/uikit-elements"; 4 | export declare const contextMenuStyle: () => CSSProperties; 5 | export declare const topMenuStyle: () => CSSProperties; 6 | export declare const subMenuStyle: (showSubMenu: boolean, theme: CometChatTheme, position?: 'bottom' | 'top') => CSSProperties; 7 | export declare const menuItemStyle: () => { 8 | background: string; 9 | padding: string; 10 | }; 11 | export declare const moreButtonStyle: (ContextMenuStyle: MenuListStyle) => { 12 | background: string; 13 | border: string; 14 | borderRadius: string; 15 | buttonIconTint: string; 16 | }; 17 | export declare const menuButtonStyle: (isSubMenu: boolean, menuData: any) => { 18 | background: any; 19 | border: string; 20 | borderRadius: string; 21 | buttonIconTint: any; 22 | buttonTextFont: any; 23 | buttonTextColor: any; 24 | }; 25 | export declare const popoverStyle: { 26 | width: string; 27 | height: string; 28 | }; 29 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatList/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import React, { JSX } from "react"; 2 | import { DivElementRef } from "."; 3 | type Args = { 4 | onSearchRef: React.MutableRefObject<((searchStr: string) => void) | undefined>; 5 | searchInputElement: JSX.IntrinsicElements["cometchat-search-input"] | null; 6 | intersectionObserverRootRef: React.MutableRefObject; 7 | intersectionObserverBottomTargetRef: React.MutableRefObject; 8 | intersectionObserverTopTargetRef: React.MutableRefObject; 9 | onScrolledToBottomRef: React.MutableRefObject<(() => void) | undefined>; 10 | onScrolledToTopRef: React.MutableRefObject<(() => void) | undefined>; 11 | timeoutIdRef: React.MutableRefObject; 12 | scrollToBottom: boolean; 13 | didComponentScrollToBottomRef: React.MutableRefObject; 14 | scrollHeightTupleRef: React.MutableRefObject<[number, number]>; 15 | didTopObserverCallbackRunRef: React.MutableRefObject; 16 | errorHandler: (error: unknown) => void; 17 | scrolledUpCallback?: (boolean?: boolean) => void; 18 | }; 19 | export declare function Hooks(args: Args): void; 20 | export {}; 21 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatList/style.d.ts: -------------------------------------------------------------------------------- 1 | import { LabelStyle, LoaderStyle, SearchInputStyle } from "@cometchat/uikit-elements"; 2 | import { CSSProperties } from "react"; 3 | import { ListStyle } from "@cometchat/uikit-shared"; 4 | import { TitleAlignment } from "@cometchat/uikit-resources"; 5 | export declare function listWrapperStyle(listStyle: ListStyle | null): CSSProperties; 6 | export declare function headerStyle(emptyTitle: boolean): CSSProperties; 7 | export declare function titleStyle(listStyle: ListStyle | null, titleAlignment: TitleAlignment, emptyTitle?: Boolean): CSSProperties; 8 | export declare const searchStyle: CSSProperties; 9 | export declare function searchInputStyle(listStyle: ListStyle | null): SearchInputStyle; 10 | export declare function listItemContainerStyle(): CSSProperties; 11 | export declare function viewContainerStyle(): CSSProperties; 12 | export declare function defaultViewStyle(): CSSProperties; 13 | export declare function customViewStyle(): CSSProperties; 14 | export declare function loaderStyle(listStyle: ListStyle | null): LoaderStyle; 15 | export declare function sectionHeaderStyle(listStyle: ListStyle | null): CSSProperties; 16 | export declare function errorLabelStyle(listStyle: ListStyle | null): LabelStyle; 17 | export declare function emptyLabelStyle(listStyle: ListStyle | null): LabelStyle; 18 | export declare function intersectionObserverBottomTargetDivStyle(): CSSProperties; 19 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatListItem/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import React, { JSX } from "react"; 2 | type Args = { 3 | ref: React.MutableRefObject; 4 | onListItemClickPropRef: React.MutableRefObject<((customEvent: CustomEvent<{ 5 | id: string; 6 | }>) => void) | undefined>; 7 | }; 8 | export declare function Hooks(args: Args): void; 9 | export {}; 10 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatListItem/index.d.ts: -------------------------------------------------------------------------------- 1 | import { AvatarStyle, ListItemStyle } from "@cometchat/uikit-elements"; 2 | import { CSSProperties, JSX } from "react"; 3 | import { UserPresencePlacement } from "@cometchat/uikit-resources"; 4 | interface IListItemProps { 5 | id?: string; 6 | avatarURL?: string; 7 | avatarName?: string; 8 | statusIndicatorColor?: string | null; 9 | statusIndicatorIcon?: string; 10 | title?: string; 11 | isActive?: boolean; 12 | subtitleView?: JSX.Element | null; 13 | tailView?: JSX.Element | null; 14 | menuView?: JSX.Element | null; 15 | hideSeparator?: boolean; 16 | avatarStyle?: AvatarStyle; 17 | statusIndicatorStyle?: CSSProperties | null; 18 | listItemStyle?: ListItemStyle; 19 | onClick?: (customEvent: CustomEvent<{ 20 | id: string; 21 | }>) => void; 22 | subtitleViewClassName?: string; 23 | tailViewClassName?: string; 24 | menuViewClassName?: string; 25 | loadingIconURL?: string; 26 | userPresencePlacement?: UserPresencePlacement; 27 | } 28 | export declare function CometChatListItem(props: IListItemProps): import("react/jsx-runtime").JSX.Element; 29 | export {}; 30 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatMenuList/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import React, { JSX } from "react"; 2 | import { CometChatOption } from "@cometchat/uikit-resources"; 3 | type Args = { 4 | data: CometChatOption[]; 5 | idToOnClickMapRef: React.MutableRefObject void) | undefined> | null>; 6 | ref: React.MutableRefObject; 7 | onOptionClickPropRef: React.MutableRefObject<((customEvent: CustomEvent<{ 8 | data: CometChatOption; 9 | }>) => void) | undefined>; 10 | }; 11 | export declare function Hooks(args: Args): void; 12 | export {}; 13 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatMenuList/index.d.ts: -------------------------------------------------------------------------------- 1 | import { MenuListStyle } from "@cometchat/uikit-elements"; 2 | import { CometChatOption } from "@cometchat/uikit-resources"; 3 | interface IMenuListProps { 4 | data: CometChatOption[]; 5 | moreIconURL?: string; 6 | topMenuSize?: number; 7 | menuListStyle?: MenuListStyle; 8 | onOptionClick?: (customEvent: CustomEvent<{ 9 | data: CometChatOption; 10 | }>) => void; 11 | } 12 | export declare function CometChatMenuList(props: IMenuListProps): import("react/jsx-runtime").JSX.Element; 13 | export {}; 14 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatMessageBubble/index.d.ts: -------------------------------------------------------------------------------- 1 | import "@cometchat/uikit-elements"; 2 | import { CometChatActionsIcon, CometChatActionsView, MessageBubbleAlignment } from "@cometchat/uikit-resources"; 3 | import { BaseStyle } from '@cometchat/uikit-shared'; 4 | interface IMessageBubbleProps { 5 | id: any; 6 | setRef?: (ref: any) => void; 7 | leadingView: any; 8 | headerView: any; 9 | replyView: any; 10 | contentView: any; 11 | bottomView: any; 12 | threadView: any; 13 | footerView: any; 14 | statusInfoView?: any; 15 | options: (CometChatActionsIcon | CometChatActionsView)[]; 16 | alignment: MessageBubbleAlignment; 17 | messageBubbleStyle: BaseStyle; 18 | moreIconURL?: string; 19 | topMenuSize?: number; 20 | } 21 | declare const CometChatMessageBubble: (props: IMessageBubbleProps) => import("react/jsx-runtime").JSX.Element; 22 | export { CometChatMessageBubble }; 23 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatMessageBubble/style.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatTheme, MessageBubbleAlignment } from "@cometchat/uikit-resources"; 2 | import { CSSProperties } from "react"; 3 | export declare const MessageBubbleWrapperStyles: (alignment: MessageBubbleAlignment, MessageBubbleAlignment: any) => CSSProperties; 4 | export declare const MessageBubbleAvatarStyles: () => CSSProperties; 5 | export declare const MessageBubbleAlignmentStyles: (alignment: MessageBubbleAlignment, MessageBubbleAlignment: any) => CSSProperties; 6 | export declare const MessageBubbleTitleStyles: (alignment: MessageBubbleAlignment, MessageBubbleAlignment: any) => { 7 | display: string; 8 | justifyContent: string; 9 | alignItems: string; 10 | }; 11 | export declare const MessageOptionsStyles: (alignment: MessageBubbleAlignment, MessageBubbleAlignment: any, headerView: any, theme: CometChatTheme) => CSSProperties; 12 | export declare const menuListStyles: (theme: CometChatTheme) => { 13 | border: string; 14 | borderRadius: string; 15 | background: string | undefined; 16 | submenuWidth: string; 17 | submenuHeight: string; 18 | submenuBorder: string; 19 | submenuBorderRadius: string; 20 | submenuBackground: string | undefined; 21 | moreIconTint: string | undefined; 22 | }; 23 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatRadioButton/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import React, { JSX } from "react"; 2 | type Args = { 3 | ref: React.MutableRefObject; 4 | onChangePropRef: React.MutableRefObject<((customEvent: CustomEvent<{ 5 | checked: true; 6 | }>) => void) | undefined>; 7 | }; 8 | export declare function Hooks(args: Args): void; 9 | export {}; 10 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatRadioButton/index.d.ts: -------------------------------------------------------------------------------- 1 | import { RadioButtonStyle } from "@cometchat/uikit-elements"; 2 | interface IRadioButtonProps { 3 | name?: string; 4 | labelText?: string; 5 | checked?: boolean; 6 | disabled?: boolean; 7 | radioButtonStyle?: RadioButtonStyle; 8 | onChange?: (customEvent: CustomEvent<{ 9 | checked: true; 10 | }>) => void; 11 | } 12 | export declare function CometChatRadioButton(props: IRadioButtonProps): import("react/jsx-runtime").JSX.Element; 13 | export {}; 14 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatTabs/TabsStyle.d.ts: -------------------------------------------------------------------------------- 1 | import { BaseStyle } from "@cometchat/uikit-shared"; 2 | /** 3 | * TabsStyle 4 | * 5 | * @property {string} height - The height of the component. 6 | * @property {string} width - The width of the component. 7 | * @property {string} border - The border of the component. 8 | * @property {string} borderRadius - The border radius of the component. 9 | * @property {string} background - The background color of the component. 10 | * @property {string} tabListHeight - The height of the tab list. 11 | * @property {string} tabListWidth - The width of the tab list. 12 | * @property {string} tabListBorder - The border of the tab list. 13 | * @property {string} tabListBorderRadius - The border radius of the tab list. 14 | * @property {string} tabListBackground - The background color of the tab list. 15 | * @property {string} tabListBoxShadow - The box shadow of the tab list. 16 | * @property {string} tabListPadding - The padding of the tab list. 17 | * @property {string} tabPaneWidth - The width of the tab pane. 18 | * @property {string} tabPaneHeight - The height of the tab pane. 19 | */ 20 | export declare class TabsStyle extends BaseStyle { 21 | tabListHeight?: string; 22 | tabListWidth?: string; 23 | tabListBorder?: string; 24 | tabListBorderRadius?: string; 25 | tabListBackground?: string; 26 | tabListBoxShadow?: string; 27 | tabListPadding?: string; 28 | tabPaneWidth?: string; 29 | tabPaneHeight?: string; 30 | constructor(props: Partial); 31 | } 32 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatTabs/index.d.ts: -------------------------------------------------------------------------------- 1 | import { CometChatTabItem, IconButtonAlignment, TabAlignment } from "@cometchat/uikit-resources"; 2 | import { TabsStyle } from "./TabsStyle"; 3 | interface TabsProps { 4 | tabAlignment?: TabAlignment; 5 | tabsStyle?: TabsStyle; 6 | tabs: CometChatTabItem[]; 7 | keepAlive?: boolean; 8 | tabIconAlignment?: IconButtonAlignment; 9 | } 10 | declare const CometChatTabs: (props: TabsProps) => import("react/jsx-runtime").JSX.Element; 11 | export { CometChatTabs }; 12 | -------------------------------------------------------------------------------- /dist/types/Shared/Views/CometChatTabs/style.d.ts: -------------------------------------------------------------------------------- 1 | import { CSSProperties } from "react"; 2 | import { BaseStyle, TabItemStyle } from "@cometchat/uikit-shared"; 3 | import { CometChatTabItem, TabAlignment } from "@cometchat/uikit-resources"; 4 | import { TabsStyle } from "./TabsStyle"; 5 | export declare const TabsWrapperStyle: (tabStyle: BaseStyle | undefined) => CSSProperties; 6 | export declare const ButtonStyle: (style: TabItemStyle, active: boolean, iconURL?: string) => { 7 | background: string; 8 | buttonTextFont: string | undefined; 9 | buttonTextColor: string | undefined; 10 | buttonIconTint: string | undefined; 11 | height: string; 12 | width: string; 13 | border: string | undefined; 14 | borderRadius: string | undefined; 15 | gap: string; 16 | padding: string; 17 | justifyContent: string; 18 | }; 19 | export declare const getTabListStyle: (tabsStyle: TabsStyle | undefined, tabAlignment: TabAlignment) => CSSProperties; 20 | export declare function getTabContentStyle(tabsStyle: TabsStyle | undefined): CSSProperties; 21 | export declare function tabItemWrapperStyle(): { 22 | display: string; 23 | justifyContent: string; 24 | height: string; 25 | width: string; 26 | }; 27 | export declare const getTabItemStyle: (tabAlignment: TabAlignment | undefined, tab: CometChatTabItem, activeTab: CometChatTabItem | null, placement: string, tabsStyle: TabsStyle | undefined) => CSSProperties; 28 | export declare const TabPaneContentViewStyle: (tabStyle: BaseStyle | undefined) => CSSProperties; 29 | export declare function draggableStyle(): { 30 | width: string; 31 | height: string; 32 | background: string; 33 | }; 34 | export declare function tabPaneContentStyle(tab: CometChatTabItem, activeTab: CometChatTabItem | null): { 35 | display: string; 36 | height?: undefined; 37 | width?: undefined; 38 | } | { 39 | display: string; 40 | height: string; 41 | width: string; 42 | }; 43 | -------------------------------------------------------------------------------- /rollup.config.js: -------------------------------------------------------------------------------- 1 | import commonjs from "@rollup/plugin-commonjs"; 2 | import copy from 'rollup-plugin-copy'; 3 | import dts from "rollup-plugin-dts"; 4 | import resolve from "@rollup/plugin-node-resolve"; 5 | import terser from "@rollup/plugin-terser"; 6 | import typescript from "@rollup/plugin-typescript"; 7 | import url from '@rollup/plugin-url'; 8 | 9 | const packageJson = require("./package.json"); 10 | 11 | export default [ 12 | { 13 | input: "src/index.ts", 14 | output: [ 15 | { 16 | file: packageJson.main, 17 | format: "cjs", 18 | exports: "named", 19 | sourcemap: true, 20 | } 21 | ], 22 | plugins: [ 23 | resolve(), 24 | commonjs(), 25 | typescript({ sourceMap: true, inlineSources: true }), 26 | terser(), 27 | url({ 28 | include: ['**/*.svg','**/*.png'], 29 | fileName: '[name][extname]', 30 | }), 31 | copy({ 32 | targets: [ 33 | { src: './src/**/assets/**/*', dest: 'dist/assets' } 34 | ] 35 | }), 36 | ], 37 | external: ["react", "react-dom", "@cometchat/chat-sdk-javascript", "@cometchat/uikit-elements", "@cometchat/uikit-resources", "@cometchat/uikit-shared", "@cometchat/calls-sdk-javascript"], 38 | }, 39 | { 40 | input: "src/index.ts", 41 | output: [{ file: "dist/index.d.ts", format: "es" }], 42 | plugins: [dts.default()], 43 | }, 44 | ]; 45 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "esModuleInterop": true, 4 | "strict": true, 5 | "skipLibCheck": true, 6 | "jsx": "react-jsx", 7 | "target": "es2020", 8 | "module": "es2020", 9 | "lib": ["es2022", "DOM", "DOM.Iterable"], 10 | "declaration": true, 11 | "declarationDir": "types", 12 | "sourceMap": true, 13 | "outDir": "dist", 14 | "moduleResolution": "node", 15 | "emitDeclarationOnly": true, 16 | "allowSyntheticDefaultImports": true, 17 | "forceConsistentCasingInFileNames": true, 18 | "useDefineForClassFields": false 19 | }, 20 | "exclude": [ 21 | "dist", 22 | "node_modules", 23 | "src/**/*.test.tsx", 24 | "src/**/*.stories.tsx", 25 | "examples" 26 | ] 27 | } 28 | -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require("path"); 2 | const pkg = require("./package.json"); 3 | const MiniCssExtractPlugin = require("mini-css-extract-plugin"); 4 | 5 | 6 | module.exports = { 7 | mode: "production", 8 | entry: path.resolve(__dirname, "src", "index.js"), 9 | output: { 10 | path: path.resolve(__dirname, "dist"), 11 | filename: "index.js", //<-filename for bundled file 12 | library: pkg.name, 13 | libraryTarget: "commonjs", 14 | }, 15 | module: { 16 | rules: [ 17 | { 18 | test: /\.(js|jsx)$/, 19 | include: path.resolve(__dirname, "src"), 20 | exclude: /node_modules/, 21 | use: [ 22 | { 23 | loader: "babel-loader", 24 | options: { 25 | presets: [ 26 | [ 27 | "@babel/preset-env", 28 | { 29 | targets: "defaults", 30 | }, 31 | ], 32 | "@babel/preset-react", 33 | ], 34 | }, 35 | }, 36 | ], 37 | }, 38 | { 39 | test: /\.css$/i, 40 | //include: path.resolve(__dirname, "src"), 41 | use: [ 42 | "style-loader", // creates style nodes from JS strings 43 | "css-loader", 44 | ], 45 | }, 46 | { 47 | test: /\.(png|jpe?g|gif|svg|wav|mp3)$/i, 48 | use: [ 49 | { 50 | loader: "file-loader", 51 | options: { 52 | name: "[name].[ext]", 53 | outputPath: "resources/", 54 | esModule: false, 55 | }, 56 | }, 57 | ], 58 | }, 59 | ], 60 | }, 61 | plugins: [ 62 | new MiniCssExtractPlugin({ 63 | filename: "[name].bundle.css", 64 | chunkFilename: "[id].css", 65 | }), 66 | ], 67 | }; 68 | --------------------------------------------------------------------------------