@zohoim/chat-components 0.0.6 → 0.0.8

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 (302) hide show
  1. package/es/ActionIcon/ActionIcon.js +13 -11
  2. package/es/ArticleBubble/ArticleBubble.js +60 -0
  3. package/es/ArticleBubble/css/ArticleBubble.module.css +1 -0
  4. package/es/ArticleBubble/css/cssJSLogic.js +34 -0
  5. package/es/ArticleBubble/index.js +1 -0
  6. package/es/ArticleBubble/props/defaultProps.js +6 -0
  7. package/es/ArticleBubble/props/propTypes.js +10 -0
  8. package/es/AttachmentBubble/AttachmentBubble.js +55 -0
  9. package/es/AttachmentBubble/css/AttachmentBubble.module.css +17 -0
  10. package/es/AttachmentBubble/css/cssJSLogic.js +18 -0
  11. package/es/AttachmentBubble/index.js +1 -0
  12. package/es/AttachmentBubble/props/defaultProps.js +7 -0
  13. package/es/AttachmentBubble/props/propTypes.js +10 -0
  14. package/es/AttachmentBubbleInfo/AttachmentBubbleInfo.js +45 -0
  15. package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +18 -0
  16. package/es/AttachmentBubbleInfo/css/cssJSLogic.js +18 -0
  17. package/es/AttachmentBubbleInfo/index.js +1 -0
  18. package/es/AttachmentBubbleInfo/props/defaultProps.js +6 -0
  19. package/es/AttachmentBubbleInfo/props/propTypes.js +8 -0
  20. package/es/Audio/Audio.js +60 -0
  21. package/es/Audio/css/Audio.module.css +3 -0
  22. package/es/Audio/css/cssJSLogic.js +14 -0
  23. package/es/Audio/index.js +1 -0
  24. package/es/Audio/props/defaultProps.js +7 -0
  25. package/es/Audio/props/propTypes.js +9 -0
  26. package/es/AudioBubble/AudioBubble.js +58 -0
  27. package/es/AudioBubble/css/AudioBubble.module.css +3 -0
  28. package/es/AudioBubble/css/cssJSLogic.js +20 -0
  29. package/es/AudioBubble/index.js +1 -0
  30. package/es/AudioBubble/props/defaultProps.js +8 -0
  31. package/es/AudioBubble/props/propTypes.js +12 -0
  32. package/es/IMArticleBubble/IMArticleBubble.js +55 -0
  33. package/es/IMArticleBubble/css/IMArticleBubble.module.css +0 -0
  34. package/es/IMArticleBubble/css/cssJSLogic.js +10 -0
  35. package/es/IMArticleBubble/index.js +1 -0
  36. package/es/IMArticleBubble/props/defaultProps.js +8 -0
  37. package/es/IMArticleBubble/props/propTypes.js +14 -0
  38. package/es/IMAttachmentBubble/IMAttachmentBubble.js +63 -0
  39. package/es/IMAttachmentBubble/css/IMAttachmentBubble.module.css +1 -0
  40. package/es/IMAttachmentBubble/css/cssJSLogic.js +10 -0
  41. package/es/IMAttachmentBubble/index.js +1 -0
  42. package/es/IMAttachmentBubble/props/defaultProps.js +10 -0
  43. package/es/IMAttachmentBubble/props/propTypes.js +16 -0
  44. package/es/IMAttachmentIcon/IMAttachmentIcon.js +86 -0
  45. package/es/IMAttachmentIcon/css/IMAttachmentIcon.module.css +4 -0
  46. package/es/IMAttachmentIcon/css/cssJSLogic.js +16 -0
  47. package/es/IMAttachmentIcon/index.js +1 -0
  48. package/es/IMAttachmentIcon/props/defaultProps.js +6 -0
  49. package/es/IMAttachmentIcon/props/propTypes.js +26 -0
  50. package/es/IMAudioBubble/IMAudioBubble.js +63 -0
  51. package/es/IMAudioBubble/css/IMAudioBubble.module.css +8 -0
  52. package/es/IMAudioBubble/css/cssJSLogic.js +20 -0
  53. package/es/IMAudioBubble/index.js +1 -0
  54. package/es/IMAudioBubble/props/defaultProps.js +11 -0
  55. package/es/IMAudioBubble/props/propTypes.js +17 -0
  56. package/es/IMAutoMessageInfo/IMAutoMessageInfo.js +43 -0
  57. package/es/IMAutoMessageInfo/css/IMAutoMessageInfo.module.css +13 -0
  58. package/es/IMAutoMessageInfo/css/cssJSLogic.js +10 -0
  59. package/es/IMAutoMessageInfo/index.js +1 -0
  60. package/es/IMAutoMessageInfo/props/defaultProps.js +6 -0
  61. package/es/IMAutoMessageInfo/props/propTypes.js +26 -0
  62. package/es/IMDateTime/IMDateTime.js +41 -0
  63. package/es/IMDateTime/css/IMDateTime.module.css +5 -0
  64. package/es/IMDateTime/css/cssJSLogic.js +10 -0
  65. package/es/IMDateTime/index.js +1 -0
  66. package/es/IMDateTime/props/defaultProps.js +6 -0
  67. package/es/IMDateTime/props/propTypes.js +6 -0
  68. package/es/IMImageBubble/IMImageBubble.js +49 -0
  69. package/es/IMImageBubble/css/IMImageBubble.module.css +0 -0
  70. package/es/IMImageBubble/css/cssJSLogic.js +10 -0
  71. package/es/IMImageBubble/index.js +1 -0
  72. package/es/IMImageBubble/props/defaultProps.js +7 -0
  73. package/es/IMImageBubble/props/propTypes.js +13 -0
  74. package/es/IMInfoBubble/IMInfoBubble.js +37 -0
  75. package/es/IMInfoBubble/css/IMInfoBubble.module.css +0 -0
  76. package/es/IMInfoBubble/css/cssJSLogic.js +10 -0
  77. package/es/IMInfoBubble/index.js +1 -0
  78. package/es/IMInfoBubble/props/defaultProps.js +6 -0
  79. package/es/IMInfoBubble/props/propTypes.js +6 -0
  80. package/es/IMLocationBubble/IMLocationBubble.js +49 -0
  81. package/es/IMLocationBubble/css/IMLocationBubble.module.css +0 -0
  82. package/es/IMLocationBubble/css/cssJSLogic.js +10 -0
  83. package/es/IMLocationBubble/index.js +1 -0
  84. package/es/IMLocationBubble/props/defaultProps.js +8 -0
  85. package/es/IMLocationBubble/props/propTypes.js +11 -0
  86. package/es/IMMessage/IMMessage.js +156 -109
  87. package/es/IMMessage/props/defaultProps.js +22 -35
  88. package/es/IMMessage/props/propTypes.js +95 -48
  89. package/es/IMMessageActions/IMMessageActions.js +9 -5
  90. package/es/IMMessageActions/css/IMMessageActions.module.css +2 -2
  91. package/es/IMMessageAvatar/props/defaultProps.js +4 -2
  92. package/es/IMMessageContent/IMMessageContent.js +84 -0
  93. package/es/IMMessageContent/css/IMMessageContent.module.css +0 -0
  94. package/es/IMMessageContent/css/cssJSLogic.js +10 -0
  95. package/es/IMMessageContent/index.js +1 -0
  96. package/es/IMMessageContent/props/defaultProps.js +8 -0
  97. package/es/IMMessageContent/props/propTypes.js +35 -0
  98. package/es/IMMessageMeta/IMMessageMeta.js +60 -0
  99. package/es/IMMessageMeta/css/IMMessageMeta.module.css +32 -0
  100. package/es/IMMessageMeta/css/cssJSLogic.js +20 -0
  101. package/es/IMMessageMeta/index.js +1 -0
  102. package/es/IMMessageMeta/props/defaultProps.js +10 -0
  103. package/es/IMMessageMeta/props/propTypes.js +30 -0
  104. package/es/IMMessageStatus/css/IMMessageStatus.module.css +6 -3
  105. package/es/IMReplyBubble/IMReplyBubble.js +37 -0
  106. package/es/IMReplyBubble/css/IMReplyBubble.module.css +0 -0
  107. package/es/IMReplyBubble/css/cssJSLogic.js +10 -0
  108. package/es/IMReplyBubble/index.js +1 -0
  109. package/es/IMReplyBubble/props/defaultProps.js +6 -0
  110. package/es/IMReplyBubble/props/propTypes.js +6 -0
  111. package/es/IMTextBubble/IMTextBubble.js +53 -0
  112. package/es/IMTextBubble/css/IMTextBubble.module.css +1 -0
  113. package/es/IMTextBubble/css/cssJSLogic.js +10 -0
  114. package/es/IMTextBubble/index.js +1 -0
  115. package/es/IMTextBubble/props/defaultProps.js +14 -0
  116. package/es/IMTextBubble/props/propTypes.js +15 -0
  117. package/es/IMTicketLink/IMTicketLink.js +48 -0
  118. package/es/IMTicketLink/css/IMTicketLink.module.css +24 -0
  119. package/es/IMTicketLink/css/cssJSLogic.js +14 -0
  120. package/es/IMTicketLink/index.js +1 -0
  121. package/es/IMTicketLink/props/defaultProps.js +6 -0
  122. package/es/IMTicketLink/props/propTypes.js +10 -0
  123. package/es/IMVideoBubble/IMVideoBubble.js +62 -0
  124. package/es/IMVideoBubble/css/IMVideoBubble.module.css +1 -0
  125. package/es/IMVideoBubble/css/cssJSLogic.js +10 -0
  126. package/es/IMVideoBubble/index.js +1 -0
  127. package/es/IMVideoBubble/props/defaultProps.js +11 -0
  128. package/es/IMVideoBubble/props/propTypes.js +17 -0
  129. package/es/ImageBubble/ImageBubble.js +52 -0
  130. package/es/ImageBubble/css/ImageBubble.module.css +53 -0
  131. package/es/ImageBubble/css/cssJSLogic.js +22 -0
  132. package/es/ImageBubble/index.js +1 -0
  133. package/es/ImageBubble/props/defaultProps.js +6 -0
  134. package/es/ImageBubble/props/propTypes.js +8 -0
  135. package/es/InfoBubble/InfoBubble.js +37 -0
  136. package/es/InfoBubble/css/InfoBubble.module.css +0 -0
  137. package/es/InfoBubble/css/cssJSLogic.js +10 -0
  138. package/es/InfoBubble/index.js +1 -0
  139. package/es/InfoBubble/props/defaultProps.js +6 -0
  140. package/es/InfoBubble/props/propTypes.js +6 -0
  141. package/es/LazyLoadImage/LazyLoadImage.js +48 -0
  142. package/es/LazyLoadImage/css/LazyLoadImage.module.css +4 -0
  143. package/es/LazyLoadImage/css/cssJSLogic.js +10 -0
  144. package/es/LazyLoadImage/index.js +1 -0
  145. package/es/LazyLoadImage/props/defaultProps.js +6 -0
  146. package/es/LazyLoadImage/props/propTypes.js +8 -0
  147. package/es/LocationBubble/LocationBubble.js +63 -0
  148. package/es/LocationBubble/css/LocationBubble.module.css +3 -0
  149. package/es/LocationBubble/css/cssJSLogic.js +30 -0
  150. package/es/LocationBubble/images/location.png +0 -0
  151. package/es/LocationBubble/index.js +1 -0
  152. package/es/LocationBubble/props/defaultProps.js +6 -0
  153. package/es/LocationBubble/props/propTypes.js +7 -0
  154. package/es/MediaControls/MediaControls.js +60 -0
  155. package/es/MediaControls/css/MediaControls.module.css +1 -0
  156. package/es/MediaControls/css/cssJSLogic.js +22 -0
  157. package/es/MediaControls/index.js +1 -0
  158. package/es/MediaControls/props/defaultProps.js +6 -0
  159. package/es/MediaControls/props/propTypes.js +11 -0
  160. package/es/Message/Message.js +136 -0
  161. package/es/Message/css/Message.module.css +0 -0
  162. package/es/Message/css/cssJSLogic.js +10 -0
  163. package/es/Message/index.js +1 -0
  164. package/es/Message/props/defaultProps.js +43 -0
  165. package/es/Message/props/propTypes.js +98 -0
  166. package/es/MessageAction/MessageAction.js +4 -2
  167. package/es/MessageActions/MessageActions.js +1 -1
  168. package/es/MessageActionsMore/MessageActionsMore.js +5 -3
  169. package/es/MessageAvatar/MessageAvatar.js +9 -9
  170. package/es/MessageAvatar/props/defaultProps.js +4 -2
  171. package/es/MessageBox/MessageBox.js +5 -2
  172. package/es/MessageBox/css/MessageBox.module.css +14 -0
  173. package/es/MessageBox/css/cssJSLogic.js +12 -1
  174. package/es/MessageBox/props/defaultProps.js +3 -1
  175. package/es/MessageBox/props/propTypes.js +3 -1
  176. package/es/MessageBoxFooter/MessageBoxFooter.js +1 -1
  177. package/es/MessageBubble/MessageBubble.js +10 -10
  178. package/es/MessageWrapper/MessageWrapper.js +37 -0
  179. package/es/MessageWrapper/css/MessageWrapper.module.css +0 -0
  180. package/es/MessageWrapper/css/cssJSLogic.js +10 -0
  181. package/es/MessageWrapper/index.js +1 -0
  182. package/es/MessageWrapper/props/defaultProps.js +6 -0
  183. package/es/MessageWrapper/props/propTypes.js +6 -0
  184. package/es/MoreActionItem/MoreActionItem.js +9 -9
  185. package/es/MoreActionItem/props/defaultProps.js +1 -1
  186. package/es/MoreActionItem/props/propTypes.js +1 -1
  187. package/es/ReplyBubble/ReplyBubble.js +41 -0
  188. package/es/ReplyBubble/css/ReplyBubble.module.css +0 -0
  189. package/es/ReplyBubble/css/cssJSLogic.js +10 -0
  190. package/es/ReplyBubble/index.js +1 -0
  191. package/es/ReplyBubble/props/defaultProps.js +6 -0
  192. package/es/ReplyBubble/props/propTypes.js +6 -0
  193. package/es/ReplyBubbleHeader/ReplyBubbleHeader.js +53 -0
  194. package/es/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +0 -0
  195. package/es/ReplyBubbleHeader/css/cssJSLogic.js +10 -0
  196. package/es/ReplyBubbleHeader/index.js +1 -0
  197. package/es/ReplyBubbleHeader/props/defaultProps.js +9 -0
  198. package/es/ReplyBubbleHeader/props/propTypes.js +9 -0
  199. package/es/TextBubble/TextBubble.js +56 -0
  200. package/es/TextBubble/css/TextBubble.module.css +1 -0
  201. package/es/TextBubble/css/cssJSLogic.js +18 -0
  202. package/es/TextBubble/index.js +1 -0
  203. package/es/TextBubble/props/defaultProps.js +9 -0
  204. package/es/TextBubble/props/propTypes.js +10 -0
  205. package/es/Theme/DeskAssets.js +53 -0
  206. package/es/Theme/ThemeWrapper.js +82 -0
  207. package/es/Theme/ToolttipWrapper.js +81 -0
  208. package/es/Theme/constants/index.js +44 -0
  209. package/es/Theme/crm/dark/blueFanTheme.js +28 -0
  210. package/es/Theme/crm/dark/blueTheme.js +28 -0
  211. package/es/Theme/crm/dark/commonColorVariable.js +11 -0
  212. package/es/Theme/crm/dark/darkBlueTheme.js +28 -0
  213. package/es/Theme/crm/dark/darkGreyTheme.js +28 -0
  214. package/es/Theme/crm/dark/greenTheme.js +28 -0
  215. package/es/Theme/crm/dark/orangeTheme.js +28 -0
  216. package/es/Theme/crm/dark/pinkTheme.js +28 -0
  217. package/es/Theme/crm/dark/tealTheme.js +28 -0
  218. package/es/Theme/crm/dark/whiteTheme.js +28 -0
  219. package/es/Theme/crm/light/blueFanTheme.js +28 -0
  220. package/es/Theme/crm/light/blueTheme.js +31 -0
  221. package/es/Theme/crm/light/commonColorVariable.js +9 -0
  222. package/es/Theme/crm/light/darkBlueTheme.js +28 -0
  223. package/es/Theme/crm/light/darkGreyTheme.js +28 -0
  224. package/es/Theme/crm/light/greenTheme.js +28 -0
  225. package/es/Theme/crm/light/orangeTheme.js +28 -0
  226. package/es/Theme/crm/light/pinkTheme.js +28 -0
  227. package/es/Theme/crm/light/tealTheme.js +28 -0
  228. package/es/Theme/crm/light/whiteTheme.js +28 -0
  229. package/es/Theme/crm/pureDark/blueFanTheme.js +28 -0
  230. package/es/Theme/crm/pureDark/blueTheme.js +28 -0
  231. package/es/Theme/crm/pureDark/commonColorVariable.js +9 -0
  232. package/es/Theme/crm/pureDark/darkBlueTheme.js +28 -0
  233. package/es/Theme/crm/pureDark/darkGreyTheme.js +28 -0
  234. package/es/Theme/crm/pureDark/greenTheme.js +28 -0
  235. package/es/Theme/crm/pureDark/orangeTheme.js +28 -0
  236. package/es/Theme/crm/pureDark/pinkTheme.js +28 -0
  237. package/es/Theme/crm/pureDark/tealTheme.js +28 -0
  238. package/es/Theme/crm/pureDark/whiteTheme.js +28 -0
  239. package/es/Theme/css/TooltipWrapper.module.css +10 -0
  240. package/es/Theme/css/cssJSLogic.js +14 -0
  241. package/es/Theme/desk/commonDeskColorVariable.js +12 -0
  242. package/es/Theme/desk/dark/blueTheme.js +30 -0
  243. package/es/Theme/desk/dark/commonColorVariable.js +5 -0
  244. package/es/Theme/desk/dark/greenTheme.js +30 -0
  245. package/es/Theme/desk/dark/orangeTheme.js +30 -0
  246. package/es/Theme/desk/dark/redTheme.js +30 -0
  247. package/es/Theme/desk/dark/yellowTheme.js +30 -0
  248. package/es/Theme/desk/light/blueTheme.js +33 -0
  249. package/es/Theme/desk/light/commonColorVariable.js +5 -0
  250. package/es/Theme/desk/light/greenTheme.js +30 -0
  251. package/es/Theme/desk/light/orangeTheme.js +29 -0
  252. package/es/Theme/desk/light/redTheme.js +29 -0
  253. package/es/Theme/desk/light/yellowTheme.js +30 -0
  254. package/es/Theme/desk/pureDark/blueTheme.js +30 -0
  255. package/es/Theme/desk/pureDark/commonColorVariable.js +6 -0
  256. package/es/Theme/desk/pureDark/greenTheme.js +30 -0
  257. package/es/Theme/desk/pureDark/orangeTheme.js +30 -0
  258. package/es/Theme/desk/pureDark/redTheme.js +30 -0
  259. package/es/Theme/desk/pureDark/yellowTheme.js +30 -0
  260. package/es/Theme/index.js +1 -0
  261. package/es/Theme/props/defaultProps.js +13 -0
  262. package/es/Theme/props/propTypes.js +15 -0
  263. package/es/Theme/utils/getThemeConfigurations.js +209 -0
  264. package/es/Video/Video.js +69 -0
  265. package/es/Video/css/Video.module.css +9 -0
  266. package/es/Video/css/cssJSLogic.js +14 -0
  267. package/es/Video/index.js +1 -0
  268. package/es/Video/props/defaultProps.js +7 -0
  269. package/es/Video/props/propTypes.js +9 -0
  270. package/es/VideoBubble/VideoBubble.js +57 -0
  271. package/es/VideoBubble/css/VideoBubble.module.css +4 -0
  272. package/es/VideoBubble/css/cssJSLogic.js +10 -0
  273. package/es/VideoBubble/index.js +1 -0
  274. package/es/VideoBubble/props/defaultProps.js +8 -0
  275. package/es/VideoBubble/props/propTypes.js +12 -0
  276. package/es/icons/create-icon-components.js +1 -1
  277. package/es/icons/factory/attachments/audio.svg +19 -0
  278. package/es/icons/factory/attachments/code.svg +21 -0
  279. package/es/icons/factory/attachments/image.svg +20 -0
  280. package/es/icons/factory/attachments/pdf.svg +19 -0
  281. package/es/icons/factory/attachments/txt.svg +22 -0
  282. package/es/icons/factory/attachments/unknown.svg +21 -0
  283. package/es/icons/factory/attachments/video.svg +19 -0
  284. package/es/icons/factory/attachments/zip.svg +27 -0
  285. package/es/icons/iconSrc/actions/ConvertTicket.js +1 -1
  286. package/es/icons/iconSrc/attachments/Audio.js +37 -0
  287. package/es/icons/iconSrc/attachments/Code.js +43 -0
  288. package/es/icons/iconSrc/attachments/Image.js +42 -0
  289. package/es/icons/iconSrc/attachments/Pdf.js +37 -0
  290. package/es/icons/iconSrc/attachments/Txt.js +46 -0
  291. package/es/icons/iconSrc/attachments/Unknown.js +41 -0
  292. package/es/icons/iconSrc/attachments/Video.js +37 -0
  293. package/es/icons/iconSrc/attachments/Zip.js +85 -0
  294. package/es/icons/iconSrc/attachments/index.js +8 -0
  295. package/es/icons/iconSrc/integrations/TtASAP.js +1 -1
  296. package/es/icons/iconSrc/integrations/TtTelegram.js +1 -1
  297. package/es/icons/iconSrc/integrations/TtTwillio.js +1 -1
  298. package/es/icons/iconSrc/integrations/TtTwitter.js +1 -1
  299. package/es/icons/iconSrc/integrations/TtWechat.js +1 -1
  300. package/es/index.js +33 -0
  301. package/package.json +8 -4
  302. /package/es/MessageActionsMore/css/{cssJsLogic.js → cssJSLogic.js} +0 -0
