@zohoim/chat-components 0.0.14 → 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.
Files changed (87) hide show
  1. package/es/ActionIconWrapper/ActionIconWrapper.js +9 -1
  2. package/es/ActionIconWrapper/css/ActionIconWrapper.module.css +5 -0
  3. package/es/ActionIconWrapper/css/cssJSLogic.js +14 -0
  4. package/es/AttachmentBubble/AttachmentBubble.js +3 -2
  5. package/es/AttachmentBubble/css/AttachmentBubble.module.css +1 -0
  6. package/es/AttachmentBubbleInfo/AttachmentBubbleInfo.js +8 -4
  7. package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +2 -3
  8. package/es/AttachmentIcon/utils/getAttachmentIconComponent.js +9 -3
  9. package/es/AudioBubble/AudioBubble.js +16 -3
  10. package/es/AudioBubble/css/AudioBubble.module.css +4 -0
  11. package/es/AudioBubble/props/defaultProps.js +1 -0
  12. package/es/LocationBubble/LocationBubble.js +3 -2
  13. package/es/LocationBubble/css/LocationBubble.module.css +3 -4
  14. package/es/MediaBubbleWrapper/MediaBubbleWrapper.js +2 -2
  15. package/es/MediaBubbleWrapper/css/MediaBubbleWrapper.module.css +4 -0
  16. package/es/MessageActions/MessageActions.js +4 -2
  17. package/es/MessageBox/MessageBox.js +11 -7
  18. package/es/MessageBox/css/MessageBox.module.css +1 -6
  19. package/es/MessageBubble/MessageBubble.js +9 -6
  20. package/es/MoreActionItem/css/MoreActionItem.module.css +1 -3
  21. package/es/ReplyBubble/ReplyBubble.js +4 -5
  22. package/es/ReplyBubble/css/ReplyBubble.module.css +2 -2
  23. package/es/ReplyBubbleContent/ReplyBubbleContent.js +5 -4
  24. package/es/ReplyBubbleContent/css/ReplyBubbleContent.module.css +1 -4
  25. package/es/ReplyBubbleHeader/ReplyBubbleHeader.js +6 -6
  26. package/es/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +25 -6
  27. package/es/TextBubble/TextBubble.js +2 -2
  28. package/es/TextBubble/css/TextBubble.module.css +3 -1
  29. package/es/Theme/ThemeWrapper.js +2 -2
  30. package/es/Theme/themeVariables/dark/blueTheme.js +1 -1
  31. package/es/Theme/themeVariables/dark/greenTheme.js +1 -1
  32. package/es/Theme/themeVariables/dark/orangeTheme.js +1 -1
  33. package/es/Theme/themeVariables/dark/redTheme.js +1 -1
  34. package/es/Theme/themeVariables/dark/yellowTheme.js +1 -1
  35. package/es/Theme/themeVariables/light/blueTheme.js +1 -1
  36. package/es/Theme/themeVariables/light/greenTheme.js +1 -1
  37. package/es/Theme/themeVariables/light/orangeTheme.js +1 -1
  38. package/es/Theme/themeVariables/light/redTheme.js +1 -1
  39. package/es/Theme/themeVariables/light/yellowTheme.js +1 -1
  40. package/es/Theme/themeVariables/pureDark/blueTheme.js +1 -1
  41. package/es/Theme/themeVariables/pureDark/greenTheme.js +1 -1
  42. package/es/Theme/themeVariables/pureDark/orangeTheme.js +1 -1
  43. package/es/Theme/themeVariables/pureDark/redTheme.js +1 -1
  44. package/es/Theme/themeVariables/pureDark/yellowTheme.js +1 -1
  45. package/es/VideoBubble/VideoBubble.js +2 -1
  46. package/es/css/common.module.css +6 -0
  47. package/es/icons/factory/common/article.svg +4 -4
  48. package/es/icons/factory/integrations/chInstagram.svg +2 -2
  49. package/es/icons/factory/integrations/chWhatsApp.svg +2 -2
  50. package/es/icons/factory/integrations/ttASAP.svg +6 -1
  51. package/es/icons/factory/integrations/ttLine.svg +8 -0
  52. package/es/icons/factory/integrations/ttTelegram.svg +4 -1
  53. package/es/icons/factory/integrations/ttTwillio.svg +8 -1
  54. package/es/icons/factory/integrations/ttWechat.svg +9 -1
  55. package/es/icons/iconSrc/common/Article.js +2 -3
  56. package/es/icons/iconSrc/integrations/ChInstagram.js +2 -3
  57. package/es/icons/iconSrc/integrations/ChWhatsApp.js +2 -3
  58. package/es/icons/iconSrc/integrations/TtASAP.js +11 -15
  59. package/es/icons/iconSrc/integrations/{TtTwitter.js → TtLine.js} +14 -18
  60. package/es/icons/iconSrc/integrations/TtTelegram.js +8 -12
  61. package/es/icons/iconSrc/integrations/TtTwillio.js +15 -19
  62. package/es/icons/iconSrc/integrations/TtWechat.js +19 -20
  63. package/es/icons/iconSrc/integrations/index.js +1 -1
  64. package/es/im/ArticleBubble/ArticleBubble.js +9 -8
  65. package/es/im/ArticleBubble/css/ArticleBubble.module.css +23 -13
  66. package/es/im/IMIntegrationIcon/IMIntegrationIcon.js +1 -1
  67. package/es/im/IMMessage/IMMessage.js +30 -8
  68. package/es/im/{IMTicketLink/css/IMTicketLink.module.css → IMMessage/css/IMMessage.module.css} +21 -11
  69. package/es/im/IMMessage/css/cssJSLogic.js +23 -0
  70. package/es/im/IMMessage/props/defaultProps.js +2 -1
  71. package/es/im/IMMessage/props/propTypes.js +3 -1
  72. package/es/im/IMMessageContent/IMMessageContent.js +5 -3
  73. package/es/im/IMMessageContent/props/propTypes.js +1 -0
  74. package/es/im/IMMessageMeta/css/IMMessageMeta.module.css +1 -3
  75. package/es/im/IMPermaLink/IMPermaLink.js +48 -0
  76. package/es/im/IMPermaLink/css/IMPermaLink.module.css +14 -0
  77. package/es/im/{IMTicketLink → IMPermaLink}/css/cssJSLogic.js +3 -3
  78. package/es/im/IMPermaLink/index.js +1 -0
  79. package/es/im/{IMTicketLink → IMPermaLink}/props/defaultProps.js +2 -2
  80. package/es/im/IMPermaLink/props/propTypes.js +11 -0
  81. package/es/im/css/common.module.css +6 -0
  82. package/es/im/index.js +1 -1
  83. package/package.json +4 -4
  84. package/es/icons/factory/integrations/ttTwitter.svg +0 -1
  85. package/es/im/IMTicketLink/IMTicketLink.js +0 -48
  86. package/es/im/IMTicketLink/index.js +0 -1
  87. package/es/im/IMTicketLink/props/propTypes.js +0 -11
