@zohoim/chat-components 1.1.3-beta.1 → 1.1.4
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 +4 -0
- package/es/ActionIcon/ActionIcon.js +4 -5
- package/es/ActionIconWrapper/ActionIconWrapper.js +5 -1
- package/es/ActionIconWrapper/css/ActionIconWrapper.module.css +2 -2
- package/es/AttachmentBubble/AttachmentBubble.js +8 -9
- package/es/AttachmentBubble/css/AttachmentBubble.module.css +1 -2
- package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +2 -2
- package/es/AttachmentHandler/AttachmentHandler.js +7 -5
- package/es/AttachmentPreview/AttachmentPreview.js +7 -7
- package/es/AttachmentPreviewBody/AttachmentPreviewBody.js +7 -7
- package/es/AttachmentPreviewHeader/AttachmentPreviewHeader.js +7 -7
- package/es/AudioBubble/AudioBubble.js +8 -9
- package/es/Emoji/Emoji.js +5 -1
- 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 +13 -9
- package/es/EmojiPopup/css/EmojiPopup.module.css +0 -5
- package/es/Emojis/Emojis.js +10 -9
- 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 +4 -5
- package/es/EmojisFooter/css/EmojisFooter.module.css +1 -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 +4 -5
- package/es/EmojisHeader/css/EmojisHeader.module.css +0 -0
- 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 +4 -6
- package/es/Message/Message.js +16 -9
- package/es/MessageAction/MessageAction.js +11 -10
- package/es/MessageActions/MessageActions.js +16 -12
- package/es/MessageActions/props/propTypes.js +2 -1
- package/es/MessageActionsWrapper/MessageActionsWrapper.js +4 -5
- package/es/MessageBox/css/MessageBox.module.css +5 -5
- package/es/MessageBubble/MessageBubble.js +20 -4
- package/es/MessageBubble/css/MessageBubble.module.css +3 -3
- package/es/MoreActionItem/MoreActionItem.js +4 -0
- package/es/MoreActionItem/css/MoreActionItem.module.css +2 -2
- package/es/ReplyBubble/ReplyBubble.js +11 -10
- package/es/TextBubble/TextBubble.js +5 -2
- package/es/TextBubble/css/TextBubble.module.css +1 -0
- package/es/Theme/ThemeWrapper.js +4 -6
- package/es/Theme/TooltipWrapper.js +4 -5
- package/es/VideoBubble/VideoBubble.js +8 -9
- package/es/icons/iconSrc/attachments/Audio.js +2 -1
- package/es/icons/iconSrc/attachments/Code.js +2 -1
- package/es/icons/iconSrc/attachments/Image.js +2 -1
- package/es/icons/iconSrc/attachments/Pdf.js +2 -1
- package/es/icons/iconSrc/attachments/Ppt.js +2 -1
- package/es/icons/iconSrc/attachments/Text.js +2 -1
- package/es/icons/iconSrc/attachments/Txt.js +2 -1
- package/es/icons/iconSrc/attachments/Unknown.js +2 -1
- package/es/icons/iconSrc/attachments/Video.js +2 -1
- package/es/icons/iconSrc/attachments/Xls.js +2 -1
- package/es/icons/iconSrc/attachments/Zip.js +2 -1
- package/es/icons/iconSrc/common/AlertTriangle.js +2 -1
- package/es/icons/iconSrc/common/Article.js +2 -1
- package/es/icons/iconSrc/common/Reply.js +2 -1
- package/es/icons/iconSrc/messageStatus/Clock.js +2 -1
- package/es/icons/iconSrc/messageStatus/DoubleTick.js +2 -1
- package/es/icons/iconSrc/messageStatus/Failed.js +2 -1
- package/es/icons/iconSrc/messageStatus/Tick.js +2 -1
- package/es/im/IMAttachmentHandler/IMAttachmentHandler.js +4 -5
- package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +4 -4
- package/es/im/IMMessage/IMMessage.js +20 -17
- package/es/im/IMMessage/css/IMMessage.module.css +3 -3
- package/es/im/IMMessageContent/IMMessageContent.js +30 -18
- package/es/im/IMMessageMeta/IMMessageMeta.js +4 -5
- 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 +4 -6
- package/es/im/IMTextBubble/IMTextBubble.js +4 -6
- package/es/im/ReplyComposer/ReplyComposer.js +14 -12
- package/es/im/ReplyEditor/ReplyEditor.js +4 -5
- package/es/im/ReplyEditor/css/ReplyEditor.module.css +4 -0
- package/es/im/ReplyEditorExtensions/ReplyEditorExtensions.js +12 -11
- package/es/im/ReplyEditorSuggestions/ReplyEditorSuggestions.js +9 -8
- package/es/im/ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup.js +4 -5
- 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/package.json +27 -45
- package/lib/ActionIcon/ActionIcon.js +0 -97
- package/lib/ActionIcon/css/ActionIcon.module.css +0 -8
- package/lib/ActionIcon/index.js +0 -15
- package/lib/ActionIcon/props/defaultProps.js +0 -17
- package/lib/ActionIcon/props/propTypes.js +0 -30
- package/lib/ActionIconWrapper/ActionIconWrapper.js +0 -81
- package/lib/ActionIconWrapper/css/ActionIconWrapper.module.css +0 -32
- package/lib/ActionIconWrapper/css/cssJSLogic.js +0 -21
- package/lib/ActionIconWrapper/index.js +0 -15
- package/lib/ActionIconWrapper/props/defaultProps.js +0 -15
- package/lib/ActionIconWrapper/props/propTypes.js +0 -24
- package/lib/AttachmentBubble/AttachmentBubble.js +0 -93
- package/lib/AttachmentBubble/css/AttachmentBubble.module.css +0 -56
- package/lib/AttachmentBubble/css/cssJSLogic.js +0 -22
- package/lib/AttachmentBubble/index.js +0 -15
- package/lib/AttachmentBubble/props/defaultProps.js +0 -17
- package/lib/AttachmentBubble/props/propTypes.js +0 -30
- package/lib/AttachmentBubbleInfo/AttachmentBubbleInfo.js +0 -63
- package/lib/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +0 -39
- package/lib/AttachmentBubbleInfo/css/cssJSLogic.js +0 -20
- package/lib/AttachmentBubbleInfo/index.js +0 -15
- package/lib/AttachmentBubbleInfo/props/defaultProps.js +0 -15
- package/lib/AttachmentBubbleInfo/props/propTypes.js +0 -20
- package/lib/AttachmentHandler/AttachmentHandler.js +0 -101
- package/lib/AttachmentHandler/css/AttachmentHandler.module.css +0 -27
- package/lib/AttachmentHandler/index.js +0 -15
- package/lib/AttachmentHandler/props/defaultProps.js +0 -19
- package/lib/AttachmentHandler/props/propTypes.js +0 -28
- package/lib/AttachmentIcon/AttachmentIcon.js +0 -84
- package/lib/AttachmentIcon/css/AttachmentIcon.module.css +0 -8
- package/lib/AttachmentIcon/css/cssJSLogic.js +0 -20
- package/lib/AttachmentIcon/index.js +0 -15
- package/lib/AttachmentIcon/props/defaultProps.js +0 -17
- package/lib/AttachmentIcon/props/propTypes.js +0 -31
- package/lib/AttachmentIcon/utils/getAttachmentIconComponent.js +0 -78
- package/lib/AttachmentPreview/AttachmentPreview.js +0 -144
- package/lib/AttachmentPreview/css/AttachmentPreview.module.css +0 -39
- package/lib/AttachmentPreview/index.js +0 -15
- package/lib/AttachmentPreview/props/defaultProps.js +0 -18
- package/lib/AttachmentPreview/props/propTypes.js +0 -44
- package/lib/AttachmentPreviewBody/AttachmentPreviewBody.js +0 -120
- package/lib/AttachmentPreviewBody/css/AttachmentPreviewBody.module.css +0 -71
- package/lib/AttachmentPreviewBody/index.js +0 -15
- package/lib/AttachmentPreviewBody/props/defaultProps.js +0 -16
- package/lib/AttachmentPreviewBody/props/propTypes.js +0 -31
- package/lib/AttachmentPreviewHeader/AttachmentPreviewHeader.js +0 -94
- package/lib/AttachmentPreviewHeader/css/AttachmentPreviewHeader.module.css +0 -47
- package/lib/AttachmentPreviewHeader/index.js +0 -15
- package/lib/AttachmentPreviewHeader/props/defaultProps.js +0 -16
- package/lib/AttachmentPreviewHeader/props/propTypes.js +0 -27
- package/lib/Audio/Audio.js +0 -55
- package/lib/Audio/css/Audio.module.css +0 -7
- package/lib/Audio/index.js +0 -15
- package/lib/Audio/props/defaultProps.js +0 -15
- package/lib/Audio/props/propTypes.js +0 -19
- package/lib/AudioBubble/AudioBubble.js +0 -68
- package/lib/AudioBubble/css/AudioBubble.module.css +0 -4
- package/lib/AudioBubble/index.js +0 -15
- package/lib/AudioBubble/props/defaultProps.js +0 -16
- package/lib/AudioBubble/props/propTypes.js +0 -27
- package/lib/Emoji/Emoji.js +0 -87
- package/lib/Emoji/css/Emoji.module.css +0 -48
- package/lib/Emoji/css/cssJSLogic.js +0 -22
- package/lib/Emoji/index.js +0 -15
- package/lib/Emoji/props/defaultProps.js +0 -17
- package/lib/Emoji/props/propTypes.js +0 -27
- package/lib/EmojiPopup/EmojiPopup.js +0 -135
- package/lib/EmojiPopup/css/EmojiPopup.module.css +0 -55
- package/lib/EmojiPopup/index.js +0 -15
- package/lib/EmojiPopup/props/defaultProps.js +0 -20
- package/lib/EmojiPopup/props/propTypes.js +0 -33
- package/lib/Emojis/Emojis.js +0 -92
- package/lib/Emojis/index.js +0 -15
- package/lib/Emojis/props/defaultProps.js +0 -19
- package/lib/Emojis/props/propTypes.js +0 -31
- package/lib/EmojisEmptyState/EmojisEmptyState.js +0 -74
- package/lib/EmojisEmptyState/css/EmojisEmptyState.module.css +0 -18
- package/lib/EmojisEmptyState/index.js +0 -15
- package/lib/EmojisEmptyState/props/defaultProps.js +0 -18
- package/lib/EmojisEmptyState/props/propTypes.js +0 -19
- package/lib/EmojisFooter/EmojisFooter.js +0 -87
- package/lib/EmojisFooter/css/EmojisFooter.module.css +0 -40
- package/lib/EmojisFooter/index.js +0 -15
- package/lib/EmojisFooter/props/defaultProps.js +0 -16
- package/lib/EmojisFooter/props/propTypes.js +0 -23
- package/lib/EmojisHeader/EmojisHeader.js +0 -74
- package/lib/EmojisHeader/css/EmojisHeader.module.css +0 -36
- package/lib/EmojisHeader/index.js +0 -15
- package/lib/EmojisHeader/props/defaultProps.js +0 -17
- package/lib/EmojisHeader/props/propTypes.js +0 -24
- package/lib/EmojisList/EmojisList.js +0 -143
- package/lib/EmojisList/css/EmojisList.module.css +0 -50
- package/lib/EmojisList/css/cssJSLogic.js +0 -27
- package/lib/EmojisList/index.js +0 -15
- package/lib/EmojisList/props/defaultProps.js +0 -19
- package/lib/EmojisList/props/propTypes.js +0 -31
- package/lib/Fonts/puviFont.module.css +0 -62
- package/lib/ImageBubble/ImageBubble.js +0 -98
- package/lib/ImageBubble/css/ImageBubble.module.css +0 -63
- package/lib/ImageBubble/css/cssJSLogic.js +0 -21
- package/lib/ImageBubble/index.js +0 -15
- package/lib/ImageBubble/props/defaultProps.js +0 -15
- package/lib/ImageBubble/props/propTypes.js +0 -24
- package/lib/LazyLoadImage/LazyLoadImage.js +0 -54
- package/lib/LazyLoadImage/css/LazyLoadImage.module.css +0 -5
- package/lib/LazyLoadImage/index.js +0 -15
- package/lib/LazyLoadImage/props/defaultProps.js +0 -15
- package/lib/LazyLoadImage/props/propTypes.js +0 -19
- package/lib/LocationBubble/LocationBubble.js +0 -77
- package/lib/LocationBubble/css/LocationBubble.module.css +0 -57
- package/lib/LocationBubble/css/cssJSLogic.js +0 -20
- package/lib/LocationBubble/images/location.png +0 -0
- package/lib/LocationBubble/index.js +0 -15
- package/lib/LocationBubble/props/defaultProps.js +0 -15
- package/lib/LocationBubble/props/propTypes.js +0 -19
- package/lib/MediaBubbleWrapper/MediaBubbleWrapper.js +0 -76
- package/lib/MediaBubbleWrapper/css/MediaBubbleWrapper.module.css +0 -7
- package/lib/MediaBubbleWrapper/index.js +0 -15
- package/lib/MediaBubbleWrapper/props/defaultProps.js +0 -16
- package/lib/MediaBubbleWrapper/props/propTypes.js +0 -28
- package/lib/Message/Message.js +0 -157
- package/lib/Message/index.js +0 -15
- package/lib/Message/props/defaultProps.js +0 -22
- package/lib/Message/props/propTypes.js +0 -55
- package/lib/MessageAction/MessageAction.js +0 -77
- package/lib/MessageAction/index.js +0 -15
- package/lib/MessageAction/props/defaultProps.js +0 -17
- package/lib/MessageAction/props/propTypes.js +0 -34
- package/lib/MessageActions/MessageActions.js +0 -135
- package/lib/MessageActions/css/MessageActions.module.css +0 -24
- package/lib/MessageActions/index.js +0 -15
- package/lib/MessageActions/props/defaultProps.js +0 -20
- package/lib/MessageActions/props/propTypes.js +0 -38
- package/lib/MessageActionsMore/MessageActionsMore.js +0 -128
- package/lib/MessageActionsMore/css/MessageActionsMore.module.css +0 -24
- package/lib/MessageActionsMore/index.js +0 -15
- package/lib/MessageActionsMore/props/defaultProps.js +0 -18
- package/lib/MessageActionsMore/props/propTypes.js +0 -29
- package/lib/MessageActionsWrapper/MessageActionsWrapper.js +0 -91
- package/lib/MessageActionsWrapper/css/MessageActionsWrapper.module.css +0 -7
- package/lib/MessageActionsWrapper/index.js +0 -15
- package/lib/MessageActionsWrapper/props/defaultProps.js +0 -19
- package/lib/MessageActionsWrapper/props/propTypes.js +0 -27
- package/lib/MessageAvatar/MessageAvatar.js +0 -64
- package/lib/MessageAvatar/css/MessageAvatar.module.css +0 -23
- package/lib/MessageAvatar/index.js +0 -15
- package/lib/MessageAvatar/props/defaultProps.js +0 -16
- package/lib/MessageAvatar/props/propTypes.js +0 -24
- package/lib/MessageBox/MessageBox.js +0 -82
- package/lib/MessageBox/css/MessageBox.module.css +0 -56
- package/lib/MessageBox/css/cssJSLogic.js +0 -22
- package/lib/MessageBox/index.js +0 -15
- package/lib/MessageBox/props/defaultProps.js +0 -15
- package/lib/MessageBox/props/propTypes.js +0 -24
- package/lib/MessageBubble/MessageBubble.js +0 -153
- package/lib/MessageBubble/css/MessageBubble.module.css +0 -101
- package/lib/MessageBubble/css/cssJSLogic.js +0 -38
- package/lib/MessageBubble/index.js +0 -15
- package/lib/MessageBubble/props/defaultProps.js +0 -22
- package/lib/MessageBubble/props/propTypes.js +0 -30
- package/lib/MessageStatus/MessageStatus.js +0 -88
- package/lib/MessageStatus/css/MessageStatus.module.css +0 -17
- package/lib/MessageStatus/css/cssJSLogic.js +0 -33
- package/lib/MessageStatus/index.js +0 -15
- package/lib/MessageStatus/props/defaultProps.js +0 -15
- package/lib/MessageStatus/props/propTypes.js +0 -24
- package/lib/MoreActionItem/MoreActionItem.js +0 -94
- package/lib/MoreActionItem/css/MoreActionItem.module.css +0 -27
- package/lib/MoreActionItem/index.js +0 -15
- package/lib/MoreActionItem/props/defaultProps.js +0 -16
- package/lib/MoreActionItem/props/propTypes.js +0 -25
- package/lib/ReplyBubble/ReplyBubble.js +0 -136
- package/lib/ReplyBubble/css/ReplyBubble.module.css +0 -23
- package/lib/ReplyBubble/css/cssJSLogic.js +0 -20
- package/lib/ReplyBubble/index.js +0 -15
- package/lib/ReplyBubble/props/defaultProps.js +0 -17
- package/lib/ReplyBubble/props/propTypes.js +0 -39
- package/lib/ReplyBubbleContent/ReplyBubbleContent.js +0 -77
- package/lib/ReplyBubbleContent/css/ReplyBubbleContent.module.css +0 -75
- package/lib/ReplyBubbleContent/css/cssJSLogic.js +0 -20
- package/lib/ReplyBubbleContent/index.js +0 -15
- package/lib/ReplyBubbleContent/props/defaultProps.js +0 -15
- package/lib/ReplyBubbleContent/props/propTypes.js +0 -22
- package/lib/ReplyBubbleHeader/ReplyBubbleHeader.js +0 -97
- package/lib/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +0 -44
- package/lib/ReplyBubbleHeader/css/cssJSLogic.js +0 -18
- package/lib/ReplyBubbleHeader/index.js +0 -15
- package/lib/ReplyBubbleHeader/props/defaultProps.js +0 -16
- package/lib/ReplyBubbleHeader/props/propTypes.js +0 -24
- package/lib/TextBubble/TextBubble.js +0 -69
- package/lib/TextBubble/css/TextBubble.module.css +0 -35
- package/lib/TextBubble/css/cssJSLogic.js +0 -22
- package/lib/TextBubble/index.js +0 -15
- package/lib/TextBubble/props/defaultProps.js +0 -15
- package/lib/TextBubble/props/propTypes.js +0 -21
- package/lib/Theme/ThemeAssets.js +0 -182
- package/lib/Theme/ThemeWrapper.js +0 -130
- package/lib/Theme/TooltipWrapper.js +0 -97
- package/lib/Theme/css/TooltipWrapper.module.css +0 -10
- package/lib/Theme/index.js +0 -15
- package/lib/Theme/props/defaultProps.js +0 -20
- package/lib/Theme/props/propTypes.js +0 -26
- package/lib/Theme/utils/combineConfigurations.js +0 -31
- package/lib/Theme/utils/flatVariables.js +0 -21
- package/lib/Theme/utils/getCustomizedCssVariables.js +0 -29
- package/lib/Theme/utils/getThemeConfigurations.js +0 -28
- package/lib/Theme/utils/getWrapperDivProps.js +0 -23
- package/lib/Video/Video.js +0 -55
- package/lib/Video/css/Video.module.css +0 -5
- package/lib/Video/index.js +0 -15
- package/lib/Video/props/defaultProps.js +0 -15
- package/lib/Video/props/propTypes.js +0 -19
- package/lib/VideoBubble/VideoBubble.js +0 -77
- package/lib/VideoBubble/css/VideoBubble.module.css +0 -12
- package/lib/VideoBubble/css/cssJSLogic.js +0 -20
- package/lib/VideoBubble/index.js +0 -15
- package/lib/VideoBubble/props/defaultProps.js +0 -16
- package/lib/VideoBubble/props/propTypes.js +0 -28
- package/lib/constants/index.js +0 -18
- package/lib/constants/propConstants/editorPropConstants.js +0 -12
- package/lib/constants/propConstants/popupPropConstants.js +0 -10
- package/lib/css/common.module.css +0 -6
- package/lib/icons/create-icon-components.js +0 -199
- package/lib/icons/factory/attachments/audio.svg +0 -19
- package/lib/icons/factory/attachments/code.svg +0 -21
- package/lib/icons/factory/attachments/image.svg +0 -20
- package/lib/icons/factory/attachments/pdf.svg +0 -19
- package/lib/icons/factory/attachments/ppt.svg +0 -1
- package/lib/icons/factory/attachments/text.svg +0 -22
- package/lib/icons/factory/attachments/unknown.svg +0 -21
- package/lib/icons/factory/attachments/video.svg +0 -19
- package/lib/icons/factory/attachments/xls.svg +0 -1
- package/lib/icons/factory/attachments/zip.svg +0 -27
- package/lib/icons/factory/common/alertTriangle.svg +0 -5
- package/lib/icons/factory/common/article.svg +0 -4
- package/lib/icons/factory/common/reply.svg +0 -6
- package/lib/icons/factory/messageStatus/clock.svg +0 -7
- package/lib/icons/factory/messageStatus/doubleTick.svg +0 -1
- package/lib/icons/factory/messageStatus/failed.svg +0 -7
- package/lib/icons/factory/messageStatus/tick.svg +0 -1
- package/lib/icons/icon.template.js +0 -18
- package/lib/icons/iconSrc/attachments/Audio.js +0 -41
- package/lib/icons/iconSrc/attachments/Code.js +0 -47
- package/lib/icons/iconSrc/attachments/Image.js +0 -46
- package/lib/icons/iconSrc/attachments/Pdf.js +0 -41
- package/lib/icons/iconSrc/attachments/Ppt.js +0 -38
- package/lib/icons/iconSrc/attachments/Text.js +0 -50
- package/lib/icons/iconSrc/attachments/Txt.js +0 -50
- package/lib/icons/iconSrc/attachments/Unknown.js +0 -44
- package/lib/icons/iconSrc/attachments/Video.js +0 -41
- package/lib/icons/iconSrc/attachments/Xls.js +0 -38
- package/lib/icons/iconSrc/attachments/Zip.js +0 -89
- package/lib/icons/iconSrc/attachments/index.js +0 -87
- package/lib/icons/iconSrc/common/AlertTriangle.js +0 -35
- package/lib/icons/iconSrc/common/Article.js +0 -29
- package/lib/icons/iconSrc/common/Reply.js +0 -25
- package/lib/icons/iconSrc/common/index.js +0 -31
- package/lib/icons/iconSrc/messageStatus/Clock.js +0 -26
- package/lib/icons/iconSrc/messageStatus/DoubleTick.js +0 -28
- package/lib/icons/iconSrc/messageStatus/Failed.js +0 -26
- package/lib/icons/iconSrc/messageStatus/Tick.js +0 -25
- package/lib/icons/iconSrc/messageStatus/index.js +0 -39
- package/lib/im/ArticleBubble/ArticleBubble.js +0 -104
- package/lib/im/ArticleBubble/css/ArticleBubble.module.css +0 -75
- package/lib/im/ArticleBubble/css/cssJSLogic.js +0 -18
- package/lib/im/ArticleBubble/index.js +0 -15
- package/lib/im/ArticleBubble/props/defaultProps.js +0 -15
- package/lib/im/ArticleBubble/props/propTypes.js +0 -25
- package/lib/im/IMAttachmentHandler/IMAttachmentHandler.js +0 -59
- package/lib/im/IMAttachmentHandler/index.js +0 -15
- package/lib/im/IMAttachmentHandler/props/defaultProps.js +0 -19
- package/lib/im/IMAttachmentHandler/props/propTypes.js +0 -38
- package/lib/im/IMIntegrationIcon/IMIntegrationIcon.js +0 -82
- package/lib/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +0 -72
- package/lib/im/IMIntegrationIcon/css/cssJSLogic.js +0 -48
- package/lib/im/IMIntegrationIcon/index.js +0 -15
- package/lib/im/IMIntegrationIcon/props/defaultProps.js +0 -21
- package/lib/im/IMIntegrationIcon/props/propTypes.js +0 -27
- package/lib/im/IMMessage/IMMessage.js +0 -223
- package/lib/im/IMMessage/css/IMMessage.module.css +0 -36
- package/lib/im/IMMessage/css/cssJSLogic.js +0 -21
- package/lib/im/IMMessage/index.js +0 -15
- package/lib/im/IMMessage/props/defaultProps.js +0 -25
- package/lib/im/IMMessage/props/propTypes.js +0 -118
- package/lib/im/IMMessageContent/IMMessageContent.js +0 -149
- package/lib/im/IMMessageContent/css/IMMessageContent.module.css +0 -8
- package/lib/im/IMMessageContent/index.js +0 -15
- package/lib/im/IMMessageContent/props/defaultProps.js +0 -18
- package/lib/im/IMMessageContent/props/propTypes.js +0 -65
- package/lib/im/IMMessageMeta/IMMessageMeta.js +0 -79
- package/lib/im/IMMessageMeta/css/IMMessageMeta.module.css +0 -46
- package/lib/im/IMMessageMeta/css/cssJSLogic.js +0 -35
- package/lib/im/IMMessageMeta/index.js +0 -15
- package/lib/im/IMMessageMeta/props/defaultProps.js +0 -21
- package/lib/im/IMMessageMeta/props/propTypes.js +0 -44
- package/lib/im/IMMessageMetaInfo/IMMessageMetaInfo.js +0 -42
- package/lib/im/IMMessageMetaInfo/css/IMMessageMetaInfo.module.css +0 -14
- package/lib/im/IMMessageMetaInfo/index.js +0 -15
- package/lib/im/IMMessageMetaInfo/props/defaultProps.js +0 -17
- package/lib/im/IMMessageMetaInfo/props/propTypes.js +0 -19
- package/lib/im/IMPermaLink/IMPermaLink.js +0 -64
- package/lib/im/IMPermaLink/css/IMPermaLink.module.css +0 -14
- package/lib/im/IMPermaLink/css/cssJSLogic.js +0 -20
- package/lib/im/IMPermaLink/index.js +0 -15
- package/lib/im/IMPermaLink/props/defaultProps.js +0 -15
- package/lib/im/IMPermaLink/props/propTypes.js +0 -22
- package/lib/im/IMReplyBubble/IMReplyBubble.js +0 -59
- package/lib/im/IMReplyBubble/index.js +0 -15
- package/lib/im/IMReplyBubble/props/defaultProps.js +0 -16
- package/lib/im/IMReplyBubble/props/propTypes.js +0 -40
- package/lib/im/IMTextBubble/IMTextBubble.js +0 -47
- package/lib/im/IMTextBubble/index.js +0 -15
- package/lib/im/IMTextBubble/props/defaultProps.js +0 -18
- package/lib/im/IMTextBubble/props/propTypes.js +0 -42
- package/lib/im/ReplyComposer/ReplyComposer.js +0 -176
- package/lib/im/ReplyComposer/css/ReplyComposer.module.css +0 -10
- package/lib/im/ReplyComposer/css/cssJSLogic.js +0 -18
- package/lib/im/ReplyComposer/index.js +0 -15
- package/lib/im/ReplyComposer/props/defaultProps.js +0 -16
- package/lib/im/ReplyComposer/props/propTypes.js +0 -72
- package/lib/im/ReplyComposerFooter/ReplyComposerFooter.js +0 -64
- package/lib/im/ReplyComposerFooter/css/ReplyComposerFooter.module.css +0 -10
- package/lib/im/ReplyComposerFooter/index.js +0 -15
- package/lib/im/ReplyComposerFooter/props/defaultProps.js +0 -17
- package/lib/im/ReplyComposerFooter/props/propTypes.js +0 -28
- package/lib/im/ReplyEditor/ReplyEditor.js +0 -124
- package/lib/im/ReplyEditor/css/ReplyEditor.module.css +0 -50
- package/lib/im/ReplyEditor/css/cssJSLogic.js +0 -17
- package/lib/im/ReplyEditor/index.js +0 -15
- package/lib/im/ReplyEditor/props/defaultProps.js +0 -17
- package/lib/im/ReplyEditor/props/propTypes.js +0 -39
- package/lib/im/ReplyEditorExtensions/ReplyEditorExtensions.js +0 -160
- package/lib/im/ReplyEditorExtensions/css/ReplyEditorExtensions.module.css +0 -5
- package/lib/im/ReplyEditorExtensions/index.js +0 -15
- package/lib/im/ReplyEditorExtensions/props/defaultProps.js +0 -15
- package/lib/im/ReplyEditorExtensions/props/propTypes.js +0 -27
- package/lib/im/ReplyEditorSuggestions/ReplyEditorSuggestions.js +0 -119
- package/lib/im/ReplyEditorSuggestions/css/ReplyEditorSuggestions.module.css +0 -8
- package/lib/im/ReplyEditorSuggestions/index.js +0 -15
- package/lib/im/ReplyEditorSuggestions/props/defaultProps.js +0 -15
- package/lib/im/ReplyEditorSuggestions/props/propTypes.js +0 -32
- package/lib/im/ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup.js +0 -107
- package/lib/im/ReplyEditorSuggestionsPopup/css/ReplyEditorSuggestionsPopup.module.css +0 -7
- package/lib/im/ReplyEditorSuggestionsPopup/index.js +0 -15
- package/lib/im/ReplyEditorSuggestionsPopup/props/defaultProps.js +0 -19
- package/lib/im/ReplyEditorSuggestionsPopup/props/propTypes.js +0 -33
- package/lib/im/css/common.module.css +0 -6
- package/lib/im/index.js +0 -213
- package/lib/rte/Editor/Editor.js +0 -97
- package/lib/rte/Editor/css/Editor.module.css +0 -17
- package/lib/rte/Editor/index.js +0 -15
- package/lib/rte/Editor/props/defaultProps.js +0 -30
- package/lib/rte/Editor/props/propTypes.js +0 -74
- package/lib/rte/index.js +0 -18
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
|
-
/** ** Libraries *** */
|
|
13
|
-
var replyBubblePropTypes = {
|
|
14
|
-
message: _propTypes["default"].string.isRequired,
|
|
15
|
-
onClick: _propTypes["default"].func.isRequired,
|
|
16
|
-
replyText: _propTypes["default"].string.isRequired,
|
|
17
|
-
senderName: _propTypes["default"].string.isRequired,
|
|
18
|
-
attachmentDetails: _propTypes["default"].shape({
|
|
19
|
-
fileFormat: _propTypes["default"].string,
|
|
20
|
-
fileName: _propTypes["default"].string,
|
|
21
|
-
fileURL: _propTypes["default"].string,
|
|
22
|
-
isValidAttachment: _propTypes["default"].bool,
|
|
23
|
-
mediaType: _propTypes["default"].string
|
|
24
|
-
}),
|
|
25
|
-
locationUrl: _propTypes["default"].string,
|
|
26
|
-
customProps: _propTypes["default"].shape({
|
|
27
|
-
contentProps: _propTypes["default"].object,
|
|
28
|
-
headerProps: _propTypes["default"].object,
|
|
29
|
-
iconProps: _propTypes["default"].object
|
|
30
|
-
}),
|
|
31
|
-
customStyle: _propTypes["default"].object,
|
|
32
|
-
dateTimeDetails: _propTypes["default"].shape({
|
|
33
|
-
displayDateTime: _propTypes["default"].string,
|
|
34
|
-
tooltip: _propTypes["default"].string
|
|
35
|
-
}),
|
|
36
|
-
isFailed: _propTypes["default"].bool
|
|
37
|
-
};
|
|
38
|
-
var _default = replyBubblePropTypes;
|
|
39
|
-
exports["default"] = _default;
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = ReplyBubbleContent;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
|
|
11
|
-
|
|
12
|
-
var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
|
|
13
|
-
|
|
14
|
-
var _propTypes = _interopRequireDefault(require("./props/propTypes"));
|
|
15
|
-
|
|
16
|
-
var _renderHandler = _interopRequireDefault(require("@zohoim/chat-components-utils/es/common/renderHandler"));
|
|
17
|
-
|
|
18
|
-
var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
|
|
19
|
-
|
|
20
|
-
var _ReplyBubbleContentModule = _interopRequireDefault(require("./css/ReplyBubbleContent.module.css"));
|
|
21
|
-
|
|
22
|
-
var _Layout = require("@zohodesk/components/es/Layout");
|
|
23
|
-
|
|
24
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
-
|
|
26
|
-
/** ** Libraries *** */
|
|
27
|
-
|
|
28
|
-
/** ** Hooks *** */
|
|
29
|
-
|
|
30
|
-
/** ** Constants *** */
|
|
31
|
-
|
|
32
|
-
/** ** Methods *** */
|
|
33
|
-
|
|
34
|
-
/** ** Styles *** */
|
|
35
|
-
|
|
36
|
-
/** ** Components *** */
|
|
37
|
-
function ReplyBubbleContent(props) {
|
|
38
|
-
var customStyle = props.customStyle,
|
|
39
|
-
senderName = props.senderName,
|
|
40
|
-
renderIcon = props.renderIcon,
|
|
41
|
-
renderMessage = props.renderMessage,
|
|
42
|
-
isFailed = props.isFailed,
|
|
43
|
-
onClick = props.onClick;
|
|
44
|
-
/* External CSS Customization */
|
|
45
|
-
|
|
46
|
-
var newStyle = (0, _useMergeStyle["default"])(_ReplyBubbleContentModule["default"], customStyle);
|
|
47
|
-
/* css classnames added based on logic */
|
|
48
|
-
|
|
49
|
-
var _cssJSLogic = (0, _cssJSLogic2["default"])({
|
|
50
|
-
isFailed: isFailed
|
|
51
|
-
}, newStyle),
|
|
52
|
-
replyBubbleContentClass = _cssJSLogic.replyBubbleContentClass;
|
|
53
|
-
|
|
54
|
-
var icon = (0, _renderHandler["default"])(renderIcon)();
|
|
55
|
-
var messageContent = (0, _renderHandler["default"])(renderMessage)();
|
|
56
|
-
return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
57
|
-
align: "vertical",
|
|
58
|
-
alignBox: "row",
|
|
59
|
-
className: replyBubbleContentClass,
|
|
60
|
-
isCover: false,
|
|
61
|
-
onClick: onClick
|
|
62
|
-
}, icon ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
63
|
-
className: newStyle.iconWrapper
|
|
64
|
-
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
65
|
-
align: "both"
|
|
66
|
-
}, icon)) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
67
|
-
flexible: true
|
|
68
|
-
}, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
69
|
-
className: newStyle.name
|
|
70
|
-
}, senderName), messageContent ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
71
|
-
className: newStyle.messageWrapper
|
|
72
|
-
}, messageContent) : null));
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
ReplyBubbleContent.propTypes = _propTypes["default"];
|
|
76
|
-
ReplyBubbleContent.defaultProps = _defaultProps["default"];
|
|
77
|
-
ReplyBubbleContent.displayName = 'ReplyBubbleContent';
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
.replyBubbleContent {
|
|
2
|
-
position: relative;
|
|
3
|
-
background-color: var(--imlib_chat_components_replyBubbleContent_bg_color);
|
|
4
|
-
border: 1px solid var(--imlib_chat_components_replyBubbleContent_border_color);
|
|
5
|
-
border-radius: 3px;
|
|
6
|
-
margin: var(--zd_size5) 0 ;
|
|
7
|
-
cursor: pointer;
|
|
8
|
-
}[dir=ltr] .replyBubbleContent {
|
|
9
|
-
padding: var(--zd_size10) var(--zd_size10) var(--zd_size10) var(--zd_size20) ;
|
|
10
|
-
}[dir=rtl] .replyBubbleContent {
|
|
11
|
-
padding: var(--zd_size10) var(--zd_size20) var(--zd_size10) var(--zd_size10) ;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.failedReplyBubbleContent{
|
|
15
|
-
background-color: var(--imlib_chat_components_replyBubbleContent_bg_color_failed);
|
|
16
|
-
border-color: var(--imlib_chat_components_replyBubbleContent_border_color_failed);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.replyBubbleContent::after {
|
|
20
|
-
content: '';
|
|
21
|
-
width: var(--zd_size2) ;
|
|
22
|
-
display: block;
|
|
23
|
-
position: absolute;
|
|
24
|
-
top: var(--zd_size10) ;
|
|
25
|
-
bottom: var(--zd_size10) ;
|
|
26
|
-
background-color: var(--imlib_chat_components_replyBubbleContent_line_color);
|
|
27
|
-
border-radius: 30px;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
[dir=ltr] .replyBubbleContent::after {
|
|
31
|
-
left: var(--zd_size10) ;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
[dir=rtl] .replyBubbleContent::after {
|
|
35
|
-
right: var(--zd_size10) ;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.failedReplyBubbleContent::after{
|
|
39
|
-
background-color: var(--imlib_chat_components_replyBubbleContent_line_color_failed);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.name {
|
|
43
|
-
color: var(--imlib_chat_components_replyBubbleContent_sender_color);
|
|
44
|
-
font-size: var(--zd_font_size15) ;
|
|
45
|
-
line-height: 1.5;
|
|
46
|
-
composes: dotted from "../../css/common.module.css";
|
|
47
|
-
font-family: var(--zd_semibold);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.failedReplyBubbleContent .name{
|
|
51
|
-
color: var(--imlib_chat_components_replyBubbleContent_sender_color_failed);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
[dir=ltr] .iconWrapper {
|
|
55
|
-
margin-right: var(--zd_size10) ;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
[dir=rtl] .iconWrapper {
|
|
59
|
-
margin-left: var(--zd_size10) ;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.messageWrapper {
|
|
63
|
-
color: var(--imlib_chat_components_replyBubbleContent_content_color);
|
|
64
|
-
font-size: var(--zd_font_size13) ;
|
|
65
|
-
line-height: 1.5;
|
|
66
|
-
-webkit-line-clamp: 2;
|
|
67
|
-
display: -webkit-box;
|
|
68
|
-
-webkit-box-orient: vertical;
|
|
69
|
-
word-break: break-word;
|
|
70
|
-
overflow: hidden;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.failedReplyBubbleContent .messageWrapper{
|
|
74
|
-
color: var(--imlib_chat_components_replyBubbleContent_content_color_failed);
|
|
75
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = cssJSLogic;
|
|
7
|
-
|
|
8
|
-
var _utils = require("@zohodesk/utils");
|
|
9
|
-
|
|
10
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
11
|
-
|
|
12
|
-
function cssJSLogic(props, style) {
|
|
13
|
-
var _compileClassNames;
|
|
14
|
-
|
|
15
|
-
var isFailed = props.isFailed;
|
|
16
|
-
var replyBubbleContentClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.replyBubbleContent, true), _defineProperty(_compileClassNames, style.failedReplyBubbleContent, isFailed), _compileClassNames));
|
|
17
|
-
return {
|
|
18
|
-
replyBubbleContentClass: replyBubbleContentClass
|
|
19
|
-
};
|
|
20
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "ReplyBubbleContent", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _ReplyBubbleContent["default"];
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
var _ReplyBubbleContent = _interopRequireDefault(require("./ReplyBubbleContent"));
|
|
14
|
-
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
|
|
9
|
-
|
|
10
|
-
/** ** Constants *** */
|
|
11
|
-
var replyBubbleContentDefaultProps = {
|
|
12
|
-
customStyle: _emptyConstants.dummyObject
|
|
13
|
-
};
|
|
14
|
-
var _default = replyBubbleContentDefaultProps;
|
|
15
|
-
exports["default"] = _default;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
|
-
/** ** Libraries *** */
|
|
13
|
-
var replyBubbleContentPropTypes = {
|
|
14
|
-
renderIcon: _propTypes["default"].func.isRequired,
|
|
15
|
-
renderMessage: _propTypes["default"].func.isRequired,
|
|
16
|
-
senderName: _propTypes["default"].string.isRequired,
|
|
17
|
-
customStyle: _propTypes["default"].object,
|
|
18
|
-
isFailed: _propTypes["default"].bool,
|
|
19
|
-
onClick: _propTypes["default"].func
|
|
20
|
-
};
|
|
21
|
-
var _default = replyBubbleContentPropTypes;
|
|
22
|
-
exports["default"] = _default;
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = ReplyBubbleHeader;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
|
|
13
|
-
|
|
14
|
-
var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
|
|
15
|
-
|
|
16
|
-
var _propTypes = _interopRequireDefault(require("./props/propTypes"));
|
|
17
|
-
|
|
18
|
-
var _ReplyBubbleHeaderModule = _interopRequireDefault(require("./css/ReplyBubbleHeader.module.css"));
|
|
19
|
-
|
|
20
|
-
var _Layout = require("@zohodesk/components/es/Layout");
|
|
21
|
-
|
|
22
|
-
var _Reply = _interopRequireDefault(require("@zohodesk/icon/es/general/Reply"));
|
|
23
|
-
|
|
24
|
-
var _renderHandler = _interopRequireDefault(require("@zohoim/chat-components-utils/es/common/renderHandler"));
|
|
25
|
-
|
|
26
|
-
var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
|
|
27
|
-
|
|
28
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
29
|
-
|
|
30
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
31
|
-
|
|
32
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
33
|
-
|
|
34
|
-
/** ** Libraries *** */
|
|
35
|
-
|
|
36
|
-
/** ** Hooks *** */
|
|
37
|
-
|
|
38
|
-
/** ** Constants *** */
|
|
39
|
-
|
|
40
|
-
/** ** Styles *** */
|
|
41
|
-
|
|
42
|
-
/** ** Components *** */
|
|
43
|
-
|
|
44
|
-
/** ** Icons *** */
|
|
45
|
-
|
|
46
|
-
/** ** Methods *** */
|
|
47
|
-
function ReplyBubbleHeader(props) {
|
|
48
|
-
var customStyle = props.customStyle,
|
|
49
|
-
replyText = props.replyText,
|
|
50
|
-
dateTimeDetails = props.dateTimeDetails,
|
|
51
|
-
renderCustomReplyIcon = props.renderCustomReplyIcon,
|
|
52
|
-
isFailed = props.isFailed;
|
|
53
|
-
var displayDateTime = dateTimeDetails.displayDateTime,
|
|
54
|
-
tooltip = dateTimeDetails.tooltip;
|
|
55
|
-
/* External CSS Customization */
|
|
56
|
-
|
|
57
|
-
var newStyle = (0, _useMergeStyle["default"])(_ReplyBubbleHeaderModule["default"], customStyle);
|
|
58
|
-
var iconStyle = (0, _react.useMemo)(function () {
|
|
59
|
-
return {
|
|
60
|
-
base: newStyle.replyIcon
|
|
61
|
-
};
|
|
62
|
-
}, [newStyle.replyIcon]);
|
|
63
|
-
/* css classnames added based on logic */
|
|
64
|
-
|
|
65
|
-
var _cssJSLogic = (0, _cssJSLogic2["default"])({
|
|
66
|
-
isFailed: isFailed
|
|
67
|
-
}, newStyle),
|
|
68
|
-
replyBubbleHeaderClass = _cssJSLogic.replyBubbleHeaderClass;
|
|
69
|
-
|
|
70
|
-
var renderIcon = (0, _react.useCallback)(function () {
|
|
71
|
-
var customIcon = (0, _renderHandler["default"])(renderCustomReplyIcon)();
|
|
72
|
-
return customIcon || /*#__PURE__*/_react["default"].createElement(_Reply["default"], {
|
|
73
|
-
customStyle: iconStyle
|
|
74
|
-
});
|
|
75
|
-
}, [iconStyle, renderCustomReplyIcon]);
|
|
76
|
-
return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
77
|
-
align: "vertical",
|
|
78
|
-
alignBox: "row",
|
|
79
|
-
className: replyBubbleHeaderClass
|
|
80
|
-
}, renderIcon(), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
81
|
-
flexible: true
|
|
82
|
-
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
83
|
-
align: "between",
|
|
84
|
-
alignBox: "row"
|
|
85
|
-
}, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
86
|
-
className: newStyle.replyText,
|
|
87
|
-
flexible: true
|
|
88
|
-
}, replyText), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
89
|
-
className: newStyle.time,
|
|
90
|
-
"data-title": tooltip,
|
|
91
|
-
flexible: true
|
|
92
|
-
}, displayDateTime))));
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
ReplyBubbleHeader.propTypes = _propTypes["default"];
|
|
96
|
-
ReplyBubbleHeader.defaultProps = _defaultProps["default"];
|
|
97
|
-
ReplyBubbleHeader.displayName = 'ReplyBubbleHeader';
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
.replyIcon {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-shrink: 0;
|
|
4
|
-
width: var(--zd_size20) !important;
|
|
5
|
-
height: var(--zd_size20) !important;
|
|
6
|
-
cursor: default;
|
|
7
|
-
}[dir=ltr] .replyIcon {
|
|
8
|
-
margin-right: var(--zd_size5) ;
|
|
9
|
-
}[dir=rtl] .replyIcon {
|
|
10
|
-
margin-left: var(--zd_size5) ;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.replyText {
|
|
14
|
-
font-size: var(--zd_font_size14) ;
|
|
15
|
-
color: var(--imlib_chat_components_replyBubbleHeader_text_color);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
[dir=ltr] .replyText {
|
|
19
|
-
margin-right: var(--zd_size5) ;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
[dir=rtl] .replyText {
|
|
23
|
-
margin-left: var(--zd_size5) ;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.failedReplyBubbleHeader .replyText {
|
|
27
|
-
color: var(--imlib_chat_components_replyBubbleHeader_text_color_failed);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.replyText,
|
|
31
|
-
.time {
|
|
32
|
-
composes: dotted from '../../css/common.module.css';
|
|
33
|
-
max-width: max-content;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.time {
|
|
37
|
-
font-size: var(--zd_font_size11) ;
|
|
38
|
-
letter-spacing: 0.4px;
|
|
39
|
-
color: var(--imlib_chat_components_replyBubbleHeader_time_color);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.failedReplyBubbleHeader .time {
|
|
43
|
-
color: var(--imlib_chat_components_replyBubbleHeader_time_color_failed);
|
|
44
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = cssJSLogic;
|
|
7
|
-
|
|
8
|
-
var _utils = require("@zohodesk/utils");
|
|
9
|
-
|
|
10
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
11
|
-
|
|
12
|
-
function cssJSLogic(props, style) {
|
|
13
|
-
var isFailed = props.isFailed;
|
|
14
|
-
var replyBubbleHeaderClass = (0, _utils.compileClassNames)(_defineProperty({}, style.failedReplyBubbleHeader, isFailed));
|
|
15
|
-
return {
|
|
16
|
-
replyBubbleHeaderClass: replyBubbleHeaderClass
|
|
17
|
-
};
|
|
18
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "ReplyBubbleHeader", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _ReplyBubbleHeader["default"];
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
var _ReplyBubbleHeader = _interopRequireDefault(require("./ReplyBubbleHeader"));
|
|
14
|
-
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
|
|
9
|
-
|
|
10
|
-
/** ** Constants *** */
|
|
11
|
-
var replyBubbleHeaderDefaultProps = {
|
|
12
|
-
customStyle: _emptyConstants.dummyObject,
|
|
13
|
-
dateTimeDetails: _emptyConstants.dummyObject
|
|
14
|
-
};
|
|
15
|
-
var _default = replyBubbleHeaderDefaultProps;
|
|
16
|
-
exports["default"] = _default;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
|
-
/** ** Libraries *** */
|
|
13
|
-
var replyBubbleHeaderPropTypes = {
|
|
14
|
-
replyText: _propTypes["default"].string.isRequired,
|
|
15
|
-
customStyle: _propTypes["default"].object,
|
|
16
|
-
dateTimeDetails: _propTypes["default"].shape({
|
|
17
|
-
displayDateTime: _propTypes["default"].string,
|
|
18
|
-
tooltip: _propTypes["default"].string
|
|
19
|
-
}),
|
|
20
|
-
renderCustomReplyIcon: _propTypes["default"].func,
|
|
21
|
-
isFailed: _propTypes["default"].bool
|
|
22
|
-
};
|
|
23
|
-
var _default = replyBubbleHeaderPropTypes;
|
|
24
|
-
exports["default"] = _default;
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = TextBubble;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
|
|
13
|
-
|
|
14
|
-
var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
|
|
15
|
-
|
|
16
|
-
var _propTypes = _interopRequireDefault(require("./props/propTypes"));
|
|
17
|
-
|
|
18
|
-
var _TextBubbleModule = _interopRequireDefault(require("./css/TextBubble.module.css"));
|
|
19
|
-
|
|
20
|
-
var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
|
|
21
|
-
|
|
22
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
-
|
|
24
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
-
|
|
26
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
-
|
|
28
|
-
/** ** Libraries *** */
|
|
29
|
-
|
|
30
|
-
/** ** Hooks *** */
|
|
31
|
-
|
|
32
|
-
/** ** Constants *** */
|
|
33
|
-
|
|
34
|
-
/** ** Styles *** */
|
|
35
|
-
|
|
36
|
-
/** ** Methods *** */
|
|
37
|
-
function TextBubble(props) {
|
|
38
|
-
var customStyle = props.customStyle,
|
|
39
|
-
moreText = props.moreText,
|
|
40
|
-
message = props.message,
|
|
41
|
-
onClickMore = props.onClickMore,
|
|
42
|
-
isFailed = props.isFailed;
|
|
43
|
-
/* External CSS Customization */
|
|
44
|
-
|
|
45
|
-
var newStyle = (0, _useMergeStyle["default"])(_TextBubbleModule["default"], customStyle);
|
|
46
|
-
/* css classnames added based on logic */
|
|
47
|
-
|
|
48
|
-
var _cssJSLogic = (0, _cssJSLogic2["default"])({
|
|
49
|
-
isFailed: isFailed
|
|
50
|
-
}, newStyle),
|
|
51
|
-
textBubbleClass = _cssJSLogic.textBubbleClass,
|
|
52
|
-
moreTextClass = _cssJSLogic.moreTextClass;
|
|
53
|
-
|
|
54
|
-
return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
55
|
-
className: textBubbleClass // eslint-disable-next-line react/no-danger, @zohodesk/zsecurity/no-unsecure-html
|
|
56
|
-
,
|
|
57
|
-
dangerouslySetInnerHTML: {
|
|
58
|
-
// __html: HTMLPurifier.sanitize(message)
|
|
59
|
-
__html: message
|
|
60
|
-
}
|
|
61
|
-
}), moreText ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
62
|
-
className: moreTextClass,
|
|
63
|
-
onClick: onClickMore
|
|
64
|
-
}, moreText) : null);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
TextBubble.propTypes = _propTypes["default"];
|
|
68
|
-
TextBubble.defaultProps = _defaultProps["default"];
|
|
69
|
-
TextBubble.displayName = 'TextBubble';
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
.textBubble {
|
|
2
|
-
/* Use this class name for css customisation */
|
|
3
|
-
color: var(--imlib_chat_components_textBubble_text_color);
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.failedTextBubble {
|
|
7
|
-
color: var(--imlib_chat_components_textBubble_text_color_failed);
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.moreText {
|
|
11
|
-
color: var(--imlib_chat_components_textBubble_see_more_color);
|
|
12
|
-
cursor: pointer;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.moreText:hover {
|
|
16
|
-
text-decoration: underline;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.failedMoreText {
|
|
20
|
-
color: var(--imlib_chat_components_textBubble_see_more_color_failed);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.textBubble a {
|
|
24
|
-
color: var(--imlib_chat_components_textBubble_url_color);
|
|
25
|
-
word-break: break-word;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.textBubble a:hover {
|
|
29
|
-
text-decoration: underline !important;
|
|
30
|
-
/* !important for Desk css overwrite */
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.failedTextBubble a {
|
|
34
|
-
color: var(--imlib_chat_components_textBubble_url_color_failed);
|
|
35
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = cssJSLogic;
|
|
7
|
-
|
|
8
|
-
var _utils = require("@zohodesk/utils");
|
|
9
|
-
|
|
10
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
11
|
-
|
|
12
|
-
function cssJSLogic(props, style) {
|
|
13
|
-
var _compileClassNames, _compileClassNames2;
|
|
14
|
-
|
|
15
|
-
var isFailed = props.isFailed;
|
|
16
|
-
var textBubbleClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.textBubble, true), _defineProperty(_compileClassNames, style.failedTextBubble, isFailed), _compileClassNames));
|
|
17
|
-
var moreTextClass = (0, _utils.compileClassNames)((_compileClassNames2 = {}, _defineProperty(_compileClassNames2, style.moreText, true), _defineProperty(_compileClassNames2, style.failedMoreText, isFailed), _compileClassNames2));
|
|
18
|
-
return {
|
|
19
|
-
textBubbleClass: textBubbleClass,
|
|
20
|
-
moreTextClass: moreTextClass
|
|
21
|
-
};
|
|
22
|
-
}
|
package/lib/TextBubble/index.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "TextBubble", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _TextBubble["default"];
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
var _TextBubble = _interopRequireDefault(require("./TextBubble"));
|
|
14
|
-
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
|
|
9
|
-
|
|
10
|
-
/** ** Constants *** */
|
|
11
|
-
var textBubbleDefaultProps = {
|
|
12
|
-
customStyle: _emptyConstants.dummyObject
|
|
13
|
-
};
|
|
14
|
-
var _default = textBubbleDefaultProps;
|
|
15
|
-
exports["default"] = _default;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
|
-
/** ** Libraries *** */
|
|
13
|
-
var textBubblePropTypes = {
|
|
14
|
-
message: _propTypes["default"].string.isRequired,
|
|
15
|
-
customStyle: _propTypes["default"].object,
|
|
16
|
-
moreText: _propTypes["default"].string,
|
|
17
|
-
onClickMore: _propTypes["default"].func,
|
|
18
|
-
isFailed: _propTypes["default"].bool
|
|
19
|
-
};
|
|
20
|
-
var _default = textBubblePropTypes;
|
|
21
|
-
exports["default"] = _default;
|