@@ -0,0 +1,12 @@
1
+ /** ** Libraries *** */
2
+ import PropTypes from 'prop-types';
3
+ const videoBubblePropTypes = {
4
+ customStyle: PropTypes.object,
5
+ headerCustomStyle: PropTypes.object,
6
+ videoCustomStyle: PropTypes.object,
7
+ fileName: PropTypes.string,
8
+ fileSize: PropTypes.string,
9
+ fileURL: PropTypes.string,
10
+ fileType: PropTypes.string
11
+ };
12
+ export default videoBubblePropTypes;
@@ -118,7 +118,7 @@ readAllFolder(sourucePath, targetPath, 0, [], (file, sourucePath, targetPath) =>
118
118
  let svgHtmlContentResult = reactToJsx(svgAsReactElement).replace(/\s+/g, ' ').trim();
119
119
  if (styleTags) {
120
120
  // console.log(styleTags, 'styleTags');
121
- svgHtmlContentResult = svgHtmlContentResult.replace('<style/>', `<style dangerouslySetInnerHTML={{__html: "${styleTagsContent}" }} />`);
121
+ svgHtmlContentResult = svgHtmlContentResult.replace('<style/>', `<style dangerouslySetInnerHTML={{__html: \`${styleTagsContent}\` }} />`);
122
122
  }
123
123
  svgHtmlContentResult = svgHtmlContentResult.replace(/color-interpolation-filters/gi, 'colorInterpolationFilters');
124
124
  svgHtmlContentResult = svgHtmlContentResult.replace(/feflood/gi, 'feFlood');
@@ -0,0 +1,19 @@
1
+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="31.68" height="32.17" viewBox="0 0 31.68 32.17">
2
+ <defs>
3
+ <style>
4
+ .cls-1 {
5
+ fill: #c8cadb;
6
+ opacity: 0.5;
7
+ }
8
+
9
+ .cls-2 {
10
+ fill: #010101;
11
+ }
12
+ </style>
13
+ </defs>
14
+ <rect class="cls-1" x="4.84" y="5.33" width="26.84" height="26.84" rx="5"/>
15
+ <g>
16
+ <path class="cls-2" d="M18.67,11.65l-7.55,1.41a.7.7,0,0,0-.6.7v7.32A3.56,3.56,0,0,0,9,20.8c-1.66,0-3,.91-3,2.11S7.35,25,9,25s3-.92,3-2.11V15.73l6-1.13v5.07a3.56,3.56,0,0,0-1.51-.28c-1.66,0-3,.91-3,2.11s1.36,2.11,3,2.11,3-.91,3-2.11V12.35a.63.63,0,0,0-.3-.56A.87.87,0,0,0,18.67,11.65Z"/>
17
+ <path class="cls-2" d="M29.75,10.13,21.12.34A1,1,0,0,0,20.38,0H4.11A4.11,4.11,0,0,0,0,4.11V25.88A4.12,4.12,0,0,0,4.11,30H25.89A4.12,4.12,0,0,0,30,25.88V10.79A1,1,0,0,0,29.75,10.13ZM25.89,28H4.11A2.12,2.12,0,0,1,2,25.88V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.5,3.5,0,0,0,3.5,3.5H28V25.88A2.12,2.12,0,0,1,25.89,28Z"/>
18
+ </g>
19
+ </svg>
@@ -0,0 +1,21 @@
1
+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="31.7" height="32.17" viewBox="0 0 31.7 32.17">
2
+ <defs>
3
+ <style>
4
+ .cls-1 {
5
+ fill: #c8cadb;
6
+ opacity: 0.5;
7
+ }
8
+
9
+ .cls-2 {
10
+ fill: #010101;
11
+ }
12
+ </style>
13
+ </defs>
14
+ <rect class="cls-1" x="4.85" y="5.33" width="26.84" height="26.84" rx="5"/>
15
+ <g>
16
+ <path class="cls-2" d="M17.13,14.09a.82.82,0,0,0-1.08.43l-3.81,8.73a.84.84,0,0,0,.42,1.09,1,1,0,0,0,.33.07.84.84,0,0,0,.76-.5l3.81-8.74A.82.82,0,0,0,17.13,14.09Z"/>
17
+ <path class="cls-2" d="M11.33,16a.81.81,0,0,0-1.15-.14l-2.9,2.31a.78.78,0,0,0-.3.58.81.81,0,0,0,.21.62l2.63,2.82a.83.83,0,0,0,.6.26.89.89,0,0,0,.57-.22.84.84,0,0,0,0-1.17L9,18.92l2.19-1.75A.81.81,0,0,0,11.33,16Z"/>
18
+ <path class="cls-2" d="M20,16a.81.81,0,0,0-1.16,0,.82.82,0,0,0,0,1.16l2,2.16L18.58,21a.83.83,0,0,0-.13,1.16.82.82,0,0,0,.64.31.84.84,0,0,0,.52-.18L22.5,20a.82.82,0,0,0,.31-.58.8.8,0,0,0-.22-.62Z"/>
19
+ <path class="cls-2" d="M29.75,10.13,21.12.34A1,1,0,0,0,20.38,0H4.11A4.11,4.11,0,0,0,0,4.11V25.88A4.12,4.12,0,0,0,4.11,30H25.89A4.12,4.12,0,0,0,30,25.88V10.79A1,1,0,0,0,29.75,10.13ZM25.89,28H4.11A2.12,2.12,0,0,1,2,25.88V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.5,3.5,0,0,0,3.5,3.5H28V25.88A2.12,2.12,0,0,1,25.89,28Z"/>
20
+ </g>
21
+ </svg>
@@ -0,0 +1,20 @@
1
+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="32.19" height="32.18" viewBox="0 0 32.19 32.18">
2
+ <defs>
3
+ <style>
4
+ .cls-1 {
5
+ fill: #c8cadb;
6
+ opacity: 0.5;
7
+ }
8
+
9
+ .cls-2 {
10
+ fill: #010101;
11
+ }
12
+ </style>
13
+ </defs>
14
+ <rect class="cls-1" x="5.35" y="5.33" width="26.84" height="26.84" rx="5"/>
15
+ <g>
16
+ <path class="cls-2" d="M21.66,18.14a.36.36,0,0,0-.2.06l-3.75,2.59-5.75-7a.35.35,0,0,0-.5,0,.22.22,0,0,0-.07.09l-4.19,7v3H22V18.49A.35.35,0,0,0,21.66,18.14Z"/>
17
+ <circle class="cls-2" cx="19.79" cy="14.13" r="2.22"/>
18
+ <path class="cls-2" d="M29.75,10.14,21.12.34A1,1,0,0,0,20.37,0H4.11A4.11,4.11,0,0,0,0,4.11V25.89A4.11,4.11,0,0,0,4.11,30H25.89A4.11,4.11,0,0,0,30,25.89V10.8A1,1,0,0,0,29.75,10.14ZM25.89,28H4.11A2.12,2.12,0,0,1,2,25.89V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.49,3.49,0,0,0,3.5,3.5H28V25.89A2.12,2.12,0,0,1,25.89,28Z"/>
19
+ </g>
20
+ </svg>
@@ -0,0 +1,19 @@
1
+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="32.5" height="32.17" viewBox="0 0 32.5 32.17">
2
+ <defs>
3
+ <style>
4
+ .cls-1 {
5
+ fill: #c8cadb;
6
+ opacity: 0.5;
7
+ }
8
+
9
+ .cls-2 {
10
+ fill: #010101;
11
+ }
12
+ </style>
13
+ </defs>
14
+ <rect class="cls-1" x="5.66" y="5.33" width="26.84" height="26.84" rx="5"/>
15
+ <g>
16
+ <path class="cls-2" d="M18.56,18.52c-2.43-1.1-3.36-4.37-3.36-4.37a13.6,13.6,0,0,0,.61-3.07C16,9.24,15,8.81,14.32,8.76a1.24,1.24,0,0,0-1.08.54c-1.29,1.79,0,5,0,5a31.64,31.64,0,0,1-2.75,6.49c-4.73,2.47-3.81,4.33-3.81,4.33l.92.63c2.19.61,4.59-4.16,4.59-4.16,1.17-.73,5.69-1.1,5.69-1.1,3.72,1.74,6.28,1.12,5.74-.76S18.56,18.52,18.56,18.52ZM7.84,24.74a5.19,5.19,0,0,1,2.23-2.67S8.92,24.47,7.84,24.74ZM14.25,9.6s.9-.07,0,3C14.25,12.57,13.64,10.3,14.25,9.6Zm-1.9,10.88a22.05,22.05,0,0,0,2-4.59A8.43,8.43,0,0,0,17,19.18,21.56,21.56,0,0,0,12.35,20.48Zm10.22,0a4.86,4.86,0,0,1-2.85-.79,5.53,5.53,0,0,1,2.93.35A.23.23,0,0,1,22.57,20.46Z"/>
17
+ <path class="cls-2" d="M29.75,10.13,21.12.34A1,1,0,0,0,20.38,0H4.11A4.11,4.11,0,0,0,0,4.11V25.88A4.12,4.12,0,0,0,4.11,30H25.89A4.12,4.12,0,0,0,30,25.88V10.79A1,1,0,0,0,29.75,10.13ZM25.89,28H4.11A2.12,2.12,0,0,1,2,25.88V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.5,3.5,0,0,0,3.5,3.5H28V25.88A2.12,2.12,0,0,1,25.89,28Z"/>
18
+ </g>
19
+ </svg>
@@ -0,0 +1,22 @@
1
+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="32.19" height="32.94" viewBox="0 0 32.19 32.94">
2
+ <defs>
3
+ <style>
4
+ .cls-1 {
5
+ fill: #c8cadb;
6
+ opacity: 0.5;
7
+ }
8
+
9
+ .cls-2 {
10
+ fill: #010101;
11
+ }
12
+ </style>
13
+ </defs>
14
+ <rect class="cls-1" x="5.35" y="6.1" width="26.84" height="26.84" rx="5"/>
15
+ <g>
16
+ <path class="cls-2" d="M21.67,20.88H14.39a1,1,0,1,0,0,2h7.28a1,1,0,0,0,0-2Z"/>
17
+ <path class="cls-2" d="M9.15,20.31a1.57,1.57,0,1,0,1.57,1.57A1.57,1.57,0,0,0,9.15,20.31Z"/>
18
+ <path class="cls-2" d="M21.67,13.54H14.39a1,1,0,0,0,0,2h7.28a1,1,0,0,0,0-2Z"/>
19
+ <path class="cls-2" d="M9.15,13a1.57,1.57,0,1,0,1.57,1.57A1.57,1.57,0,0,0,9.15,13Z"/>
20
+ <path class="cls-2" d="M29.75,10.13,21.12.34A1,1,0,0,0,20.37,0H4.11A4.11,4.11,0,0,0,0,4.11V25.88A4.12,4.12,0,0,0,4.11,30H25.89A4.12,4.12,0,0,0,30,25.88V10.79A1,1,0,0,0,29.75,10.13ZM25.89,28H4.11A2.12,2.12,0,0,1,2,25.88V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.5,3.5,0,0,0,3.5,3.5H28V25.88A2.12,2.12,0,0,1,25.89,28Z"/>
21
+ </g>
22
+ </svg>
@@ -0,0 +1,21 @@
1
+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="33.63" height="32.94" viewBox="0 0 33.63 32.94">
2
+ <defs>
3
+ <style>
4
+ .cls-1 {
5
+ fill: #c8cadb;
6
+ isolation: isolate;
7
+ opacity: 0.5;
8
+ }
9
+
10
+ .cls-2 {
11
+ fill: #010101;
12
+ }
13
+ </style>
14
+ </defs>
15
+ <rect class="cls-1" x="6.79" y="6.1" width="26.84" height="26.84" rx="5"/>
16
+ <g>
17
+ <path class="cls-2" d="M29.75,10.13,21.13.34A1,1,0,0,0,20.38,0H4.11A4.11,4.11,0,0,0,0,4.11V25.88A4.12,4.12,0,0,0,4.11,30H25.89A4.12,4.12,0,0,0,30,25.88V10.79A1,1,0,0,0,29.75,10.13ZM28,25.88A2.12,2.12,0,0,1,25.89,28H4.11A2.12,2.12,0,0,1,2,25.88V4.11A2.13,2.13,0,0,1,4.11,2H19.77V7.94a3.5,3.5,0,0,0,3.5,3.5H28Z"/>
18
+ <path class="cls-2" d="M14.29,21h-.11a1.29,1.29,0,0,0-.53.1,1.3,1.3,0,0,0-.84,1.19,1.34,1.34,0,0,0,.1.49,1.43,1.43,0,0,0,1.32.81,2,2,0,0,0,.54-.09,1.3,1.3,0,0,0,.89-1.18,1.14,1.14,0,0,0-.13-.55A1.38,1.38,0,0,0,14.29,21Z"/>
19
+ <path class="cls-2" d="M17.49,10.9a3.71,3.71,0,0,0-3-1.52h-.23A3.73,3.73,0,0,0,10.63,13v.08a1.18,1.18,0,0,0,.07.41,1.22,1.22,0,0,0,1.14.79,1.16,1.16,0,0,0,.8-.27,1.2,1.2,0,0,0,.46-.71,1.75,1.75,0,0,1,.11-.72,1.26,1.26,0,0,1,1.18-.77h0l.34,0a1.27,1.27,0,0,1,.94,1.22,1.31,1.31,0,0,1-.9,1.25,3.67,3.67,0,0,0-1.88,3.35,1.4,1.4,0,0,0,.12.6,1.17,1.17,0,0,0,1.06.7h.12a1.25,1.25,0,0,0,.61-.17A1.33,1.33,0,0,0,15.4,18a2.87,2.87,0,0,1,.07-.87,1.08,1.08,0,0,1,.38-.61c.38-.21.66-.38.85-.51a3.62,3.62,0,0,0,1.5-3A3.48,3.48,0,0,0,17.49,10.9Z"/>
20
+ </g>
21
+ </svg>
@@ -0,0 +1,19 @@
1
+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="32.02" height="32.94" viewBox="0 0 32.02 32.94">
2
+ <defs>
3
+ <style>
4
+ .cls-1 {
5
+ fill: #c8cadb;
6
+ opacity: 0.5;
7
+ }
8
+
9
+ .cls-2 {
10
+ fill: #010101;
11
+ }
12
+ </style>
13
+ </defs>
14
+ <rect class="cls-1" x="5.18" y="6.1" width="26.84" height="26.84" rx="5"/>
15
+ <g>
16
+ <path class="cls-2" d="M29.75,10.13,21.13.34A1,1,0,0,0,20.38,0H4.11A4.11,4.11,0,0,0,0,4.11V25.88A4.12,4.12,0,0,0,4.11,30H25.89A4.12,4.12,0,0,0,30,25.88V10.79A1,1,0,0,0,29.75,10.13ZM28,25.88A2.12,2.12,0,0,1,25.89,28H4.11A2.12,2.12,0,0,1,2,25.88V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.5,3.5,0,0,0,3.5,3.5H28Z"/>
17
+ <path class="cls-2" d="M14.8,9.24a7.53,7.53,0,1,0,7.53,7.53A7.53,7.53,0,0,0,14.8,9.24Zm3.53,8.06-5.46,3.23a.6.6,0,0,1-.93-.51V13.51a.61.61,0,0,1,.89-.53l5.45,3.28A.61.61,0,0,1,18.33,17.3Z"/>
18
+ </g>
19
+ </svg>
@@ -0,0 +1,27 @@
1
+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="31.52" height="32.17" viewBox="0 0 31.52 32.17">
2
+ <defs>
3
+ <style>
4
+ .cls-1 {
5
+ fill: #c8cadb;
6
+ opacity: 0.5;
7
+ }
8
+
9
+ .cls-2 {
10
+ fill: #010101;
11
+ }
12
+ </style>
13
+ </defs>
14
+ <rect class="cls-1" x="4.68" y="5.33" width="26.84" height="26.84" rx="5"/>
15
+ <g>
16
+ <rect class="cls-2" x="9.97" y="3.1" width="2.3" height="1.13"/>
17
+ <rect class="cls-2" x="7.67" y="4.24" width="2.3" height="1.13"/>
18
+ <rect class="cls-2" x="9.97" y="5.37" width="2.3" height="1.13"/>
19
+ <rect class="cls-2" x="7.67" y="6.5" width="2.3" height="1.13"/>
20
+ <rect class="cls-2" x="9.97" y="7.64" width="2.3" height="1.13"/>
21
+ <rect class="cls-2" x="7.67" y="8.77" width="2.3" height="1.13"/>
22
+ <rect class="cls-2" x="9.97" y="9.9" width="2.3" height="1.13"/>
23
+ <path class="cls-2" d="M7.67,15.85a.87.87,0,0,0,.86.85h2.88a.87.87,0,0,0,.86-.85V13a.87.87,0,0,0-.86-.85H10V11H7.67Zm1.15-1.42h2.3v1.14H8.82Z"/>
24
+ <rect class="cls-2" x="7.67" y="2.03" width="2.3" height="1.07"/>
25
+ <path class="cls-2" d="M29.75,10.13,21.12.34A1,1,0,0,0,20.37,0H4.11A4.11,4.11,0,0,0,0,4.11V25.88A4.12,4.12,0,0,0,4.11,30H25.89A4.12,4.12,0,0,0,30,25.88V10.79A1,1,0,0,0,29.75,10.13ZM28,25.88A2.12,2.12,0,0,1,25.89,28H4.11A2.12,2.12,0,0,1,2,25.88V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.5,3.5,0,0,0,3.5,3.5H28Z"/>
26
+ </g>
27
+ </svg>
@@ -14,7 +14,7 @@ export default function IconComponent(props) {
14
14
  xmlSpace: "preserve"
15
15
  }, " ", /*#__PURE__*/React.createElement("style", {
16
16
  dangerouslySetInnerHTML: {
17
- __html: ".st0{fill:#333333;}.st1{fill:#FF5650;}.st2{fill:#00A3FE;}"
17
+ __html: `.st0{fill:#333333;}.st1{fill:#FF5650;}.st2{fill:#00A3FE;}`
18
18
  }
19
19
  }), " ", /*#__PURE__*/React.createElement("path", {
20
20
  d: "M30.96,14.934c-0.031-0.435-0.397-0.765-0.843-0.731c-0.435,0.031-0.762,0.409-0.731,0.843 c0.153,2.137-0.199,4.226-1.044,6.209c-2.901,6.806-10.801,9.983-17.604,7.083c-6.806-2.9-9.984-10.798-7.083-17.605 c2.9-6.806,10.796-9.983,17.605-7.083c0.638,0.272,1.242,0.608,1.828,0.972l-1.911,1.879l6.825,1.891l-1.775-6.857l-1.991,1.957 c-0.75-0.492-1.53-0.941-2.359-1.294C14.271-1.04,5.444,2.509,2.203,10.117c-3.242,7.607,0.31,16.433,7.917,19.675 C12.01,30.597,14.002,31,15.996,31c1.895,0,3.79-0.364,5.6-1.092c3.715-1.495,6.627-4.349,8.197-8.033 C30.725,19.69,31.129,17.29,30.96,14.934z M20.603,17.895l0.812-0.812l-0.812-0.812l-0.812,0.812L20.603,17.895z M14.646,20.603 l0.812,0.812l2.031-2.031l-0.812-0.812L14.646,20.603z M16.541,15.458l-3.52,3.52l0.812,0.812l3.52-3.52L16.541,15.458z M19.385,16.677l0.812-0.812l-0.812-0.812l-0.812,0.812L19.385,16.677z M18.166,15.458l0.812-0.812l-0.812-0.812l-0.812,0.812 L18.166,15.458z M16.948,14.24l0.812-0.812l-0.812-0.812l-0.812,0.812L16.948,14.24z M11.37,23.825l3.005,3.005l11.643-11.643 l-3.005-3.005l-0.406,0.406c-0.672,0.672-1.765,0.672-2.437,0c-0.672-0.672-0.672-1.765,0-2.437l0.406-0.406l-2.951-2.951 L5.982,18.437l2.951,2.951l0.406-0.406c0.672-0.672,1.765-0.672,2.437,0c0.672,0.672,0.672,1.765,0,2.437L11.37,23.825z M8.974,19.804l-1.367-1.367L17.625,8.418l1.368,1.368c-0.737,1.114-0.615,2.634,0.365,3.614c0.981,0.981,2.5,1.102,3.614,0.365 l1.422,1.422L14.375,25.206l-1.422-1.422c0.737-1.115,0.615-2.634-0.365-3.615C11.608,19.189,10.088,19.067,8.974,19.804z M14.917,13.834l-3.52,3.52l0.812,0.812l3.52-3.52L14.917,13.834z M16.541,12.209l-0.812-0.812l-0.812,0.812l0.812,0.812 L16.541,12.209z",
@@ -0,0 +1,37 @@
1
+ import React from 'react';
2
+ import Icon from '@zohodesk/icon/es/Icon/Icon';
3
+ export default function IconComponent(props) {
4
+ return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
5
+ id: "Layer_1",
6
+ "data-name": "Layer 1",
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "0 0 31.68 32.17"
9
+ }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
10
+ dangerouslySetInnerHTML: {
11
+ __html: `
12
+ .cls-1 {
13
+ fill: #c8cadb;
14
+ opacity: 0.5;
15
+ }
16
+
17
+ .cls-2 {
18
+ fill: #010101;
19
+ }
20
+ `
21
+ }
22
+ }), " "), " ", /*#__PURE__*/React.createElement("rect", {
23
+ className: "cls-1",
24
+ x: "4.84",
25
+ y: "5.33",
26
+ width: "26.84",
27
+ height: "26.84",
28
+ rx: "5"
29
+ }), " ", /*#__PURE__*/React.createElement("g", null, " ", /*#__PURE__*/React.createElement("path", {
30
+ className: "path-0",
31
+ d: "M18.67,11.65l-7.55,1.41a.7.7,0,0,0-.6.7v7.32A3.56,3.56,0,0,0,9,20.8c-1.66,0-3,.91-3,2.11S7.35,25,9,25s3-.92,3-2.11V15.73l6-1.13v5.07a3.56,3.56,0,0,0-1.51-.28c-1.66,0-3,.91-3,2.11s1.36,2.11,3,2.11,3-.91,3-2.11V12.35a.63.63,0,0,0-.3-.56A.87.87,0,0,0,18.67,11.65Z"
32
+ }), " ", /*#__PURE__*/React.createElement("path", {
33
+ className: "path-1",
34
+ d: "M29.75,10.13,21.12.34A1,1,0,0,0,20.38,0H4.11A4.11,4.11,0,0,0,0,4.11V25.88A4.12,4.12,0,0,0,4.11,30H25.89A4.12,4.12,0,0,0,30,25.88V10.79A1,1,0,0,0,29.75,10.13ZM25.89,28H4.11A2.12,2.12,0,0,1,2,25.88V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.5,3.5,0,0,0,3.5,3.5H28V25.88A2.12,2.12,0,0,1,25.89,28Z"
35
+ }), " "), " "));
36
+ }
37
+ IconComponent.propTypes = Icon.propTypes;
@@ -0,0 +1,43 @@
1
+ import React from 'react';
2
+ import Icon from '@zohodesk/icon/es/Icon/Icon';
3
+ export default function IconComponent(props) {
4
+ return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
5
+ id: "Layer_1",
6
+ "data-name": "Layer 1",
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "0 0 31.7 32.17"
9
+ }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
10
+ dangerouslySetInnerHTML: {
11
+ __html: `
12
+ .cls-1 {
13
+ fill: #c8cadb;
14
+ opacity: 0.5;
15
+ }
16
+
17
+ .cls-2 {
18
+ fill: #010101;
19
+ }
20
+ `
21
+ }
22
+ }), " "), " ", /*#__PURE__*/React.createElement("rect", {
23
+ className: "cls-1",
24
+ x: "4.85",
25
+ y: "5.33",
26
+ width: "26.84",
27
+ height: "26.84",
28
+ rx: "5"
29
+ }), " ", /*#__PURE__*/React.createElement("g", null, " ", /*#__PURE__*/React.createElement("path", {
30
+ className: "path-0",
31
+ d: "M17.13,14.09a.82.82,0,0,0-1.08.43l-3.81,8.73a.84.84,0,0,0,.42,1.09,1,1,0,0,0,.33.07.84.84,0,0,0,.76-.5l3.81-8.74A.82.82,0,0,0,17.13,14.09Z"
32
+ }), " ", /*#__PURE__*/React.createElement("path", {
33
+ className: "path-1",
34
+ d: "M11.33,16a.81.81,0,0,0-1.15-.14l-2.9,2.31a.78.78,0,0,0-.3.58.81.81,0,0,0,.21.62l2.63,2.82a.83.83,0,0,0,.6.26.89.89,0,0,0,.57-.22.84.84,0,0,0,0-1.17L9,18.92l2.19-1.75A.81.81,0,0,0,11.33,16Z"
35
+ }), " ", /*#__PURE__*/React.createElement("path", {
36
+ className: "path-2",
37
+ d: "M20,16a.81.81,0,0,0-1.16,0,.82.82,0,0,0,0,1.16l2,2.16L18.58,21a.83.83,0,0,0-.13,1.16.82.82,0,0,0,.64.31.84.84,0,0,0,.52-.18L22.5,20a.82.82,0,0,0,.31-.58.8.8,0,0,0-.22-.62Z"
38
+ }), " ", /*#__PURE__*/React.createElement("path", {
39
+ className: "path-3",
40
+ d: "M29.75,10.13,21.12.34A1,1,0,0,0,20.38,0H4.11A4.11,4.11,0,0,0,0,4.11V25.88A4.12,4.12,0,0,0,4.11,30H25.89A4.12,4.12,0,0,0,30,25.88V10.79A1,1,0,0,0,29.75,10.13ZM25.89,28H4.11A2.12,2.12,0,0,1,2,25.88V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.5,3.5,0,0,0,3.5,3.5H28V25.88A2.12,2.12,0,0,1,25.89,28Z"
41
+ }), " "), " "));
42
+ }
43
+ IconComponent.propTypes = Icon.propTypes;
@@ -0,0 +1,42 @@
1
+ import React from 'react';
2
+ import Icon from '@zohodesk/icon/es/Icon/Icon';
3
+ export default function IconComponent(props) {
4
+ return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
5
+ id: "Layer_1",
6
+ "data-name": "Layer 1",
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "0 0 32.19 32.18"
9
+ }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
10
+ dangerouslySetInnerHTML: {
11
+ __html: `
12
+ .cls-1 {
13
+ fill: #c8cadb;
14
+ opacity: 0.5;
15
+ }
16
+
17
+ .cls-2 {
18
+ fill: #010101;
19
+ }
20
+ `
21
+ }
22
+ }), " "), " ", /*#__PURE__*/React.createElement("rect", {
23
+ className: "cls-1",
24
+ x: "5.35",
25
+ y: "5.33",
26
+ width: "26.84",
27
+ height: "26.84",
28
+ rx: "5"
29
+ }), " ", /*#__PURE__*/React.createElement("g", null, " ", /*#__PURE__*/React.createElement("path", {
30
+ className: "path-0",
31
+ d: "M21.66,18.14a.36.36,0,0,0-.2.06l-3.75,2.59-5.75-7a.35.35,0,0,0-.5,0,.22.22,0,0,0-.07.09l-4.19,7v3H22V18.49A.35.35,0,0,0,21.66,18.14Z"
32
+ }), " ", /*#__PURE__*/React.createElement("circle", {
33
+ className: "cls-2",
34
+ cx: "19.79",
35
+ cy: "14.13",
36
+ r: "2.22"
37
+ }), " ", /*#__PURE__*/React.createElement("path", {
38
+ className: "path-1",
39
+ d: "M29.75,10.14,21.12.34A1,1,0,0,0,20.37,0H4.11A4.11,4.11,0,0,0,0,4.11V25.89A4.11,4.11,0,0,0,4.11,30H25.89A4.11,4.11,0,0,0,30,25.89V10.8A1,1,0,0,0,29.75,10.14ZM25.89,28H4.11A2.12,2.12,0,0,1,2,25.89V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.49,3.49,0,0,0,3.5,3.5H28V25.89A2.12,2.12,0,0,1,25.89,28Z"
40
+ }), " "), " "));
41
+ }
42
+ IconComponent.propTypes = Icon.propTypes;
@@ -0,0 +1,37 @@
1
+ import React from 'react';
2
+ import Icon from '@zohodesk/icon/es/Icon/Icon';
3
+ export default function IconComponent(props) {
4
+ return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
5
+ id: "Layer_1",
6
+ "data-name": "Layer 1",
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "0 0 32.5 32.17"
9
+ }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
10
+ dangerouslySetInnerHTML: {
11
+ __html: `
12
+ .cls-1 {
13
+ fill: #c8cadb;
14
+ opacity: 0.5;
15
+ }
16
+
17
+ .cls-2 {
18
+ fill: #010101;
19
+ }
20
+ `
21
+ }
22
+ }), " "), " ", /*#__PURE__*/React.createElement("rect", {
23
+ className: "cls-1",
24
+ x: "5.66",
25
+ y: "5.33",
26
+ width: "26.84",
27
+ height: "26.84",
28
+ rx: "5"
29
+ }), " ", /*#__PURE__*/React.createElement("g", null, " ", /*#__PURE__*/React.createElement("path", {
30
+ className: "path-0",
31
+ d: "M18.56,18.52c-2.43-1.1-3.36-4.37-3.36-4.37a13.6,13.6,0,0,0,.61-3.07C16,9.24,15,8.81,14.32,8.76a1.24,1.24,0,0,0-1.08.54c-1.29,1.79,0,5,0,5a31.64,31.64,0,0,1-2.75,6.49c-4.73,2.47-3.81,4.33-3.81,4.33l.92.63c2.19.61,4.59-4.16,4.59-4.16,1.17-.73,5.69-1.1,5.69-1.1,3.72,1.74,6.28,1.12,5.74-.76S18.56,18.52,18.56,18.52ZM7.84,24.74a5.19,5.19,0,0,1,2.23-2.67S8.92,24.47,7.84,24.74ZM14.25,9.6s.9-.07,0,3C14.25,12.57,13.64,10.3,14.25,9.6Zm-1.9,10.88a22.05,22.05,0,0,0,2-4.59A8.43,8.43,0,0,0,17,19.18,21.56,21.56,0,0,0,12.35,20.48Zm10.22,0a4.86,4.86,0,0,1-2.85-.79,5.53,5.53,0,0,1,2.93.35A.23.23,0,0,1,22.57,20.46Z"
32
+ }), " ", /*#__PURE__*/React.createElement("path", {
33
+ className: "path-1",
34
+ d: "M29.75,10.13,21.12.34A1,1,0,0,0,20.38,0H4.11A4.11,4.11,0,0,0,0,4.11V25.88A4.12,4.12,0,0,0,4.11,30H25.89A4.12,4.12,0,0,0,30,25.88V10.79A1,1,0,0,0,29.75,10.13ZM25.89,28H4.11A2.12,2.12,0,0,1,2,25.88V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.5,3.5,0,0,0,3.5,3.5H28V25.88A2.12,2.12,0,0,1,25.89,28Z"
35
+ }), " "), " "));
36
+ }
37
+ IconComponent.propTypes = Icon.propTypes;
@@ -0,0 +1,46 @@
1
+ import React from 'react';
2
+ import Icon from '@zohodesk/icon/es/Icon/Icon';
3
+ export default function IconComponent(props) {
4
+ return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
5
+ id: "Layer_1",
6
+ "data-name": "Layer 1",
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "0 0 32.19 32.94"
9
+ }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
10
+ dangerouslySetInnerHTML: {
11
+ __html: `
12
+ .cls-1 {
13
+ fill: #c8cadb;
14
+ opacity: 0.5;
15
+ }
16
+
17
+ .cls-2 {
18
+ fill: #010101;
19
+ }
20
+ `
21
+ }
22
+ }), " "), " ", /*#__PURE__*/React.createElement("rect", {
23
+ className: "cls-1",
24
+ x: "5.35",
25
+ y: "6.1",
26
+ width: "26.84",
27
+ height: "26.84",
28
+ rx: "5"
29
+ }), " ", /*#__PURE__*/React.createElement("g", null, " ", /*#__PURE__*/React.createElement("path", {
30
+ className: "path-0",
31
+ d: "M21.67,20.88H14.39a1,1,0,1,0,0,2h7.28a1,1,0,0,0,0-2Z"
32
+ }), " ", /*#__PURE__*/React.createElement("path", {
33
+ className: "path-1",
34
+ d: "M9.15,20.31a1.57,1.57,0,1,0,1.57,1.57A1.57,1.57,0,0,0,9.15,20.31Z"
35
+ }), " ", /*#__PURE__*/React.createElement("path", {
36
+ className: "path-2",
37
+ d: "M21.67,13.54H14.39a1,1,0,0,0,0,2h7.28a1,1,0,0,0,0-2Z"
38
+ }), " ", /*#__PURE__*/React.createElement("path", {
39
+ className: "path-3",
40
+ d: "M9.15,13a1.57,1.57,0,1,0,1.57,1.57A1.57,1.57,0,0,0,9.15,13Z"
41
+ }), " ", /*#__PURE__*/React.createElement("path", {
42
+ className: "path-4",
43
+ d: "M29.75,10.13,21.12.34A1,1,0,0,0,20.37,0H4.11A4.11,4.11,0,0,0,0,4.11V25.88A4.12,4.12,0,0,0,4.11,30H25.89A4.12,4.12,0,0,0,30,25.88V10.79A1,1,0,0,0,29.75,10.13ZM25.89,28H4.11A2.12,2.12,0,0,1,2,25.88V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.5,3.5,0,0,0,3.5,3.5H28V25.88A2.12,2.12,0,0,1,25.89,28Z"
44
+ }), " "), " "));
45
+ }
46
+ IconComponent.propTypes = Icon.propTypes;
@@ -0,0 +1,41 @@
1
+ import React from 'react';
2
+ import Icon from '@zohodesk/icon/es/Icon/Icon';
3
+ export default function IconComponent(props) {
4
+ return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
5
+ id: "Layer_1",
6
+ "data-name": "Layer 1",
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "0 0 33.63 32.94"
9
+ }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
10
+ dangerouslySetInnerHTML: {
11
+ __html: `
12
+ .cls-1 {
13
+ fill: #c8cadb;
14
+ isolation: isolate;
15
+ opacity: 0.5;
16
+ }
17
+
18
+ .cls-2 {
19
+ fill: #010101;
20
+ }
21
+ `
22
+ }
23
+ }), " "), " ", /*#__PURE__*/React.createElement("rect", {
24
+ className: "cls-1",
25
+ x: "6.79",
26
+ y: "6.1",
27
+ width: "26.84",
28
+ height: "26.84",
29
+ rx: "5"
30
+ }), " ", /*#__PURE__*/React.createElement("g", null, " ", /*#__PURE__*/React.createElement("path", {
31
+ className: "path-0",
32
+ d: "M29.75,10.13,21.13.34A1,1,0,0,0,20.38,0H4.11A4.11,4.11,0,0,0,0,4.11V25.88A4.12,4.12,0,0,0,4.11,30H25.89A4.12,4.12,0,0,0,30,25.88V10.79A1,1,0,0,0,29.75,10.13ZM28,25.88A2.12,2.12,0,0,1,25.89,28H4.11A2.12,2.12,0,0,1,2,25.88V4.11A2.13,2.13,0,0,1,4.11,2H19.77V7.94a3.5,3.5,0,0,0,3.5,3.5H28Z"
33
+ }), " ", /*#__PURE__*/React.createElement("path", {
34
+ className: "path-1",
35
+ d: "M14.29,21h-.11a1.29,1.29,0,0,0-.53.1,1.3,1.3,0,0,0-.84,1.19,1.34,1.34,0,0,0,.1.49,1.43,1.43,0,0,0,1.32.81,2,2,0,0,0,.54-.09,1.3,1.3,0,0,0,.89-1.18,1.14,1.14,0,0,0-.13-.55A1.38,1.38,0,0,0,14.29,21Z"
36
+ }), " ", /*#__PURE__*/React.createElement("path", {
37
+ className: "path-2",
38
+ d: "M17.49,10.9a3.71,3.71,0,0,0-3-1.52h-.23A3.73,3.73,0,0,0,10.63,13v.08a1.18,1.18,0,0,0,.07.41,1.22,1.22,0,0,0,1.14.79,1.16,1.16,0,0,0,.8-.27,1.2,1.2,0,0,0,.46-.71,1.75,1.75,0,0,1,.11-.72,1.26,1.26,0,0,1,1.18-.77h0l.34,0a1.27,1.27,0,0,1,.94,1.22,1.31,1.31,0,0,1-.9,1.25,3.67,3.67,0,0,0-1.88,3.35,1.4,1.4,0,0,0,.12.6,1.17,1.17,0,0,0,1.06.7h.12a1.25,1.25,0,0,0,.61-.17A1.33,1.33,0,0,0,15.4,18a2.87,2.87,0,0,1,.07-.87,1.08,1.08,0,0,1,.38-.61c.38-.21.66-.38.85-.51a3.62,3.62,0,0,0,1.5-3A3.48,3.48,0,0,0,17.49,10.9Z"
39
+ }), " "), " "));
40
+ }
41
+ IconComponent.propTypes = Icon.propTypes;
@@ -0,0 +1,37 @@
1
+ import React from 'react';
2
+ import Icon from '@zohodesk/icon/es/Icon/Icon';
3
+ export default function IconComponent(props) {
4
+ return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
5
+ id: "Layer_1",
6
+ "data-name": "Layer 1",
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "0 0 32.02 32.94"
9
+ }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
10
+ dangerouslySetInnerHTML: {
11
+ __html: `
12
+ .cls-1 {
13
+ fill: #c8cadb;
14
+ opacity: 0.5;
15
+ }
16
+
17
+ .cls-2 {
18
+ fill: #010101;
19
+ }
20
+ `
21
+ }
22
+ }), " "), " ", /*#__PURE__*/React.createElement("rect", {
23
+ className: "cls-1",
24
+ x: "5.18",
25
+ y: "6.1",
26
+ width: "26.84",
27
+ height: "26.84",
28
+ rx: "5"
29
+ }), " ", /*#__PURE__*/React.createElement("g", null, " ", /*#__PURE__*/React.createElement("path", {
30
+ className: "path-0",
31
+ d: "M29.75,10.13,21.13.34A1,1,0,0,0,20.38,0H4.11A4.11,4.11,0,0,0,0,4.11V25.88A4.12,4.12,0,0,0,4.11,30H25.89A4.12,4.12,0,0,0,30,25.88V10.79A1,1,0,0,0,29.75,10.13ZM28,25.88A2.12,2.12,0,0,1,25.89,28H4.11A2.12,2.12,0,0,1,2,25.88V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.5,3.5,0,0,0,3.5,3.5H28Z"
32
+ }), " ", /*#__PURE__*/React.createElement("path", {
33
+ className: "path-1",
34
+ d: "M14.8,9.24a7.53,7.53,0,1,0,7.53,7.53A7.53,7.53,0,0,0,14.8,9.24Zm3.53,8.06-5.46,3.23a.6.6,0,0,1-.93-.51V13.51a.61.61,0,0,1,.89-.53l5.45,3.28A.61.61,0,0,1,18.33,17.3Z"
35
+ }), " "), " "));
36
+ }
37
+ IconComponent.propTypes = Icon.propTypes;
@@ -0,0 +1,85 @@
1
+ import React from 'react';
2
+ import Icon from '@zohodesk/icon/es/Icon/Icon';
3
+ export default function IconComponent(props) {
4
+ return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
5
+ id: "Layer_1",
6
+ "data-name": "Layer 1",
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ viewBox: "0 0 31.52 32.17"
9
+ }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
10
+ dangerouslySetInnerHTML: {
11
+ __html: `
12
+ .cls-1 {
13
+ fill: #c8cadb;
14
+ opacity: 0.5;
15
+ }
16
+
17
+ .cls-2 {
18
+ fill: #010101;
19
+ }
20
+ `
21
+ }
22
+ }), " "), " ", /*#__PURE__*/React.createElement("rect", {
23
+ className: "cls-1",
24
+ x: "4.68",
25
+ y: "5.33",
26
+ width: "26.84",
27
+ height: "26.84",
28
+ rx: "5"
29
+ }), " ", /*#__PURE__*/React.createElement("g", null, " ", /*#__PURE__*/React.createElement("rect", {
30
+ className: "cls-2",
31
+ x: "9.97",
32
+ y: "3.1",
33
+ width: "2.3",
34
+ height: "1.13"
35
+ }), " ", /*#__PURE__*/React.createElement("rect", {
36
+ className: "cls-2",
37
+ x: "7.67",
38
+ y: "4.24",
39
+ width: "2.3",
40
+ height: "1.13"
41
+ }), " ", /*#__PURE__*/React.createElement("rect", {
42
+ className: "cls-2",
43
+ x: "9.97",
44
+ y: "5.37",
45
+ width: "2.3",
46
+ height: "1.13"
47
+ }), " ", /*#__PURE__*/React.createElement("rect", {
48
+ className: "cls-2",
49
+ x: "7.67",
50
+ y: "6.5",
51
+ width: "2.3",
52
+ height: "1.13"
53
+ }), " ", /*#__PURE__*/React.createElement("rect", {
54
+ className: "cls-2",
55
+ x: "9.97",
56
+ y: "7.64",
57
+ width: "2.3",
58
+ height: "1.13"
59
+ }), " ", /*#__PURE__*/React.createElement("rect", {
60
+ className: "cls-2",
61
+ x: "7.67",
62
+ y: "8.77",
63
+ width: "2.3",
64
+ height: "1.13"
65
+ }), " ", /*#__PURE__*/React.createElement("rect", {
66
+ className: "cls-2",
67
+ x: "9.97",
68
+ y: "9.9",
69
+ width: "2.3",
70
+ height: "1.13"
71
+ }), " ", /*#__PURE__*/React.createElement("path", {
72
+ className: "path-0",
73
+ d: "M7.67,15.85a.87.87,0,0,0,.86.85h2.88a.87.87,0,0,0,.86-.85V13a.87.87,0,0,0-.86-.85H10V11H7.67Zm1.15-1.42h2.3v1.14H8.82Z"
74
+ }), " ", /*#__PURE__*/React.createElement("rect", {
75
+ className: "cls-2",
76
+ x: "7.67",
77
+ y: "2.03",
78
+ width: "2.3",
79
+ height: "1.07"
80
+ }), " ", /*#__PURE__*/React.createElement("path", {
81
+ className: "path-1",
82
+ d: "M29.75,10.13,21.12.34A1,1,0,0,0,20.37,0H4.11A4.11,4.11,0,0,0,0,4.11V25.88A4.12,4.12,0,0,0,4.11,30H25.89A4.12,4.12,0,0,0,30,25.88V10.79A1,1,0,0,0,29.75,10.13ZM28,25.88A2.12,2.12,0,0,1,25.89,28H4.11A2.12,2.12,0,0,1,2,25.88V4.11A2.12,2.12,0,0,1,4.11,2H19.77V7.94a3.5,3.5,0,0,0,3.5,3.5H28Z"
83
+ }), " "), " "));
84
+ }
85
+ IconComponent.propTypes = Icon.propTypes;
@@ -0,0 +1,8 @@
1
+ export { default as Audio } from "./Audio";
2
+ export { default as Code } from "./Code";
3
+ export { default as Image } from "./Image";
4
+ export { default as Pdf } from "./Pdf";
5
+ export { default as Txt } from "./Txt";
6
+ export { default as Unknown } from "./Unknown";
7
+ export { default as Video } from "./Video";
8
+ export { default as Zip } from "./Zip";
@@ -8,7 +8,7 @@ export default function IconComponent(props) {
8
8
  viewBox: "0 0 40 40"
9
9
  }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
