@zohoim/chat-components 0.0.13 → 0.0.15
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/es/ActionIcon/ActionIcon.js +57 -35
- package/es/ActionIcon/css/ActionIcon.module.css +4 -23
- package/es/ActionIcon/props/defaultProps.js +4 -2
- package/es/ActionIcon/props/propTypes.js +10 -3
- package/es/ActionIconWrapper/ActionIconWrapper.js +57 -0
- package/es/ActionIconWrapper/css/ActionIconWrapper.module.css +32 -0
- package/es/ActionIconWrapper/css/cssJSLogic.js +14 -0
- package/es/ActionIconWrapper/index.js +1 -0
- package/es/{im/IMDateTime → ActionIconWrapper}/props/defaultProps.js +3 -3
- package/es/ActionIconWrapper/props/propTypes.js +11 -0
- package/es/AttachmentBubble/AttachmentBubble.js +30 -29
- package/es/AttachmentBubble/css/AttachmentBubble.module.css +17 -15
- package/es/AttachmentBubble/props/defaultProps.js +2 -2
- package/es/AttachmentBubble/props/propTypes.js +10 -5
- package/es/AttachmentBubbleInfo/AttachmentBubbleInfo.js +13 -21
- package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +19 -16
- package/es/AttachmentBubbleInfo/props/defaultProps.js +1 -1
- package/es/AttachmentBubbleInfo/props/propTypes.js +3 -3
- package/es/AttachmentIcon/AttachmentIcon.js +47 -0
- package/es/AttachmentIcon/css/AttachmentIcon.module.css +4 -0
- package/es/AttachmentIcon/index.js +1 -0
- package/es/{MediaControls → AttachmentIcon}/props/defaultProps.js +3 -3
- package/es/AttachmentIcon/props/propTypes.js +11 -0
- package/es/AttachmentIcon/utils/getAttachmentIconComponent.js +61 -0
- package/es/Audio/Audio.js +14 -36
- package/es/Audio/css/Audio.module.css +3 -3
- package/es/Audio/props/defaultProps.js +2 -3
- package/es/Audio/props/propTypes.js +3 -4
- package/es/AudioBubble/AudioBubble.js +32 -36
- package/es/AudioBubble/css/AudioBubble.module.css +3 -2
- package/es/AudioBubble/props/defaultProps.js +2 -3
- package/es/AudioBubble/props/propTypes.js +10 -7
- package/es/Fonts/puviFont.module.css +55 -54
- package/es/ImageBubble/ImageBubble.js +20 -20
- package/es/ImageBubble/css/ImageBubble.module.css +8 -11
- package/es/ImageBubble/props/defaultProps.js +1 -1
- package/es/ImageBubble/props/propTypes.js +5 -3
- package/es/InfoBubble/InfoBubble.js +6 -8
- package/es/InfoBubble/props/defaultProps.js +1 -1
- package/es/LazyLoadImage/LazyLoadImage.js +6 -16
- package/es/LazyLoadImage/css/LazyLoadImage.module.css +1 -0
- package/es/LazyLoadImage/props/defaultProps.js +1 -1
- package/es/LazyLoadImage/props/propTypes.js +3 -3
- package/es/LocationBubble/LocationBubble.js +17 -34
- package/es/LocationBubble/css/LocationBubble.module.css +13 -14
- package/es/LocationBubble/props/defaultProps.js +1 -1
- package/es/LocationBubble/props/propTypes.js +2 -2
- package/es/MediaBubbleWrapper/MediaBubbleWrapper.js +59 -0
- package/es/MediaBubbleWrapper/css/MediaBubbleWrapper.module.css +7 -0
- package/es/MediaBubbleWrapper/index.js +1 -0
- package/es/MediaBubbleWrapper/props/defaultProps.js +7 -0
- package/es/MediaBubbleWrapper/props/propTypes.js +16 -0
- package/es/Message/Message.js +59 -37
- package/es/Message/props/defaultProps.js +3 -3
- package/es/Message/props/propTypes.js +17 -38
- package/es/MessageAction/MessageAction.js +31 -18
- package/es/MessageAction/props/defaultProps.js +4 -4
- package/es/MessageAction/props/propTypes.js +11 -8
- package/es/MessageActions/MessageActions.js +56 -96
- package/es/MessageActions/css/MessageActions.module.css +2 -9
- package/es/MessageActions/props/defaultProps.js +2 -4
- package/es/MessageActions/props/propTypes.js +13 -19
- package/es/MessageActionsMore/MessageActionsMore.js +43 -35
- package/es/MessageActionsMore/css/MessageActionsMore.module.css +8 -5
- package/es/MessageActionsMore/props/defaultProps.js +3 -2
- package/es/MessageActionsMore/props/propTypes.js +3 -2
- package/es/MessageActionsWrapper/MessageActionsWrapper.js +36 -44
- package/es/MessageActionsWrapper/css/MessageActionsWrapper.module.css +1 -1
- package/es/MessageActionsWrapper/props/defaultProps.js +4 -5
- package/es/MessageActionsWrapper/props/propTypes.js +7 -4
- package/es/MessageAvatar/MessageAvatar.js +11 -19
- package/es/MessageAvatar/css/MessageAvatar.module.css +3 -3
- package/es/MessageAvatar/props/defaultProps.js +2 -6
- package/es/MessageAvatar/props/propTypes.js +5 -5
- package/es/MessageBox/MessageBox.js +33 -30
- package/es/MessageBox/css/MessageBox.module.css +9 -16
- package/es/MessageBox/css/cssJSLogic.js +1 -21
- package/es/MessageBox/props/defaultProps.js +1 -3
- package/es/MessageBox/props/propTypes.js +8 -7
- package/es/MessageBubble/MessageBubble.js +64 -38
- package/es/MessageBubble/css/MessageBubble.module.css +11 -8
- package/es/MessageBubble/css/cssJSLogic.js +10 -26
- package/es/MessageBubble/props/defaultProps.js +1 -1
- package/es/MessageBubble/props/propTypes.js +7 -7
- package/es/MessageStatus/MessageStatus.js +11 -11
- package/es/MessageStatus/css/MessageStatus.module.css +1 -1
- package/es/MessageStatus/css/cssJSLogic.js +13 -9
- package/es/MessageStatus/props/defaultProps.js +1 -1
- package/es/MessageStatus/props/propTypes.js +4 -14
- package/es/MoreActionItem/MoreActionItem.js +21 -33
- package/es/MoreActionItem/css/MoreActionItem.module.css +6 -14
- package/es/MoreActionItem/props/defaultProps.js +1 -5
- package/es/MoreActionItem/props/propTypes.js +6 -5
- package/es/ReplyBubble/ReplyBubble.js +58 -28
- package/es/ReplyBubble/css/ReplyBubble.module.css +17 -0
- package/es/ReplyBubble/props/defaultProps.js +3 -4
- package/es/ReplyBubble/props/propTypes.js +15 -8
- package/es/ReplyBubbleContent/ReplyBubbleContent.js +15 -25
- package/es/ReplyBubbleContent/css/ReplyBubbleContent.module.css +35 -38
- package/es/ReplyBubbleContent/props/defaultProps.js +1 -1
- package/es/ReplyBubbleContent/props/propTypes.js +4 -4
- package/es/ReplyBubbleHeader/ReplyBubbleHeader.js +27 -33
- package/es/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +25 -9
- package/es/ReplyBubbleHeader/props/defaultProps.js +2 -4
- package/es/ReplyBubbleHeader/props/propTypes.js +3 -2
- package/es/TextBubble/TextBubble.js +12 -30
- package/es/TextBubble/css/TextBubble.module.css +15 -9
- package/es/TextBubble/props/defaultProps.js +2 -5
- package/es/TextBubble/props/propTypes.js +3 -4
- package/es/Theme/{DeskAssets.js → ThemeAssets.js} +10 -6
- package/es/Theme/ThemeWrapper.js +54 -57
- package/es/Theme/{ToolttipWrapper.js → TooltipWrapper.js} +29 -25
- package/es/Theme/constants/index.js +1 -4
- package/es/Theme/crm/dark/blueFanTheme.js +5 -5
- package/es/Theme/crm/dark/blueTheme.js +5 -5
- package/es/Theme/crm/dark/commonColorVariable.js +5 -5
- package/es/Theme/crm/dark/darkBlueTheme.js +5 -5
- package/es/Theme/crm/dark/darkGreyTheme.js +5 -5
- package/es/Theme/crm/dark/greenTheme.js +5 -5
- package/es/Theme/crm/dark/orangeTheme.js +5 -5
- package/es/Theme/crm/dark/pinkTheme.js +5 -5
- package/es/Theme/crm/dark/tealTheme.js +5 -5
- package/es/Theme/crm/dark/whiteTheme.js +5 -5
- package/es/Theme/crm/light/blueFanTheme.js +5 -5
- package/es/Theme/crm/light/blueTheme.js +3 -3
- package/es/Theme/crm/light/commonColorVariable.js +3 -3
- package/es/Theme/crm/light/darkBlueTheme.js +5 -5
- package/es/Theme/crm/light/darkGreyTheme.js +5 -5
- package/es/Theme/crm/light/greenTheme.js +3 -3
- package/es/Theme/crm/light/orangeTheme.js +3 -3
- package/es/Theme/crm/light/pinkTheme.js +3 -3
- package/es/Theme/crm/light/tealTheme.js +3 -3
- package/es/Theme/crm/light/whiteTheme.js +5 -5
- package/es/Theme/crm/pureDark/blueFanTheme.js +5 -5
- package/es/Theme/crm/pureDark/blueTheme.js +5 -5
- package/es/Theme/crm/pureDark/commonColorVariable.js +3 -3
- package/es/Theme/crm/pureDark/darkBlueTheme.js +5 -5
- package/es/Theme/crm/pureDark/darkGreyTheme.js +5 -5
- package/es/Theme/crm/pureDark/greenTheme.js +5 -5
- package/es/Theme/crm/pureDark/orangeTheme.js +5 -5
- package/es/Theme/crm/pureDark/pinkTheme.js +5 -5
- package/es/Theme/crm/pureDark/tealTheme.js +5 -5
- package/es/Theme/crm/pureDark/whiteTheme.js +5 -5
- package/es/Theme/css/TooltipWrapper.module.css +2 -2
- package/es/Theme/props/defaultProps.js +2 -3
- package/es/Theme/props/propTypes.js +5 -6
- package/es/Theme/{desk/commonDeskColorVariable.js → themeVariables/commonThemeColorVariable.js} +2 -3
- package/es/Theme/{desk → themeVariables}/dark/blueTheme.js +11 -11
- package/es/Theme/{desk → themeVariables}/dark/commonColorVariable.js +1 -1
- package/es/Theme/{desk → themeVariables}/dark/greenTheme.js +8 -8
- package/es/Theme/{desk → themeVariables}/dark/orangeTheme.js +8 -8
- package/es/Theme/{desk → themeVariables}/dark/redTheme.js +8 -8
- package/es/Theme/{desk → themeVariables}/dark/yellowTheme.js +8 -8
- package/es/Theme/{desk → themeVariables}/light/blueTheme.js +8 -8
- package/es/Theme/{desk → themeVariables}/light/commonColorVariable.js +1 -1
- package/es/Theme/{desk → themeVariables}/light/greenTheme.js +8 -8
- package/es/Theme/{desk → themeVariables}/light/orangeTheme.js +7 -7
- package/es/Theme/{desk → themeVariables}/light/redTheme.js +7 -7
- package/es/Theme/{desk → themeVariables}/light/yellowTheme.js +8 -8
- package/es/Theme/{desk → themeVariables}/pureDark/blueTheme.js +8 -8
- package/es/Theme/{desk → themeVariables}/pureDark/commonColorVariable.js +1 -1
- package/es/Theme/{desk → themeVariables}/pureDark/greenTheme.js +8 -8
- package/es/Theme/{desk → themeVariables}/pureDark/orangeTheme.js +8 -8
- package/es/Theme/{desk → themeVariables}/pureDark/redTheme.js +8 -8
- package/es/Theme/{desk → themeVariables}/pureDark/yellowTheme.js +8 -8
- package/es/Theme/utils/combineConfigurations.js +17 -0
- package/es/Theme/utils/flatVariables.js +12 -0
- package/es/Theme/utils/getCustomizedCssVariables.js +19 -0
- package/es/Theme/utils/getThemeConfigurations.js +47 -175
- package/es/Theme/utils/getWrapperDivProps.js +12 -0
- package/es/Video/Video.js +13 -45
- package/es/Video/css/Video.module.css +2 -7
- package/es/Video/props/defaultProps.js +2 -3
- package/es/Video/props/propTypes.js +3 -4
- package/es/VideoBubble/VideoBubble.js +32 -35
- package/es/VideoBubble/css/VideoBubble.module.css +4 -4
- package/es/VideoBubble/props/defaultProps.js +2 -3
- package/es/VideoBubble/props/propTypes.js +11 -7
- package/es/css/common.module.css +6 -0
- package/es/icons/create-icon-components.js +30 -0
- package/es/icons/factory/common/article.svg +4 -4
- package/es/icons/factory/integrations/chInstagram.svg +2 -2
- package/es/icons/factory/integrations/chWhatsApp.svg +2 -2
- package/es/icons/factory/integrations/ttASAP.svg +6 -1
- package/es/icons/factory/integrations/ttLine.svg +8 -0
- package/es/icons/factory/integrations/ttTelegram.svg +4 -1
- package/es/icons/factory/integrations/ttTwillio.svg +8 -1
- package/es/icons/factory/integrations/ttWechat.svg +9 -1
- package/es/icons/icon.template.js +9 -8
- package/es/icons/iconSrc/common/Article.js +2 -3
- package/es/icons/iconSrc/common/index.js +1 -2
- package/es/icons/iconSrc/integrations/ChInstagram.js +2 -3
- package/es/icons/iconSrc/integrations/ChWhatsApp.js +2 -3
- package/es/icons/iconSrc/integrations/TtASAP.js +11 -15
- package/es/icons/iconSrc/integrations/{TtTwitter.js → TtLine.js} +14 -18
- package/es/icons/iconSrc/integrations/TtTelegram.js +8 -12
- package/es/icons/iconSrc/integrations/TtTwillio.js +15 -19
- package/es/icons/iconSrc/integrations/TtWechat.js +19 -20
- package/es/icons/iconSrc/integrations/index.js +1 -1
- package/es/im/ArticleBubble/ArticleBubble.js +67 -0
- package/es/im/ArticleBubble/css/ArticleBubble.module.css +57 -0
- package/es/{ArticleBubble → im/ArticleBubble}/props/defaultProps.js +1 -1
- package/es/im/ArticleBubble/props/propTypes.js +13 -0
- package/es/im/IMAutoMessageInfo/IMAutoMessageInfo.js +10 -20
- package/es/im/IMAutoMessageInfo/css/IMAutoMessageInfo.module.css +2 -3
- package/es/im/IMAutoMessageInfo/props/defaultProps.js +1 -1
- package/es/im/IMAutoMessageInfo/props/propTypes.js +11 -9
- package/es/im/IMInfoBubble/IMInfoBubble.js +6 -8
- package/es/im/IMInfoBubble/props/defaultProps.js +1 -1
- package/es/im/IMIntegrationIcon/IMIntegrationIcon.js +31 -38
- package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +5 -8
- package/es/im/IMIntegrationIcon/css/cssJSLogic.js +9 -13
- package/es/im/IMIntegrationIcon/index.js +1 -2
- package/es/im/IMIntegrationIcon/props/defaultProps.js +6 -4
- package/es/im/IMIntegrationIcon/props/propTypes.js +6 -17
- package/es/im/IMMessage/IMMessage.js +97 -90
- package/es/im/IMMessage/css/IMMessage.module.css +36 -0
- package/es/im/IMMessage/css/cssJSLogic.js +16 -3
- package/es/im/IMMessage/props/defaultProps.js +3 -11
- package/es/im/IMMessage/props/propTypes.js +52 -97
- package/es/im/IMMessageContent/IMMessageContent.js +76 -65
- package/es/im/IMMessageContent/css/IMMessageContent.module.css +1 -1
- package/es/im/IMMessageContent/props/defaultProps.js +2 -3
- package/es/im/IMMessageContent/props/propTypes.js +29 -23
- package/es/im/IMMessageMeta/IMMessageMeta.js +26 -21
- package/es/im/IMMessageMeta/css/IMMessageMeta.module.css +13 -4
- package/es/im/IMMessageMeta/css/cssJSLogic.js +11 -3
- package/es/im/IMMessageMeta/props/defaultProps.js +1 -1
- package/es/im/IMMessageMeta/props/propTypes.js +17 -12
- package/es/im/IMPermaLink/IMPermaLink.js +48 -0
- package/es/im/IMPermaLink/css/IMPermaLink.module.css +14 -0
- package/es/im/{IMTicketLink → IMPermaLink}/css/cssJSLogic.js +3 -3
- package/es/im/IMPermaLink/index.js +1 -0
- package/es/im/{IMAttachmentIcon → IMPermaLink}/props/defaultProps.js +3 -3
- package/es/im/IMPermaLink/props/propTypes.js +11 -0
- package/es/im/IMReplyBubble/IMReplyBubble.js +20 -59
- package/es/im/IMReplyBubble/props/defaultProps.js +2 -4
- package/es/im/IMReplyBubble/props/propTypes.js +16 -14
- package/es/im/IMTextBubble/IMTextBubble.js +15 -31
- package/es/im/IMTextBubble/props/defaultProps.js +3 -9
- package/es/im/IMTextBubble/props/propTypes.js +22 -8
- package/es/im/css/common.module.css +6 -0
- package/es/im/index.js +2 -10
- package/es/index.js +4 -6
- package/package.json +32 -14
- package/es/ActionIcon/css/cssJSLogic.js +0 -10
- package/es/ArticleBubble/ArticleBubble.js +0 -70
- package/es/ArticleBubble/css/ArticleBubble.module.css +0 -48
- package/es/ArticleBubble/css/cssJSLogic.js +0 -34
- package/es/ArticleBubble/props/propTypes.js +0 -10
- package/es/AttachmentBubble/css/cssJSLogic.js +0 -18
- package/es/AttachmentBubbleInfo/css/cssJSLogic.js +0 -18
- package/es/Audio/css/cssJSLogic.js +0 -14
- package/es/AudioBubble/css/cssJSLogic.js +0 -20
- package/es/ImageBubble/css/cssJSLogic.js +0 -22
- package/es/LazyLoadImage/css/cssJSLogic.js +0 -10
- package/es/LocationBubble/css/cssJSLogic.js +0 -30
- package/es/MediaControls/MediaControls.js +0 -59
- package/es/MediaControls/css/MediaControls.module.css +0 -1
- package/es/MediaControls/css/cssJSLogic.js +0 -22
- package/es/MediaControls/index.js +0 -1
- package/es/MediaControls/props/propTypes.js +0 -11
- package/es/Message/css/Message.module.css +0 -0
- package/es/Message/css/cssJSLogic.js +0 -10
- package/es/MessageAction/css/MessageAction.module.css +0 -0
- package/es/MessageAction/css/cssJSLogic.js +0 -0
- package/es/MessageActions/css/cssJSLogic.js +0 -20
- package/es/MessageActionsMore/css/cssJSLogic.js +0 -28
- package/es/MessageActionsWrapper/css/cssJSLogic.js +0 -10
- package/es/MessageActionsWrapper/props/propConstants.js +0 -7
- package/es/MessageAvatar/css/cssJSLogic.js +0 -18
- package/es/MessageBubble/props/propConstants.js +0 -6
- package/es/MoreActionItem/css/cssJSLogic.js +0 -27
- package/es/ReplyBubble/css/cssJSLogic.js +0 -10
- package/es/ReplyBubbleContent/css/cssJSLogic.js +0 -22
- package/es/ReplyBubbleHeader/css/cssJSLogic.js +0 -18
- package/es/TextBubble/css/cssJSLogic.js +0 -18
- package/es/Theme/css/cssJSLogic.js +0 -14
- package/es/Video/css/cssJSLogic.js +0 -14
- package/es/VideoBubble/css/cssJSLogic.js +0 -10
- package/es/icons/factory/actions/convertTicket.svg +0 -21
- package/es/icons/factory/common/quote.svg +0 -1
- package/es/icons/factory/integrations/ttTwitter.svg +0 -1
- package/es/icons/iconSrc/actions/ConvertTicket.js +0 -25
- package/es/icons/iconSrc/actions/index.js +0 -1
- package/es/icons/iconSrc/common/Quote.js +0 -17
- package/es/im/IMArticleBubble/IMArticleBubble.js +0 -54
- package/es/im/IMArticleBubble/css/IMArticleBubble.module.css +0 -0
- package/es/im/IMArticleBubble/css/cssJSLogic.js +0 -10
- package/es/im/IMArticleBubble/index.js +0 -1
- package/es/im/IMArticleBubble/props/defaultProps.js +0 -8
- package/es/im/IMArticleBubble/props/propTypes.js +0 -14
- package/es/im/IMAttachmentBubble/IMAttachmentBubble.js +0 -62
- package/es/im/IMAttachmentBubble/css/IMAttachmentBubble.module.css +0 -1
- package/es/im/IMAttachmentBubble/css/cssJSLogic.js +0 -10
- package/es/im/IMAttachmentBubble/index.js +0 -1
- package/es/im/IMAttachmentBubble/props/defaultProps.js +0 -10
- package/es/im/IMAttachmentBubble/props/propTypes.js +0 -16
- package/es/im/IMAttachmentIcon/IMAttachmentIcon.js +0 -85
- package/es/im/IMAttachmentIcon/css/IMAttachmentIcon.module.css +0 -4
- package/es/im/IMAttachmentIcon/css/cssJSLogic.js +0 -16
- package/es/im/IMAttachmentIcon/index.js +0 -1
- package/es/im/IMAttachmentIcon/props/propTypes.js +0 -26
- package/es/im/IMAudioBubble/IMAudioBubble.js +0 -62
- package/es/im/IMAudioBubble/css/IMAudioBubble.module.css +0 -8
- package/es/im/IMAudioBubble/css/cssJSLogic.js +0 -20
- package/es/im/IMAudioBubble/index.js +0 -1
- package/es/im/IMAudioBubble/props/defaultProps.js +0 -11
- package/es/im/IMAudioBubble/props/propTypes.js +0 -17
- package/es/im/IMAutoMessageInfo/css/cssJSLogic.js +0 -10
- package/es/im/IMDateTime/IMDateTime.js +0 -40
- package/es/im/IMDateTime/css/IMDateTime.module.css +0 -10
- package/es/im/IMDateTime/css/cssJSLogic.js +0 -10
- package/es/im/IMDateTime/index.js +0 -1
- package/es/im/IMDateTime/props/propTypes.js +0 -6
- package/es/im/IMImageBubble/IMImageBubble.js +0 -50
- package/es/im/IMImageBubble/css/IMImageBubble.module.css +0 -0
- package/es/im/IMImageBubble/css/cssJSLogic.js +0 -10
- package/es/im/IMImageBubble/index.js +0 -1
- package/es/im/IMImageBubble/props/defaultProps.js +0 -7
- package/es/im/IMImageBubble/props/propTypes.js +0 -13
- package/es/im/IMIntegrationIcon/props/propConstants.js +0 -8
- package/es/im/IMLocationBubble/IMLocationBubble.js +0 -50
- package/es/im/IMLocationBubble/css/IMLocationBubble.module.css +0 -0
- package/es/im/IMLocationBubble/css/cssJSLogic.js +0 -10
- package/es/im/IMLocationBubble/index.js +0 -1
- package/es/im/IMLocationBubble/props/defaultProps.js +0 -8
- package/es/im/IMLocationBubble/props/propTypes.js +0 -11
- package/es/im/IMMessageAvatar/IMMessageAvatar.js +0 -45
- package/es/im/IMMessageAvatar/css/IMMessageAvatar.module.css +0 -0
- package/es/im/IMMessageAvatar/css/cssJSLogic.js +0 -0
- package/es/im/IMMessageAvatar/index.js +0 -1
- package/es/im/IMMessageAvatar/props/defaultProps.js +0 -12
- package/es/im/IMMessageAvatar/props/propTypes.js +0 -53
- package/es/im/IMMessageContent/css/cssJSLogic.js +0 -10
- package/es/im/IMReplyBubble/css/IMReplyBubble.module.css +0 -18
- package/es/im/IMReplyBubble/css/cssJSLogic.js +0 -10
- package/es/im/IMTextBubble/css/IMTextBubble.module.css +0 -1
- package/es/im/IMTextBubble/css/cssJSLogic.js +0 -10
- package/es/im/IMTicketLink/IMTicketLink.js +0 -46
- package/es/im/IMTicketLink/css/IMTicketLink.module.css +0 -27
- package/es/im/IMTicketLink/index.js +0 -1
- package/es/im/IMTicketLink/props/defaultProps.js +0 -6
- package/es/im/IMTicketLink/props/propTypes.js +0 -10
- package/es/im/IMVideoBubble/IMVideoBubble.js +0 -61
- package/es/im/IMVideoBubble/css/IMVideoBubble.module.css +0 -1
- package/es/im/IMVideoBubble/css/cssJSLogic.js +0 -10
- package/es/im/IMVideoBubble/index.js +0 -1
- package/es/im/IMVideoBubble/props/defaultProps.js +0 -11
- package/es/im/IMVideoBubble/props/propTypes.js +0 -17
- package/es/unused/AvatarSpace/AvatarSpace.js +0 -40
- package/es/unused/AvatarSpace/css/AvatarSpace.module.css +0 -1
- package/es/unused/AvatarSpace/css/cssJSLogic.js +0 -15
- package/es/unused/AvatarSpace/index.js +0 -1
- package/es/unused/AvatarSpace/props/defaultProps.js +0 -10
- package/es/unused/AvatarSpace/props/propConstants.js +0 -7
- package/es/unused/AvatarSpace/props/propTypes.js +0 -8
- package/es/unused/MessageBoxFooter/MessageBoxFooter.js +0 -39
- package/es/unused/MessageBoxFooter/css/MessageBoxFooter.module.css +0 -3
- package/es/unused/MessageBoxFooter/css/cssJSLogic.js +0 -10
- package/es/unused/MessageBoxFooter/index.js +0 -1
- package/es/unused/MessageBoxFooter/props/defaultProps.js +0 -5
- package/es/unused/MessageBoxFooter/props/propTypes.js +0 -6
- package/es/unused/MessageBoxHeader/MessageBoxHeader.js +0 -7
- package/es/unused/MessageBoxHeader/css/MessageBoxHeader.module.css +0 -0
- package/es/unused/MessageBoxHeader/css/cssJsLogic.js +0 -0
- package/es/unused/MessageBoxHeader/index.js +0 -2
- package/es/unused/MessageBoxHeader/props/defaultProps.js +0 -0
- package/es/unused/MessageBoxHeader/props/propTypes.js +0 -0
- package/es/unused/MessageWrapper/MessageWrapper.js +0 -36
- package/es/unused/MessageWrapper/css/MessageWrapper.module.css +0 -0
- package/es/unused/MessageWrapper/css/cssJSLogic.js +0 -10
- package/es/unused/MessageWrapper/index.js +0 -1
- package/es/unused/MessageWrapper/props/defaultProps.js +0 -6
- package/es/unused/MessageWrapper/props/propTypes.js +0 -6
- package/es/unused/TextMessage/DefaultActions.js +0 -60
- package/es/unused/TextMessage/TextMessage.js +0 -67
- package/es/unused/TextMessage/TextMessage1.js +0 -66
- package/es/unused/TextMessage/css/TextMessage.module.css +0 -5
- package/es/unused/TextMessage/css/cssJSLogic.js +0 -0
- package/es/unused/TextMessage/index.js +0 -1
- package/es/unused/TextMessage/props/defaultProps.js +0 -4
- package/es/unused/TextMessage/props/propConstants.js +0 -3
- package/es/unused/TextMessage/props/propTypes.js +0 -17
- package/es/unused/darkTheme.js +0 -9
- package/es/unused/defaultTheme.js +0 -33
- /package/es/{ArticleBubble → im/ArticleBubble}/index.js +0 -0
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/** ** Methods *** */
|
|
2
|
-
import { compileClassNames } from '@zohodesk/utils';
|
|
3
|
-
export default function cssJSLogic(props, style) {
|
|
4
|
-
const {
|
|
5
|
-
headerCustomStyle: propHeaderCustomStyle
|
|
6
|
-
} = props;
|
|
7
|
-
const audioBubbleClass = compileClassNames({
|
|
8
|
-
[style.audioBubble]: true
|
|
9
|
-
});
|
|
10
|
-
const headerCustomStyle = compileClassNames({
|
|
11
|
-
[style.header]: true
|
|
12
|
-
});
|
|
13
|
-
return {
|
|
14
|
-
audioBubbleClass,
|
|
15
|
-
headerCustomStyle: {
|
|
16
|
-
attachmentBubbleInfo: headerCustomStyle,
|
|
17
|
-
...propHeaderCustomStyle
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/** ** Methods *** */
|
|
2
|
-
import { compileClassNames } from '@zohodesk/utils';
|
|
3
|
-
export default function cssJSLogic(props, style) {
|
|
4
|
-
const imageBubbleWrapperClass = compileClassNames({
|
|
5
|
-
[style.imageBubbleWrapper]: true
|
|
6
|
-
});
|
|
7
|
-
const imageClass = compileClassNames({
|
|
8
|
-
[style.image]: true
|
|
9
|
-
});
|
|
10
|
-
const blurImageClass = compileClassNames({
|
|
11
|
-
[style.blurImage]: true
|
|
12
|
-
});
|
|
13
|
-
return {
|
|
14
|
-
imageBubbleWrapperClass,
|
|
15
|
-
blurImageStyle: {
|
|
16
|
-
lazyLoadImage: blurImageClass
|
|
17
|
-
},
|
|
18
|
-
imageStyle: {
|
|
19
|
-
lazyLoadImage: imageClass
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/** ** Methods *** */
|
|
2
|
-
import { compileClassNames } from '@zohodesk/utils';
|
|
3
|
-
export default function cssJSLogic(props, style) {
|
|
4
|
-
const locationBubbleClass = compileClassNames({
|
|
5
|
-
[style.locationBubble]: true
|
|
6
|
-
});
|
|
7
|
-
const imageWrapperClass = compileClassNames({
|
|
8
|
-
[style.imageWrapper]: true
|
|
9
|
-
});
|
|
10
|
-
const imageClass = compileClassNames({
|
|
11
|
-
[style.image]: true
|
|
12
|
-
});
|
|
13
|
-
const imageLinkClass = compileClassNames({
|
|
14
|
-
[style.imageLink]: true
|
|
15
|
-
});
|
|
16
|
-
const textWrapperClass = compileClassNames({
|
|
17
|
-
[style.textWrapper]: true
|
|
18
|
-
});
|
|
19
|
-
const textLinkClass = compileClassNames({
|
|
20
|
-
[style.textLink]: true
|
|
21
|
-
});
|
|
22
|
-
return {
|
|
23
|
-
locationBubbleClass,
|
|
24
|
-
imageWrapperClass,
|
|
25
|
-
imageClass,
|
|
26
|
-
imageLinkClass,
|
|
27
|
-
textWrapperClass,
|
|
28
|
-
textLinkClass
|
|
29
|
-
};
|
|
30
|
-
}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
/* eslint-disable react/jsx-no-bind */
|
|
2
|
-
/* eslint-disable max-len */
|
|
3
|
-
|
|
4
|
-
/** ** Libraries *** */
|
|
5
|
-
import React from 'react';
|
|
6
|
-
|
|
7
|
-
/** ** Hooks *** */
|
|
8
|
-
import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
|
|
9
|
-
|
|
10
|
-
/** ** Constants *** */
|
|
11
|
-
import mediaControlsDefaultProps from './props/defaultProps';
|
|
12
|
-
import mediaControlsPropTypes from './props/propTypes';
|
|
13
|
-
|
|
14
|
-
/** ** Methods *** */
|
|
15
|
-
import cssJSLogic from './css/cssJSLogic';
|
|
16
|
-
|
|
17
|
-
/** ** Styles *** */
|
|
18
|
-
import style from './css/MediaControls.module.css';
|
|
19
|
-
|
|
20
|
-
/** ** Icons *** */
|
|
21
|
-
import PauseIcon from '@zohodesk/icon/es/general/Pause';
|
|
22
|
-
import PlayIcon from '@zohodesk/icon/es/general/Copy';
|
|
23
|
-
export default function MediaControls(props) {
|
|
24
|
-
const {
|
|
25
|
-
customStyle,
|
|
26
|
-
onTogglePlay,
|
|
27
|
-
isMediaPlayed,
|
|
28
|
-
progressPercentage,
|
|
29
|
-
currentTime,
|
|
30
|
-
durationTime
|
|
31
|
-
} = props;
|
|
32
|
-
|
|
33
|
-
/* External customization */
|
|
34
|
-
const newStyle = useMergeStyle(style, customStyle);
|
|
35
|
-
/* CSS classnames added based on logic */
|
|
36
|
-
const {
|
|
37
|
-
mediaControlsClass,
|
|
38
|
-
iconWrapperClass,
|
|
39
|
-
progressBarClass,
|
|
40
|
-
durationClass
|
|
41
|
-
} = cssJSLogic(props, newStyle);
|
|
42
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
43
|
-
className: mediaControlsClass
|
|
44
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
45
|
-
className: iconWrapperClass
|
|
46
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
47
|
-
onClick: onTogglePlay
|
|
48
|
-
}, isMediaPlayed ? /*#__PURE__*/React.createElement(PauseIcon, null) : /*#__PURE__*/React.createElement(PlayIcon, null))), /*#__PURE__*/React.createElement("div", {
|
|
49
|
-
className: progressBarClass,
|
|
50
|
-
style: {
|
|
51
|
-
width: progressPercentage
|
|
52
|
-
}
|
|
53
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
54
|
-
className: durationClass
|
|
55
|
-
}, `${currentTime} / ${durationTime}`));
|
|
56
|
-
}
|
|
57
|
-
MediaControls.propTypes = mediaControlsPropTypes;
|
|
58
|
-
MediaControls.defaultProps = mediaControlsDefaultProps;
|
|
59
|
-
MediaControls.displayName = 'MediaControls';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/** ** Methods *** */
|
|
2
|
-
import { compileClassNames } from '@zohodesk/utils';
|
|
3
|
-
export default function cssJSLogic(props, style) {
|
|
4
|
-
const mediaControlsClass = compileClassNames({
|
|
5
|
-
[style.mediaControls]: true
|
|
6
|
-
});
|
|
7
|
-
const iconWrapperClass = compileClassNames({
|
|
8
|
-
[style.iconWrapper]: true
|
|
9
|
-
});
|
|
10
|
-
const progressBarClass = compileClassNames({
|
|
11
|
-
[style.progressBar]: true
|
|
12
|
-
});
|
|
13
|
-
const durationClass = compileClassNames({
|
|
14
|
-
[style.duration]: true
|
|
15
|
-
});
|
|
16
|
-
return {
|
|
17
|
-
mediaControlsClass,
|
|
18
|
-
iconWrapperClass,
|
|
19
|
-
progressBarClass,
|
|
20
|
-
durationClass
|
|
21
|
-
};
|
|
22
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as MediaControls } from './MediaControls';
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/** ** Libraries *** */
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
const mediaControlsPropTypes = {
|
|
4
|
-
customStyle: PropTypes.object,
|
|
5
|
-
onTogglePlay: PropTypes.func,
|
|
6
|
-
isMediaPlayed: PropTypes.bool,
|
|
7
|
-
progressPercentage: PropTypes.string,
|
|
8
|
-
currentTime: PropTypes.string,
|
|
9
|
-
durationTime: PropTypes.string
|
|
10
|
-
};
|
|
11
|
-
export default mediaControlsPropTypes;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/** ** Methods *** */
|
|
2
|
-
import { compileClassNames } from '@zohodesk/utils';
|
|
3
|
-
export default function cssJSLogic(props, style) {
|
|
4
|
-
const moreIconClass = compileClassNames({
|
|
5
|
-
[style.moreIcon]: true
|
|
6
|
-
});
|
|
7
|
-
const secondaryActionsClass = compileClassNames({
|
|
8
|
-
[style.secondaryActions]: true
|
|
9
|
-
});
|
|
10
|
-
const iconClass = compileClassNames({
|
|
11
|
-
[style.icon]: true
|
|
12
|
-
});
|
|
13
|
-
return {
|
|
14
|
-
moreIconClass,
|
|
15
|
-
secondaryActionsClass,
|
|
16
|
-
iconStyle: {
|
|
17
|
-
base: iconClass
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/** ** Methods *** */
|
|
2
|
-
import { compileClassNames } from '@zohodesk/utils';
|
|
3
|
-
export default function cssJSLogic(props, style) {
|
|
4
|
-
const popupClass = compileClassNames({
|
|
5
|
-
[style.popup]: true
|
|
6
|
-
});
|
|
7
|
-
const morePopupContainerClass = compileClassNames({
|
|
8
|
-
[style.container]: true
|
|
9
|
-
});
|
|
10
|
-
const popupWrapperClass = compileClassNames({
|
|
11
|
-
[style.container]: true
|
|
12
|
-
});
|
|
13
|
-
const mobilePopupClass = compileClassNames({
|
|
14
|
-
[style.container]: true
|
|
15
|
-
});
|
|
16
|
-
const mobilePopupWrapperClass = compileClassNames({
|
|
17
|
-
[style.container]: true
|
|
18
|
-
});
|
|
19
|
-
return {
|
|
20
|
-
popupClass: {
|
|
21
|
-
customDropBox: popupClass,
|
|
22
|
-
customMobileDropBox: mobilePopupClass,
|
|
23
|
-
customDropBoxWrap: popupWrapperClass,
|
|
24
|
-
customMobileDropBoxWrap: mobilePopupWrapperClass
|
|
25
|
-
},
|
|
26
|
-
morePopupContainerClass
|
|
27
|
-
};
|
|
28
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/** ** Methods *** */
|
|
2
|
-
import { compileClassNames } from '@zohodesk/utils';
|
|
3
|
-
export default function cssJSLogic(props, style) {
|
|
4
|
-
const iconClass = compileClassNames({
|
|
5
|
-
[style.icon]: true
|
|
6
|
-
});
|
|
7
|
-
const avatarWrapperClass = compileClassNames({
|
|
8
|
-
[style.msgAvatar]: true
|
|
9
|
-
});
|
|
10
|
-
const avatarClass = compileClassNames({
|
|
11
|
-
[style.avatar]: true
|
|
12
|
-
});
|
|
13
|
-
return {
|
|
14
|
-
iconClass,
|
|
15
|
-
avatarWrapperClass,
|
|
16
|
-
avatarClass
|
|
17
|
-
};
|
|
18
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/** ** Methods *** */
|
|
2
|
-
import { compileClassNames } from '@zohodesk/utils';
|
|
3
|
-
export default function cssJSLogic(props, style) {
|
|
4
|
-
const listItemClass = compileClassNames({
|
|
5
|
-
[style.listItem]: true
|
|
6
|
-
});
|
|
7
|
-
|
|
8
|
-
// const tickIconClass = compileClassNames({
|
|
9
|
-
// [style.listItemIcon]: true
|
|
10
|
-
// });
|
|
11
|
-
|
|
12
|
-
const iconClass = compileClassNames({
|
|
13
|
-
[style.icon]: true
|
|
14
|
-
});
|
|
15
|
-
const textClass = compileClassNames({
|
|
16
|
-
[style.text]: true
|
|
17
|
-
});
|
|
18
|
-
return {
|
|
19
|
-
// customListItemClass: {
|
|
20
|
-
// customListItem: listItemClass,
|
|
21
|
-
// customTickIcon: tickIconClass
|
|
22
|
-
// }
|
|
23
|
-
customListItemClass: listItemClass,
|
|
24
|
-
iconClass,
|
|
25
|
-
textClass
|
|
26
|
-
};
|
|
27
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/** ** Methods *** */
|
|
2
|
-
import { compileClassNames } from '@zohodesk/utils';
|
|
3
|
-
export default function cssJSLogic(props, style) {
|
|
4
|
-
const replyBubbleContentClass = compileClassNames({
|
|
5
|
-
[style.replyBubbleContent]: true
|
|
6
|
-
});
|
|
7
|
-
const nameClass = compileClassNames({
|
|
8
|
-
[style.name]: true
|
|
9
|
-
});
|
|
10
|
-
const iconWrapperClass = compileClassNames({
|
|
11
|
-
[style.iconWrapper]: true
|
|
12
|
-
});
|
|
13
|
-
const messageWrapperClass = compileClassNames({
|
|
14
|
-
[style.messageWrapper]: true
|
|
15
|
-
});
|
|
16
|
-
return {
|
|
17
|
-
replyBubbleContentClass,
|
|
18
|
-
nameClass,
|
|
19
|
-
iconWrapperClass,
|
|
20
|
-
messageWrapperClass
|
|
21
|
-
};
|
|
22
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/** ** Methods *** */
|
|
2
|
-
import { compileClassNames } from '@zohodesk/utils';
|
|
3
|
-
export default function cssJSLogic(props, style) {
|
|
4
|
-
const replyBubbleHeaderClass = compileClassNames({
|
|
5
|
-
[style.replyBubbleHeader]: true
|
|
6
|
-
});
|
|
7
|
-
const replyTextClass = compileClassNames({
|
|
8
|
-
[style.replyText]: true
|
|
9
|
-
});
|
|
10
|
-
const timeClass = compileClassNames({
|
|
11
|
-
[style.time]: true
|
|
12
|
-
});
|
|
13
|
-
return {
|
|
14
|
-
replyBubbleHeaderClass,
|
|
15
|
-
replyTextClass,
|
|
16
|
-
timeClass
|
|
17
|
-
};
|
|
18
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/** ** Methods *** */
|
|
2
|
-
import { compileClassNames } from '@zohodesk/utils';
|
|
3
|
-
export default function cssJSLogic(props, style) {
|
|
4
|
-
const textBubbleClass = compileClassNames({
|
|
5
|
-
[style.textBubble]: true
|
|
6
|
-
});
|
|
7
|
-
const textBubbleWrapperClass = compileClassNames({
|
|
8
|
-
[style.textBubbleWrapper]: true
|
|
9
|
-
});
|
|
10
|
-
const moreTextClass = compileClassNames({
|
|
11
|
-
[style.moreText]: true
|
|
12
|
-
});
|
|
13
|
-
return {
|
|
14
|
-
textBubbleClass,
|
|
15
|
-
moreTextClass,
|
|
16
|
-
textBubbleWrapperClass
|
|
17
|
-
};
|
|
18
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/** ** Methods *** */
|
|
2
|
-
import { compileClassNames } from '@zohodesk/utils';
|
|
3
|
-
export default function cssJSLogic(props, style) {
|
|
4
|
-
const tooltipWrapperClass = compileClassNames({
|
|
5
|
-
[style.tooltipWrapper]: true
|
|
6
|
-
});
|
|
7
|
-
const tooltipClass = compileClassNames({
|
|
8
|
-
[style.tooltip]: true
|
|
9
|
-
});
|
|
10
|
-
return {
|
|
11
|
-
tooltipWrapperClass,
|
|
12
|
-
tooltipClass
|
|
13
|
-
};
|
|
14
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/** ** Methods *** */
|
|
2
|
-
import { compileClassNames } from '@zohodesk/utils';
|
|
3
|
-
export default function cssJSLogic(props, style) {
|
|
4
|
-
const videoWrapperClass = compileClassNames({
|
|
5
|
-
[style.videoWrapper]: true
|
|
6
|
-
});
|
|
7
|
-
const videoClass = compileClassNames({
|
|
8
|
-
[style.video]: true
|
|
9
|
-
});
|
|
10
|
-
return {
|
|
11
|
-
videoWrapperClass,
|
|
12
|
-
videoClass
|
|
13
|
-
};
|
|
14
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
-
<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
-
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
4
|
-
viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
|
|
5
|
-
<style type="text/css">.st0{fill:#333333;}.st1{fill:#FF5650;}.st2{fill:#00A3FE;}</style>
|
|
6
|
-
<path d="M30.96,14.934c-0.031-0.435-0.397-0.765-0.843-0.731c-0.435,0.031-0.762,0.409-0.731,0.843
|
|
7
|
-
c0.153,2.137-0.199,4.226-1.044,6.209c-2.901,6.806-10.801,9.983-17.604,7.083c-6.806-2.9-9.984-10.798-7.083-17.605
|
|
8
|
-
c2.9-6.806,10.796-9.983,17.605-7.083c0.638,0.272,1.242,0.608,1.828,0.972l-1.911,1.879l6.825,1.891l-1.775-6.857l-1.991,1.957
|
|
9
|
-
c-0.75-0.492-1.53-0.941-2.359-1.294C14.271-1.04,5.444,2.509,2.203,10.117c-3.242,7.607,0.31,16.433,7.917,19.675
|
|
10
|
-
C12.01,30.597,14.002,31,15.996,31c1.895,0,3.79-0.364,5.6-1.092c3.715-1.495,6.627-4.349,8.197-8.033
|
|
11
|
-
C30.725,19.69,31.129,17.29,30.96,14.934z M20.603,17.895l0.812-0.812l-0.812-0.812l-0.812,0.812L20.603,17.895z M14.646,20.603
|
|
12
|
-
l0.812,0.812l2.031-2.031l-0.812-0.812L14.646,20.603z M16.541,15.458l-3.52,3.52l0.812,0.812l3.52-3.52L16.541,15.458z
|
|
13
|
-
M19.385,16.677l0.812-0.812l-0.812-0.812l-0.812,0.812L19.385,16.677z M18.166,15.458l0.812-0.812l-0.812-0.812l-0.812,0.812
|
|
14
|
-
L18.166,15.458z M16.948,14.24l0.812-0.812l-0.812-0.812l-0.812,0.812L16.948,14.24z M11.37,23.825l3.005,3.005l11.643-11.643
|
|
15
|
-
l-3.005-3.005l-0.406,0.406c-0.672,0.672-1.765,0.672-2.437,0c-0.672-0.672-0.672-1.765,0-2.437l0.406-0.406l-2.951-2.951
|
|
16
|
-
L5.982,18.437l2.951,2.951l0.406-0.406c0.672-0.672,1.765-0.672,2.437,0c0.672,0.672,0.672,1.765,0,2.437L11.37,23.825z
|
|
17
|
-
M8.974,19.804l-1.367-1.367L17.625,8.418l1.368,1.368c-0.737,1.114-0.615,2.634,0.365,3.614c0.981,0.981,2.5,1.102,3.614,0.365
|
|
18
|
-
l1.422,1.422L14.375,25.206l-1.422-1.422c0.737-1.115,0.615-2.634-0.365-3.615C11.608,19.189,10.088,19.067,8.974,19.804z
|
|
19
|
-
M14.917,13.834l-3.52,3.52l0.812,0.812l3.52-3.52L14.917,13.834z M16.541,12.209l-0.812-0.812l-0.812,0.812l0.812,0.812
|
|
20
|
-
L16.541,12.209z"/>
|
|
21
|
-
</svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M9.58,14.69s-.09,.01-.14,.01c.44-2.28,1.79-4.43,3.55-6.14v-.03c.14-.63-.46-.5-.61-.46-.03,.01-.04,.01-.04,.01-.54,.28-1.07,.6-1.58,.94-3.28,2.07-6,5.69-5.93,9.6-.04,.25,.12,1.51,.12,1.51,.36,2.24,2.29,3.95,4.62,3.95,2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7Z"/><path d="M22.28,14.69s-.09,.01-.14,.01c.44-2.28,1.79-4.43,3.55-6.14v-.03c.14-.63-.46-.5-.61-.46-.03,.01-.04,.01-.04,.01-.54,.28-1.07,.6-1.58,.94-3.28,2.07-6,5.69-5.93,9.6-.04,.25,.12,1.51,.12,1.51,.36,2.24,2.29,3.95,4.62,3.95,2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7Z"/></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><style>.cls-1{fill:#c8cadb;isolation:isolate;opacity:0.5;}.cls-2{fill:#010101;}</style></defs><ellipse class="cls-1" cx="23.38" cy="21.39" rx="14.03" ry="11.35"/><path class="cls-2" d="M28.79,15.92H24.94a.26.26,0,0,0-.26.26v6a.26.26,0,0,0,.26.26h3.85a.25.25,0,0,0,.26-.26v-1a.26.26,0,0,0-.26-.26H26.17v-1h2.62a.26.26,0,0,0,.26-.26v-1a.26.26,0,0,0-.26-.27H26.17v-1h2.62a.25.25,0,0,0,.26-.26v-1A.26.26,0,0,0,28.79,15.92Z"/><path class="cls-2" d="M14.55,20.93H11.93V16.18a.26.26,0,0,0-.26-.26h-1a.27.27,0,0,0-.27.26v6a.27.27,0,0,0,.27.26h3.85a.26.26,0,0,0,.26-.26v-1A.26.26,0,0,0,14.55,20.93Z"/><rect class="cls-2" x="15.63" y="15.92" width="1.5" height="6.51" rx="0.26"/><path class="cls-2" d="M23.48,15.92h-1a.26.26,0,0,0-.26.26v3.55L19.5,16s0,0,0,0v0H18.32a.27.27,0,0,0-.26.27v6a.26.26,0,0,0,.26.26h1a.27.27,0,0,0,.27-.26V18.61l2.74,3.71s0,.05.06.06h.07a.06.06,0,0,0,.06,0h1a.25.25,0,0,0,.26-.25h0V16.18A.25.25,0,0,0,23.48,15.92Z"/><path class="cls-2" d="M19.89,6.17c-8.56,0-15.53,5.72-15.53,12.77,0,6.31,5.47,11.61,12.94,12.59a2.06,2.06,0,0,1,.63.22,2.42,2.42,0,0,1,0,.76l-.22,1.27a1.74,1.74,0,0,0,.47,1.75,1.45,1.45,0,0,0,.92.3,3.14,3.14,0,0,0,1.17-.28C22,34.83,28.94,30.42,32,26.84a11.45,11.45,0,0,0,3.37-7.91C35.41,11.89,28.44,6.17,19.89,6.17ZM30.65,25.61h0c-2.86,3.29-9.4,7.46-11.07,8.2l.17-1a3.7,3.7,0,0,0-.1-1.79,2.51,2.51,0,0,0-2-1.29c-6.6-.88-11.4-5.4-11.4-10.77,0-6,6.13-10.9,13.67-10.9s13.66,4.89,13.66,10.9A9.61,9.61,0,0,1,30.65,25.61Z"/></svg>
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import Icon from '@zohodesk/icon/es/Icon/Icon';
|
|
4
|
-
export default function IconComponent(props) {
|
|
5
|
-
return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
|
|
6
|
-
id: "Layer_1",
|
|
7
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
-
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
9
|
-
x: "0px",
|
|
10
|
-
y: "0px",
|
|
11
|
-
viewBox: "0 0 32 32",
|
|
12
|
-
style: {
|
|
13
|
-
"enableBackground": "new 0 0 32 32"
|
|
14
|
-
},
|
|
15
|
-
xmlSpace: "preserve"
|
|
16
|
-
}, " ", /*#__PURE__*/React.createElement("style", {
|
|
17
|
-
dangerouslySetInnerHTML: {
|
|
18
|
-
__html: `.st0{fill:#333333;}.st1{fill:#FF5650;}.st2{fill:#00A3FE;}`
|
|
19
|
-
}
|
|
20
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
21
|
-
d: "M30.96,14.934c-0.031-0.435-0.397-0.765-0.843-0.731c-0.435,0.031-0.762,0.409-0.731,0.843 c0.153,2.137-0.199,4.226-1.044,6.209c-2.901,6.806-10.801,9.983-17.604,7.083c-6.806-2.9-9.984-10.798-7.083-17.605 c2.9-6.806,10.796-9.983,17.605-7.083c0.638,0.272,1.242,0.608,1.828,0.972l-1.911,1.879l6.825,1.891l-1.775-6.857l-1.991,1.957 c-0.75-0.492-1.53-0.941-2.359-1.294C14.271-1.04,5.444,2.509,2.203,10.117c-3.242,7.607,0.31,16.433,7.917,19.675 C12.01,30.597,14.002,31,15.996,31c1.895,0,3.79-0.364,5.6-1.092c3.715-1.495,6.627-4.349,8.197-8.033 C30.725,19.69,31.129,17.29,30.96,14.934z M20.603,17.895l0.812-0.812l-0.812-0.812l-0.812,0.812L20.603,17.895z M14.646,20.603 l0.812,0.812l2.031-2.031l-0.812-0.812L14.646,20.603z M16.541,15.458l-3.52,3.52l0.812,0.812l3.52-3.52L16.541,15.458z M19.385,16.677l0.812-0.812l-0.812-0.812l-0.812,0.812L19.385,16.677z M18.166,15.458l0.812-0.812l-0.812-0.812l-0.812,0.812 L18.166,15.458z M16.948,14.24l0.812-0.812l-0.812-0.812l-0.812,0.812L16.948,14.24z M11.37,23.825l3.005,3.005l11.643-11.643 l-3.005-3.005l-0.406,0.406c-0.672,0.672-1.765,0.672-2.437,0c-0.672-0.672-0.672-1.765,0-2.437l0.406-0.406l-2.951-2.951 L5.982,18.437l2.951,2.951l0.406-0.406c0.672-0.672,1.765-0.672,2.437,0c0.672,0.672,0.672,1.765,0,2.437L11.37,23.825z M8.974,19.804l-1.367-1.367L17.625,8.418l1.368,1.368c-0.737,1.114-0.615,2.634,0.365,3.614c0.981,0.981,2.5,1.102,3.614,0.365 l1.422,1.422L14.375,25.206l-1.422-1.422c0.737-1.115,0.615-2.634-0.365-3.615C11.608,19.189,10.088,19.067,8.974,19.804z M14.917,13.834l-3.52,3.52l0.812,0.812l3.52-3.52L14.917,13.834z M16.541,12.209l-0.812-0.812l-0.812,0.812l0.812,0.812 L16.541,12.209z",
|
|
22
|
-
className: "path-0"
|
|
23
|
-
}), " "));
|
|
24
|
-
}
|
|
25
|
-
IconComponent.propTypes = Icon.propTypes;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as ConvertTicket } from './ConvertTicket';
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import Icon from '@zohodesk/icon/es/Icon/Icon';
|
|
4
|
-
export default function IconComponent(props) {
|
|
5
|
-
return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
|
|
6
|
-
id: "Layer_1",
|
|
7
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
-
viewBox: "0 0 32 32"
|
|
9
|
-
}, " ", /*#__PURE__*/React.createElement("path", {
|
|
10
|
-
d: "M9.58,14.69s-.09,.01-.14,.01c.44-2.28,1.79-4.43,3.55-6.14v-.03c.14-.63-.46-.5-.61-.46-.03,.01-.04,.01-.04,.01-.54,.28-1.07,.6-1.58,.94-3.28,2.07-6,5.69-5.93,9.6-.04,.25,.12,1.51,.12,1.51,.36,2.24,2.29,3.95,4.62,3.95,2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7Z",
|
|
11
|
-
className: "path-0"
|
|
12
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
13
|
-
d: "M22.28,14.69s-.09,.01-.14,.01c.44-2.28,1.79-4.43,3.55-6.14v-.03c.14-.63-.46-.5-.61-.46-.03,.01-.04,.01-.04,.01-.54,.28-1.07,.6-1.58,.94-3.28,2.07-6,5.69-5.93,9.6-.04,.25,.12,1.51,.12,1.51,.36,2.24,2.29,3.95,4.62,3.95,2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7Z",
|
|
14
|
-
className: "path-1"
|
|
15
|
-
}), " "));
|
|
16
|
-
}
|
|
17
|
-
IconComponent.propTypes = Icon.propTypes;
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/* eslint-disable react/jsx-no-bind */
|
|
2
|
-
/* eslint-disable max-len */
|
|
3
|
-
|
|
4
|
-
/** ** Libraries *** */
|
|
5
|
-
import React from 'react';
|
|
6
|
-
|
|
7
|
-
/** ** Hooks *** */
|
|
8
|
-
import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
|
|
9
|
-
|
|
10
|
-
/** ** Constants *** */
|
|
11
|
-
import imArticleBubbleDefaultProps from './props/defaultProps';
|
|
12
|
-
import imArticleBubblePropTypes from './props/propTypes';
|
|
13
|
-
|
|
14
|
-
/** ** Methods *** */
|
|
15
|
-
import getDerivedArticleDetails from '@zohoim/chat-components-utils/es/imUtils/getDerivedArticleDetails';
|
|
16
|
-
import cssJSLogic from './css/cssJSLogic';
|
|
17
|
-
|
|
18
|
-
/** ** Styles *** */
|
|
19
|
-
import style from './css/IMArticleBubble.module.css';
|
|
20
|
-
import ArticleBubble from '../../ArticleBubble/ArticleBubble';
|
|
21
|
-
export default function IMArticleBubble(props) {
|
|
22
|
-
const {
|
|
23
|
-
customStyle,
|
|
24
|
-
articleCustomStyle,
|
|
25
|
-
articleDetails,
|
|
26
|
-
articleShareI18N
|
|
27
|
-
} = props;
|
|
28
|
-
|
|
29
|
-
/* External customization */
|
|
30
|
-
const newStyle = useMergeStyle(style, customStyle);
|
|
31
|
-
/* CSS classnames added based on logic */
|
|
32
|
-
const {
|
|
33
|
-
imArticleBubbleClass
|
|
34
|
-
} = cssJSLogic(props, newStyle);
|
|
35
|
-
const {
|
|
36
|
-
articleURL,
|
|
37
|
-
summary,
|
|
38
|
-
title
|
|
39
|
-
} = getDerivedArticleDetails({
|
|
40
|
-
articleDetails
|
|
41
|
-
});
|
|
42
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
43
|
-
className: imArticleBubbleClass
|
|
44
|
-
}, /*#__PURE__*/React.createElement(ArticleBubble, {
|
|
45
|
-
articleURL: articleURL,
|
|
46
|
-
bubbleInfo: articleShareI18N,
|
|
47
|
-
customStyle: articleCustomStyle,
|
|
48
|
-
summary: summary,
|
|
49
|
-
title: title
|
|
50
|
-
}));
|
|
51
|
-
}
|
|
52
|
-
IMArticleBubble.propTypes = imArticleBubblePropTypes;
|
|
53
|
-
IMArticleBubble.defaultProps = imArticleBubbleDefaultProps;
|
|
54
|
-
IMArticleBubble.displayName = 'IMArticleBubble';
|
|
File without changes
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/** ** Methods *** */
|
|
2
|
-
import { compileClassNames } from '@zohodesk/utils';
|
|
3
|
-
export default function cssJSLogic(props, style) {
|
|
4
|
-
const imArticleBubbleClass = compileClassNames({
|
|
5
|
-
[style.imArticleBubble]: true
|
|
6
|
-
});
|
|
7
|
-
return {
|
|
8
|
-
imArticleBubbleClass
|
|
9
|
-
};
|
|
10
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as IMArticleBubble } from './IMArticleBubble';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/** ** Constants *** */
|
|
2
|
-
import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
|
|
3
|
-
const imArticleBubbleDefaultProps = {
|
|
4
|
-
customStyle: dummyObject,
|
|
5
|
-
articleCustomStyle: dummyObject,
|
|
6
|
-
articleDetails: dummyObject
|
|
7
|
-
};
|
|
8
|
-
export default imArticleBubbleDefaultProps;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/** ** Libraries *** */
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
const imArticleBubblePropTypes = {
|
|
4
|
-
customStyle: PropTypes.object,
|
|
5
|
-
articleCustomStyle: PropTypes.object,
|
|
6
|
-
articleDetails: PropTypes.shape({
|
|
7
|
-
createdTime: PropTypes.string,
|
|
8
|
-
id: PropTypes.string,
|
|
9
|
-
summary: PropTypes.string,
|
|
10
|
-
title: PropTypes.string,
|
|
11
|
-
webUrl: PropTypes.string
|
|
12
|
-
})
|
|
13
|
-
};
|
|
14
|
-
export default imArticleBubblePropTypes;
|