@zohoim/chat-components 1.1.1 → 1.1.2-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -1
- package/assets/Appearance/dark/mode/General_DarkMode.module.css +93 -0
- package/assets/Appearance/dark/themes/blue/blue_General_DarkTheme.module.css +40 -0
- package/assets/Appearance/dark/themes/green/green_General_DarkTheme.module.css +40 -0
- package/assets/Appearance/dark/themes/orange/orange_General_DarkTheme.module.css +40 -0
- package/assets/Appearance/dark/themes/red/red_General_DarkTheme.module.css +40 -0
- package/assets/Appearance/dark/themes/yellow/yellow_General_DarkTheme.module.css +40 -0
- package/assets/Appearance/light/mode/General_LightMode.module.css +93 -0
- package/assets/Appearance/light/themes/blue/blue_General_LightTheme.module.css +40 -0
- package/assets/Appearance/light/themes/green/green_General_LightTheme.module.css +40 -0
- package/assets/Appearance/light/themes/orange/orange_General_LightTheme.module.css +40 -0
- package/assets/Appearance/light/themes/red/red_General_LightTheme.module.css +40 -0
- package/assets/Appearance/light/themes/yellow/yellow_General_LightTheme.module.css +40 -0
- package/assets/Appearance/pureDark/mode/General_PureDarkMode.module.css +93 -0
- package/assets/Appearance/pureDark/themes/blue/blue_General_PureDarkTheme.module.css +40 -0
- package/assets/Appearance/pureDark/themes/green/green_General_PureDarkTheme.module.css +40 -0
- package/assets/Appearance/pureDark/themes/orange/orange_General_PureDarkTheme.module.css +40 -0
- package/assets/Appearance/pureDark/themes/red/red_General_PureDarkTheme.module.css +40 -0
- package/assets/Appearance/pureDark/themes/yellow/yellow_General_PureDarkTheme.module.css +40 -0
- package/es/ActionIcon/ActionIcon.js +5 -4
- package/es/ActionIconWrapper/css/ActionIconWrapper.module.css +2 -2
- package/es/AttachmentBubble/AttachmentBubble.js +9 -8
- package/es/AttachmentBubble/css/AttachmentBubble.module.css +2 -1
- package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +2 -2
- package/es/AttachmentHandler/AttachmentHandler.js +5 -4
- package/es/AttachmentHandler/css/AttachmentHandler.module.css +2 -2
- package/es/AttachmentPreview/AttachmentPreview.js +7 -7
- package/es/AttachmentPreviewBody/AttachmentPreviewBody.js +7 -7
- package/es/AttachmentPreviewBody/css/AttachmentPreviewBody.module.css +4 -8
- package/es/AttachmentPreviewHeader/AttachmentPreviewHeader.js +7 -7
- package/es/AttachmentPreviewHeader/css/AttachmentPreviewHeader.module.css +4 -4
- package/es/AudioBubble/AudioBubble.js +9 -8
- package/es/Emoji/Emoji.js +0 -0
- package/es/Emoji/css/Emoji.module.css +4 -4
- package/es/Emoji/css/cssJSLogic.js +0 -0
- package/es/Emoji/index.js +0 -0
- package/es/Emoji/props/defaultProps.js +0 -0
- package/es/Emoji/props/propTypes.js +0 -0
- package/es/EmojiPopup/EmojiPopup.js +9 -10
- package/es/EmojiPopup/css/EmojiPopup.module.css +2 -2
- package/es/Emojis/Emojis.js +9 -10
- package/es/Emojis/index.js +0 -0
- package/es/Emojis/props/defaultProps.js +0 -0
- package/es/Emojis/props/propTypes.js +0 -0
- package/es/EmojisEmptyState/EmojisEmptyState.js +0 -0
- package/es/EmojisEmptyState/css/EmojisEmptyState.module.css +0 -0
- package/es/EmojisEmptyState/index.js +0 -0
- package/es/EmojisEmptyState/props/defaultProps.js +0 -0
- package/es/EmojisEmptyState/props/propTypes.js +0 -0
- package/es/EmojisFooter/EmojisFooter.js +5 -4
- package/es/EmojisFooter/css/EmojisFooter.module.css +2 -2
- package/es/EmojisFooter/index.js +0 -0
- package/es/EmojisFooter/props/defaultProps.js +0 -0
- package/es/EmojisFooter/props/propTypes.js +0 -0
- package/es/EmojisHeader/EmojisHeader.js +5 -4
- package/es/EmojisHeader/css/EmojisHeader.module.css +3 -3
- package/es/EmojisHeader/index.js +0 -0
- package/es/EmojisHeader/props/defaultProps.js +0 -0
- package/es/EmojisHeader/props/propTypes.js +0 -0
- package/es/EmojisList/EmojisList.js +6 -6
- package/es/EmojisList/css/EmojisList.module.css +3 -3
- package/es/EmojisList/css/cssJSLogic.js +0 -0
- package/es/EmojisList/index.js +0 -0
- package/es/EmojisList/props/defaultProps.js +0 -0
- package/es/EmojisList/props/propTypes.js +0 -0
- package/es/ImageBubble/css/ImageBubble.module.css +1 -1
- package/es/MediaBubbleWrapper/MediaBubbleWrapper.js +6 -4
- package/es/Message/Message.js +9 -16
- package/es/MessageAction/MessageAction.js +10 -11
- package/es/MessageActions/MessageActions.js +11 -13
- package/es/MessageActionsWrapper/MessageActionsWrapper.js +5 -4
- package/es/MessageBox/css/MessageBox.module.css +5 -5
- package/es/MessageBubble/css/MessageBubble.module.css +3 -3
- package/es/MoreActionItem/css/MoreActionItem.module.css +2 -2
- package/es/ReplyBubble/ReplyBubble.js +10 -11
- package/es/Theme/ThemeAssets.js +18 -0
- package/es/Theme/ThemeWrapper.js +13 -9
- package/es/Theme/TooltipWrapper.js +5 -4
- package/es/Theme/utils/getThemeConfigurations.js +1 -55
- package/es/VideoBubble/VideoBubble.js +9 -8
- package/es/icons/iconSrc/attachments/Audio.js +1 -2
- package/es/icons/iconSrc/attachments/Code.js +1 -2
- package/es/icons/iconSrc/attachments/Image.js +1 -2
- package/es/icons/iconSrc/attachments/Pdf.js +1 -2
- package/es/icons/iconSrc/attachments/Ppt.js +1 -2
- package/es/icons/iconSrc/attachments/Text.js +1 -2
- package/es/icons/iconSrc/attachments/Txt.js +1 -2
- package/es/icons/iconSrc/attachments/Unknown.js +1 -2
- package/es/icons/iconSrc/attachments/Video.js +1 -2
- package/es/icons/iconSrc/attachments/Xls.js +1 -2
- package/es/icons/iconSrc/attachments/Zip.js +1 -2
- package/es/icons/iconSrc/common/AlertTriangle.js +1 -2
- package/es/icons/iconSrc/common/Article.js +1 -2
- package/es/icons/iconSrc/common/Reply.js +1 -2
- package/es/icons/iconSrc/messageStatus/Clock.js +1 -2
- package/es/icons/iconSrc/messageStatus/DoubleTick.js +1 -2
- package/es/icons/iconSrc/messageStatus/Failed.js +1 -2
- package/es/icons/iconSrc/messageStatus/Tick.js +1 -2
- package/es/im/IMAttachmentHandler/IMAttachmentHandler.js +5 -4
- package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +6 -6
- package/es/im/IMMessage/IMMessage.js +17 -20
- package/es/im/IMMessage/css/IMMessage.module.css +3 -3
- package/es/im/IMMessageContent/IMMessageContent.js +18 -30
- package/es/im/IMMessageMeta/IMMessageMeta.js +5 -4
- package/es/im/IMMessageMeta/css/IMMessageMeta.module.css +3 -3
- package/es/im/IMMessageMetaInfo/css/IMMessageMetaInfo.module.css +2 -2
- package/es/im/IMReplyBubble/IMReplyBubble.js +6 -4
- package/es/im/IMTextBubble/IMTextBubble.js +6 -4
- package/es/im/ReplyComposer/ReplyComposer.js +12 -14
- package/es/im/ReplyEditor/ReplyEditor.js +5 -4
- package/es/im/ReplyEditor/css/ReplyEditor.module.css +4 -4
- package/es/im/ReplyEditorExtensions/ReplyEditorExtensions.js +11 -12
- package/es/im/ReplyEditorSuggestions/ReplyEditorSuggestions.js +8 -9
- package/es/im/ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup.js +5 -4
- package/es/rte/Editor/css/Editor.module.css +0 -0
- package/es/rte/Editor/index.js +0 -0
- package/es/rte/Editor/props/defaultProps.js +0 -0
- package/es/rte/Editor/props/propTypes.js +0 -0
- package/lib/ActionIcon/ActionIcon.js +97 -0
- package/lib/ActionIcon/css/ActionIcon.module.css +8 -0
- package/lib/ActionIcon/index.js +15 -0
- package/lib/ActionIcon/props/defaultProps.js +17 -0
- package/lib/ActionIcon/props/propTypes.js +30 -0
- package/lib/ActionIconWrapper/ActionIconWrapper.js +81 -0
- package/lib/ActionIconWrapper/css/ActionIconWrapper.module.css +32 -0
- package/lib/ActionIconWrapper/css/cssJSLogic.js +21 -0
- package/lib/ActionIconWrapper/index.js +15 -0
- package/lib/ActionIconWrapper/props/defaultProps.js +15 -0
- package/lib/ActionIconWrapper/props/propTypes.js +24 -0
- package/lib/AttachmentBubble/AttachmentBubble.js +93 -0
- package/lib/AttachmentBubble/css/AttachmentBubble.module.css +56 -0
- package/lib/AttachmentBubble/css/cssJSLogic.js +22 -0
- package/lib/AttachmentBubble/index.js +15 -0
- package/lib/AttachmentBubble/props/defaultProps.js +17 -0
- package/lib/AttachmentBubble/props/propTypes.js +30 -0
- package/lib/AttachmentBubbleInfo/AttachmentBubbleInfo.js +63 -0
- package/lib/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +39 -0
- package/lib/AttachmentBubbleInfo/css/cssJSLogic.js +20 -0
- package/lib/AttachmentBubbleInfo/index.js +15 -0
- package/lib/AttachmentBubbleInfo/props/defaultProps.js +15 -0
- package/lib/AttachmentBubbleInfo/props/propTypes.js +20 -0
- package/lib/AttachmentHandler/AttachmentHandler.js +101 -0
- package/lib/AttachmentHandler/css/AttachmentHandler.module.css +27 -0
- package/lib/AttachmentHandler/index.js +15 -0
- package/lib/AttachmentHandler/props/defaultProps.js +19 -0
- package/lib/AttachmentHandler/props/propTypes.js +28 -0
- package/lib/AttachmentIcon/AttachmentIcon.js +84 -0
- package/lib/AttachmentIcon/css/AttachmentIcon.module.css +8 -0
- package/lib/AttachmentIcon/css/cssJSLogic.js +20 -0
- package/lib/AttachmentIcon/index.js +15 -0
- package/lib/AttachmentIcon/props/defaultProps.js +17 -0
- package/lib/AttachmentIcon/props/propTypes.js +31 -0
- package/lib/AttachmentIcon/utils/getAttachmentIconComponent.js +78 -0
- package/lib/AttachmentPreview/AttachmentPreview.js +144 -0
- package/lib/AttachmentPreview/css/AttachmentPreview.module.css +39 -0
- package/lib/AttachmentPreview/index.js +15 -0
- package/lib/AttachmentPreview/props/defaultProps.js +18 -0
- package/lib/AttachmentPreview/props/propTypes.js +44 -0
- package/lib/AttachmentPreviewBody/AttachmentPreviewBody.js +120 -0
- package/lib/AttachmentPreviewBody/css/AttachmentPreviewBody.module.css +71 -0
- package/lib/AttachmentPreviewBody/index.js +15 -0
- package/lib/AttachmentPreviewBody/props/defaultProps.js +16 -0
- package/lib/AttachmentPreviewBody/props/propTypes.js +31 -0
- package/lib/AttachmentPreviewHeader/AttachmentPreviewHeader.js +94 -0
- package/lib/AttachmentPreviewHeader/css/AttachmentPreviewHeader.module.css +47 -0
- package/lib/AttachmentPreviewHeader/index.js +15 -0
- package/lib/AttachmentPreviewHeader/props/defaultProps.js +16 -0
- package/lib/AttachmentPreviewHeader/props/propTypes.js +27 -0
- package/lib/Audio/Audio.js +55 -0
- package/lib/Audio/css/Audio.module.css +7 -0
- package/lib/Audio/index.js +15 -0
- package/lib/Audio/props/defaultProps.js +15 -0
- package/lib/Audio/props/propTypes.js +19 -0
- package/lib/AudioBubble/AudioBubble.js +68 -0
- package/lib/AudioBubble/css/AudioBubble.module.css +4 -0
- package/lib/AudioBubble/index.js +15 -0
- package/lib/AudioBubble/props/defaultProps.js +16 -0
- package/lib/AudioBubble/props/propTypes.js +27 -0
- package/lib/Emoji/Emoji.js +87 -0
- package/lib/Emoji/css/Emoji.module.css +48 -0
- package/lib/Emoji/css/cssJSLogic.js +22 -0
- package/lib/Emoji/index.js +15 -0
- package/lib/Emoji/props/defaultProps.js +17 -0
- package/lib/Emoji/props/propTypes.js +27 -0
- package/lib/EmojiPopup/EmojiPopup.js +135 -0
- package/lib/EmojiPopup/css/EmojiPopup.module.css +55 -0
- package/lib/EmojiPopup/index.js +15 -0
- package/lib/EmojiPopup/props/defaultProps.js +20 -0
- package/lib/EmojiPopup/props/propTypes.js +33 -0
- package/lib/Emojis/Emojis.js +92 -0
- package/lib/Emojis/index.js +15 -0
- package/lib/Emojis/props/defaultProps.js +19 -0
- package/lib/Emojis/props/propTypes.js +31 -0
- package/lib/EmojisEmptyState/EmojisEmptyState.js +74 -0
- package/lib/EmojisEmptyState/css/EmojisEmptyState.module.css +18 -0
- package/lib/EmojisEmptyState/index.js +15 -0
- package/lib/EmojisEmptyState/props/defaultProps.js +18 -0
- package/lib/EmojisEmptyState/props/propTypes.js +19 -0
- package/lib/EmojisFooter/EmojisFooter.js +87 -0
- package/lib/EmojisFooter/css/EmojisFooter.module.css +40 -0
- package/lib/EmojisFooter/index.js +15 -0
- package/lib/EmojisFooter/props/defaultProps.js +16 -0
- package/lib/EmojisFooter/props/propTypes.js +23 -0
- package/lib/EmojisHeader/EmojisHeader.js +74 -0
- package/lib/EmojisHeader/css/EmojisHeader.module.css +36 -0
- package/lib/EmojisHeader/index.js +15 -0
- package/lib/EmojisHeader/props/defaultProps.js +17 -0
- package/lib/EmojisHeader/props/propTypes.js +24 -0
- package/lib/EmojisList/EmojisList.js +143 -0
- package/lib/EmojisList/css/EmojisList.module.css +50 -0
- package/lib/EmojisList/css/cssJSLogic.js +27 -0
- package/lib/EmojisList/index.js +15 -0
- package/lib/EmojisList/props/defaultProps.js +19 -0
- package/lib/EmojisList/props/propTypes.js +31 -0
- package/lib/Fonts/puviFont.module.css +62 -0
- package/lib/ImageBubble/ImageBubble.js +98 -0
- package/lib/ImageBubble/css/ImageBubble.module.css +63 -0
- package/lib/ImageBubble/css/cssJSLogic.js +21 -0
- package/lib/ImageBubble/index.js +15 -0
- package/lib/ImageBubble/props/defaultProps.js +15 -0
- package/lib/ImageBubble/props/propTypes.js +24 -0
- package/lib/LazyLoadImage/LazyLoadImage.js +54 -0
- package/lib/LazyLoadImage/css/LazyLoadImage.module.css +5 -0
- package/lib/LazyLoadImage/index.js +15 -0
- package/lib/LazyLoadImage/props/defaultProps.js +15 -0
- package/lib/LazyLoadImage/props/propTypes.js +19 -0
- package/lib/LocationBubble/LocationBubble.js +77 -0
- package/lib/LocationBubble/css/LocationBubble.module.css +57 -0
- package/lib/LocationBubble/css/cssJSLogic.js +20 -0
- package/lib/LocationBubble/images/location.png +0 -0
- package/lib/LocationBubble/index.js +15 -0
- package/lib/LocationBubble/props/defaultProps.js +15 -0
- package/lib/LocationBubble/props/propTypes.js +19 -0
- package/lib/MediaBubbleWrapper/MediaBubbleWrapper.js +76 -0
- package/lib/MediaBubbleWrapper/css/MediaBubbleWrapper.module.css +7 -0
- package/lib/MediaBubbleWrapper/index.js +15 -0
- package/lib/MediaBubbleWrapper/props/defaultProps.js +16 -0
- package/lib/MediaBubbleWrapper/props/propTypes.js +28 -0
- package/lib/Message/Message.js +157 -0
- package/lib/Message/index.js +15 -0
- package/lib/Message/props/defaultProps.js +22 -0
- package/lib/Message/props/propTypes.js +55 -0
- package/lib/MessageAction/MessageAction.js +77 -0
- package/lib/MessageAction/index.js +15 -0
- package/lib/MessageAction/props/defaultProps.js +17 -0
- package/lib/MessageAction/props/propTypes.js +34 -0
- package/lib/MessageActions/MessageActions.js +135 -0
- package/lib/MessageActions/css/MessageActions.module.css +24 -0
- package/lib/MessageActions/index.js +15 -0
- package/lib/MessageActions/props/defaultProps.js +20 -0
- package/lib/MessageActions/props/propTypes.js +38 -0
- package/lib/MessageActionsMore/MessageActionsMore.js +128 -0
- package/lib/MessageActionsMore/css/MessageActionsMore.module.css +24 -0
- package/lib/MessageActionsMore/index.js +15 -0
- package/lib/MessageActionsMore/props/defaultProps.js +18 -0
- package/lib/MessageActionsMore/props/propTypes.js +29 -0
- package/lib/MessageActionsWrapper/MessageActionsWrapper.js +91 -0
- package/lib/MessageActionsWrapper/css/MessageActionsWrapper.module.css +7 -0
- package/lib/MessageActionsWrapper/index.js +15 -0
- package/lib/MessageActionsWrapper/props/defaultProps.js +19 -0
- package/lib/MessageActionsWrapper/props/propTypes.js +27 -0
- package/lib/MessageAvatar/MessageAvatar.js +64 -0
- package/lib/MessageAvatar/css/MessageAvatar.module.css +23 -0
- package/lib/MessageAvatar/index.js +15 -0
- package/lib/MessageAvatar/props/defaultProps.js +16 -0
- package/lib/MessageAvatar/props/propTypes.js +24 -0
- package/lib/MessageBox/MessageBox.js +82 -0
- package/lib/MessageBox/css/MessageBox.module.css +56 -0
- package/lib/MessageBox/css/cssJSLogic.js +22 -0
- package/lib/MessageBox/index.js +15 -0
- package/lib/MessageBox/props/defaultProps.js +15 -0
- package/lib/MessageBox/props/propTypes.js +24 -0
- package/lib/MessageBubble/MessageBubble.js +153 -0
- package/lib/MessageBubble/css/MessageBubble.module.css +101 -0
- package/lib/MessageBubble/css/cssJSLogic.js +38 -0
- package/lib/MessageBubble/index.js +15 -0
- package/lib/MessageBubble/props/defaultProps.js +22 -0
- package/lib/MessageBubble/props/propTypes.js +30 -0
- package/lib/MessageStatus/MessageStatus.js +88 -0
- package/lib/MessageStatus/css/MessageStatus.module.css +17 -0
- package/lib/MessageStatus/css/cssJSLogic.js +33 -0
- package/lib/MessageStatus/index.js +15 -0
- package/lib/MessageStatus/props/defaultProps.js +15 -0
- package/lib/MessageStatus/props/propTypes.js +24 -0
- package/lib/MoreActionItem/MoreActionItem.js +94 -0
- package/lib/MoreActionItem/css/MoreActionItem.module.css +27 -0
- package/lib/MoreActionItem/index.js +15 -0
- package/lib/MoreActionItem/props/defaultProps.js +16 -0
- package/lib/MoreActionItem/props/propTypes.js +25 -0
- package/lib/ReplyBubble/ReplyBubble.js +136 -0
- package/lib/ReplyBubble/css/ReplyBubble.module.css +23 -0
- package/lib/ReplyBubble/css/cssJSLogic.js +20 -0
- package/lib/ReplyBubble/index.js +15 -0
- package/lib/ReplyBubble/props/defaultProps.js +17 -0
- package/lib/ReplyBubble/props/propTypes.js +39 -0
- package/lib/ReplyBubbleContent/ReplyBubbleContent.js +77 -0
- package/lib/ReplyBubbleContent/css/ReplyBubbleContent.module.css +75 -0
- package/lib/ReplyBubbleContent/css/cssJSLogic.js +20 -0
- package/lib/ReplyBubbleContent/index.js +15 -0
- package/lib/ReplyBubbleContent/props/defaultProps.js +15 -0
- package/lib/ReplyBubbleContent/props/propTypes.js +22 -0
- package/lib/ReplyBubbleHeader/ReplyBubbleHeader.js +97 -0
- package/lib/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +44 -0
- package/lib/ReplyBubbleHeader/css/cssJSLogic.js +18 -0
- package/lib/ReplyBubbleHeader/index.js +15 -0
- package/lib/ReplyBubbleHeader/props/defaultProps.js +16 -0
- package/lib/ReplyBubbleHeader/props/propTypes.js +24 -0
- package/lib/TextBubble/TextBubble.js +69 -0
- package/lib/TextBubble/css/TextBubble.module.css +35 -0
- package/lib/TextBubble/css/cssJSLogic.js +22 -0
- package/lib/TextBubble/index.js +15 -0
- package/lib/TextBubble/props/defaultProps.js +15 -0
- package/lib/TextBubble/props/propTypes.js +21 -0
- package/lib/Theme/ThemeAssets.js +182 -0
- package/lib/Theme/ThemeWrapper.js +130 -0
- package/lib/Theme/TooltipWrapper.js +97 -0
- package/lib/Theme/css/TooltipWrapper.module.css +10 -0
- package/lib/Theme/index.js +15 -0
- package/lib/Theme/props/defaultProps.js +20 -0
- package/lib/Theme/props/propTypes.js +26 -0
- package/lib/Theme/utils/combineConfigurations.js +31 -0
- package/lib/Theme/utils/flatVariables.js +21 -0
- package/lib/Theme/utils/getCustomizedCssVariables.js +29 -0
- package/lib/Theme/utils/getThemeConfigurations.js +28 -0
- package/lib/Theme/utils/getWrapperDivProps.js +23 -0
- package/lib/Video/Video.js +55 -0
- package/lib/Video/css/Video.module.css +5 -0
- package/lib/Video/index.js +15 -0
- package/lib/Video/props/defaultProps.js +15 -0
- package/lib/Video/props/propTypes.js +19 -0
- package/lib/VideoBubble/VideoBubble.js +77 -0
- package/lib/VideoBubble/css/VideoBubble.module.css +12 -0
- package/lib/VideoBubble/css/cssJSLogic.js +20 -0
- package/lib/VideoBubble/index.js +15 -0
- package/lib/VideoBubble/props/defaultProps.js +16 -0
- package/lib/VideoBubble/props/propTypes.js +28 -0
- package/lib/constants/index.js +18 -0
- package/lib/constants/propConstants/editorPropConstants.js +12 -0
- package/lib/constants/propConstants/popupPropConstants.js +10 -0
- package/lib/css/common.module.css +6 -0
- package/lib/icons/create-icon-components.js +199 -0
- package/lib/icons/factory/attachments/audio.svg +19 -0
- package/lib/icons/factory/attachments/code.svg +21 -0
- package/lib/icons/factory/attachments/image.svg +20 -0
- package/lib/icons/factory/attachments/pdf.svg +19 -0
- package/lib/icons/factory/attachments/ppt.svg +1 -0
- package/lib/icons/factory/attachments/text.svg +22 -0
- package/lib/icons/factory/attachments/unknown.svg +21 -0
- package/lib/icons/factory/attachments/video.svg +19 -0
- package/lib/icons/factory/attachments/xls.svg +1 -0
- package/lib/icons/factory/attachments/zip.svg +27 -0
- package/lib/icons/factory/common/alertTriangle.svg +5 -0
- package/lib/icons/factory/common/article.svg +4 -0
- package/lib/icons/factory/common/reply.svg +6 -0
- package/lib/icons/factory/messageStatus/clock.svg +7 -0
- package/lib/icons/factory/messageStatus/doubleTick.svg +1 -0
- package/lib/icons/factory/messageStatus/failed.svg +7 -0
- package/lib/icons/factory/messageStatus/tick.svg +1 -0
- package/lib/icons/icon.template.js +18 -0
- package/lib/icons/iconSrc/attachments/Audio.js +41 -0
- package/lib/icons/iconSrc/attachments/Code.js +47 -0
- package/lib/icons/iconSrc/attachments/Image.js +46 -0
- package/lib/icons/iconSrc/attachments/Pdf.js +41 -0
- package/lib/icons/iconSrc/attachments/Ppt.js +38 -0
- package/lib/icons/iconSrc/attachments/Text.js +50 -0
- package/lib/icons/iconSrc/attachments/Txt.js +50 -0
- package/lib/icons/iconSrc/attachments/Unknown.js +44 -0
- package/lib/icons/iconSrc/attachments/Video.js +41 -0
- package/lib/icons/iconSrc/attachments/Xls.js +38 -0
- package/lib/icons/iconSrc/attachments/Zip.js +89 -0
- package/lib/icons/iconSrc/attachments/index.js +87 -0
- package/lib/icons/iconSrc/common/AlertTriangle.js +35 -0
- package/lib/icons/iconSrc/common/Article.js +29 -0
- package/lib/icons/iconSrc/common/Reply.js +25 -0
- package/lib/icons/iconSrc/common/index.js +31 -0
- package/lib/icons/iconSrc/messageStatus/Clock.js +26 -0
- package/lib/icons/iconSrc/messageStatus/DoubleTick.js +28 -0
- package/lib/icons/iconSrc/messageStatus/Failed.js +26 -0
- package/lib/icons/iconSrc/messageStatus/Tick.js +25 -0
- package/lib/icons/iconSrc/messageStatus/index.js +39 -0
- package/lib/im/ArticleBubble/ArticleBubble.js +104 -0
- package/lib/im/ArticleBubble/css/ArticleBubble.module.css +75 -0
- package/lib/im/ArticleBubble/css/cssJSLogic.js +18 -0
- package/lib/im/ArticleBubble/index.js +15 -0
- package/lib/im/ArticleBubble/props/defaultProps.js +15 -0
- package/lib/im/ArticleBubble/props/propTypes.js +25 -0
- package/lib/im/IMAttachmentHandler/IMAttachmentHandler.js +59 -0
- package/lib/im/IMAttachmentHandler/index.js +15 -0
- package/lib/im/IMAttachmentHandler/props/defaultProps.js +19 -0
- package/lib/im/IMAttachmentHandler/props/propTypes.js +38 -0
- package/lib/im/IMIntegrationIcon/IMIntegrationIcon.js +82 -0
- package/lib/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +72 -0
- package/lib/im/IMIntegrationIcon/css/cssJSLogic.js +48 -0
- package/lib/im/IMIntegrationIcon/index.js +15 -0
- package/lib/im/IMIntegrationIcon/props/defaultProps.js +21 -0
- package/lib/im/IMIntegrationIcon/props/propTypes.js +27 -0
- package/lib/im/IMMessage/IMMessage.js +223 -0
- package/lib/im/IMMessage/css/IMMessage.module.css +36 -0
- package/lib/im/IMMessage/css/cssJSLogic.js +21 -0
- package/lib/im/IMMessage/index.js +15 -0
- package/lib/im/IMMessage/props/defaultProps.js +25 -0
- package/lib/im/IMMessage/props/propTypes.js +118 -0
- package/lib/im/IMMessageContent/IMMessageContent.js +149 -0
- package/lib/im/IMMessageContent/css/IMMessageContent.module.css +8 -0
- package/lib/im/IMMessageContent/index.js +15 -0
- package/lib/im/IMMessageContent/props/defaultProps.js +18 -0
- package/lib/im/IMMessageContent/props/propTypes.js +65 -0
- package/lib/im/IMMessageMeta/IMMessageMeta.js +79 -0
- package/lib/im/IMMessageMeta/css/IMMessageMeta.module.css +46 -0
- package/lib/im/IMMessageMeta/css/cssJSLogic.js +35 -0
- package/lib/im/IMMessageMeta/index.js +15 -0
- package/lib/im/IMMessageMeta/props/defaultProps.js +21 -0
- package/lib/im/IMMessageMeta/props/propTypes.js +44 -0
- package/lib/im/IMMessageMetaInfo/IMMessageMetaInfo.js +42 -0
- package/lib/im/IMMessageMetaInfo/css/IMMessageMetaInfo.module.css +14 -0
- package/lib/im/IMMessageMetaInfo/index.js +15 -0
- package/lib/im/IMMessageMetaInfo/props/defaultProps.js +17 -0
- package/lib/im/IMMessageMetaInfo/props/propTypes.js +19 -0
- package/lib/im/IMPermaLink/IMPermaLink.js +64 -0
- package/lib/im/IMPermaLink/css/IMPermaLink.module.css +14 -0
- package/lib/im/IMPermaLink/css/cssJSLogic.js +20 -0
- package/lib/im/IMPermaLink/index.js +15 -0
- package/lib/im/IMPermaLink/props/defaultProps.js +15 -0
- package/lib/im/IMPermaLink/props/propTypes.js +22 -0
- package/lib/im/IMReplyBubble/IMReplyBubble.js +59 -0
- package/lib/im/IMReplyBubble/index.js +15 -0
- package/lib/im/IMReplyBubble/props/defaultProps.js +16 -0
- package/lib/im/IMReplyBubble/props/propTypes.js +40 -0
- package/lib/im/IMTextBubble/IMTextBubble.js +47 -0
- package/lib/im/IMTextBubble/index.js +15 -0
- package/lib/im/IMTextBubble/props/defaultProps.js +18 -0
- package/lib/im/IMTextBubble/props/propTypes.js +42 -0
- package/lib/im/ReplyComposer/ReplyComposer.js +176 -0
- package/lib/im/ReplyComposer/css/ReplyComposer.module.css +10 -0
- package/lib/im/ReplyComposer/css/cssJSLogic.js +18 -0
- package/lib/im/ReplyComposer/index.js +15 -0
- package/lib/im/ReplyComposer/props/defaultProps.js +16 -0
- package/lib/im/ReplyComposer/props/propTypes.js +72 -0
- package/lib/im/ReplyComposerFooter/ReplyComposerFooter.js +64 -0
- package/lib/im/ReplyComposerFooter/css/ReplyComposerFooter.module.css +10 -0
- package/lib/im/ReplyComposerFooter/index.js +15 -0
- package/lib/im/ReplyComposerFooter/props/defaultProps.js +17 -0
- package/lib/im/ReplyComposerFooter/props/propTypes.js +28 -0
- package/lib/im/ReplyEditor/ReplyEditor.js +124 -0
- package/lib/im/ReplyEditor/css/ReplyEditor.module.css +50 -0
- package/lib/im/ReplyEditor/css/cssJSLogic.js +17 -0
- package/lib/im/ReplyEditor/index.js +15 -0
- package/lib/im/ReplyEditor/props/defaultProps.js +17 -0
- package/lib/im/ReplyEditor/props/propTypes.js +39 -0
- package/lib/im/ReplyEditorExtensions/ReplyEditorExtensions.js +160 -0
- package/lib/im/ReplyEditorExtensions/css/ReplyEditorExtensions.module.css +5 -0
- package/lib/im/ReplyEditorExtensions/index.js +15 -0
- package/lib/im/ReplyEditorExtensions/props/defaultProps.js +15 -0
- package/lib/im/ReplyEditorExtensions/props/propTypes.js +27 -0
- package/lib/im/ReplyEditorSuggestions/ReplyEditorSuggestions.js +119 -0
- package/lib/im/ReplyEditorSuggestions/css/ReplyEditorSuggestions.module.css +8 -0
- package/lib/im/ReplyEditorSuggestions/index.js +15 -0
- package/lib/im/ReplyEditorSuggestions/props/defaultProps.js +15 -0
- package/lib/im/ReplyEditorSuggestions/props/propTypes.js +32 -0
- package/lib/im/ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup.js +107 -0
- package/lib/im/ReplyEditorSuggestionsPopup/css/ReplyEditorSuggestionsPopup.module.css +7 -0
- package/lib/im/ReplyEditorSuggestionsPopup/index.js +15 -0
- package/lib/im/ReplyEditorSuggestionsPopup/props/defaultProps.js +19 -0
- package/lib/im/ReplyEditorSuggestionsPopup/props/propTypes.js +33 -0
- package/lib/im/css/common.module.css +6 -0
- package/lib/im/index.js +213 -0
- package/lib/index.js +538 -0
- package/lib/rte/Editor/Editor.js +97 -0
- package/lib/rte/Editor/css/Editor.module.css +17 -0
- package/lib/rte/Editor/index.js +15 -0
- package/lib/rte/Editor/props/defaultProps.js +30 -0
- package/lib/rte/Editor/props/propTypes.js +74 -0
- package/lib/rte/index.js +18 -0
- package/package.json +47 -22
- package/es/Theme/themeVariables/commonThemeColorVariable.js +0 -17
- package/es/Theme/themeVariables/dark/blueTheme.js +0 -133
- package/es/Theme/themeVariables/dark/commonColorVariable.js +0 -35
- package/es/Theme/themeVariables/dark/greenTheme.js +0 -132
- package/es/Theme/themeVariables/dark/orangeTheme.js +0 -132
- package/es/Theme/themeVariables/dark/redTheme.js +0 -132
- package/es/Theme/themeVariables/dark/yellowTheme.js +0 -132
- package/es/Theme/themeVariables/light/blueTheme.js +0 -135
- package/es/Theme/themeVariables/light/commonColorVariable.js +0 -54
- package/es/Theme/themeVariables/light/greenTheme.js +0 -131
- package/es/Theme/themeVariables/light/orangeTheme.js +0 -131
- package/es/Theme/themeVariables/light/redTheme.js +0 -131
- package/es/Theme/themeVariables/light/yellowTheme.js +0 -131
- package/es/Theme/themeVariables/pureDark/blueTheme.js +0 -132
- package/es/Theme/themeVariables/pureDark/commonColorVariable.js +0 -37
- package/es/Theme/themeVariables/pureDark/greenTheme.js +0 -132
- package/es/Theme/themeVariables/pureDark/orangeTheme.js +0 -132
- package/es/Theme/themeVariables/pureDark/redTheme.js +0 -132
- package/es/Theme/themeVariables/pureDark/yellowTheme.js +0 -132
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
/* eslint-disable camelcase */
|
|
2
|
-
import { incomingBubbleBgColor, outgoingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, primaryOrange, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor, emojiPopup, replyEditor, emojisHeader, attachmentPreviewHeader } from "./commonColorVariable";
|
|
3
|
-
import { imIntegrationIcon, imTtIcon, messagetextColor } from "../commonThemeColorVariable";
|
|
4
|
-
export default {
|
|
5
|
-
library: 'chat_components',
|
|
6
|
-
variables: {
|
|
7
|
-
actionIconWrapper: {
|
|
8
|
-
color: actionIconWrapperColor,
|
|
9
|
-
bg_color: '#312821',
|
|
10
|
-
border_color: '#4d3421'
|
|
11
|
-
},
|
|
12
|
-
attachmentBubble: {
|
|
13
|
-
bg_color: '#212121',
|
|
14
|
-
bg_color_failed: failedBg,
|
|
15
|
-
border_color: '#161515',
|
|
16
|
-
border_color_failed: failedBdr
|
|
17
|
-
},
|
|
18
|
-
attachmentBubbleInfo: {
|
|
19
|
-
fileName_color: '#e2e4e6',
|
|
20
|
-
fileName_color_failed: failedColor,
|
|
21
|
-
fileSize_color: '#999',
|
|
22
|
-
fileSize_color_failed: '#788190'
|
|
23
|
-
},
|
|
24
|
-
articleBubble: {
|
|
25
|
-
bg_color: '#212121',
|
|
26
|
-
bg_color_failed: failedBg,
|
|
27
|
-
border_color: '#161515',
|
|
28
|
-
border_color_failed: failedBdr,
|
|
29
|
-
title_color: '#e2e4e6',
|
|
30
|
-
title_color_failed: failedColor,
|
|
31
|
-
summary_color: '#e2e4e6',
|
|
32
|
-
summary_color_failed: failedColor
|
|
33
|
-
},
|
|
34
|
-
imAutoMessageInfo: {
|
|
35
|
-
text_color: '#999'
|
|
36
|
-
},
|
|
37
|
-
imIntegrationIcon,
|
|
38
|
-
imTtIcon,
|
|
39
|
-
imMessageContent: {
|
|
40
|
-
text_color: '#a8b0bd'
|
|
41
|
-
},
|
|
42
|
-
imMessageMeta: {
|
|
43
|
-
time_color: '#999'
|
|
44
|
-
},
|
|
45
|
-
imPermaLink: {
|
|
46
|
-
url_color: '#ff801f'
|
|
47
|
-
},
|
|
48
|
-
imageBubble: {
|
|
49
|
-
bg_color: '#212121',
|
|
50
|
-
bg_color_failed: failedBg,
|
|
51
|
-
alt_text_color: '#e2e4e6',
|
|
52
|
-
alt_text_color_failed: failedColor,
|
|
53
|
-
border_color: '#161515',
|
|
54
|
-
border_color_failed: failedBdr
|
|
55
|
-
},
|
|
56
|
-
locationBubble: {
|
|
57
|
-
bg_color: '#212121',
|
|
58
|
-
bg_color_failed: failedBg,
|
|
59
|
-
border_color: '#161515',
|
|
60
|
-
border_color_failed: failedBdr,
|
|
61
|
-
url_color: primaryOrange,
|
|
62
|
-
url_color_failed: failedUrlColor
|
|
63
|
-
},
|
|
64
|
-
messageBox: {
|
|
65
|
-
incoming_bg_color: incomingBubbleBgColor,
|
|
66
|
-
outgoing_bg_color: outgoingBubbleBgColor,
|
|
67
|
-
bg_color: '#f1f7fe',
|
|
68
|
-
failed_bg_color: failedBgWrapper,
|
|
69
|
-
text_color: messagetextColor
|
|
70
|
-
},
|
|
71
|
-
messageBubble: {
|
|
72
|
-
active_bg_color: bubbleActiveBgColor,
|
|
73
|
-
messageBox_footer_text_color: '#5a616f'
|
|
74
|
-
},
|
|
75
|
-
messageStatus: {
|
|
76
|
-
send_color: messageStatusSendColor,
|
|
77
|
-
read_color: '#ff801f',
|
|
78
|
-
failed_color: messageStatusFailedColor
|
|
79
|
-
},
|
|
80
|
-
replyBubble: {
|
|
81
|
-
border_color: '#161515',
|
|
82
|
-
border_color_failed: failedBdr
|
|
83
|
-
},
|
|
84
|
-
replyBubbleContent: {
|
|
85
|
-
bg_color: '#212121',
|
|
86
|
-
bg_color_failed: failedBg,
|
|
87
|
-
border_color: '#161515',
|
|
88
|
-
border_color_failed: failedBdr,
|
|
89
|
-
line_color: '#cddbf2',
|
|
90
|
-
line_color_failed: failedLine,
|
|
91
|
-
sender_color: '#e2e4e6',
|
|
92
|
-
sender_color_failed: failedColor,
|
|
93
|
-
content_color: '#e2e4e6',
|
|
94
|
-
content_color_failed: failedColor
|
|
95
|
-
},
|
|
96
|
-
replyBubbleHeader: {
|
|
97
|
-
text_color: '#e2e4e6',
|
|
98
|
-
text_color_failed: failedColor,
|
|
99
|
-
time_color: '#828994',
|
|
100
|
-
time_color_failed: failedColor
|
|
101
|
-
},
|
|
102
|
-
textBubble: {
|
|
103
|
-
text_color: '#e2e4e6',
|
|
104
|
-
text_color_failed: failedColor,
|
|
105
|
-
see_more_color: primaryOrange,
|
|
106
|
-
see_more_color_failed: failedUrlColor,
|
|
107
|
-
url_color: primaryOrange,
|
|
108
|
-
url_color_failed: failedUrlColor
|
|
109
|
-
},
|
|
110
|
-
videoBubble: {
|
|
111
|
-
border_color: '#161515',
|
|
112
|
-
border_color_failed: failedBdr
|
|
113
|
-
},
|
|
114
|
-
emojiFooter: {
|
|
115
|
-
tabLine: primaryOrange,
|
|
116
|
-
border_color: '#161515'
|
|
117
|
-
},
|
|
118
|
-
emojiPopup: { ...emojiPopup,
|
|
119
|
-
ttIcon_path1_color: 'rgba(255, 255, 255, 0.15)',
|
|
120
|
-
ttIcon_path2_color: 'var(--dot_platinum)'
|
|
121
|
-
},
|
|
122
|
-
replyEditor,
|
|
123
|
-
emojisHeader,
|
|
124
|
-
attachmentPreviewHeader,
|
|
125
|
-
attachmentPreviewBody: {
|
|
126
|
-
bg_color: '#262626',
|
|
127
|
-
editor_border_color: '#585858',
|
|
128
|
-
editor_border_hover_color: '#828994',
|
|
129
|
-
editor_border_active_color: '#ff801f'
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
};
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
/* eslint-disable camelcase */
|
|
2
|
-
import { incomingBubbleBgColor, outgoingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, primaryRed, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor, emojiPopup, replyEditor, emojisHeader, attachmentPreviewHeader } from "./commonColorVariable";
|
|
3
|
-
import { imIntegrationIcon, imTtIcon, messagetextColor } from "../commonThemeColorVariable";
|
|
4
|
-
export default {
|
|
5
|
-
library: 'chat_components',
|
|
6
|
-
variables: {
|
|
7
|
-
actionIconWrapper: {
|
|
8
|
-
color: actionIconWrapperColor,
|
|
9
|
-
bg_color: '#2f2424',
|
|
10
|
-
border_color: '#492A29'
|
|
11
|
-
},
|
|
12
|
-
attachmentBubble: {
|
|
13
|
-
bg_color: '#212121',
|
|
14
|
-
bg_color_failed: failedBg,
|
|
15
|
-
border_color: '#161515',
|
|
16
|
-
border_color_failed: failedBdr
|
|
17
|
-
},
|
|
18
|
-
attachmentBubbleInfo: {
|
|
19
|
-
fileName_color: '#e2e4e6',
|
|
20
|
-
fileName_color_failed: failedColor,
|
|
21
|
-
fileSize_color: '#999',
|
|
22
|
-
fileSize_color_failed: '#788190'
|
|
23
|
-
},
|
|
24
|
-
articleBubble: {
|
|
25
|
-
bg_color: '#212121',
|
|
26
|
-
bg_color_failed: failedBg,
|
|
27
|
-
border_color: '#161515',
|
|
28
|
-
border_color_failed: failedBdr,
|
|
29
|
-
title_color: '#e2e4e6',
|
|
30
|
-
title_color_failed: failedColor,
|
|
31
|
-
summary_color: '#e2e4e6',
|
|
32
|
-
summary_color_failed: failedColor
|
|
33
|
-
},
|
|
34
|
-
imAutoMessageInfo: {
|
|
35
|
-
text_color: '#999'
|
|
36
|
-
},
|
|
37
|
-
imIntegrationIcon,
|
|
38
|
-
imTtIcon,
|
|
39
|
-
imMessageContent: {
|
|
40
|
-
text_color: '#a8b0bd'
|
|
41
|
-
},
|
|
42
|
-
imMessageMeta: {
|
|
43
|
-
time_color: '#999'
|
|
44
|
-
},
|
|
45
|
-
imPermaLink: {
|
|
46
|
-
url_color: '#e94f4f'
|
|
47
|
-
},
|
|
48
|
-
imageBubble: {
|
|
49
|
-
bg_color: '#212121',
|
|
50
|
-
bg_color_failed: failedBg,
|
|
51
|
-
alt_text_color: '#e2e4e6',
|
|
52
|
-
alt_text_color_failed: failedColor,
|
|
53
|
-
border_color: '#161515',
|
|
54
|
-
border_color_failed: failedBdr
|
|
55
|
-
},
|
|
56
|
-
locationBubble: {
|
|
57
|
-
bg_color: '#212121',
|
|
58
|
-
bg_color_failed: failedBg,
|
|
59
|
-
border_color: '#161515',
|
|
60
|
-
border_color_failed: failedBdr,
|
|
61
|
-
url_color: primaryRed,
|
|
62
|
-
url_color_failed: failedUrlColor
|
|
63
|
-
},
|
|
64
|
-
messageBox: {
|
|
65
|
-
incoming_bg_color: incomingBubbleBgColor,
|
|
66
|
-
outgoing_bg_color: outgoingBubbleBgColor,
|
|
67
|
-
bg_color: '#f1f7fe',
|
|
68
|
-
failed_bg_color: failedBgWrapper,
|
|
69
|
-
text_color: messagetextColor
|
|
70
|
-
},
|
|
71
|
-
messageBubble: {
|
|
72
|
-
active_bg_color: bubbleActiveBgColor,
|
|
73
|
-
messageBox_footer_text_color: '#5a616f'
|
|
74
|
-
},
|
|
75
|
-
messageStatus: {
|
|
76
|
-
send_color: messageStatusSendColor,
|
|
77
|
-
read_color: '#e94f4f',
|
|
78
|
-
failed_color: messageStatusFailedColor
|
|
79
|
-
},
|
|
80
|
-
replyBubble: {
|
|
81
|
-
border_color: '#161515',
|
|
82
|
-
border_color_failed: failedBdr
|
|
83
|
-
},
|
|
84
|
-
replyBubbleContent: {
|
|
85
|
-
bg_color: '#212121',
|
|
86
|
-
bg_color_failed: failedBg,
|
|
87
|
-
border_color: '#161515',
|
|
88
|
-
border_color_failed: failedBdr,
|
|
89
|
-
line_color: '#cddbf2',
|
|
90
|
-
line_color_failed: failedLine,
|
|
91
|
-
sender_color: '#e2e4e6',
|
|
92
|
-
sender_color_failed: failedColor,
|
|
93
|
-
content_color: '#e2e4e6',
|
|
94
|
-
content_color_failed: failedColor
|
|
95
|
-
},
|
|
96
|
-
replyBubbleHeader: {
|
|
97
|
-
text_color: '#e2e4e6',
|
|
98
|
-
text_color_failed: failedColor,
|
|
99
|
-
time_color: '#828994',
|
|
100
|
-
time_color_failed: failedColor
|
|
101
|
-
},
|
|
102
|
-
textBubble: {
|
|
103
|
-
text_color: '#e2e4e6',
|
|
104
|
-
text_color_failed: failedColor,
|
|
105
|
-
see_more_color: primaryRed,
|
|
106
|
-
see_more_color_failed: failedUrlColor,
|
|
107
|
-
url_color: primaryRed,
|
|
108
|
-
url_color_failed: failedUrlColor
|
|
109
|
-
},
|
|
110
|
-
videoBubble: {
|
|
111
|
-
border_color: '#161515',
|
|
112
|
-
border_color_failed: failedBdr
|
|
113
|
-
},
|
|
114
|
-
emojiFooter: {
|
|
115
|
-
tabLine: primaryRed,
|
|
116
|
-
border_color: '#161515'
|
|
117
|
-
},
|
|
118
|
-
emojiPopup: { ...emojiPopup,
|
|
119
|
-
ttIcon_path1_color: 'rgba(255, 255, 255, 0.15)',
|
|
120
|
-
ttIcon_path2_color: 'var(--dot_platinum)'
|
|
121
|
-
},
|
|
122
|
-
replyEditor,
|
|
123
|
-
emojisHeader,
|
|
124
|
-
attachmentPreviewHeader,
|
|
125
|
-
attachmentPreviewBody: {
|
|
126
|
-
bg_color: '#262626',
|
|
127
|
-
editor_border_color: '#585858',
|
|
128
|
-
editor_border_hover_color: '#828994',
|
|
129
|
-
editor_border_active_color: '#e94f4f'
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
};
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
/* eslint-disable camelcase */
|
|
2
|
-
import { incomingBubbleBgColor, outgoingBubbleBgColor, bubbleActiveBgColor, messageStatusSendColor, messageStatusFailedColor, actionIconWrapperColor, primaryYellow, failedBgWrapper, failedBg, failedBdr, failedLine, failedColor, failedUrlColor, emojiPopup, replyEditor, emojisHeader, attachmentPreviewHeader } from "./commonColorVariable";
|
|
3
|
-
import { imIntegrationIcon, imTtIcon, messagetextColor } from "../commonThemeColorVariable";
|
|
4
|
-
export default {
|
|
5
|
-
library: 'chat_components',
|
|
6
|
-
variables: {
|
|
7
|
-
actionIconWrapper: {
|
|
8
|
-
color: actionIconWrapperColor,
|
|
9
|
-
bg_color: '#2e2922',
|
|
10
|
-
border_color: '#453925'
|
|
11
|
-
},
|
|
12
|
-
attachmentBubble: {
|
|
13
|
-
bg_color: '#212121',
|
|
14
|
-
bg_color_failed: failedBg,
|
|
15
|
-
border_color: '#161515',
|
|
16
|
-
border_color_failed: failedBdr
|
|
17
|
-
},
|
|
18
|
-
attachmentBubbleInfo: {
|
|
19
|
-
fileName_color: '#e2e4e6',
|
|
20
|
-
fileName_color_failed: failedColor,
|
|
21
|
-
fileSize_color: '#999',
|
|
22
|
-
fileSize_color_failed: '#788190'
|
|
23
|
-
},
|
|
24
|
-
articleBubble: {
|
|
25
|
-
bg_color: '#212121',
|
|
26
|
-
bg_color_failed: failedBg,
|
|
27
|
-
border_color: '#161515',
|
|
28
|
-
border_color_failed: failedBdr,
|
|
29
|
-
title_color: '#e2e4e6',
|
|
30
|
-
title_color_failed: failedColor,
|
|
31
|
-
summary_color: '#e2e4e6',
|
|
32
|
-
summary_color_failed: failedColor
|
|
33
|
-
},
|
|
34
|
-
imAutoMessageInfo: {
|
|
35
|
-
text_color: '#999'
|
|
36
|
-
},
|
|
37
|
-
imIntegrationIcon,
|
|
38
|
-
imTtIcon,
|
|
39
|
-
imMessageContent: {
|
|
40
|
-
text_color: '#a8b0bd'
|
|
41
|
-
},
|
|
42
|
-
imMessageMeta: {
|
|
43
|
-
time_color: '#999'
|
|
44
|
-
},
|
|
45
|
-
imPermaLink: {
|
|
46
|
-
url_color: '#d79835'
|
|
47
|
-
},
|
|
48
|
-
imageBubble: {
|
|
49
|
-
bg_color: '#212121',
|
|
50
|
-
bg_color_failed: failedBg,
|
|
51
|
-
alt_text_color: '#e2e4e6',
|
|
52
|
-
alt_text_color_failed: failedColor,
|
|
53
|
-
border_color: '#161515',
|
|
54
|
-
border_color_failed: failedBdr
|
|
55
|
-
},
|
|
56
|
-
locationBubble: {
|
|
57
|
-
bg_color: '#212121',
|
|
58
|
-
bg_color_failed: failedBg,
|
|
59
|
-
border_color: '#161515',
|
|
60
|
-
border_color_failed: failedBdr,
|
|
61
|
-
url_color: primaryYellow,
|
|
62
|
-
url_color_failed: failedUrlColor
|
|
63
|
-
},
|
|
64
|
-
messageBox: {
|
|
65
|
-
incoming_bg_color: incomingBubbleBgColor,
|
|
66
|
-
outgoing_bg_color: outgoingBubbleBgColor,
|
|
67
|
-
bg_color: '#f1f7fe',
|
|
68
|
-
failed_bg_color: failedBgWrapper,
|
|
69
|
-
text_color: messagetextColor
|
|
70
|
-
},
|
|
71
|
-
messageBubble: {
|
|
72
|
-
active_bg_color: bubbleActiveBgColor,
|
|
73
|
-
messageBox_footer_text_color: '#5a616f'
|
|
74
|
-
},
|
|
75
|
-
messageStatus: {
|
|
76
|
-
send_color: messageStatusSendColor,
|
|
77
|
-
read_color: '#d79835',
|
|
78
|
-
failed_color: messageStatusFailedColor
|
|
79
|
-
},
|
|
80
|
-
replyBubble: {
|
|
81
|
-
border_color: '#161515',
|
|
82
|
-
border_color_failed: failedBdr
|
|
83
|
-
},
|
|
84
|
-
replyBubbleContent: {
|
|
85
|
-
bg_color: '#212121',
|
|
86
|
-
bg_color_failed: failedBg,
|
|
87
|
-
border_color: '#161515',
|
|
88
|
-
border_color_failed: failedBdr,
|
|
89
|
-
line_color: '#cddbf2',
|
|
90
|
-
line_color_failed: failedLine,
|
|
91
|
-
sender_color: '#e2e4e6',
|
|
92
|
-
sender_color_failed: failedColor,
|
|
93
|
-
content_color: '#e2e4e6',
|
|
94
|
-
content_color_failed: failedColor
|
|
95
|
-
},
|
|
96
|
-
replyBubbleHeader: {
|
|
97
|
-
text_color: '#e2e4e6',
|
|
98
|
-
text_color_failed: failedColor,
|
|
99
|
-
time_color: '#828994',
|
|
100
|
-
time_color_failed: failedColor
|
|
101
|
-
},
|
|
102
|
-
textBubble: {
|
|
103
|
-
text_color: '#e2e4e6',
|
|
104
|
-
text_color_failed: failedColor,
|
|
105
|
-
see_more_color: primaryYellow,
|
|
106
|
-
see_more_color_failed: failedUrlColor,
|
|
107
|
-
url_color: primaryYellow,
|
|
108
|
-
url_color_failed: failedUrlColor
|
|
109
|
-
},
|
|
110
|
-
videoBubble: {
|
|
111
|
-
border_color: '#161515',
|
|
112
|
-
border_color_failed: failedBdr
|
|
113
|
-
},
|
|
114
|
-
emojiFooter: {
|
|
115
|
-
tabLine: primaryYellow,
|
|
116
|
-
border_color: '#161515'
|
|
117
|
-
},
|
|
118
|
-
emojiPopup: { ...emojiPopup,
|
|
119
|
-
ttIcon_path1_color: 'rgba(255, 255, 255, 0.15)',
|
|
120
|
-
ttIcon_path2_color: 'var(--dot_platinum)'
|
|
121
|
-
},
|
|
122
|
-
replyEditor,
|
|
123
|
-
emojisHeader,
|
|
124
|
-
attachmentPreviewHeader,
|
|
125
|
-
attachmentPreviewBody: {
|
|
126
|
-
bg_color: '#262626',
|
|
127
|
-
editor_border_color: '#585858',
|
|
128
|
-
editor_border_hover_color: '#828994',
|
|
129
|
-
editor_border_active_color: '#d79835'
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
};
|