10
10
  dangerouslySetInnerHTML: {
11
- __html: ".cls-1{fill:#c8cadb;isolation:isolate;opacity:0.5;}.cls-2{fill:#010101;}"
11
+ __html: `.cls-1{fill:#c8cadb;isolation:isolate;opacity:0.5;}.cls-2{fill:#010101;}`
12
12
  }
13
13
  }), " "), " ", /*#__PURE__*/React.createElement("rect", {
14
14
  className: "cls-1",
@@ -8,7 +8,7 @@ export default function IconComponent(props) {
8
8
  viewBox: "0 0 40 40"
9
9
  }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
10
10
  dangerouslySetInnerHTML: {
11
- __html: ".cls-1{fill:#999;fill-rule:evenodd;}.cls-2{fill:#010101;}"
11
+ __html: `.cls-1{fill:#999;fill-rule:evenodd;}.cls-2{fill:#010101;}`
12
12
  }
13
13
  }), " "), " ", /*#__PURE__*/React.createElement("path", {
14
14
  className: "path-0",
@@ -8,7 +8,7 @@ export default function IconComponent(props) {
8
8
  viewBox: "0 0 40 40"
9
9
  }, " ", /*#__PURE__*/React.createElement("defs", null, " ", /*#__PURE__*/React.createElement("style", {
10
10
  dangerouslySetInnerHTML: {
11
- __html: ".cls-1{fill:#c8cadb;isolation:isolate;opacity:0.5;}.cls-2{fill:#010101;}"
11
+ __html: `.cls-1{fill:#c8cadb;isolation:isolate;opacity:0.5;}.cls-2{fill:#010101;}`
12
12
  }
13
13
  }), " "), " ", /*#__PURE__*/React.createElement("circle", {
14
14
  className: "cls-1",