package/es/Theme/themeVariables/dark/redTheme.js CHANGED
@@ -36,7 +36,7 @@ export default {
36
36
  // border_color: "#2d3748",
37
37
  border_color: 'hsl(258.46deg 12.62% 23.2%)'
38
38
  },
39
- imTicketLink: {
39
+ imPermaLink: {
40
40
  color: '#e94f4f'
41
41
  },
42
42
  replyBubbleContent: {
package/es/Theme/themeVariables/dark/yellowTheme.js CHANGED
@@ -34,7 +34,7 @@ export default {
34
34
  bg_color: '#232b38',
35
35
  border_color: '#2d3748'
36
36
  },
37
- imTicketLink: {
37
+ imPermaLink: {
38
38
  color: '#d79835'
39
39
  },
40
40
  replyBubbleContent: {
package/es/Theme/themeVariables/light/blueTheme.js CHANGED
@@ -49,7 +49,7 @@ export default {
49
49
  color: '#000',
50
50
  border_color: '#ebf0f5'
51
51
  },
52
- imTicketLink: {
52
+ imPermaLink: {
53
53
  color: primaryBlue
54
54
  },
55
55
  textBubble: {
package/es/Theme/themeVariables/light/greenTheme.js CHANGED
@@ -49,7 +49,7 @@ export default {
49
49
  color: '#000',
50
50
  border_color: '#ebf0f5'
51
51
  },
52
- imTicketLink: {
52
+ imPermaLink: {
53
53
  color: primaryGreen
54
54
  },
55
55
  textBubble: {
package/es/Theme/themeVariables/light/orangeTheme.js CHANGED
@@ -47,7 +47,7 @@ export default {
47
47
  color: '#000',
48
48
  border_color: '#ebf0f5'
49
49
  },
50
- imTicketLink: {
50
+ imPermaLink: {
51
51
  color: primaryOrange
52
52
  },
53
53
  textBubble: {
package/es/Theme/themeVariables/light/redTheme.js CHANGED
@@ -47,7 +47,7 @@ export default {
47
47
  color: '#000',
48
48
  border_color: '#ebf0f5'
49
49
  },
50
- imTicketLink: {
50
+ imPermaLink: {
51
51
  color: primaryRed
52
52
  },
53
53
  textBubble: {
package/es/Theme/themeVariables/light/yellowTheme.js CHANGED
@@ -49,7 +49,7 @@ export default {
49
49
  color: '#000',
50
50
  border_color: '#ebf0f5'
51
51
  },
52
- imTicketLink: {
52
+ imPermaLink: {
53
53
  color: primaryYellow
54
54
  },
55
55
  textBubble: {
package/es/Theme/themeVariables/pureDark/blueTheme.js CHANGED
@@ -34,7 +34,7 @@ export default {
34
34
  bg_color: '#212121',
35
35
  border_color: '#161515'
36
36
  },
37
- imTicketLink: {
37
+ imPermaLink: {
38
38
  color: '#479dff'
39
39
  },
40
40
  replyBubbleContent: {
package/es/Theme/themeVariables/pureDark/greenTheme.js CHANGED
@@ -34,7 +34,7 @@ export default {
34
34
  bg_color: '#212121',
35
35
  border_color: '#161515'
36
36
  },
37
- imTicketLink: {
37
+ imPermaLink: {
38
38
  color: '#45a159'
39
39
  },
40
40
  replyBubbleContent: {
package/es/Theme/themeVariables/pureDark/orangeTheme.js CHANGED
@@ -34,7 +34,7 @@ export default {
34
34
  bg_color: '#212121',
35
35
  border_color: '#161515'
36
36
  },
37
- imTicketLink: {
37
+ imPermaLink: {
38
38
  color: '#ff801f'
39
39
  },
40
40
  replyBubbleContent: {
package/es/Theme/themeVariables/pureDark/redTheme.js CHANGED
@@ -34,7 +34,7 @@ export default {
34
34
  bg_color: '#212121',
35
35
  border_color: '#161515'
36
36
  },
37
- imTicketLink: {
37
+ imPermaLink: {
38
38
  color: '#e94f4f'
39
39
  },
40
40
  replyBubbleContent: {
package/es/Theme/themeVariables/pureDark/yellowTheme.js CHANGED
@@ -34,7 +34,7 @@ export default {
34
34
  bg_color: '#212121',
35
35
  border_color: '#161515'
36
36
  },
37
- imTicketLink: {
37
+ imPermaLink: {
38
38
  color: '#d79835'
39
39
  },
40
40
  replyBubbleContent: {
package/es/VideoBubble/VideoBubble.js CHANGED
@@ -15,6 +15,7 @@ import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyCon
15
15
  import style from './css/VideoBubble.module.css';
16
16
  /** ** Components *** */
17
17
 
18
+ import { Box } from '@zohodesk/components/es/Layout';
18
19
  import MediaBubbleWrapper from '../MediaBubbleWrapper/MediaBubbleWrapper';
19
20
  import Video from '../Video/Video';
20
21
  export default function VideoBubble(props) {
@@ -35,7 +36,7 @@ export default function VideoBubble(props) {
35
36
  fileURL,
36
37
  fileType
37
38
  } = _ref;
38
- return /*#__PURE__*/React.createElement("div", {
39
+ return /*#__PURE__*/React.createElement(Box, {
39
40
  className: newStyle.videoBubble
40
41
  }, /*#__PURE__*/React.createElement(Video, _extends({
41
42
  fileType: fileType,
package/es/css/common.module.css ADDED
@@ -0,0 +1,6 @@
1
+ .dotted {
2
+ overflow: hidden;
3
+ white-space: nowrap;
4
+ word-wrap: normal;
5
+ text-overflow: ellipsis;
6
+ }
package/es/icons/factory/common/article.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M8.28796 6.63196H21.744C22.2744 6.63196 22.7831 6.84267 23.1582 7.21774C23.5333 7.59282 23.744 8.10152 23.744 8.63196V25.36C23.744 26.1047 23.4481 26.8189 22.9215 27.3455C22.3949 27.8721 21.6807 28.168 20.936 28.168H8.79996C8.13374 28.168 7.4948 27.9033 7.02371 27.4322C6.55262 26.9611 6.28796 26.3222 6.28796 25.656V8.63196C6.28796 8.10152 6.49868 7.59282 6.87375 7.21774C7.24882 6.84267 7.75753 6.63196 8.28796 6.63196Z" fill="#DFE6F2"/>
3
- <path d="M18.528 19.904H8.416C8.20382 19.904 8.00034 19.8197 7.85031 19.6697C7.70028 19.5197 7.616 19.3162 7.616 19.104C7.616 18.8918 7.70028 18.6883 7.85031 18.5383C8.00034 18.3883 8.20382 18.304 8.416 18.304H18.528C18.7402 18.304 18.9437 18.3883 19.0937 18.5383C19.2437 18.6883 19.328 18.8918 19.328 19.104C19.328 19.3162 19.2437 19.5197 19.0937 19.6697C18.9437 19.8197 18.7402 19.904 18.528 19.904ZM27.28 23.776V9.792C27.28 9.57983 27.1957 9.37634 27.0457 9.22632C26.8957 9.07629 26.6922 8.992 26.48 8.992C26.2678 8.992 26.0643 9.07629 25.9143 9.22632C25.7643 9.37634 25.68 9.57983 25.68 9.792V23.776C25.6951 24.2267 25.531 24.6649 25.2236 24.9948C24.9162 25.3247 24.4906 25.5193 24.04 25.536H7.24C6.79648 25.5092 6.381 25.3101 6.08211 24.9814C5.78323 24.6526 5.62458 24.2201 5.64 23.776V6.456C5.63984 6.23441 5.72562 6.0214 5.8793 5.86176C6.03297 5.70211 6.24256 5.60828 6.464 5.6H20.6C20.8278 5.59999 21.0463 5.68992 21.2081 5.85023C21.3699 6.01053 21.4619 6.22824 21.464 6.456V20.96C21.464 21.1722 21.5483 21.3757 21.6983 21.5257C21.8483 21.6757 22.0518 21.76 22.264 21.76C22.4762 21.76 22.6797 21.6757 22.8297 21.5257C22.9797 21.3757 23.064 21.1722 23.064 20.96V6.456C23.0619 5.80389 22.8013 5.17922 22.3395 4.71886C21.8776 4.2585 21.2521 4 20.6 4H6.464C5.81189 4 5.18637 4.2585 4.72451 4.71886C4.26265 5.17922 4.00211 5.80389 4 6.456V23.776C3.985 24.651 4.31772 25.4961 4.92515 26.126C5.53257 26.756 6.36508 27.1192 7.24 27.136H24.04C24.9149 27.1192 25.7474 26.756 26.3548 26.126C26.9623 25.4961 27.295 24.651 27.28 23.776ZM14.272 12.576C14.272 12.3638 14.1877 12.1603 14.0377 12.0103C13.8877 11.8603 13.6842 11.776 13.472 11.776H8.416C8.20382 11.776 8.00034 11.8603 7.85031 12.0103C7.70028 12.1603 7.616 12.3638 7.616 12.576C7.616 12.7882 7.70028 12.9917 7.85031 13.1417C8.00034 13.2917 8.20382 13.376 8.416 13.376H13.472C13.6801 13.3761 13.88 13.2951 14.0294 13.1502C14.1787 13.0054 14.2658 12.808 14.272 12.6V12.576Z" fill="black"/>
4
- </svg>
1
+ <svg id="article" viewBox="0 0 32 32">
2
+ <path d="M8.28796 6.63196H21.744C22.2744 6.63196 22.7831 6.84267 23.1582 7.21774C23.5333 7.59282 23.744 8.10152 23.744 8.63196V25.36C23.744 26.1047 23.4481 26.8189 22.9215 27.3455C22.3949 27.8721 21.6807 28.168 20.936 28.168H8.79996C8.13374 28.168 7.4948 27.9033 7.02371 27.4322C6.55262 26.9611 6.28796 26.3222 6.28796 25.656V8.63196C6.28796 8.10152 6.49868 7.59282 6.87375 7.21774C7.24882 6.84267 7.75753 6.63196 8.28796 6.63196Z" fill="#DFE6F2"/>
3
+ <path d="M18.528 19.904H8.416C8.20382 19.904 8.00034 19.8197 7.85031 19.6697C7.70028 19.5197 7.616 19.3162 7.616 19.104C7.616 18.8918 7.70028 18.6883 7.85031 18.5383C8.00034 18.3883 8.20382 18.304 8.416 18.304H18.528C18.7402 18.304 18.9437 18.3883 19.0937 18.5383C19.2437 18.6883 19.328 18.8918 19.328 19.104C19.328 19.3162 19.2437 19.5197 19.0937 19.6697C18.9437 19.8197 18.7402 19.904 18.528 19.904ZM27.28 23.776V9.792C27.28 9.57983 27.1957 9.37634 27.0457 9.22632C26.8957 9.07629 26.6922 8.992 26.48 8.992C26.2678 8.992 26.0643 9.07629 25.9143 9.22632C25.7643 9.37634 25.68 9.57983 25.68 9.792V23.776C25.6951 24.2267 25.531 24.6649 25.2236 24.9948C24.9162 25.3247 24.4906 25.5193 24.04 25.536H7.24C6.79648 25.5092 6.381 25.3101 6.08211 24.9814C5.78323 24.6526 5.62458 24.2201 5.64 23.776V6.456C5.63984 6.23441 5.72562 6.0214 5.8793 5.86176C6.03297 5.70211 6.24256 5.60828 6.464 5.6H20.6C20.8278 5.59999 21.0463 5.68992 21.2081 5.85023C21.3699 6.01053 21.4619 6.22824 21.464 6.456V20.96C21.464 21.1722 21.5483 21.3757 21.6983 21.5257C21.8483 21.6757 22.0518 21.76 22.264 21.76C22.4762 21.76 22.6797 21.6757 22.8297 21.5257C22.9797 21.3757 23.064 21.1722 23.064 20.96V6.456C23.0619 5.80389 22.8013 5.17922 22.3395 4.71886C21.8776 4.2585 21.2521 4 20.6 4H6.464C5.81189 4 5.18637 4.2585 4.72451 4.71886C4.26265 5.17922 4.00211 5.80389 4 6.456V23.776C3.985 24.651 4.31772 25.4961 4.92515 26.126C5.53257 26.756 6.36508 27.1192 7.24 27.136H24.04C24.9149 27.1192 25.7474 26.756 26.3548 26.126C26.9623 25.4961 27.295 24.651 27.28 23.776ZM14.272 12.576C14.272 12.3638 14.1877 12.1603 14.0377 12.0103C13.8877 11.8603 13.6842 11.776 13.472 11.776H8.416C8.20382 11.776 8.00034 11.8603 7.85031 12.0103C7.70028 12.1603 7.616 12.3638 7.616 12.576C7.616 12.7882 7.70028 12.9917 7.85031 13.1417C8.00034 13.2917 8.20382 13.376 8.416 13.376H13.472C13.6801 13.3761 13.88 13.2951 14.0294 13.1502C14.1787 13.0054 14.2658 12.808 14.272 12.6V12.576Z" fill="black"/>
4
+ </svg>
package/es/icons/factory/integrations/chInstagram.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg id="chInstagram" viewBox="0 0 32 32">
2
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
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>
4
+ </svg>
package/es/icons/factory/integrations/chWhatsApp.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg id="chWhatsApp" viewBox="0 0 32 32">
2
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
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>
4
+ </svg>
package/es/icons/factory/integrations/ttASAP.svg CHANGED
@@ -1 +1,6 @@
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><rect class="cls-1" x="10.78" y="11.1" width="25.26" height="19.29" rx="2.8"/><path class="cls-2" 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"/><path class="cls-2" d="M26.83,14H15.14a.93.93,0,0,0,0,1.85H26.83a.93.93,0,0,0,0-1.85Z"/><path class="cls-2" d="M23.23,20.32H15.14a.93.93,0,0,0,0,1.85h8.09a.93.93,0,1,0,0-1.85Z"/></svg>
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>
package/es/icons/factory/integrations/ttLine.svg ADDED
@@ -0,0 +1,8 @@
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>
package/es/icons/factory/integrations/ttTelegram.svg CHANGED
@@ -1 +1,4 @@
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:#999;fill-rule:evenodd;}.cls-2{fill:#010101;}</style></defs><path class="cls-1" 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"/><path class="cls-2" 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"/></svg>
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>
package/es/icons/factory/integrations/ttTwillio.svg CHANGED
@@ -1 +1,8 @@
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><circle class="cls-1" cx="23.21" cy="23" r="11.54"/><path class="cls-2" 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"/><path class="cls-2" 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"/><path class="cls-2" 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"/><path class="cls-2" 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"/><path class="cls-2" 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"/></svg>
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>
package/es/icons/factory/integrations/ttWechat.svg CHANGED
@@ -1 +1,9 @@
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="27.55" cy="23" rx="7.04" ry="5.69"/><path class="cls-1" 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"/><path class="cls-2" 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"/><path class="cls-2" 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"/><circle class="cls-2" cx="29.99" cy="22.4" r="1.29"/><path class="cls-2" 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"/><path class="cls-2" d="M18,15.16a1.3,1.3,0,1,0,1.3,1.3A1.29,1.29,0,0,0,18,15.16Z"/></svg>
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>
package/es/icons/iconSrc/common/Article.js CHANGED
@@ -3,9 +3,8 @@ import React from 'react';
3
3
  import Icon from '@zohodesk/icon/es/Icon/Icon';
4
4
  export default function IconComponent(props) {
5
5
  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
6
- viewBox: "0 0 32 32",
7
- fill: "none",
8
- xmlns: "http://www.w3.org/2000/svg"
6
+ id: "article",
7
+ viewBox: "0 0 32 32"
9
8
  }, " ", /*#__PURE__*/React.createElement("path", {
10
9
  d: "M8.28796 6.63196H21.744C22.2744 6.63196 22.7831 6.84267 23.1582 7.21774C23.5333 7.59282 23.744 8.10152 23.744 8.63196V25.36C23.744 26.1047 23.4481 26.8189 22.9215 27.3455C22.3949 27.8721 21.6807 28.168 20.936 28.168H8.79996C8.13374 28.168 7.4948 27.9033 7.02371 27.4322C6.55262 26.9611 6.28796 26.3222 6.28796 25.656V8.63196C6.28796 8.10152 6.49868 7.59282 6.87375 7.21774C7.24882 6.84267 7.75753 6.63196 8.28796 6.63196Z",
11
10
  fill: "#DFE6F2",
package/es/icons/iconSrc/integrations/ChInstagram.js CHANGED
@@ -3,9 +3,8 @@ import React from 'react';
3
3
  import Icon from '@zohodesk/icon/es/Icon/Icon';
4
4
  export default function IconComponent(props) {
5
5
  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
6
- viewBox: "0 0 32 32",
7
- fill: "none",
8
- xmlns: "http://www.w3.org/2000/svg"
6
+ id: "chInstagram",
7
+ viewBox: "0 0 32 32"
9
8
  }, " ", /*#__PURE__*/React.createElement("path", {
10
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",
11
10
  fill: "#DFE6F2",
package/es/icons/iconSrc/integrations/ChWhatsApp.js CHANGED
@@ -3,9 +3,8 @@ import React from 'react';
3
3
  import Icon from '@zohodesk/icon/es/Icon/Icon';
4
4
  export default function IconComponent(props) {
5
5
  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
6
- viewBox: "0 0 32 32",
7
- fill: "none",
8
- xmlns: "http://www.w3.org/2000/svg"
6
+ id: "chWhatsApp",
7
+ viewBox: "0 0 32 32"
9
8
  }, " ", /*#__PURE__*/React.createElement("path", {
10
9
  fillRule: "evenodd",
11
10
  clipRule: "evenodd",
package/es/icons/iconSrc/integrations/TtASAP.js CHANGED
@@ -3,30 +3,26 @@ import React from 'react';
3
3
  import Icon from '@zohodesk/icon/es/Icon/Icon';
4
4
  export default function IconComponent(props) {
5
5
  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
6
- id: "Layer_1",
7
- "data-name": "Layer 1",
8
- xmlns: "http://www.w3.org/2000/svg",
6
+ id: "ttASAP",
9
7
  viewBox: "0 0 40 40"
10
- }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
11
- dangerouslySetInnerHTML: {
12
- __html: `.cls-1{fill:#c8cadb;isolation:isolate;opacity:0.5;}.cls-2{fill:#010101;}`
13
- }
14
- }), " "), " ", /*#__PURE__*/React.createElement("rect", {
15
- className: "cls-1",
8
+ }, " ", /*#__PURE__*/React.createElement("rect", {
9
+ fill: "#c8cadb",
10
+ isolation: "isolate",
11
+ opacity: "0.5",
16
12
  x: "10.78",
17
13
  y: "11.1",
18
14
  width: "25.26",
19
15
  height: "19.29",
20
16
  rx: "2.8"
21
17
  }), " ", /*#__PURE__*/React.createElement("path", {
22
- className: "path-0",
23
- 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"
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"
24
20
  }), " ", /*#__PURE__*/React.createElement("path", {
25
- className: "path-1",
26
- d: "M26.83,14H15.14a.93.93,0,0,0,0,1.85H26.83a.93.93,0,0,0,0-1.85Z"
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"
27
23
  }), " ", /*#__PURE__*/React.createElement("path", {
28
- className: "path-2",
29
- d: "M23.23,20.32H15.14a.93.93,0,0,0,0,1.85h8.09a.93.93,0,1,0,0-1.85Z"
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"
30
26
  }), " "));
31
27
  }
32
28
  IconComponent.propTypes = Icon.propTypes;
package/es/icons/iconSrc/integrations/{TtTwitter.js → TtLine.js} RENAMED
@@ -3,39 +3,35 @@ import React from 'react';
3
3
  import Icon from '@zohodesk/icon/es/Icon/Icon';
4
4
  export default function IconComponent(props) {
5
5
  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
6
- id: "Layer_1",
7
- "data-name": "Layer 1",
8
- xmlns: "http://www.w3.org/2000/svg",
6
+ id: "ttLine",
9
7
  viewBox: "0 0 40 40"
10
- }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
11
- dangerouslySetInnerHTML: {
12
- __html: `.cls-1{fill:#c8cadb;isolation:isolate;opacity:0.5;}.cls-2{fill:#010101;}`
13
- }
14
- }), " "), " ", /*#__PURE__*/React.createElement("ellipse", {
15
- className: "cls-1",
8
+ }, " ", /*#__PURE__*/React.createElement("ellipse", {
9
+ fill: "#c8cadb",
10
+ isolation: "isolate",
11
+ opacity: "0.5",
16
12
  cx: "23.38",
17
13
  cy: "21.39",
18
14
  rx: "14.03",
19
15
  ry: "11.35"
20
16
  }), " ", /*#__PURE__*/React.createElement("path", {
21
- className: "path-0",
22
- 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"
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"
23
19
  }), " ", /*#__PURE__*/React.createElement("path", {
24
- className: "path-1",
25
- 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"
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"
26
22
  }), " ", /*#__PURE__*/React.createElement("rect", {
27
- className: "cls-2",
23
+ fill: "#010101",
28
24
  x: "15.63",
29
25
  y: "15.92",
30
26
  width: "1.5",
31
27
  height: "6.51",
32
28
  rx: "0.26"
33
29
  }), " ", /*#__PURE__*/React.createElement("path", {
34
- className: "path-2",
35
- 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"
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"
36
32
  }), " ", /*#__PURE__*/React.createElement("path", {
37
- className: "path-3",
38
- 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"
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"
39
35
  }), " "));
40
36
  }
41
37
  IconComponent.propTypes = Icon.propTypes;
package/es/icons/iconSrc/integrations/TtTelegram.js CHANGED
@@ -3,20 +3,16 @@ import React from 'react';
3
3
  import Icon from '@zohodesk/icon/es/Icon/Icon';
4
4
  export default function IconComponent(props) {
5
5
  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
6
- id: "Layer_1",
7
- "data-name": "Layer 1",
8
- xmlns: "http://www.w3.org/2000/svg",
6
+ id: "ttTelegram",
9
7
  viewBox: "0 0 40 40"
10
- }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
11
- dangerouslySetInnerHTML: {
12
- __html: `.cls-1{fill:#999;fill-rule:evenodd;}.cls-2{fill:#010101;}`
13
- }
14
- }), " "), " ", /*#__PURE__*/React.createElement("path", {
15
- className: "path-0",
16
- 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"
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"
17
13
  }), " ", /*#__PURE__*/React.createElement("path", {
18
- className: "path-1",
19
- 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"
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"
20
16
  }), " "));
21
17
  }
22
18
  IconComponent.propTypes = Icon.propTypes;
package/es/icons/iconSrc/integrations/TtTwillio.js CHANGED
@@ -3,34 +3,30 @@ import React from 'react';
3
3
  import Icon from '@zohodesk/icon/es/Icon/Icon';
4
4
  export default function IconComponent(props) {
5
5
  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
6
- id: "Layer_1",
7
- "data-name": "Layer 1",
8
- xmlns: "http://www.w3.org/2000/svg",
6
+ id: "ttTwillio",
9
7
  viewBox: "0 0 40 40"
10
- }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
11
- dangerouslySetInnerHTML: {
12
- __html: `.cls-1{fill:#c8cadb;isolation:isolate;opacity:0.5;}.cls-2{fill:#010101;}`
13
- }
14
- }), " "), " ", /*#__PURE__*/React.createElement("circle", {
15
- className: "cls-1",
8
+ }, " ", /*#__PURE__*/React.createElement("circle", {
9
+ fill: "#c8cadb",
10
+ isolation: "isolate",
11
+ opacity: "0.5",
16
12
  cx: "23.21",
17
13
  cy: "23",
18
14
  r: "11.54"
19
15
  }), " ", /*#__PURE__*/React.createElement("path", {
20
- className: "path-0",
21
- 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"
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"
22
18
  }), " ", /*#__PURE__*/React.createElement("path", {
23
- className: "path-1",
24
- 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"
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"
25
21
  }), " ", /*#__PURE__*/React.createElement("path", {
26
- className: "path-2",
27
- 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"
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"
28
24
  }), " ", /*#__PURE__*/React.createElement("path", {
29
- className: "path-3",
30
- 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"
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"
31
27
  }), " ", /*#__PURE__*/React.createElement("path", {
32
- className: "path-4",
33
- 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"
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"
34
30
  }), " "));
35
31
  }
36
32
  IconComponent.propTypes = Icon.propTypes;
package/es/icons/iconSrc/integrations/TtWechat.js CHANGED
@@ -3,40 +3,39 @@ import React from 'react';
3
3
  import Icon from '@zohodesk/icon/es/Icon/Icon';
4
4
  export default function IconComponent(props) {
5
5
  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
6
- id: "Layer_1",
7
- "data-name": "Layer 1",
8
- xmlns: "http://www.w3.org/2000/svg",
6
+ id: "ttWechat",
9
7
  viewBox: "0 0 40 40"
10
- }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
11
- dangerouslySetInnerHTML: {
12
- __html: `.cls-1{fill:#c8cadb;isolation:isolate;opacity:0.5;}.cls-2{fill:#010101;}`
13
- }
14
- }), " "), " ", /*#__PURE__*/React.createElement("ellipse", {
15
- className: "cls-1",
8
+ }, " ", /*#__PURE__*/React.createElement("ellipse", {
9
+ fill: "#c8cadb",
10
+ isolation: "isolate",
11
+ opacity: "0.5",
16
12
  cx: "27.55",
17
13
  cy: "23",
18
14
  rx: "7.04",
19
15
  ry: "5.69"
20
16
  }), " ", /*#__PURE__*/React.createElement("path", {
21
- className: "path-0",
22
- 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"
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"
23
22
  }), " ", /*#__PURE__*/React.createElement("path", {
24
- className: "path-1",
25
- 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"
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"
26
25
  }), " ", /*#__PURE__*/React.createElement("path", {
27
- className: "path-2",
28
- 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"
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"
29
28
  }), " ", /*#__PURE__*/React.createElement("circle", {
30
- className: "cls-2",
29
+ fill: "#010101",
31
30
  cx: "29.99",
32
31
  cy: "22.4",
33
32
  r: "1.29"
34
33
  }), " ", /*#__PURE__*/React.createElement("path", {
35
- className: "path-3",
36
- 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"
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"
37
36
  }), " ", /*#__PURE__*/React.createElement("path", {
38
- className: "path-4",
39
- d: "M18,15.16a1.3,1.3,0,1,0,1.3,1.3A1.29,1.29,0,0,0,18,15.16Z"
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"
40
39
  }), " "));
41
40
  }
42
41
  IconComponent.propTypes = Icon.propTypes;
package/es/icons/iconSrc/integrations/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  export { default as ChInstagram } from './ChInstagram';
2
2
  export { default as ChWhatsApp } from './ChWhatsApp';
3
3
  export { default as TtASAP } from './TtASAP';
4
+ export { default as TtLine } from './TtLine';
4
5
  export { default as TtTelegram } from './TtTelegram';
5
6
  export { default as TtTwillio } from './TtTwillio';
6
- export { default as TtTwitter } from './TtTwitter';
7
7
  export { default as TtWechat } from './TtWechat';
package/es/im/ArticleBubble/ArticleBubble.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /** ** Libraries *** */
2
- import React, { useMemo } from 'react';
2
+ import React, { useMemo, Fragment } from 'react';
3
3
  /** ** Hooks *** */
4
4
 
5
5
  import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
@@ -10,7 +10,7 @@ import articleBubbleDefaultProps from './props/defaultProps';
10
10
  import articleBubblePropTypes from './props/propTypes';
11
11
  /** ** Components *** */
12
12
 
13
- import { Container } from '@zohodesk/components/es/Layout';
13
+ import { Container, Box } from '@zohodesk/components/es/Layout';
14
14
  /** ** Styles *** */
15
15
 
16
16
  import style from './css/ArticleBubble.module.css';
@@ -41,23 +41,24 @@ export default function ArticleBubble(props) {
41
41
  const iconCustomStyle = useMemo(() => ({
42
42
  base: newStyle.articleIcon
43
43
  }), [newStyle.articleIcon]);
44
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Container, {
44
+ return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Container, {
45
45
  align: "vertical",
46
46
  alignBox: "row",
47
47
  isCover: false
48
- }, /*#__PURE__*/React.createElement("div", {
49
- className: newStyle.icon
50
48
  }, /*#__PURE__*/React.createElement(ArticleIcon, {
51
49
  customStyle: iconCustomStyle
52
- })), /*#__PURE__*/React.createElement("div", null, info)), /*#__PURE__*/React.createElement("a", {
50
+ }), /*#__PURE__*/React.createElement(Box, {
51
+ className: style.content,
52
+ flexible: true
53
+ }, info)), /*#__PURE__*/React.createElement("a", {
53
54
  className: newStyle.articleWrapper,
54
55
  href: webUrl,
55
56
  onClick: onClick,
56
57
  rel: "noopener noreferrer",
57
58
  target: "_blank"
58
- }, /*#__PURE__*/React.createElement("div", {
59
+ }, /*#__PURE__*/React.createElement(Box, {
59
60
  className: newStyle.title
60
- }, title), /*#__PURE__*/React.createElement("div", {
61
+ }, title), /*#__PURE__*/React.createElement(Box, {
61
62
  className: newStyle.summary
62
63
  }, summary)));
63
64
  }