@zohoim/chat-components 0.0.19 → 0.0.21
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 +2 -1
- package/es/ActionIcon/css/ActionIcon.module.css +3 -4
- package/es/AttachmentBubble/AttachmentBubble.js +9 -6
- package/es/AttachmentBubble/css/cssJSLogic.js +2 -3
- package/es/AttachmentBubble/props/propTypes.js +2 -1
- package/es/AttachmentBubbleInfo/AttachmentBubbleInfo.js +2 -1
- package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +1 -0
- package/es/ImageBubble/ImageBubble.js +11 -5
- package/es/ImageBubble/css/ImageBubble.module.css +8 -1
- package/es/ImageBubble/css/cssJSLogic.js +4 -2
- package/es/ImageBubble/props/propTypes.js +3 -1
- package/es/LocationBubble/LocationBubble.js +13 -12
- package/es/LocationBubble/css/LocationBubble.module.css +18 -11
- package/es/Message/Message.js +3 -2
- package/es/Message/props/propTypes.js +1 -0
- package/es/MessageActions/MessageActions.js +4 -6
- package/es/MessageActionsMore/MessageActionsMore.js +3 -1
- package/es/MessageAvatar/css/MessageAvatar.module.css +2 -0
- package/es/MessageBox/css/MessageBox.module.css +0 -3
- package/es/MessageBubble/MessageBubble.js +10 -5
- package/es/MessageBubble/css/MessageBubble.module.css +24 -23
- package/es/MessageStatus/MessageStatus.js +7 -2
- package/es/MessageStatus/css/MessageStatus.module.css +8 -3
- package/es/ReplyBubble/ReplyBubble.js +14 -5
- package/es/ReplyBubble/css/ReplyBubble.module.css +6 -0
- package/es/ReplyBubble/css/cssJSLogic.js +14 -0
- package/es/ReplyBubbleContent/ReplyBubbleContent.js +4 -2
- package/es/ReplyBubbleContent/props/propTypes.js +2 -1
- package/es/ReplyBubbleHeader/ReplyBubbleHeader.js +8 -2
- package/es/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +9 -8
- package/es/TextBubble/css/TextBubble.module.css +0 -2
- package/es/Theme/ThemeAssets.js +56 -35
- package/es/Theme/themeVariables/dark/blueTheme.js +16 -26
- package/es/Theme/themeVariables/dark/greenTheme.js +16 -26
- package/es/Theme/themeVariables/dark/orangeTheme.js +16 -26
- package/es/Theme/themeVariables/dark/redTheme.js +16 -26
- package/es/Theme/themeVariables/dark/yellowTheme.js +16 -26
- package/es/Theme/themeVariables/light/blueTheme.js +16 -26
- package/es/Theme/themeVariables/light/greenTheme.js +16 -26
- package/es/Theme/themeVariables/light/orangeTheme.js +16 -26
- package/es/Theme/themeVariables/light/redTheme.js +16 -26
- package/es/Theme/themeVariables/light/yellowTheme.js +16 -26
- package/es/Theme/themeVariables/pureDark/blueTheme.js +16 -26
- package/es/Theme/themeVariables/pureDark/greenTheme.js +16 -26
- package/es/Theme/themeVariables/pureDark/orangeTheme.js +16 -26
- package/es/Theme/themeVariables/pureDark/redTheme.js +16 -26
- package/es/Theme/themeVariables/pureDark/yellowTheme.js +16 -26
- package/es/Theme/utils/getThemeConfigurations.js +1 -1
- package/es/Video/css/Video.module.css +1 -0
- package/es/VideoBubble/VideoBubble.js +12 -2
- package/es/VideoBubble/css/VideoBubble.module.css +9 -1
- package/es/VideoBubble/css/cssJSLogic.js +14 -0
- package/es/icons/factory/common/reply.svg +6 -0
- package/es/icons/iconSrc/common/Reply.js +13 -0
- package/es/icons/iconSrc/common/index.js +2 -1
- package/es/im/IMIntegrationIcon/IMIntegrationIcon.js +18 -32
- package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +8 -30
- package/es/im/IMIntegrationIcon/css/cssJSLogic.js +3 -3
- package/es/im/IMMessage/IMMessage.js +13 -6
- package/es/im/IMMessage/css/cssJSLogic.js +4 -12
- package/es/im/IMMessage/props/defaultProps.js +3 -1
- package/es/im/IMMessage/props/propTypes.js +2 -1
- package/es/im/IMMessageContent/IMMessageContent.js +14 -7
- package/es/im/IMMessageContent/css/IMMessageContent.module.css +1 -0
- package/es/im/IMMessageContent/props/defaultProps.js +2 -1
- package/es/im/IMMessageContent/props/propTypes.js +3 -1
- package/package.json +6 -5
- package/es/icons/factory/integrations/chInstagram.svg +0 -4
- package/es/icons/factory/integrations/chWhatsApp.svg +0 -4
- package/es/icons/factory/integrations/ttASAP.svg +0 -6
- package/es/icons/factory/integrations/ttLine.svg +0 -8
- package/es/icons/factory/integrations/ttTelegram.svg +0 -4
- package/es/icons/factory/integrations/ttTwillio.svg +0 -8
- package/es/icons/factory/integrations/ttWechat.svg +0 -9
- package/es/icons/iconSrc/integrations/ChInstagram.js +0 -17
- package/es/icons/iconSrc/integrations/ChWhatsApp.js +0 -19
- package/es/icons/iconSrc/integrations/TtASAP.js +0 -28
- package/es/icons/iconSrc/integrations/TtLine.js +0 -37
- package/es/icons/iconSrc/integrations/TtTelegram.js +0 -18
- package/es/icons/iconSrc/integrations/TtTwillio.js +0 -32
- package/es/icons/iconSrc/integrations/TtWechat.js +0 -41
- package/es/icons/iconSrc/integrations/index.js +0 -7
|
@@ -42,7 +42,7 @@ export default function IMMessage(props) {
|
|
|
42
42
|
onLoadFullMessage,
|
|
43
43
|
onClickReply,
|
|
44
44
|
onTicketClick,
|
|
45
|
-
|
|
45
|
+
messageContentClickMapping,
|
|
46
46
|
customStyle,
|
|
47
47
|
customProps
|
|
48
48
|
} = props;
|
|
@@ -57,11 +57,14 @@ export default function IMMessage(props) {
|
|
|
57
57
|
isHighlightMessage,
|
|
58
58
|
needSender,
|
|
59
59
|
isShowSender,
|
|
60
|
-
isShowMessageTime
|
|
60
|
+
isShowMessageTime,
|
|
61
|
+
isShowMessageStatus
|
|
61
62
|
} = messageDisplayProps;
|
|
62
63
|
const newStyle = useMergeStyle(style, customStyle);
|
|
63
64
|
const {
|
|
64
65
|
direction,
|
|
66
|
+
isIncoming,
|
|
67
|
+
isOutgoing,
|
|
65
68
|
// isBot,
|
|
66
69
|
senderSrc,
|
|
67
70
|
senderAlternateSrc,
|
|
@@ -72,6 +75,7 @@ export default function IMMessage(props) {
|
|
|
72
75
|
// messageType,
|
|
73
76
|
messageStatus,
|
|
74
77
|
isFailedMessage,
|
|
78
|
+
isSendingMessage,
|
|
75
79
|
isAgentMessage,
|
|
76
80
|
messageStatusTitle,
|
|
77
81
|
dateTimeDetails,
|
|
@@ -107,21 +111,23 @@ export default function IMMessage(props) {
|
|
|
107
111
|
const handleRenderMessage = useCallback(() => /*#__PURE__*/React.createElement(IMMessageContent, _extends({
|
|
108
112
|
deleteMessageText: deleteMessageText,
|
|
109
113
|
isFailed: isFailedMessage,
|
|
114
|
+
isSending: isSendingMessage,
|
|
115
|
+
messageContentClickMapping: messageContentClickMapping,
|
|
110
116
|
messageDetails: messageDetails,
|
|
111
|
-
onClick: onMessageContentClick,
|
|
112
117
|
onClickReply: onClickReply,
|
|
113
118
|
onLoadFullMessage: onLoadFullMessage,
|
|
114
119
|
replyText: replyText,
|
|
115
120
|
seeMoreText: seeMoreText,
|
|
116
121
|
sessionDetails: sessionDetails
|
|
117
|
-
}, imMessageContentProps)), [seeMoreText, replyText, deleteMessageText, messageDetails, sessionDetails,
|
|
122
|
+
}, imMessageContentProps)), [seeMoreText, replyText, deleteMessageText, messageDetails, sessionDetails, messageContentClickMapping, onLoadFullMessage, onClickReply, isFailedMessage, isSendingMessage, imMessageContentProps]);
|
|
118
123
|
/** ** Render Secondary Actions - TicketId *** */
|
|
119
124
|
|
|
120
125
|
const handleRenderSecondaryActions = useCallback(() => {
|
|
121
126
|
const {
|
|
122
127
|
imTicketLinkClass
|
|
123
128
|
} = cssJSLogic({
|
|
124
|
-
|
|
129
|
+
isIncoming,
|
|
130
|
+
isOutgoing
|
|
125
131
|
}, newStyle);
|
|
126
132
|
const customStyle = {
|
|
127
133
|
text: imTicketLinkClass
|
|
@@ -133,7 +139,7 @@ export default function IMMessage(props) {
|
|
|
133
139
|
onClick: onTicketClick,
|
|
134
140
|
text: ticketNumber ? `#${ticketNumber}` : ''
|
|
135
141
|
}, imTicketLinkProps));
|
|
136
|
-
}, [ticketNumber, ticketUrl, ticketId, onTicketClick, imTicketLinkProps,
|
|
142
|
+
}, [ticketNumber, ticketUrl, ticketId, onTicketClick, imTicketLinkProps, newStyle, isIncoming, isOutgoing]);
|
|
137
143
|
/** ** Render Owner Status Icon *** */
|
|
138
144
|
|
|
139
145
|
const handleRenderIntegIcon = useCallback(() => /*#__PURE__*/React.createElement(IMIntegrationIcon, _extends({
|
|
@@ -168,6 +174,7 @@ export default function IMMessage(props) {
|
|
|
168
174
|
actions: actions,
|
|
169
175
|
direction: direction,
|
|
170
176
|
isActive: isHighlightMessage,
|
|
177
|
+
isShowMessageStatus: isShowMessageStatus,
|
|
171
178
|
isShowSender: isShowSender,
|
|
172
179
|
needSender: needSender,
|
|
173
180
|
onMouseEnterAction: onMouseEnterAction,
|
|
@@ -1,21 +1,13 @@
|
|
|
1
1
|
/** ** Methods *** */
|
|
2
2
|
import { compileClassNames } from '@zohodesk/utils';
|
|
3
|
-
import getMessageDirectionType from '@zohoim/chat-components-utils/es/imUtils/getMessageDirection';
|
|
4
|
-
/** ** Constants *** */
|
|
5
|
-
|
|
6
|
-
import { direction as directionConstants } from '@zohoim/chat-components-utils/es/constants/messageConstants';
|
|
7
3
|
export default function cssJSLogic(props, style) {
|
|
8
4
|
const {
|
|
9
|
-
|
|
5
|
+
isIncoming,
|
|
6
|
+
isOutgoing
|
|
10
7
|
} = props;
|
|
11
|
-
const {
|
|
12
|
-
direction
|
|
13
|
-
} = getMessageDirectionType({
|
|
14
|
-
messageDetails
|
|
15
|
-
});
|
|
16
8
|
const imTicketLinkClass = compileClassNames({
|
|
17
|
-
[style.ticketLinkLeft]:
|
|
18
|
-
[style.ticketLinkRight]:
|
|
9
|
+
[style.ticketLinkLeft]: isOutgoing,
|
|
10
|
+
[style.ticketLinkRight]: isIncoming
|
|
19
11
|
});
|
|
20
12
|
return {
|
|
21
13
|
imTicketLinkClass
|
|
@@ -7,6 +7,8 @@ const imMessageDefaultProps = {
|
|
|
7
7
|
sessionDetails: dummyObject,
|
|
8
8
|
messageStatusI18N: dummyObject,
|
|
9
9
|
customProps: dummyObject,
|
|
10
|
-
customStyle: dummyObject
|
|
10
|
+
customStyle: dummyObject,
|
|
11
|
+
messageDisplayProps: dummyObject,
|
|
12
|
+
messageContentClickMapping: dummyObject
|
|
11
13
|
};
|
|
12
14
|
export default imMessageDefaultProps;
|
|
@@ -61,6 +61,7 @@ const imMessagePropTypes = {
|
|
|
61
61
|
}),
|
|
62
62
|
messageDisplayProps: PropTypes.shape({
|
|
63
63
|
isHighlightMessage: PropTypes.bool,
|
|
64
|
+
isShowMessageStatus: PropTypes.bool,
|
|
64
65
|
isShowMessageTime: PropTypes.bool,
|
|
65
66
|
isShowSender: PropTypes.bool,
|
|
66
67
|
needSender: PropTypes.bool
|
|
@@ -102,7 +103,7 @@ const imMessagePropTypes = {
|
|
|
102
103
|
onLoadFullMessage: PropTypes.func,
|
|
103
104
|
onClickReply: PropTypes.func,
|
|
104
105
|
onTicketClick: PropTypes.func,
|
|
105
|
-
|
|
106
|
+
messageContentClickMapping: PropTypes.object,
|
|
106
107
|
customStyle: PropTypes.object,
|
|
107
108
|
customProps: PropTypes.shape({
|
|
108
109
|
imIntegrationIconProps: PropTypes.object,
|
|
@@ -38,7 +38,9 @@ export default function IMMessageContent(props) {
|
|
|
38
38
|
customProps,
|
|
39
39
|
renderCustomMessage,
|
|
40
40
|
onClick: propOnClick,
|
|
41
|
-
isFailed
|
|
41
|
+
isFailed,
|
|
42
|
+
isSending,
|
|
43
|
+
messageContentClickMapping
|
|
42
44
|
} = props;
|
|
43
45
|
const {
|
|
44
46
|
imReplyBubbleProps = dummyObject,
|
|
@@ -49,6 +51,10 @@ export default function IMMessageContent(props) {
|
|
|
49
51
|
audioBubbleProps = dummyObject,
|
|
50
52
|
attachmentBubbleProps = dummyObject
|
|
51
53
|
} = customProps;
|
|
54
|
+
const {
|
|
55
|
+
onImageBubbleClick,
|
|
56
|
+
onAttachmentBubbleClick
|
|
57
|
+
} = messageContentClickMapping;
|
|
52
58
|
const {
|
|
53
59
|
isShowLayoutBubble,
|
|
54
60
|
isShowReplyBubble,
|
|
@@ -62,8 +68,7 @@ export default function IMMessageContent(props) {
|
|
|
62
68
|
isShowDeleteBubble,
|
|
63
69
|
replyToMessageDetails: replyToMessage,
|
|
64
70
|
attachmentDetails,
|
|
65
|
-
locationUrl
|
|
66
|
-
onClick
|
|
71
|
+
locationUrl
|
|
67
72
|
} = useIMMessageContent({
|
|
68
73
|
messageDetails,
|
|
69
74
|
onClick: propOnClick
|
|
@@ -72,8 +77,7 @@ export default function IMMessageContent(props) {
|
|
|
72
77
|
|
|
73
78
|
const newStyle = useMergeStyle(style, customStyle);
|
|
74
79
|
const wrapperDivProps = {
|
|
75
|
-
className: newStyle.messageContentRow
|
|
76
|
-
onClick
|
|
80
|
+
className: newStyle.messageContentRow
|
|
77
81
|
};
|
|
78
82
|
return /*#__PURE__*/React.createElement(Fragment, null, isShowLayoutBubble ? null : null, isShowDeleteBubble ? /*#__PURE__*/React.createElement("div", {
|
|
79
83
|
className: newStyle.deleteBubble
|
|
@@ -87,7 +91,9 @@ export default function IMMessageContent(props) {
|
|
|
87
91
|
isFailed
|
|
88
92
|
}) : null, isShowImageBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(ImageBubble, _extends({
|
|
89
93
|
imageDetails: attachmentDetails,
|
|
90
|
-
isFailed: isFailed
|
|
94
|
+
isFailed: isFailed,
|
|
95
|
+
isSending: isSending,
|
|
96
|
+
onClick: onImageBubbleClick
|
|
91
97
|
}, imageBubbleProps))) : null, isShowVideoBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(VideoBubble, _extends({
|
|
92
98
|
isFailed: isFailed,
|
|
93
99
|
videoDetails: attachmentDetails
|
|
@@ -96,7 +102,8 @@ export default function IMMessageContent(props) {
|
|
|
96
102
|
isFailed: isFailed
|
|
97
103
|
}, audioBubbleProps))) : null, isShowAttachmentBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(AttachmentBubble, _extends({
|
|
98
104
|
attachmentDetails: attachmentDetails,
|
|
99
|
-
isFailed: isFailed
|
|
105
|
+
isFailed: isFailed,
|
|
106
|
+
onClick: onAttachmentBubbleClick
|
|
100
107
|
}, attachmentBubbleProps))) : null, isShowLocationBubble ? /*#__PURE__*/React.createElement("div", wrapperDivProps, /*#__PURE__*/React.createElement(LocationBubble, _extends({
|
|
101
108
|
isFailed: isFailed,
|
|
102
109
|
locationUrl: locationUrl
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
|
|
3
3
|
const imMessageContentDefaultProps = {
|
|
4
4
|
customStyle: dummyObject,
|
|
5
|
-
customProps: dummyObject
|
|
5
|
+
customProps: dummyObject,
|
|
6
|
+
messageContentClickMapping: dummyObject
|
|
6
7
|
};
|
|
7
8
|
export default imMessageContentDefaultProps;
|
|
@@ -27,6 +27,7 @@ const imMessageContentPropTypes = {
|
|
|
27
27
|
id: PropTypes.string
|
|
28
28
|
}),
|
|
29
29
|
onClick: PropTypes.func,
|
|
30
|
+
messageContentClickMapping: PropTypes.object,
|
|
30
31
|
onLoadFullMessage: PropTypes.func,
|
|
31
32
|
onClickReply: PropTypes.func,
|
|
32
33
|
seeMoreText: PropTypes.string,
|
|
@@ -43,6 +44,7 @@ const imMessageContentPropTypes = {
|
|
|
43
44
|
locationBubbleProps: PropTypes.object,
|
|
44
45
|
videoBubbleProps: PropTypes.object
|
|
45
46
|
}),
|
|
46
|
-
isFailed: PropTypes.bool
|
|
47
|
+
isFailed: PropTypes.bool,
|
|
48
|
+
isSending: PropTypes.bool
|
|
47
49
|
};
|
|
48
50
|
export default imMessageContentPropTypes;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zohoim/chat-components",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.21",
|
|
4
4
|
"description": "Chat Components",
|
|
5
5
|
"main": "es/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -29,14 +29,15 @@
|
|
|
29
29
|
"!**/__tests__"
|
|
30
30
|
],
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@zohodesk/components": "1.
|
|
32
|
+
"@zohodesk/components": "1.2.10",
|
|
33
33
|
"@zohodesk/hooks": "1.3.12",
|
|
34
34
|
"@zohodesk/icon": "1.3.12",
|
|
35
|
+
"@zohodesk/icons": "1.0.7",
|
|
35
36
|
"@zohodesk/utils": "1.3.9",
|
|
36
37
|
"@zohodesk/variables": "1.0.0-beta.30",
|
|
37
38
|
"@zohodesk/virtualizer": "1.0.13",
|
|
38
|
-
"@zohoim/chat-components-hooks": "^0.0.
|
|
39
|
-
"@zohoim/chat-components-utils": "^0.0.
|
|
39
|
+
"@zohoim/chat-components-hooks": "^0.0.19",
|
|
40
|
+
"@zohoim/chat-components-utils": "^0.0.18"
|
|
40
41
|
},
|
|
41
42
|
"devDependencies": {
|
|
42
43
|
"@zohodesk-private/css-variable-migrator": "1.0.1",
|
|
@@ -44,5 +45,5 @@
|
|
|
44
45
|
"jsdom": "22.1.0",
|
|
45
46
|
"react-to-jsx": "1.3.2"
|
|
46
47
|
},
|
|
47
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "64d3a12fa8cc21ada2d7b68fe93583b14d4b478f"
|
|
48
49
|
}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
<svg id="chInstagram" viewBox="0 0 32 32">
|
|
2
|
-
<path d="M23.92 6.68005H11.048C8.83883 6.68005 7.04797 8.47092 7.04797 10.6801V23.7281C7.04797 25.9372 8.83883 27.7281 11.048 27.7281H23.92C26.1291 27.7281 27.92 25.9372 27.92 23.7281V10.6801C27.92 8.47092 26.1291 6.68005 23.92 6.68005Z" fill="#DFE6F2"/>
|
|
3
|
-
<path d="M21.32 26.12H8.8C7.52696 26.12 6.30606 25.6143 5.40589 24.7141C4.50571 23.8139 4 22.593 4 21.32V8.8C4 7.52696 4.50571 6.30606 5.40589 5.40589C6.30606 4.50571 7.52696 4 8.8 4H21.32C22.593 4 23.8139 4.50571 24.7141 5.40589C25.6143 6.30606 26.12 7.52696 26.12 8.8V21.32C26.12 22.593 25.6143 23.8139 24.7141 24.7141C23.8139 25.6143 22.593 26.12 21.32 26.12ZM8.8 5.6C7.95131 5.6 7.13737 5.93714 6.53726 6.53726C5.93714 7.13737 5.6 7.95131 5.6 8.8V21.32C5.6 22.1687 5.93714 22.9826 6.53726 23.5827C7.13737 24.1829 7.95131 24.52 8.8 24.52H21.32C22.1687 24.52 22.9826 24.1829 23.5827 23.5827C24.1829 22.9826 24.52 22.1687 24.52 21.32V8.8C24.52 7.95131 24.1829 7.13737 23.5827 6.53726C22.9826 5.93714 22.1687 5.6 21.32 5.6H8.8ZM15.056 20.208C14.037 20.208 13.0409 19.9058 12.1937 19.3397C11.3465 18.7736 10.6861 17.969 10.2962 17.0276C9.90623 16.0862 9.8042 15.0503 10.003 14.0509C10.2018 13.0515 10.6925 12.1335 11.413 11.413C12.1335 10.6925 13.0515 10.2018 14.0509 10.003C15.0503 9.8042 16.0862 9.90623 17.0276 10.2962C17.969 10.6861 18.7736 11.3465 19.3397 12.1937C19.9058 13.0409 20.208 14.037 20.208 15.056C20.2059 16.4217 19.6624 17.7309 18.6967 18.6967C17.7309 19.6624 16.4217 20.2059 15.056 20.208ZM15.056 11.512C14.3531 11.512 13.6661 11.7205 13.0818 12.1112C12.4975 12.5018 12.0422 13.0571 11.7736 13.7066C11.505 14.3561 11.4351 15.0707 11.5728 15.7599C11.7106 16.4491 12.0496 17.082 12.5472 17.5785C13.0448 18.0749 13.6784 18.4126 14.368 18.5487C15.0575 18.6849 15.7719 18.6134 16.4208 18.3433C17.0697 18.0732 17.6239 17.6167 18.0133 17.0316C18.4026 16.4464 18.6096 15.7589 18.608 15.056C18.6059 14.1153 18.2307 13.2139 17.5648 12.5495C16.8989 11.8851 15.9967 11.512 15.056 11.512ZM20.736 8C20.5064 8.00009 20.2819 8.06786 20.0905 8.19484C19.8992 8.32182 19.7496 8.50238 19.6603 8.71395C19.571 8.92551 19.5461 9.1587 19.5887 9.38435C19.6312 9.61001 19.7393 9.81812 19.8995 9.98267C20.0596 10.1472 20.2647 10.2609 20.4891 10.3095C20.7136 10.3581 20.9473 10.3395 21.1612 10.256C21.3751 10.1725 21.5597 10.0278 21.6918 9.83996C21.8239 9.65214 21.8977 9.42954 21.904 9.2C21.9083 9.04394 21.8812 8.88862 21.8244 8.74319C21.7677 8.59777 21.6823 8.46521 21.5734 8.35333C21.4645 8.24146 21.3343 8.15256 21.1905 8.09187C21.0467 8.03118 20.8921 7.99994 20.736 8Z" fill="black"/>
|
|
4
|
-
</svg>
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
<svg id="chWhatsApp" viewBox="0 0 32 32">
|
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.024 6.40004C15.1099 6.40204 13.2323 6.92304 11.5908 7.9076C9.94942 8.89215 8.60571 10.3034 7.70276 11.9911C6.79982 13.6788 6.37143 15.5797 6.46322 17.4916C6.55501 19.4034 7.16353 21.2546 8.224 22.848L6.992 27.352L11.552 26.016C12.9477 26.8635 14.5206 27.3763 16.1476 27.5142C17.7746 27.6522 19.4114 27.4115 20.9298 26.8111C22.4483 26.2108 23.8071 25.2669 24.8998 24.0537C25.9925 22.8404 26.7894 21.3905 27.2281 19.8178C27.6669 18.245 27.7355 16.592 27.4286 14.9883C27.1217 13.3846 26.4477 11.8737 25.4593 10.574C24.4709 9.27434 23.195 8.22117 21.7315 7.49702C20.2681 6.77287 18.6568 6.3974 17.024 6.40004Z" fill="#DFE6F2"/>
|
|
3
|
-
<path d="M4.19199 26.92L5.71199 21.384C4.22027 19.0114 3.64659 16.1757 4.09882 13.4099C4.55104 10.6441 5.99802 8.13874 8.16771 6.36486C10.3374 4.59098 13.0803 3.67077 15.8809 3.77722C18.6814 3.88368 21.3465 5.00947 23.3753 6.94295C25.404 8.87642 26.6566 11.4844 26.8976 14.2766C27.1385 17.0687 26.3512 19.8527 24.6837 22.1052C23.0162 24.3576 20.5833 25.9233 17.8424 26.508C15.1015 27.0926 12.2415 26.6559 9.79999 25.28L4.19199 26.92ZM10.016 23.552L10.32 23.736C12.1666 24.8495 14.33 25.3202 16.4723 25.0744C18.6147 24.8286 20.6153 23.8803 22.1618 22.3775C23.7082 20.8747 24.7135 18.9021 25.0205 16.7677C25.3276 14.6333 24.9191 12.4573 23.859 10.5795C22.7988 8.70177 21.1466 7.22797 19.1604 6.38831C17.1742 5.54864 14.9659 5.39039 12.8803 5.93826C10.7947 6.48613 8.94919 7.70928 7.6321 9.41668C6.315 11.1241 5.60044 13.2196 5.59999 15.376C5.59082 17.3087 6.1652 19.1991 7.24799 20.8L7.44799 21.104L6.49599 24.584L10.016 23.552ZM20.632 17.768C20.344 17.624 18.936 16.928 18.68 16.832C18.424 16.736 18.224 16.696 18.032 16.976C17.84 17.256 17.296 17.912 17.128 18.096C16.96 18.28 16.792 18.312 16.512 18.168C15.6678 17.8329 14.8883 17.3537 14.208 16.752C13.5805 16.1755 13.0413 15.5097 12.608 14.776C12.5467 14.6847 12.5241 14.5728 12.5451 14.4649C12.5661 14.3569 12.629 14.2617 12.72 14.2C12.848 14.072 13.008 13.864 13.152 13.696C13.2704 13.5534 13.3674 13.3944 13.44 13.224C13.4835 13.1471 13.5063 13.0603 13.5063 12.972C13.5063 12.8837 13.4835 12.7969 13.44 12.72C13.368 12.568 12.8 11.2 12.56 10.592C12.32 9.98398 12.088 10.104 11.912 10.096H11.368C11.2166 10.0951 11.0669 10.1269 10.9288 10.189C10.7908 10.2511 10.6678 10.3421 10.568 10.456C10.2554 10.7601 10.0083 11.1249 9.84188 11.528C9.67542 11.9311 9.59311 12.3639 9.59999 12.8C9.68859 13.8779 10.0951 14.9053 10.768 15.752C11.9944 17.5922 13.679 19.0811 15.656 20.072C16.1768 20.3038 16.7111 20.5042 17.256 20.672C17.8391 20.8487 18.4554 20.8871 19.056 20.784C19.4545 20.7044 19.8319 20.5422 20.1639 20.308C20.4959 20.0738 20.7753 19.7726 20.984 19.424C21.171 18.9966 21.2294 18.524 21.152 18.064C21.104 17.984 20.912 17.912 20.632 17.768Z" fill="black"/>
|
|
4
|
-
</svg>
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
<svg id="ttASAP" viewBox="0 0 40 40">
|
|
2
|
-
<rect fill="#c8cadb" isolation="isolate" opacity="0.5" x="10.78" y="11.1" width="25.26" height="19.29" rx="2.8"/>
|
|
3
|
-
<path fill="#010101" d="M31.32,6.84H9.51a3.45,3.45,0,0,0-3.38,3.5V33.15a2.5,2.5,0,0,0,1.33,2.23,2.34,2.34,0,0,0,1.09.27,2.41,2.41,0,0,0,1.4-.46l7.51-5.82H31.32a3.62,3.62,0,0,0,3.62-3.62V10.46A3.62,3.62,0,0,0,31.32,6.84Zm1.77,18.9a1.77,1.77,0,0,1-1.77,1.77H17.15a.9.9,0,0,0-.57.2l-7.73,6a.49.49,0,0,1-.53,0A.65.65,0,0,1,8,33.15V10.34A1.6,1.6,0,0,1,9.51,8.69H31.32a1.77,1.77,0,0,1,1.77,1.77Z"/>
|
|
4
|
-
<path fill="#010101" d="M26.83,14H15.14a.93.93,0,0,0,0,1.85H26.83a.93.93,0,0,0,0-1.85Z"/>
|
|
5
|
-
<path fill="#010101" d="M23.23,20.32H15.14a.93.93,0,0,0,0,1.85h8.09a.93.93,0,1,0,0-1.85Z"/>
|
|
6
|
-
</svg>
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
<svg id="ttLine" viewBox="0 0 40 40">
|
|
2
|
-
<ellipse fill="#c8cadb" isolation="isolate" opacity="0.5" cx="23.38" cy="21.39" rx="14.03" ry="11.35"/>
|
|
3
|
-
<path fill="#010101" 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"/>
|
|
4
|
-
<path fill="#010101" 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"/>
|
|
5
|
-
<rect fill="#010101" x="15.63" y="15.92" width="1.5" height="6.51" rx="0.26"/>
|
|
6
|
-
<path fill="#010101" 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"/>
|
|
7
|
-
<path fill="#010101" 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"/>
|
|
8
|
-
</svg>
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
<svg id="ttTelegram" viewBox="0 0 40 40">
|
|
2
|
-
<path fill="#999" fill-rule="evenodd" d="M23.73,36.75l-7.52-7.36a1.07,1.07,0,0,1-.06-1.46l8.18-9.38a.22.22,0,0,0-.29-.32L13.46,25.84a1.07,1.07,0,0,1-1.25,0l-5.79-4.3a1.51,1.51,0,0,1,.42-2.65l24.45-8.23a1.52,1.52,0,0,1,1.94,1.87l-7,23.58A1.52,1.52,0,0,1,23.73,36.75Z"/>
|
|
3
|
-
<path fill="#010101" d="M22.79,35.19A2.51,2.51,0,0,1,21,34.47L13.51,27.1a2.06,2.06,0,0,1-.11-2.83L17.12,20,12,23.65a2,2,0,0,1-2.43,0L3.82,19.34a2.52,2.52,0,0,1-1-2.42,2.49,2.49,0,0,1,1.68-2L29,6.71a2.52,2.52,0,0,1,3.22,3.1l-7,23.57a2.51,2.51,0,0,1-1.78,1.73A2.8,2.8,0,0,1,22.79,35.19Zm-.62-21a1.22,1.22,0,0,1,.91,2l-8.17,9.37L22.43,33h0a.54.54,0,0,0,.5.13.5.5,0,0,0,.36-.35l7-23.58a.52.52,0,0,0-.66-.64L5.16,16.83a.51.51,0,0,0-.35.4.53.53,0,0,0,.2.5L10.8,22l10.66-7.61A1.16,1.16,0,0,1,22.17,14.19Zm-.59.7Z"/>
|
|
4
|
-
</svg>
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
<svg id="ttTwillio" viewBox="0 0 40 40">
|
|
2
|
-
<circle fill="#c8cadb" isolation="isolate" opacity="0.5" cx="23.21" cy="23" r="11.54"/>
|
|
3
|
-
<path fill="#010101" d="M20,4.65A15.35,15.35,0,1,0,35.35,20,15.35,15.35,0,0,0,20,4.65Zm0,28.57A13.22,13.22,0,1,1,33.22,20,13.22,13.22,0,0,1,20,33.22Z"/>
|
|
4
|
-
<path fill="#010101" d="M15.61,13A3.07,3.07,0,1,0,18.67,16h0A3.07,3.07,0,0,0,15.61,13ZM16.55,16a.94.94,0,1,1-.94-.94.94.94,0,0,1,.94.94Z"/>
|
|
5
|
-
<path fill="#010101" d="M24.51,13A3.07,3.07,0,1,0,27.57,16h0A3.07,3.07,0,0,0,24.51,13ZM25.45,16a.94.94,0,1,1-.95-.94,1,1,0,0,1,.95.93Z"/>
|
|
6
|
-
<path fill="#010101" d="M15.61,21.25a3.07,3.07,0,1,0,3.06,3.06h0A3.06,3.06,0,0,0,15.61,21.25Zm.94,3.06a.94.94,0,0,1-.93.94h0a.94.94,0,1,1,.94-.94Z"/>
|
|
7
|
-
<path fill="#010101" d="M24.51,21.25a3.07,3.07,0,1,0,3.06,3.06h0A3.06,3.06,0,0,0,24.51,21.25Zm.94,3.06a.94.94,0,0,1-.94.94h0a.94.94,0,0,1,0-1.88,1,1,0,0,1,.95.94Z"/>
|
|
8
|
-
</svg>
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
<svg id="ttWechat" viewBox="0 0 40 40">
|
|
2
|
-
<ellipse fill="#c8cadb" isolation="isolate" opacity="0.5" cx="27.55" cy="23" rx="7.04" ry="5.69"/>
|
|
3
|
-
<path fill="#c8cadb" isolation="isolate" opacity="0.5" d="M25.26,16.47C24.51,12.81,20.58,10,15.83,10c-5.28,0-9.57,3.47-9.57,7.74s4.29,7.74,9.57,7.74a11.52,11.52,0,0,0,3.67-.59,5.55,5.55,0,0,1-.34-1.9C19.16,19.9,21.74,17.28,25.26,16.47Z"/>
|
|
4
|
-
<path fill="#010101" d="M27.55,14.7h-.13C25.89,10,21,6.7,15.33,6.7c-6.92,0-12.57,4.94-12.57,11a10.24,10.24,0,0,0,3.52,7.63V31a.93.93,0,0,0,.93.93h0a.83.83,0,0,0,.49-.14l5.24-3.24a14.53,14.53,0,0,0,6.65-.44,10.12,10.12,0,0,0,8,3.66,10.31,10.31,0,0,0,1.75-.13L33.17,34a.91.91,0,0,0,.49.14.93.93,0,0,0,.93-.93V29.07a7.94,7.94,0,0,0,2.65-5.86C37.24,18.52,32.89,14.7,27.55,14.7Zm-9,11.72a12.59,12.59,0,0,1-5.63.19.93.93,0,0,0-.67.13L8.15,29.28V24.92a.93.93,0,0,0-.34-.71,8.49,8.49,0,0,1-3.18-6.5c0-5,4.8-9.14,10.7-9.14,4.7,0,8.76,2.56,10.18,6.32-4.38.82-7.66,4.24-7.66,8.32A7.59,7.59,0,0,0,18.56,26.42Zm14.49,1.51h0a.92.92,0,0,0-.34.71v2.87L30,29.82a1,1,0,0,0-.5-.14l-.17,0a9.43,9.43,0,0,1-1.75.17c-4.32,0-7.83-3-7.83-6.65s3.5-6.65,7.83-6.65,7.82,3,7.82,6.65A6.15,6.15,0,0,1,33.05,27.93Z"/>
|
|
5
|
-
<path fill="#010101" d="M25.53,21.11a1.29,1.29,0,1,0,1.16,1.41A1.3,1.3,0,0,0,25.53,21.11Z"/>
|
|
6
|
-
<circle fill="#010101" cx="29.99" cy="22.4" r="1.29"/>
|
|
7
|
-
<path fill="#010101" d="M11.52,15.16a1.3,1.3,0,1,0,1.29,1.3A1.3,1.3,0,0,0,11.52,15.16Z"/>
|
|
8
|
-
<path fill="#010101" d="M18,15.16a1.3,1.3,0,1,0,1.3,1.3A1.29,1.29,0,0,0,18,15.16Z"/>
|
|
9
|
-
</svg>
|
|
@@ -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: "chInstagram",
|
|
7
|
-
viewBox: "0 0 32 32"
|
|
8
|
-
}, " ", /*#__PURE__*/React.createElement("path", {
|
|
9
|
-
d: "M23.92 6.68005H11.048C8.83883 6.68005 7.04797 8.47092 7.04797 10.6801V23.7281C7.04797 25.9372 8.83883 27.7281 11.048 27.7281H23.92C26.1291 27.7281 27.92 25.9372 27.92 23.7281V10.6801C27.92 8.47092 26.1291 6.68005 23.92 6.68005Z",
|
|
10
|
-
fill: "#DFE6F2",
|
|
11
|
-
className: "path-0"
|
|
12
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
13
|
-
d: "M21.32 26.12H8.8C7.52696 26.12 6.30606 25.6143 5.40589 24.7141C4.50571 23.8139 4 22.593 4 21.32V8.8C4 7.52696 4.50571 6.30606 5.40589 5.40589C6.30606 4.50571 7.52696 4 8.8 4H21.32C22.593 4 23.8139 4.50571 24.7141 5.40589C25.6143 6.30606 26.12 7.52696 26.12 8.8V21.32C26.12 22.593 25.6143 23.8139 24.7141 24.7141C23.8139 25.6143 22.593 26.12 21.32 26.12ZM8.8 5.6C7.95131 5.6 7.13737 5.93714 6.53726 6.53726C5.93714 7.13737 5.6 7.95131 5.6 8.8V21.32C5.6 22.1687 5.93714 22.9826 6.53726 23.5827C7.13737 24.1829 7.95131 24.52 8.8 24.52H21.32C22.1687 24.52 22.9826 24.1829 23.5827 23.5827C24.1829 22.9826 24.52 22.1687 24.52 21.32V8.8C24.52 7.95131 24.1829 7.13737 23.5827 6.53726C22.9826 5.93714 22.1687 5.6 21.32 5.6H8.8ZM15.056 20.208C14.037 20.208 13.0409 19.9058 12.1937 19.3397C11.3465 18.7736 10.6861 17.969 10.2962 17.0276C9.90623 16.0862 9.8042 15.0503 10.003 14.0509C10.2018 13.0515 10.6925 12.1335 11.413 11.413C12.1335 10.6925 13.0515 10.2018 14.0509 10.003C15.0503 9.8042 16.0862 9.90623 17.0276 10.2962C17.969 10.6861 18.7736 11.3465 19.3397 12.1937C19.9058 13.0409 20.208 14.037 20.208 15.056C20.2059 16.4217 19.6624 17.7309 18.6967 18.6967C17.7309 19.6624 16.4217 20.2059 15.056 20.208ZM15.056 11.512C14.3531 11.512 13.6661 11.7205 13.0818 12.1112C12.4975 12.5018 12.0422 13.0571 11.7736 13.7066C11.505 14.3561 11.4351 15.0707 11.5728 15.7599C11.7106 16.4491 12.0496 17.082 12.5472 17.5785C13.0448 18.0749 13.6784 18.4126 14.368 18.5487C15.0575 18.6849 15.7719 18.6134 16.4208 18.3433C17.0697 18.0732 17.6239 17.6167 18.0133 17.0316C18.4026 16.4464 18.6096 15.7589 18.608 15.056C18.6059 14.1153 18.2307 13.2139 17.5648 12.5495C16.8989 11.8851 15.9967 11.512 15.056 11.512ZM20.736 8C20.5064 8.00009 20.2819 8.06786 20.0905 8.19484C19.8992 8.32182 19.7496 8.50238 19.6603 8.71395C19.571 8.92551 19.5461 9.1587 19.5887 9.38435C19.6312 9.61001 19.7393 9.81812 19.8995 9.98267C20.0596 10.1472 20.2647 10.2609 20.4891 10.3095C20.7136 10.3581 20.9473 10.3395 21.1612 10.256C21.3751 10.1725 21.5597 10.0278 21.6918 9.83996C21.8239 9.65214 21.8977 9.42954 21.904 9.2C21.9083 9.04394 21.8812 8.88862 21.8244 8.74319C21.7677 8.59777 21.6823 8.46521 21.5734 8.35333C21.4645 8.24146 21.3343 8.15256 21.1905 8.09187C21.0467 8.03118 20.8921 7.99994 20.736 8Z",
|
|
14
|
-
className: "path-1"
|
|
15
|
-
}), " "));
|
|
16
|
-
}
|
|
17
|
-
IconComponent.propTypes = Icon.propTypes;
|
|
@@ -1,19 +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: "chWhatsApp",
|
|
7
|
-
viewBox: "0 0 32 32"
|
|
8
|
-
}, " ", /*#__PURE__*/React.createElement("path", {
|
|
9
|
-
fillRule: "evenodd",
|
|
10
|
-
clipRule: "evenodd",
|
|
11
|
-
d: "M17.024 6.40004C15.1099 6.40204 13.2323 6.92304 11.5908 7.9076C9.94942 8.89215 8.60571 10.3034 7.70276 11.9911C6.79982 13.6788 6.37143 15.5797 6.46322 17.4916C6.55501 19.4034 7.16353 21.2546 8.224 22.848L6.992 27.352L11.552 26.016C12.9477 26.8635 14.5206 27.3763 16.1476 27.5142C17.7746 27.6522 19.4114 27.4115 20.9298 26.8111C22.4483 26.2108 23.8071 25.2669 24.8998 24.0537C25.9925 22.8404 26.7894 21.3905 27.2281 19.8178C27.6669 18.245 27.7355 16.592 27.4286 14.9883C27.1217 13.3846 26.4477 11.8737 25.4593 10.574C24.4709 9.27434 23.195 8.22117 21.7315 7.49702C20.2681 6.77287 18.6568 6.3974 17.024 6.40004Z",
|
|
12
|
-
fill: "#DFE6F2",
|
|
13
|
-
className: "path-0"
|
|
14
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
15
|
-
d: "M4.19199 26.92L5.71199 21.384C4.22027 19.0114 3.64659 16.1757 4.09882 13.4099C4.55104 10.6441 5.99802 8.13874 8.16771 6.36486C10.3374 4.59098 13.0803 3.67077 15.8809 3.77722C18.6814 3.88368 21.3465 5.00947 23.3753 6.94295C25.404 8.87642 26.6566 11.4844 26.8976 14.2766C27.1385 17.0687 26.3512 19.8527 24.6837 22.1052C23.0162 24.3576 20.5833 25.9233 17.8424 26.508C15.1015 27.0926 12.2415 26.6559 9.79999 25.28L4.19199 26.92ZM10.016 23.552L10.32 23.736C12.1666 24.8495 14.33 25.3202 16.4723 25.0744C18.6147 24.8286 20.6153 23.8803 22.1618 22.3775C23.7082 20.8747 24.7135 18.9021 25.0205 16.7677C25.3276 14.6333 24.9191 12.4573 23.859 10.5795C22.7988 8.70177 21.1466 7.22797 19.1604 6.38831C17.1742 5.54864 14.9659 5.39039 12.8803 5.93826C10.7947 6.48613 8.94919 7.70928 7.6321 9.41668C6.315 11.1241 5.60044 13.2196 5.59999 15.376C5.59082 17.3087 6.1652 19.1991 7.24799 20.8L7.44799 21.104L6.49599 24.584L10.016 23.552ZM20.632 17.768C20.344 17.624 18.936 16.928 18.68 16.832C18.424 16.736 18.224 16.696 18.032 16.976C17.84 17.256 17.296 17.912 17.128 18.096C16.96 18.28 16.792 18.312 16.512 18.168C15.6678 17.8329 14.8883 17.3537 14.208 16.752C13.5805 16.1755 13.0413 15.5097 12.608 14.776C12.5467 14.6847 12.5241 14.5728 12.5451 14.4649C12.5661 14.3569 12.629 14.2617 12.72 14.2C12.848 14.072 13.008 13.864 13.152 13.696C13.2704 13.5534 13.3674 13.3944 13.44 13.224C13.4835 13.1471 13.5063 13.0603 13.5063 12.972C13.5063 12.8837 13.4835 12.7969 13.44 12.72C13.368 12.568 12.8 11.2 12.56 10.592C12.32 9.98398 12.088 10.104 11.912 10.096H11.368C11.2166 10.0951 11.0669 10.1269 10.9288 10.189C10.7908 10.2511 10.6678 10.3421 10.568 10.456C10.2554 10.7601 10.0083 11.1249 9.84188 11.528C9.67542 11.9311 9.59311 12.3639 9.59999 12.8C9.68859 13.8779 10.0951 14.9053 10.768 15.752C11.9944 17.5922 13.679 19.0811 15.656 20.072C16.1768 20.3038 16.7111 20.5042 17.256 20.672C17.8391 20.8487 18.4554 20.8871 19.056 20.784C19.4545 20.7044 19.8319 20.5422 20.1639 20.308C20.4959 20.0738 20.7753 19.7726 20.984 19.424C21.171 18.9966 21.2294 18.524 21.152 18.064C21.104 17.984 20.912 17.912 20.632 17.768Z",
|
|
16
|
-
className: "path-1"
|
|
17
|
-
}), " "));
|
|
18
|
-
}
|
|
19
|
-
IconComponent.propTypes = Icon.propTypes;
|
|
@@ -1,28 +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: "ttASAP",
|
|
7
|
-
viewBox: "0 0 40 40"
|
|
8
|
-
}, " ", /*#__PURE__*/React.createElement("rect", {
|
|
9
|
-
fill: "#c8cadb",
|
|
10
|
-
isolation: "isolate",
|
|
11
|
-
opacity: "0.5",
|
|
12
|
-
x: "10.78",
|
|
13
|
-
y: "11.1",
|
|
14
|
-
width: "25.26",
|
|
15
|
-
height: "19.29",
|
|
16
|
-
rx: "2.8"
|
|
17
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
18
|
-
d: "M31.32,6.84H9.51a3.45,3.45,0,0,0-3.38,3.5V33.15a2.5,2.5,0,0,0,1.33,2.23,2.34,2.34,0,0,0,1.09.27,2.41,2.41,0,0,0,1.4-.46l7.51-5.82H31.32a3.62,3.62,0,0,0,3.62-3.62V10.46A3.62,3.62,0,0,0,31.32,6.84Zm1.77,18.9a1.77,1.77,0,0,1-1.77,1.77H17.15a.9.9,0,0,0-.57.2l-7.73,6a.49.49,0,0,1-.53,0A.65.65,0,0,1,8,33.15V10.34A1.6,1.6,0,0,1,9.51,8.69H31.32a1.77,1.77,0,0,1,1.77,1.77Z",
|
|
19
|
-
className: "path-0"
|
|
20
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
21
|
-
d: "M26.83,14H15.14a.93.93,0,0,0,0,1.85H26.83a.93.93,0,0,0,0-1.85Z",
|
|
22
|
-
className: "path-1"
|
|
23
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
24
|
-
d: "M23.23,20.32H15.14a.93.93,0,0,0,0,1.85h8.09a.93.93,0,1,0,0-1.85Z",
|
|
25
|
-
className: "path-2"
|
|
26
|
-
}), " "));
|
|
27
|
-
}
|
|
28
|
-
IconComponent.propTypes = Icon.propTypes;
|
|
@@ -1,37 +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: "ttLine",
|
|
7
|
-
viewBox: "0 0 40 40"
|
|
8
|
-
}, " ", /*#__PURE__*/React.createElement("ellipse", {
|
|
9
|
-
fill: "#c8cadb",
|
|
10
|
-
isolation: "isolate",
|
|
11
|
-
opacity: "0.5",
|
|
12
|
-
cx: "23.38",
|
|
13
|
-
cy: "21.39",
|
|
14
|
-
rx: "14.03",
|
|
15
|
-
ry: "11.35"
|
|
16
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
17
|
-
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",
|
|
18
|
-
className: "path-0"
|
|
19
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
20
|
-
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",
|
|
21
|
-
className: "path-1"
|
|
22
|
-
}), " ", /*#__PURE__*/React.createElement("rect", {
|
|
23
|
-
fill: "#010101",
|
|
24
|
-
x: "15.63",
|
|
25
|
-
y: "15.92",
|
|
26
|
-
width: "1.5",
|
|
27
|
-
height: "6.51",
|
|
28
|
-
rx: "0.26"
|
|
29
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
30
|
-
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",
|
|
31
|
-
className: "path-2"
|
|
32
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
33
|
-
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",
|
|
34
|
-
className: "path-3"
|
|
35
|
-
}), " "));
|
|
36
|
-
}
|
|
37
|
-
IconComponent.propTypes = Icon.propTypes;
|
|
@@ -1,18 +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: "ttTelegram",
|
|
7
|
-
viewBox: "0 0 40 40"
|
|
8
|
-
}, " ", /*#__PURE__*/React.createElement("path", {
|
|
9
|
-
fill: "#999",
|
|
10
|
-
fillRule: "evenodd",
|
|
11
|
-
d: "M23.73,36.75l-7.52-7.36a1.07,1.07,0,0,1-.06-1.46l8.18-9.38a.22.22,0,0,0-.29-.32L13.46,25.84a1.07,1.07,0,0,1-1.25,0l-5.79-4.3a1.51,1.51,0,0,1,.42-2.65l24.45-8.23a1.52,1.52,0,0,1,1.94,1.87l-7,23.58A1.52,1.52,0,0,1,23.73,36.75Z",
|
|
12
|
-
className: "path-0"
|
|
13
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
14
|
-
d: "M22.79,35.19A2.51,2.51,0,0,1,21,34.47L13.51,27.1a2.06,2.06,0,0,1-.11-2.83L17.12,20,12,23.65a2,2,0,0,1-2.43,0L3.82,19.34a2.52,2.52,0,0,1-1-2.42,2.49,2.49,0,0,1,1.68-2L29,6.71a2.52,2.52,0,0,1,3.22,3.1l-7,23.57a2.51,2.51,0,0,1-1.78,1.73A2.8,2.8,0,0,1,22.79,35.19Zm-.62-21a1.22,1.22,0,0,1,.91,2l-8.17,9.37L22.43,33h0a.54.54,0,0,0,.5.13.5.5,0,0,0,.36-.35l7-23.58a.52.52,0,0,0-.66-.64L5.16,16.83a.51.51,0,0,0-.35.4.53.53,0,0,0,.2.5L10.8,22l10.66-7.61A1.16,1.16,0,0,1,22.17,14.19Zm-.59.7Z",
|
|
15
|
-
className: "path-1"
|
|
16
|
-
}), " "));
|
|
17
|
-
}
|
|
18
|
-
IconComponent.propTypes = Icon.propTypes;
|
|
@@ -1,32 +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: "ttTwillio",
|
|
7
|
-
viewBox: "0 0 40 40"
|
|
8
|
-
}, " ", /*#__PURE__*/React.createElement("circle", {
|
|
9
|
-
fill: "#c8cadb",
|
|
10
|
-
isolation: "isolate",
|
|
11
|
-
opacity: "0.5",
|
|
12
|
-
cx: "23.21",
|
|
13
|
-
cy: "23",
|
|
14
|
-
r: "11.54"
|
|
15
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
16
|
-
d: "M20,4.65A15.35,15.35,0,1,0,35.35,20,15.35,15.35,0,0,0,20,4.65Zm0,28.57A13.22,13.22,0,1,1,33.22,20,13.22,13.22,0,0,1,20,33.22Z",
|
|
17
|
-
className: "path-0"
|
|
18
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
19
|
-
d: "M15.61,13A3.07,3.07,0,1,0,18.67,16h0A3.07,3.07,0,0,0,15.61,13ZM16.55,16a.94.94,0,1,1-.94-.94.94.94,0,0,1,.94.94Z",
|
|
20
|
-
className: "path-1"
|
|
21
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
22
|
-
d: "M24.51,13A3.07,3.07,0,1,0,27.57,16h0A3.07,3.07,0,0,0,24.51,13ZM25.45,16a.94.94,0,1,1-.95-.94,1,1,0,0,1,.95.93Z",
|
|
23
|
-
className: "path-2"
|
|
24
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
25
|
-
d: "M15.61,21.25a3.07,3.07,0,1,0,3.06,3.06h0A3.06,3.06,0,0,0,15.61,21.25Zm.94,3.06a.94.94,0,0,1-.93.94h0a.94.94,0,1,1,.94-.94Z",
|
|
26
|
-
className: "path-3"
|
|
27
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
28
|
-
d: "M24.51,21.25a3.07,3.07,0,1,0,3.06,3.06h0A3.06,3.06,0,0,0,24.51,21.25Zm.94,3.06a.94.94,0,0,1-.94.94h0a.94.94,0,0,1,0-1.88,1,1,0,0,1,.95.94Z",
|
|
29
|
-
className: "path-4"
|
|
30
|
-
}), " "));
|
|
31
|
-
}
|
|
32
|
-
IconComponent.propTypes = Icon.propTypes;
|
|
@@ -1,41 +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: "ttWechat",
|
|
7
|
-
viewBox: "0 0 40 40"
|
|
8
|
-
}, " ", /*#__PURE__*/React.createElement("ellipse", {
|
|
9
|
-
fill: "#c8cadb",
|
|
10
|
-
isolation: "isolate",
|
|
11
|
-
opacity: "0.5",
|
|
12
|
-
cx: "27.55",
|
|
13
|
-
cy: "23",
|
|
14
|
-
rx: "7.04",
|
|
15
|
-
ry: "5.69"
|
|
16
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
17
|
-
fill: "#c8cadb",
|
|
18
|
-
isolation: "isolate",
|
|
19
|
-
opacity: "0.5",
|
|
20
|
-
d: "M25.26,16.47C24.51,12.81,20.58,10,15.83,10c-5.28,0-9.57,3.47-9.57,7.74s4.29,7.74,9.57,7.74a11.52,11.52,0,0,0,3.67-.59,5.55,5.55,0,0,1-.34-1.9C19.16,19.9,21.74,17.28,25.26,16.47Z",
|
|
21
|
-
className: "path-0"
|
|
22
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
23
|
-
d: "M27.55,14.7h-.13C25.89,10,21,6.7,15.33,6.7c-6.92,0-12.57,4.94-12.57,11a10.24,10.24,0,0,0,3.52,7.63V31a.93.93,0,0,0,.93.93h0a.83.83,0,0,0,.49-.14l5.24-3.24a14.53,14.53,0,0,0,6.65-.44,10.12,10.12,0,0,0,8,3.66,10.31,10.31,0,0,0,1.75-.13L33.17,34a.91.91,0,0,0,.49.14.93.93,0,0,0,.93-.93V29.07a7.94,7.94,0,0,0,2.65-5.86C37.24,18.52,32.89,14.7,27.55,14.7Zm-9,11.72a12.59,12.59,0,0,1-5.63.19.93.93,0,0,0-.67.13L8.15,29.28V24.92a.93.93,0,0,0-.34-.71,8.49,8.49,0,0,1-3.18-6.5c0-5,4.8-9.14,10.7-9.14,4.7,0,8.76,2.56,10.18,6.32-4.38.82-7.66,4.24-7.66,8.32A7.59,7.59,0,0,0,18.56,26.42Zm14.49,1.51h0a.92.92,0,0,0-.34.71v2.87L30,29.82a1,1,0,0,0-.5-.14l-.17,0a9.43,9.43,0,0,1-1.75.17c-4.32,0-7.83-3-7.83-6.65s3.5-6.65,7.83-6.65,7.82,3,7.82,6.65A6.15,6.15,0,0,1,33.05,27.93Z",
|
|
24
|
-
className: "path-1"
|
|
25
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
26
|
-
d: "M25.53,21.11a1.29,1.29,0,1,0,1.16,1.41A1.3,1.3,0,0,0,25.53,21.11Z",
|
|
27
|
-
className: "path-2"
|
|
28
|
-
}), " ", /*#__PURE__*/React.createElement("circle", {
|
|
29
|
-
fill: "#010101",
|
|
30
|
-
cx: "29.99",
|
|
31
|
-
cy: "22.4",
|
|
32
|
-
r: "1.29"
|
|
33
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
34
|
-
d: "M11.52,15.16a1.3,1.3,0,1,0,1.29,1.3A1.3,1.3,0,0,0,11.52,15.16Z",
|
|
35
|
-
className: "path-3"
|
|
36
|
-
}), " ", /*#__PURE__*/React.createElement("path", {
|
|
37
|
-
d: "M18,15.16a1.3,1.3,0,1,0,1.3,1.3A1.29,1.29,0,0,0,18,15.16Z",
|
|
38
|
-
className: "path-4"
|
|
39
|
-
}), " "));
|
|
40
|
-
}
|
|
41
|
-
IconComponent.propTypes = Icon.propTypes;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export { default as ChInstagram } from './ChInstagram';
|
|
2
|
-
export { default as ChWhatsApp } from './ChWhatsApp';
|
|
3
|
-
export { default as TtASAP } from './TtASAP';
|
|
4
|
-
export { default as TtLine } from './TtLine';
|
|
5
|
-
export { default as TtTelegram } from './TtTelegram';
|
|
6
|
-
export { default as TtTwillio } from './TtTwillio';
|
|
7
|
-
export { default as TtWechat } from './TtWechat';
|