@zohoim/chat-components 0.0.13 → 0.0.14

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 (358) hide show
  1. package/es/ActionIcon/ActionIcon.js +57 -35
  2. package/es/ActionIcon/css/ActionIcon.module.css +4 -23
  3. package/es/ActionIcon/props/defaultProps.js +4 -2
  4. package/es/ActionIcon/props/propTypes.js +10 -3
  5. package/es/ActionIconWrapper/ActionIconWrapper.js +49 -0
  6. package/es/ActionIconWrapper/css/ActionIconWrapper.module.css +27 -0
  7. package/es/ActionIconWrapper/index.js +1 -0
  8. package/es/{MediaControls → ActionIconWrapper}/props/defaultProps.js +3 -3
  9. package/es/ActionIconWrapper/props/propTypes.js +11 -0
  10. package/es/AttachmentBubble/AttachmentBubble.js +28 -28
  11. package/es/AttachmentBubble/css/AttachmentBubble.module.css +16 -15
  12. package/es/AttachmentBubble/props/defaultProps.js +2 -2
  13. package/es/AttachmentBubble/props/propTypes.js +10 -5
  14. package/es/AttachmentBubbleInfo/AttachmentBubbleInfo.js +7 -19
  15. package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +20 -16
  16. package/es/AttachmentBubbleInfo/props/defaultProps.js +1 -1
  17. package/es/AttachmentBubbleInfo/props/propTypes.js +3 -3
  18. package/es/AttachmentIcon/AttachmentIcon.js +47 -0
  19. package/es/AttachmentIcon/css/AttachmentIcon.module.css +4 -0
  20. package/es/AttachmentIcon/index.js +1 -0
  21. package/es/{im/IMAttachmentIcon → AttachmentIcon}/props/defaultProps.js +3 -3
  22. package/es/AttachmentIcon/props/propTypes.js +11 -0
  23. package/es/{im/IMAttachmentIcon/IMAttachmentIcon.js → AttachmentIcon/utils/getAttachmentIconComponent.js} +10 -40
  24. package/es/Audio/Audio.js +14 -36
  25. package/es/Audio/css/Audio.module.css +3 -3
  26. package/es/Audio/props/defaultProps.js +2 -3
  27. package/es/Audio/props/propTypes.js +3 -4
  28. package/es/AudioBubble/AudioBubble.js +25 -42
  29. package/es/AudioBubble/props/defaultProps.js +2 -4
  30. package/es/AudioBubble/props/propTypes.js +10 -7
  31. package/es/Fonts/puviFont.module.css +55 -54
  32. package/es/ImageBubble/ImageBubble.js +20 -20
  33. package/es/ImageBubble/css/ImageBubble.module.css +8 -11
  34. package/es/ImageBubble/props/defaultProps.js +1 -1
  35. package/es/ImageBubble/props/propTypes.js +5 -3
  36. package/es/InfoBubble/InfoBubble.js +6 -8
  37. package/es/InfoBubble/props/defaultProps.js +1 -1
  38. package/es/LazyLoadImage/LazyLoadImage.js +6 -16
  39. package/es/LazyLoadImage/css/LazyLoadImage.module.css +1 -0
  40. package/es/LazyLoadImage/props/defaultProps.js +1 -1
  41. package/es/LazyLoadImage/props/propTypes.js +3 -3
  42. package/es/LocationBubble/LocationBubble.js +15 -33
  43. package/es/LocationBubble/css/LocationBubble.module.css +11 -11
  44. package/es/LocationBubble/props/defaultProps.js +1 -1
  45. package/es/LocationBubble/props/propTypes.js +2 -2
  46. package/es/MediaBubbleWrapper/MediaBubbleWrapper.js +59 -0
  47. package/es/MediaBubbleWrapper/css/MediaBubbleWrapper.module.css +3 -0
  48. package/es/MediaBubbleWrapper/index.js +1 -0
  49. package/es/MediaBubbleWrapper/props/defaultProps.js +7 -0
  50. package/es/MediaBubbleWrapper/props/propTypes.js +16 -0
  51. package/es/Message/Message.js +59 -37
  52. package/es/Message/props/defaultProps.js +3 -3
  53. package/es/Message/props/propTypes.js +17 -38
  54. package/es/MessageAction/MessageAction.js +31 -18
  55. package/es/MessageAction/props/defaultProps.js +4 -4
  56. package/es/MessageAction/props/propTypes.js +11 -8
  57. package/es/MessageActions/MessageActions.js +54 -96
  58. package/es/MessageActions/css/MessageActions.module.css +2 -9
  59. package/es/MessageActions/props/defaultProps.js +2 -4
  60. package/es/MessageActions/props/propTypes.js +13 -19
  61. package/es/MessageActionsMore/MessageActionsMore.js +43 -35
  62. package/es/MessageActionsMore/css/MessageActionsMore.module.css +8 -5
  63. package/es/MessageActionsMore/props/defaultProps.js +3 -2
  64. package/es/MessageActionsMore/props/propTypes.js +3 -2
  65. package/es/MessageActionsWrapper/MessageActionsWrapper.js +36 -44
  66. package/es/MessageActionsWrapper/css/MessageActionsWrapper.module.css +1 -1
  67. package/es/MessageActionsWrapper/props/defaultProps.js +4 -5
  68. package/es/MessageActionsWrapper/props/propTypes.js +7 -4
  69. package/es/MessageAvatar/MessageAvatar.js +11 -19
  70. package/es/MessageAvatar/css/MessageAvatar.module.css +3 -3
  71. package/es/MessageAvatar/props/defaultProps.js +2 -6
  72. package/es/MessageAvatar/props/propTypes.js +5 -5
  73. package/es/MessageBox/MessageBox.js +24 -25
  74. package/es/MessageBox/css/MessageBox.module.css +12 -14
  75. package/es/MessageBox/css/cssJSLogic.js +1 -21
  76. package/es/MessageBox/props/defaultProps.js +1 -3
  77. package/es/MessageBox/props/propTypes.js +8 -7
  78. package/es/MessageBubble/MessageBubble.js +61 -38
  79. package/es/MessageBubble/css/MessageBubble.module.css +11 -8
  80. package/es/MessageBubble/css/cssJSLogic.js +10 -26
  81. package/es/MessageBubble/props/defaultProps.js +1 -1
  82. package/es/MessageBubble/props/propTypes.js +7 -7
  83. package/es/MessageStatus/MessageStatus.js +11 -11
  84. package/es/MessageStatus/css/MessageStatus.module.css +1 -1
  85. package/es/MessageStatus/css/cssJSLogic.js +13 -9
  86. package/es/MessageStatus/props/defaultProps.js +1 -1
  87. package/es/MessageStatus/props/propTypes.js +4 -14
  88. package/es/MoreActionItem/MoreActionItem.js +21 -33
  89. package/es/MoreActionItem/css/MoreActionItem.module.css +5 -11
  90. package/es/MoreActionItem/props/defaultProps.js +1 -5
  91. package/es/MoreActionItem/props/propTypes.js +6 -5
  92. package/es/ReplyBubble/ReplyBubble.js +59 -28
  93. package/es/ReplyBubble/css/ReplyBubble.module.css +17 -0
  94. package/es/ReplyBubble/props/defaultProps.js +3 -4
  95. package/es/ReplyBubble/props/propTypes.js +15 -8
  96. package/es/ReplyBubbleContent/ReplyBubbleContent.js +11 -22
  97. package/es/ReplyBubbleContent/css/ReplyBubbleContent.module.css +38 -38
  98. package/es/ReplyBubbleContent/props/defaultProps.js +1 -1
  99. package/es/ReplyBubbleContent/props/propTypes.js +4 -4
  100. package/es/ReplyBubbleHeader/ReplyBubbleHeader.js +25 -31
  101. package/es/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +4 -7
  102. package/es/ReplyBubbleHeader/props/defaultProps.js +2 -4
  103. package/es/ReplyBubbleHeader/props/propTypes.js +3 -2
  104. package/es/TextBubble/TextBubble.js +11 -29
  105. package/es/TextBubble/css/TextBubble.module.css +13 -9
  106. package/es/TextBubble/props/defaultProps.js +2 -5
  107. package/es/TextBubble/props/propTypes.js +3 -4
  108. package/es/Theme/{DeskAssets.js → ThemeAssets.js} +10 -6
  109. package/es/Theme/ThemeWrapper.js +54 -57
  110. package/es/Theme/{ToolttipWrapper.js → TooltipWrapper.js} +29 -25
  111. package/es/Theme/constants/index.js +1 -4
  112. package/es/Theme/crm/dark/blueFanTheme.js +5 -5
  113. package/es/Theme/crm/dark/blueTheme.js +5 -5
  114. package/es/Theme/crm/dark/commonColorVariable.js +5 -5
  115. package/es/Theme/crm/dark/darkBlueTheme.js +5 -5
  116. package/es/Theme/crm/dark/darkGreyTheme.js +5 -5
  117. package/es/Theme/crm/dark/greenTheme.js +5 -5
  118. package/es/Theme/crm/dark/orangeTheme.js +5 -5
  119. package/es/Theme/crm/dark/pinkTheme.js +5 -5
  120. package/es/Theme/crm/dark/tealTheme.js +5 -5
  121. package/es/Theme/crm/dark/whiteTheme.js +5 -5
  122. package/es/Theme/crm/light/blueFanTheme.js +5 -5
  123. package/es/Theme/crm/light/blueTheme.js +3 -3
  124. package/es/Theme/crm/light/commonColorVariable.js +3 -3
  125. package/es/Theme/crm/light/darkBlueTheme.js +5 -5
  126. package/es/Theme/crm/light/darkGreyTheme.js +5 -5
  127. package/es/Theme/crm/light/greenTheme.js +3 -3
  128. package/es/Theme/crm/light/orangeTheme.js +3 -3
  129. package/es/Theme/crm/light/pinkTheme.js +3 -3
  130. package/es/Theme/crm/light/tealTheme.js +3 -3
  131. package/es/Theme/crm/light/whiteTheme.js +5 -5
  132. package/es/Theme/crm/pureDark/blueFanTheme.js +5 -5
  133. package/es/Theme/crm/pureDark/blueTheme.js +5 -5
  134. package/es/Theme/crm/pureDark/commonColorVariable.js +3 -3
  135. package/es/Theme/crm/pureDark/darkBlueTheme.js +5 -5
  136. package/es/Theme/crm/pureDark/darkGreyTheme.js +5 -5
  137. package/es/Theme/crm/pureDark/greenTheme.js +5 -5
  138. package/es/Theme/crm/pureDark/orangeTheme.js +5 -5
  139. package/es/Theme/crm/pureDark/pinkTheme.js +5 -5
  140. package/es/Theme/crm/pureDark/tealTheme.js +5 -5
  141. package/es/Theme/crm/pureDark/whiteTheme.js +5 -5
  142. package/es/Theme/css/TooltipWrapper.module.css +2 -2
  143. package/es/Theme/props/defaultProps.js +2 -3
  144. package/es/Theme/props/propTypes.js +5 -6
  145. package/es/Theme/{desk/commonDeskColorVariable.js → themeVariables/commonThemeColorVariable.js} +2 -3
  146. package/es/Theme/{desk → themeVariables}/dark/blueTheme.js +11 -11
  147. package/es/Theme/{desk → themeVariables}/dark/commonColorVariable.js +1 -1
  148. package/es/Theme/{desk → themeVariables}/dark/greenTheme.js +7 -7
  149. package/es/Theme/{desk → themeVariables}/dark/orangeTheme.js +7 -7
  150. package/es/Theme/{desk → themeVariables}/dark/redTheme.js +7 -7
  151. package/es/Theme/{desk → themeVariables}/dark/yellowTheme.js +7 -7
  152. package/es/Theme/{desk → themeVariables}/light/blueTheme.js +7 -7
  153. package/es/Theme/{desk → themeVariables}/light/commonColorVariable.js +1 -1
  154. package/es/Theme/{desk → themeVariables}/light/greenTheme.js +7 -7
  155. package/es/Theme/{desk → themeVariables}/light/orangeTheme.js +6 -6
  156. package/es/Theme/{desk → themeVariables}/light/redTheme.js +6 -6
  157. package/es/Theme/{desk → themeVariables}/light/yellowTheme.js +7 -7
  158. package/es/Theme/{desk → themeVariables}/pureDark/blueTheme.js +7 -7
  159. package/es/Theme/{desk → themeVariables}/pureDark/commonColorVariable.js +1 -1
  160. package/es/Theme/{desk → themeVariables}/pureDark/greenTheme.js +7 -7
  161. package/es/Theme/{desk → themeVariables}/pureDark/orangeTheme.js +7 -7
  162. package/es/Theme/{desk → themeVariables}/pureDark/redTheme.js +7 -7
  163. package/es/Theme/{desk → themeVariables}/pureDark/yellowTheme.js +7 -7
  164. package/es/Theme/utils/combineConfigurations.js +17 -0
  165. package/es/Theme/utils/flatVariables.js +12 -0
  166. package/es/Theme/utils/getCustomizedCssVariables.js +19 -0
  167. package/es/Theme/utils/getThemeConfigurations.js +47 -175
  168. package/es/Theme/utils/getWrapperDivProps.js +12 -0
  169. package/es/Video/Video.js +13 -45
  170. package/es/Video/css/Video.module.css +2 -7
  171. package/es/Video/props/defaultProps.js +2 -3
  172. package/es/Video/props/propTypes.js +3 -4
  173. package/es/VideoBubble/VideoBubble.js +31 -35
  174. package/es/VideoBubble/css/VideoBubble.module.css +4 -4
  175. package/es/VideoBubble/props/defaultProps.js +2 -3
  176. package/es/VideoBubble/props/propTypes.js +11 -7
  177. package/es/icons/create-icon-components.js +30 -0
  178. package/es/icons/icon.template.js +9 -8
  179. package/es/icons/iconSrc/common/index.js +1 -2
  180. package/es/im/ArticleBubble/ArticleBubble.js +66 -0
  181. package/es/{ArticleBubble → im/ArticleBubble}/css/ArticleBubble.module.css +9 -10
  182. package/es/{ArticleBubble → im/ArticleBubble}/props/defaultProps.js +1 -1
  183. package/es/im/ArticleBubble/props/propTypes.js +13 -0
  184. package/es/im/IMAutoMessageInfo/IMAutoMessageInfo.js +10 -20
  185. package/es/im/IMAutoMessageInfo/css/IMAutoMessageInfo.module.css +2 -3
  186. package/es/im/IMAutoMessageInfo/props/defaultProps.js +1 -1
  187. package/es/im/IMAutoMessageInfo/props/propTypes.js +11 -9
  188. package/es/im/IMInfoBubble/IMInfoBubble.js +6 -8
  189. package/es/im/IMInfoBubble/props/defaultProps.js +1 -1
  190. package/es/im/IMIntegrationIcon/IMIntegrationIcon.js +31 -38
  191. package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +5 -8
  192. package/es/im/IMIntegrationIcon/css/cssJSLogic.js +9 -13
  193. package/es/im/IMIntegrationIcon/index.js +1 -2
  194. package/es/im/IMIntegrationIcon/props/defaultProps.js +6 -4
  195. package/es/im/IMIntegrationIcon/props/propTypes.js +6 -17
  196. package/es/im/IMMessage/IMMessage.js +76 -91
  197. package/es/im/IMMessage/props/defaultProps.js +1 -10
  198. package/es/im/IMMessage/props/propTypes.js +49 -96
  199. package/es/im/IMMessageContent/IMMessageContent.js +74 -65
  200. package/es/im/IMMessageContent/css/IMMessageContent.module.css +1 -1
  201. package/es/im/IMMessageContent/props/defaultProps.js +2 -3
  202. package/es/im/IMMessageContent/props/propTypes.js +28 -23
  203. package/es/im/IMMessageMeta/IMMessageMeta.js +26 -21
  204. package/es/im/IMMessageMeta/css/IMMessageMeta.module.css +15 -4
  205. package/es/im/IMMessageMeta/css/cssJSLogic.js +11 -3
  206. package/es/im/IMMessageMeta/props/defaultProps.js +1 -1
  207. package/es/im/IMMessageMeta/props/propTypes.js +17 -12
  208. package/es/im/IMReplyBubble/IMReplyBubble.js +20 -59
  209. package/es/im/IMReplyBubble/props/defaultProps.js +2 -4
  210. package/es/im/IMReplyBubble/props/propTypes.js +16 -14
  211. package/es/im/IMTextBubble/IMTextBubble.js +15 -31
  212. package/es/im/IMTextBubble/props/defaultProps.js +3 -9
  213. package/es/im/IMTextBubble/props/propTypes.js +22 -8
  214. package/es/im/IMTicketLink/IMTicketLink.js +13 -11
  215. package/es/im/IMTicketLink/css/IMTicketLink.module.css +3 -4
  216. package/es/im/IMTicketLink/props/defaultProps.js +1 -1
  217. package/es/im/IMTicketLink/props/propTypes.js +4 -3
  218. package/es/im/index.js +1 -9
  219. package/es/index.js +4 -6
  220. package/package.json +32 -14
  221. package/es/ActionIcon/css/cssJSLogic.js +0 -10
  222. package/es/ArticleBubble/ArticleBubble.js +0 -70
  223. package/es/ArticleBubble/css/cssJSLogic.js +0 -34
  224. package/es/ArticleBubble/props/propTypes.js +0 -10
  225. package/es/AttachmentBubble/css/cssJSLogic.js +0 -18
  226. package/es/AttachmentBubbleInfo/css/cssJSLogic.js +0 -18
  227. package/es/Audio/css/cssJSLogic.js +0 -14
  228. package/es/AudioBubble/css/AudioBubble.module.css +0 -3
  229. package/es/AudioBubble/css/cssJSLogic.js +0 -20
  230. package/es/ImageBubble/css/cssJSLogic.js +0 -22
  231. package/es/LazyLoadImage/css/cssJSLogic.js +0 -10
  232. package/es/LocationBubble/css/cssJSLogic.js +0 -30
  233. package/es/MediaControls/MediaControls.js +0 -59
  234. package/es/MediaControls/css/MediaControls.module.css +0 -1
  235. package/es/MediaControls/css/cssJSLogic.js +0 -22
  236. package/es/MediaControls/index.js +0 -1
  237. package/es/MediaControls/props/propTypes.js +0 -11
  238. package/es/Message/css/Message.module.css +0 -0
  239. package/es/Message/css/cssJSLogic.js +0 -10
  240. package/es/MessageAction/css/MessageAction.module.css +0 -0
  241. package/es/MessageAction/css/cssJSLogic.js +0 -0
  242. package/es/MessageActions/css/cssJSLogic.js +0 -20
  243. package/es/MessageActionsMore/css/cssJSLogic.js +0 -28
  244. package/es/MessageActionsWrapper/css/cssJSLogic.js +0 -10
  245. package/es/MessageActionsWrapper/props/propConstants.js +0 -7
  246. package/es/MessageAvatar/css/cssJSLogic.js +0 -18
  247. package/es/MessageBubble/props/propConstants.js +0 -6
  248. package/es/MoreActionItem/css/cssJSLogic.js +0 -27
  249. package/es/ReplyBubble/css/cssJSLogic.js +0 -10
  250. package/es/ReplyBubbleContent/css/cssJSLogic.js +0 -22
  251. package/es/ReplyBubbleHeader/css/cssJSLogic.js +0 -18
  252. package/es/TextBubble/css/cssJSLogic.js +0 -18
  253. package/es/Theme/css/cssJSLogic.js +0 -14
  254. package/es/Video/css/cssJSLogic.js +0 -14
  255. package/es/VideoBubble/css/cssJSLogic.js +0 -10
  256. package/es/icons/factory/actions/convertTicket.svg +0 -21
  257. package/es/icons/factory/common/quote.svg +0 -1
  258. package/es/icons/iconSrc/actions/ConvertTicket.js +0 -25
  259. package/es/icons/iconSrc/actions/index.js +0 -1
  260. package/es/icons/iconSrc/common/Quote.js +0 -17
  261. package/es/im/IMArticleBubble/IMArticleBubble.js +0 -54
  262. package/es/im/IMArticleBubble/css/IMArticleBubble.module.css +0 -0
  263. package/es/im/IMArticleBubble/css/cssJSLogic.js +0 -10
  264. package/es/im/IMArticleBubble/index.js +0 -1
  265. package/es/im/IMArticleBubble/props/defaultProps.js +0 -8
  266. package/es/im/IMArticleBubble/props/propTypes.js +0 -14
  267. package/es/im/IMAttachmentBubble/IMAttachmentBubble.js +0 -62
  268. package/es/im/IMAttachmentBubble/css/IMAttachmentBubble.module.css +0 -1
  269. package/es/im/IMAttachmentBubble/css/cssJSLogic.js +0 -10
  270. package/es/im/IMAttachmentBubble/index.js +0 -1
  271. package/es/im/IMAttachmentBubble/props/defaultProps.js +0 -10
  272. package/es/im/IMAttachmentBubble/props/propTypes.js +0 -16
  273. package/es/im/IMAttachmentIcon/css/IMAttachmentIcon.module.css +0 -4
  274. package/es/im/IMAttachmentIcon/css/cssJSLogic.js +0 -16
  275. package/es/im/IMAttachmentIcon/index.js +0 -1
  276. package/es/im/IMAttachmentIcon/props/propTypes.js +0 -26
  277. package/es/im/IMAudioBubble/IMAudioBubble.js +0 -62
  278. package/es/im/IMAudioBubble/css/IMAudioBubble.module.css +0 -8
  279. package/es/im/IMAudioBubble/css/cssJSLogic.js +0 -20
  280. package/es/im/IMAudioBubble/index.js +0 -1
  281. package/es/im/IMAudioBubble/props/defaultProps.js +0 -11
  282. package/es/im/IMAudioBubble/props/propTypes.js +0 -17
  283. package/es/im/IMAutoMessageInfo/css/cssJSLogic.js +0 -10
  284. package/es/im/IMDateTime/IMDateTime.js +0 -40
  285. package/es/im/IMDateTime/css/IMDateTime.module.css +0 -10
  286. package/es/im/IMDateTime/css/cssJSLogic.js +0 -10
  287. package/es/im/IMDateTime/index.js +0 -1
  288. package/es/im/IMDateTime/props/defaultProps.js +0 -6
  289. package/es/im/IMDateTime/props/propTypes.js +0 -6
  290. package/es/im/IMImageBubble/IMImageBubble.js +0 -50
  291. package/es/im/IMImageBubble/css/IMImageBubble.module.css +0 -0
  292. package/es/im/IMImageBubble/css/cssJSLogic.js +0 -10
  293. package/es/im/IMImageBubble/index.js +0 -1
  294. package/es/im/IMImageBubble/props/defaultProps.js +0 -7
  295. package/es/im/IMImageBubble/props/propTypes.js +0 -13
  296. package/es/im/IMIntegrationIcon/props/propConstants.js +0 -8
  297. package/es/im/IMLocationBubble/IMLocationBubble.js +0 -50
  298. package/es/im/IMLocationBubble/css/IMLocationBubble.module.css +0 -0
  299. package/es/im/IMLocationBubble/css/cssJSLogic.js +0 -10
  300. package/es/im/IMLocationBubble/index.js +0 -1
  301. package/es/im/IMLocationBubble/props/defaultProps.js +0 -8
  302. package/es/im/IMLocationBubble/props/propTypes.js +0 -11
  303. package/es/im/IMMessage/css/IMMessage.module.css +0 -0
  304. package/es/im/IMMessage/css/cssJSLogic.js +0 -10
  305. package/es/im/IMMessageAvatar/IMMessageAvatar.js +0 -45
  306. package/es/im/IMMessageAvatar/css/IMMessageAvatar.module.css +0 -0
  307. package/es/im/IMMessageAvatar/css/cssJSLogic.js +0 -0
  308. package/es/im/IMMessageAvatar/index.js +0 -1
  309. package/es/im/IMMessageAvatar/props/defaultProps.js +0 -12
  310. package/es/im/IMMessageAvatar/props/propTypes.js +0 -53
  311. package/es/im/IMMessageContent/css/cssJSLogic.js +0 -10
  312. package/es/im/IMReplyBubble/css/IMReplyBubble.module.css +0 -18
  313. package/es/im/IMReplyBubble/css/cssJSLogic.js +0 -10
  314. package/es/im/IMTextBubble/css/IMTextBubble.module.css +0 -1
  315. package/es/im/IMTextBubble/css/cssJSLogic.js +0 -10
  316. package/es/im/IMVideoBubble/IMVideoBubble.js +0 -61
  317. package/es/im/IMVideoBubble/css/IMVideoBubble.module.css +0 -1
  318. package/es/im/IMVideoBubble/css/cssJSLogic.js +0 -10
  319. package/es/im/IMVideoBubble/index.js +0 -1
  320. package/es/im/IMVideoBubble/props/defaultProps.js +0 -11
  321. package/es/im/IMVideoBubble/props/propTypes.js +0 -17
  322. package/es/unused/AvatarSpace/AvatarSpace.js +0 -40
  323. package/es/unused/AvatarSpace/css/AvatarSpace.module.css +0 -1
  324. package/es/unused/AvatarSpace/css/cssJSLogic.js +0 -15
  325. package/es/unused/AvatarSpace/index.js +0 -1
  326. package/es/unused/AvatarSpace/props/defaultProps.js +0 -10
  327. package/es/unused/AvatarSpace/props/propConstants.js +0 -7
  328. package/es/unused/AvatarSpace/props/propTypes.js +0 -8
  329. package/es/unused/MessageBoxFooter/MessageBoxFooter.js +0 -39
  330. package/es/unused/MessageBoxFooter/css/MessageBoxFooter.module.css +0 -3
  331. package/es/unused/MessageBoxFooter/css/cssJSLogic.js +0 -10
  332. package/es/unused/MessageBoxFooter/index.js +0 -1
  333. package/es/unused/MessageBoxFooter/props/defaultProps.js +0 -5
  334. package/es/unused/MessageBoxFooter/props/propTypes.js +0 -6
  335. package/es/unused/MessageBoxHeader/MessageBoxHeader.js +0 -7
  336. package/es/unused/MessageBoxHeader/css/MessageBoxHeader.module.css +0 -0
  337. package/es/unused/MessageBoxHeader/css/cssJsLogic.js +0 -0
  338. package/es/unused/MessageBoxHeader/index.js +0 -2
  339. package/es/unused/MessageBoxHeader/props/defaultProps.js +0 -0
  340. package/es/unused/MessageBoxHeader/props/propTypes.js +0 -0
  341. package/es/unused/MessageWrapper/MessageWrapper.js +0 -36
  342. package/es/unused/MessageWrapper/css/MessageWrapper.module.css +0 -0
  343. package/es/unused/MessageWrapper/css/cssJSLogic.js +0 -10
  344. package/es/unused/MessageWrapper/index.js +0 -1
  345. package/es/unused/MessageWrapper/props/defaultProps.js +0 -6
  346. package/es/unused/MessageWrapper/props/propTypes.js +0 -6
  347. package/es/unused/TextMessage/DefaultActions.js +0 -60
  348. package/es/unused/TextMessage/TextMessage.js +0 -67
  349. package/es/unused/TextMessage/TextMessage1.js +0 -66
  350. package/es/unused/TextMessage/css/TextMessage.module.css +0 -5
  351. package/es/unused/TextMessage/css/cssJSLogic.js +0 -0
  352. package/es/unused/TextMessage/index.js +0 -1
  353. package/es/unused/TextMessage/props/defaultProps.js +0 -4
  354. package/es/unused/TextMessage/props/propConstants.js +0 -3
  355. package/es/unused/TextMessage/props/propTypes.js +0 -17
  356. package/es/unused/darkTheme.js +0 -9
  357. package/es/unused/defaultTheme.js +0 -33
  358. /package/es/{ArticleBubble → im/ArticleBubble}/index.js +0 -0
@@ -1,59 +0,0 @@
1
- /* eslint-disable react/jsx-no-bind */
2
- /* eslint-disable max-len */
3
-
4
- /** ** Libraries *** */
5
- import React from 'react';
6
-
7
- /** ** Hooks *** */
8
- import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
9
-
10
- /** ** Constants *** */
11
- import mediaControlsDefaultProps from './props/defaultProps';
12
- import mediaControlsPropTypes from './props/propTypes';
13
-
14
- /** ** Methods *** */
15
- import cssJSLogic from './css/cssJSLogic';
16
-
17
- /** ** Styles *** */
18
- import style from './css/MediaControls.module.css';
19
-
20
- /** ** Icons *** */
21
- import PauseIcon from '@zohodesk/icon/es/general/Pause';
22
- import PlayIcon from '@zohodesk/icon/es/general/Copy';
23
- export default function MediaControls(props) {
24
- const {
25
- customStyle,
26
- onTogglePlay,
27
- isMediaPlayed,
28
- progressPercentage,
29
- currentTime,
30
- durationTime
31
- } = props;
32
-
33
- /* External customization */
34
- const newStyle = useMergeStyle(style, customStyle);
35
- /* CSS classnames added based on logic */
36
- const {
37
- mediaControlsClass,
38
- iconWrapperClass,
39
- progressBarClass,
40
- durationClass
41
- } = cssJSLogic(props, newStyle);
42
- return /*#__PURE__*/React.createElement("div", {
43
- className: mediaControlsClass
44
- }, /*#__PURE__*/React.createElement("div", {
45
- className: iconWrapperClass
46
- }, /*#__PURE__*/React.createElement("span", {
47
- onClick: onTogglePlay
48
- }, isMediaPlayed ? /*#__PURE__*/React.createElement(PauseIcon, null) : /*#__PURE__*/React.createElement(PlayIcon, null))), /*#__PURE__*/React.createElement("div", {
49
- className: progressBarClass,
50
- style: {
51
- width: progressPercentage
52
- }
53
- }), /*#__PURE__*/React.createElement("div", {
54
- className: durationClass
55
- }, `${currentTime} / ${durationTime}`));
56
- }
57
- MediaControls.propTypes = mediaControlsPropTypes;
58
- MediaControls.defaultProps = mediaControlsDefaultProps;
59
- MediaControls.displayName = 'MediaControls';
@@ -1,22 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const mediaControlsClass = compileClassNames({
5
- [style.mediaControls]: true
6
- });
7
- const iconWrapperClass = compileClassNames({
8
- [style.iconWrapper]: true
9
- });
10
- const progressBarClass = compileClassNames({
11
- [style.progressBar]: true
12
- });
13
- const durationClass = compileClassNames({
14
- [style.duration]: true
15
- });
16
- return {
17
- mediaControlsClass,
18
- iconWrapperClass,
19
- progressBarClass,
20
- durationClass
21
- };
22
- }
@@ -1 +0,0 @@
1
- export { default as MediaControls } from './MediaControls';
@@ -1,11 +0,0 @@
1
- /** ** Libraries *** */
2
- import PropTypes from 'prop-types';
3
- const mediaControlsPropTypes = {
4
- customStyle: PropTypes.object,
5
- onTogglePlay: PropTypes.func,
6
- isMediaPlayed: PropTypes.bool,
7
- progressPercentage: PropTypes.string,
8
- currentTime: PropTypes.string,
9
- durationTime: PropTypes.string
10
- };
11
- export default mediaControlsPropTypes;
File without changes
@@ -1,10 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const imMessageClass = compileClassNames({
5
- [style.imMessage]: true
6
- });
7
- return {
8
- imMessageClass
9
- };
10
- }
File without changes
File without changes
@@ -1,20 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const moreIconClass = compileClassNames({
5
- [style.moreIcon]: true
6
- });
7
- const secondaryActionsClass = compileClassNames({
8
- [style.secondaryActions]: true
9
- });
10
- const iconClass = compileClassNames({
11
- [style.icon]: true
12
- });
13
- return {
14
- moreIconClass,
15
- secondaryActionsClass,
16
- iconStyle: {
17
- base: iconClass
18
- }
19
- };
20
- }
@@ -1,28 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const popupClass = compileClassNames({
5
- [style.popup]: true
6
- });
7
- const morePopupContainerClass = compileClassNames({
8
- [style.container]: true
9
- });
10
- const popupWrapperClass = compileClassNames({
11
- [style.container]: true
12
- });
13
- const mobilePopupClass = compileClassNames({
14
- [style.container]: true
15
- });
16
- const mobilePopupWrapperClass = compileClassNames({
17
- [style.container]: true
18
- });
19
- return {
20
- popupClass: {
21
- customDropBox: popupClass,
22
- customMobileDropBox: mobilePopupClass,
23
- customDropBoxWrap: popupWrapperClass,
24
- customMobileDropBoxWrap: mobilePopupWrapperClass
25
- },
26
- morePopupContainerClass
27
- };
28
- }
@@ -1,10 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const actionsClass = compileClassNames({
5
- [style.messageActionsWrapper]: true
6
- });
7
- return {
8
- actionsClass
9
- };
10
- }
@@ -1,7 +0,0 @@
1
- /** ** Constants *** */
2
- import { actionsDefaultShowCount } from '@zohoim/chat-components-utils/es/constants/messageActionConstants';
3
- export default {
4
- actions: {
5
- defaultShowCount: actionsDefaultShowCount
6
- }
7
- };
@@ -1,18 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const iconClass = compileClassNames({
5
- [style.icon]: true
6
- });
7
- const avatarWrapperClass = compileClassNames({
8
- [style.msgAvatar]: true
9
- });
10
- const avatarClass = compileClassNames({
11
- [style.avatar]: true
12
- });
13
- return {
14
- iconClass,
15
- avatarWrapperClass,
16
- avatarClass
17
- };
18
- }
@@ -1,6 +0,0 @@
1
- /** ** Constants *** */
2
- import { direction } from '@zohoim/chat-components-utils/es/constants/messageConstants';
3
- const messageBubbleConstants = {
4
- direction
5
- };
6
- export default messageBubbleConstants;
@@ -1,27 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const listItemClass = compileClassNames({
5
- [style.listItem]: true
6
- });
7
-
8
- // const tickIconClass = compileClassNames({
9
- // [style.listItemIcon]: true
10
- // });
11
-
12
- const iconClass = compileClassNames({
13
- [style.icon]: true
14
- });
15
- const textClass = compileClassNames({
16
- [style.text]: true
17
- });
18
- return {
19
- // customListItemClass: {
20
- // customListItem: listItemClass,
21
- // customTickIcon: tickIconClass
22
- // }
23
- customListItemClass: listItemClass,
24
- iconClass,
25
- textClass
26
- };
27
- }
@@ -1,10 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const replyBubbleClass = compileClassNames({
5
- [style.replyBubble]: true
6
- });
7
- return {
8
- replyBubbleClass
9
- };
10
- }
@@ -1,22 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const replyBubbleContentClass = compileClassNames({
5
- [style.replyBubbleContent]: true
6
- });
7
- const nameClass = compileClassNames({
8
- [style.name]: true
9
- });
10
- const iconWrapperClass = compileClassNames({
11
- [style.iconWrapper]: true
12
- });
13
- const messageWrapperClass = compileClassNames({
14
- [style.messageWrapper]: true
15
- });
16
- return {
17
- replyBubbleContentClass,
18
- nameClass,
19
- iconWrapperClass,
20
- messageWrapperClass
21
- };
22
- }
@@ -1,18 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const replyBubbleHeaderClass = compileClassNames({
5
- [style.replyBubbleHeader]: true
6
- });
7
- const replyTextClass = compileClassNames({
8
- [style.replyText]: true
9
- });
10
- const timeClass = compileClassNames({
11
- [style.time]: true
12
- });
13
- return {
14
- replyBubbleHeaderClass,
15
- replyTextClass,
16
- timeClass
17
- };
18
- }
@@ -1,18 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const textBubbleClass = compileClassNames({
5
- [style.textBubble]: true
6
- });
7
- const textBubbleWrapperClass = compileClassNames({
8
- [style.textBubbleWrapper]: true
9
- });
10
- const moreTextClass = compileClassNames({
11
- [style.moreText]: true
12
- });
13
- return {
14
- textBubbleClass,
15
- moreTextClass,
16
- textBubbleWrapperClass
17
- };
18
- }
@@ -1,14 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const tooltipWrapperClass = compileClassNames({
5
- [style.tooltipWrapper]: true
6
- });
7
- const tooltipClass = compileClassNames({
8
- [style.tooltip]: true
9
- });
10
- return {
11
- tooltipWrapperClass,
12
- tooltipClass
13
- };
14
- }
@@ -1,14 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const videoWrapperClass = compileClassNames({
5
- [style.videoWrapper]: true
6
- });
7
- const videoClass = compileClassNames({
8
- [style.video]: true
9
- });
10
- return {
11
- videoWrapperClass,
12
- videoClass
13
- };
14
- }
@@ -1,10 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const videoBubbleClass = compileClassNames({
5
- [style.videoBubble]: true
6
- });
7
- return {
8
- videoBubbleClass
9
- };
10
- }
@@ -1,21 +0,0 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
- viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
5
- <style type="text/css">.st0{fill:#333333;}.st1{fill:#FF5650;}.st2{fill:#00A3FE;}</style>
6
- <path d="M30.96,14.934c-0.031-0.435-0.397-0.765-0.843-0.731c-0.435,0.031-0.762,0.409-0.731,0.843
7
- c0.153,2.137-0.199,4.226-1.044,6.209c-2.901,6.806-10.801,9.983-17.604,7.083c-6.806-2.9-9.984-10.798-7.083-17.605
8
- c2.9-6.806,10.796-9.983,17.605-7.083c0.638,0.272,1.242,0.608,1.828,0.972l-1.911,1.879l6.825,1.891l-1.775-6.857l-1.991,1.957
9
- c-0.75-0.492-1.53-0.941-2.359-1.294C14.271-1.04,5.444,2.509,2.203,10.117c-3.242,7.607,0.31,16.433,7.917,19.675
10
- C12.01,30.597,14.002,31,15.996,31c1.895,0,3.79-0.364,5.6-1.092c3.715-1.495,6.627-4.349,8.197-8.033
11
- C30.725,19.69,31.129,17.29,30.96,14.934z M20.603,17.895l0.812-0.812l-0.812-0.812l-0.812,0.812L20.603,17.895z M14.646,20.603
12
- l0.812,0.812l2.031-2.031l-0.812-0.812L14.646,20.603z M16.541,15.458l-3.52,3.52l0.812,0.812l3.52-3.52L16.541,15.458z
13
- M19.385,16.677l0.812-0.812l-0.812-0.812l-0.812,0.812L19.385,16.677z M18.166,15.458l0.812-0.812l-0.812-0.812l-0.812,0.812
14
- L18.166,15.458z M16.948,14.24l0.812-0.812l-0.812-0.812l-0.812,0.812L16.948,14.24z M11.37,23.825l3.005,3.005l11.643-11.643
15
- l-3.005-3.005l-0.406,0.406c-0.672,0.672-1.765,0.672-2.437,0c-0.672-0.672-0.672-1.765,0-2.437l0.406-0.406l-2.951-2.951
16
- L5.982,18.437l2.951,2.951l0.406-0.406c0.672-0.672,1.765-0.672,2.437,0c0.672,0.672,0.672,1.765,0,2.437L11.37,23.825z
17
- M8.974,19.804l-1.367-1.367L17.625,8.418l1.368,1.368c-0.737,1.114-0.615,2.634,0.365,3.614c0.981,0.981,2.5,1.102,3.614,0.365
18
- l1.422,1.422L14.375,25.206l-1.422-1.422c0.737-1.115,0.615-2.634-0.365-3.615C11.608,19.189,10.088,19.067,8.974,19.804z
19
- M14.917,13.834l-3.52,3.52l0.812,0.812l3.52-3.52L14.917,13.834z M16.541,12.209l-0.812-0.812l-0.812,0.812l0.812,0.812
20
- L16.541,12.209z"/>
21
- </svg>
@@ -1 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M9.58,14.69s-.09,.01-.14,.01c.44-2.28,1.79-4.43,3.55-6.14v-.03c.14-.63-.46-.5-.61-.46-.03,.01-.04,.01-.04,.01-.54,.28-1.07,.6-1.58,.94-3.28,2.07-6,5.69-5.93,9.6-.04,.25,.12,1.51,.12,1.51,.36,2.24,2.29,3.95,4.62,3.95,2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7Z"/><path d="M22.28,14.69s-.09,.01-.14,.01c.44-2.28,1.79-4.43,3.55-6.14v-.03c.14-.63-.46-.5-.61-.46-.03,.01-.04,.01-.04,.01-.54,.28-1.07,.6-1.58,.94-3.28,2.07-6,5.69-5.93,9.6-.04,.25,.12,1.51,.12,1.51,.36,2.24,2.29,3.95,4.62,3.95,2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7Z"/></svg>
@@ -1,25 +0,0 @@
1
- /* eslint-disable */
2
- import React from 'react';
3
- import Icon from '@zohodesk/icon/es/Icon/Icon';
4
- export default function IconComponent(props) {
5
- return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
6
- id: "Layer_1",
7
- xmlns: "http://www.w3.org/2000/svg",
8
- xmlnsXlink: "http://www.w3.org/1999/xlink",
9
- x: "0px",
10
- y: "0px",
11
- viewBox: "0 0 32 32",
12
- style: {
13
- "enableBackground": "new 0 0 32 32"
14
- },
15
- xmlSpace: "preserve"
16
- }, " ", /*#__PURE__*/React.createElement("style", {
17
- dangerouslySetInnerHTML: {
18
- __html: `.st0{fill:#333333;}.st1{fill:#FF5650;}.st2{fill:#00A3FE;}`
19
- }
20
- }), " ", /*#__PURE__*/React.createElement("path", {
21
- d: "M30.96,14.934c-0.031-0.435-0.397-0.765-0.843-0.731c-0.435,0.031-0.762,0.409-0.731,0.843 c0.153,2.137-0.199,4.226-1.044,6.209c-2.901,6.806-10.801,9.983-17.604,7.083c-6.806-2.9-9.984-10.798-7.083-17.605 c2.9-6.806,10.796-9.983,17.605-7.083c0.638,0.272,1.242,0.608,1.828,0.972l-1.911,1.879l6.825,1.891l-1.775-6.857l-1.991,1.957 c-0.75-0.492-1.53-0.941-2.359-1.294C14.271-1.04,5.444,2.509,2.203,10.117c-3.242,7.607,0.31,16.433,7.917,19.675 C12.01,30.597,14.002,31,15.996,31c1.895,0,3.79-0.364,5.6-1.092c3.715-1.495,6.627-4.349,8.197-8.033 C30.725,19.69,31.129,17.29,30.96,14.934z M20.603,17.895l0.812-0.812l-0.812-0.812l-0.812,0.812L20.603,17.895z M14.646,20.603 l0.812,0.812l2.031-2.031l-0.812-0.812L14.646,20.603z M16.541,15.458l-3.52,3.52l0.812,0.812l3.52-3.52L16.541,15.458z M19.385,16.677l0.812-0.812l-0.812-0.812l-0.812,0.812L19.385,16.677z M18.166,15.458l0.812-0.812l-0.812-0.812l-0.812,0.812 L18.166,15.458z M16.948,14.24l0.812-0.812l-0.812-0.812l-0.812,0.812L16.948,14.24z M11.37,23.825l3.005,3.005l11.643-11.643 l-3.005-3.005l-0.406,0.406c-0.672,0.672-1.765,0.672-2.437,0c-0.672-0.672-0.672-1.765,0-2.437l0.406-0.406l-2.951-2.951 L5.982,18.437l2.951,2.951l0.406-0.406c0.672-0.672,1.765-0.672,2.437,0c0.672,0.672,0.672,1.765,0,2.437L11.37,23.825z M8.974,19.804l-1.367-1.367L17.625,8.418l1.368,1.368c-0.737,1.114-0.615,2.634,0.365,3.614c0.981,0.981,2.5,1.102,3.614,0.365 l1.422,1.422L14.375,25.206l-1.422-1.422c0.737-1.115,0.615-2.634-0.365-3.615C11.608,19.189,10.088,19.067,8.974,19.804z M14.917,13.834l-3.52,3.52l0.812,0.812l3.52-3.52L14.917,13.834z M16.541,12.209l-0.812-0.812l-0.812,0.812l0.812,0.812 L16.541,12.209z",
22
- className: "path-0"
23
- }), " "));
24
- }
25
- IconComponent.propTypes = Icon.propTypes;
@@ -1 +0,0 @@
1
- export { default as ConvertTicket } from './ConvertTicket';
@@ -1,17 +0,0 @@
1
- /* eslint-disable */
2
- import React from 'react';
3
- import Icon from '@zohodesk/icon/es/Icon/Icon';
4
- export default function IconComponent(props) {
5
- return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
6
- id: "Layer_1",
7
- xmlns: "http://www.w3.org/2000/svg",
8
- viewBox: "0 0 32 32"
9
- }, " ", /*#__PURE__*/React.createElement("path", {
10
- d: "M9.58,14.69s-.09,.01-.14,.01c.44-2.28,1.79-4.43,3.55-6.14v-.03c.14-.63-.46-.5-.61-.46-.03,.01-.04,.01-.04,.01-.54,.28-1.07,.6-1.58,.94-3.28,2.07-6,5.69-5.93,9.6-.04,.25,.12,1.51,.12,1.51,.36,2.24,2.29,3.95,4.62,3.95,2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7Z",
11
- className: "path-0"
12
- }), " ", /*#__PURE__*/React.createElement("path", {
13
- d: "M22.28,14.69s-.09,.01-.14,.01c.44-2.28,1.79-4.43,3.55-6.14v-.03c.14-.63-.46-.5-.61-.46-.03,.01-.04,.01-.04,.01-.54,.28-1.07,.6-1.58,.94-3.28,2.07-6,5.69-5.93,9.6-.04,.25,.12,1.51,.12,1.51,.36,2.24,2.29,3.95,4.62,3.95,2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7Z",
14
- className: "path-1"
15
- }), " "));
16
- }
17
- IconComponent.propTypes = Icon.propTypes;
@@ -1,54 +0,0 @@
1
- /* eslint-disable react/jsx-no-bind */
2
- /* eslint-disable max-len */
3
-
4
- /** ** Libraries *** */
5
- import React from 'react';
6
-
7
- /** ** Hooks *** */
8
- import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
9
-
10
- /** ** Constants *** */
11
- import imArticleBubbleDefaultProps from './props/defaultProps';
12
- import imArticleBubblePropTypes from './props/propTypes';
13
-
14
- /** ** Methods *** */
15
- import getDerivedArticleDetails from '@zohoim/chat-components-utils/es/imUtils/getDerivedArticleDetails';
16
- import cssJSLogic from './css/cssJSLogic';
17
-
18
- /** ** Styles *** */
19
- import style from './css/IMArticleBubble.module.css';
20
- import ArticleBubble from '../../ArticleBubble/ArticleBubble';
21
- export default function IMArticleBubble(props) {
22
- const {
23
- customStyle,
24
- articleCustomStyle,
25
- articleDetails,
26
- articleShareI18N
27
- } = props;
28
-
29
- /* External customization */
30
- const newStyle = useMergeStyle(style, customStyle);
31
- /* CSS classnames added based on logic */
32
- const {
33
- imArticleBubbleClass
34
- } = cssJSLogic(props, newStyle);
35
- const {
36
- articleURL,
37
- summary,
38
- title
39
- } = getDerivedArticleDetails({
40
- articleDetails
41
- });
42
- return /*#__PURE__*/React.createElement("div", {
43
- className: imArticleBubbleClass
44
- }, /*#__PURE__*/React.createElement(ArticleBubble, {
45
- articleURL: articleURL,
46
- bubbleInfo: articleShareI18N,
47
- customStyle: articleCustomStyle,
48
- summary: summary,
49
- title: title
50
- }));
51
- }
52
- IMArticleBubble.propTypes = imArticleBubblePropTypes;
53
- IMArticleBubble.defaultProps = imArticleBubbleDefaultProps;
54
- IMArticleBubble.displayName = 'IMArticleBubble';
@@ -1,10 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const imArticleBubbleClass = compileClassNames({
5
- [style.imArticleBubble]: true
6
- });
7
- return {
8
- imArticleBubbleClass
9
- };
10
- }
@@ -1 +0,0 @@
1
- export { default as IMArticleBubble } from './IMArticleBubble';
@@ -1,8 +0,0 @@
1
- /** ** Constants *** */
2
- import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
3
- const imArticleBubbleDefaultProps = {
4
- customStyle: dummyObject,
5
- articleCustomStyle: dummyObject,
6
- articleDetails: dummyObject
7
- };
8
- export default imArticleBubbleDefaultProps;
@@ -1,14 +0,0 @@
1
- /** ** Libraries *** */
2
- import PropTypes from 'prop-types';
3
- const imArticleBubblePropTypes = {
4
- customStyle: PropTypes.object,
5
- articleCustomStyle: PropTypes.object,
6
- articleDetails: PropTypes.shape({
7
- createdTime: PropTypes.string,
8
- id: PropTypes.string,
9
- summary: PropTypes.string,
10
- title: PropTypes.string,
11
- webUrl: PropTypes.string
12
- })
13
- };
14
- export default imArticleBubblePropTypes;
@@ -1,62 +0,0 @@
1
- /* eslint-disable react/jsx-no-bind */
2
- /* eslint-disable max-len */
3
-
4
- /** ** Libraries *** */
5
- import React from 'react';
6
-
7
- /** ** Hooks *** */
8
- import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
9
-
10
- /** ** Constants *** */
11
- import imAttachmentBubbleDefaultProps from './props/defaultProps';
12
- import imAttachmentBubblePropTypes from './props/propTypes';
13
-
14
- /** ** Methods *** */
15
- import getAttachmentDetails from '@zohoim/chat-components-utils/es/imUtils/getAttachmentDetails';
16
- import cssJSLogic from './css/cssJSLogic';
17
-
18
- /** ** Styles *** */
19
- import style from './css/IMAttachmentBubble.module.css';
20
- import AttachmentBubble from '../../AttachmentBubble/AttachmentBubble';
21
- import IMAttachmentIcon from '../IMAttachmentIcon/IMAttachmentIcon';
22
- export default function IMAttachmentBubble(props) {
23
- const {
24
- customStyle,
25
- iconCustomStyle,
26
- bubbleCustomStyle,
27
- bubbleInfoCustomStyle,
28
- attachmentDetails
29
- } = props;
30
-
31
- /* External customization */
32
- const newStyle = useMergeStyle(style, customStyle);
33
- /* CSS classnames added based on logic */
34
- const {
35
- imAttachmentBubbleClass
36
- } = cssJSLogic(props, newStyle);
37
- const {
38
- formattedFileSize: fileSize,
39
- fileName,
40
- fileFormat
41
- } = getAttachmentDetails({
42
- attachmentDetails
43
- });
44
- function renderFileTypeIcon() {
45
- return /*#__PURE__*/React.createElement(IMAttachmentIcon, {
46
- customStyle: iconCustomStyle,
47
- fileFormat: fileFormat
48
- });
49
- }
50
- return /*#__PURE__*/React.createElement("div", {
51
- className: imAttachmentBubbleClass
52
- }, /*#__PURE__*/React.createElement(AttachmentBubble, {
53
- bubbleInfoCustomStyle: bubbleInfoCustomStyle,
54
- customStyle: bubbleCustomStyle,
55
- fileName: fileName,
56
- fileSize: fileSize,
57
- renderFileTypeIcon: renderFileTypeIcon
58
- }));
59
- }
60
- IMAttachmentBubble.propTypes = imAttachmentBubblePropTypes;
61
- IMAttachmentBubble.defaultProps = imAttachmentBubbleDefaultProps;
62
- IMAttachmentBubble.displayName = 'IMAttachmentBubble';
@@ -1,10 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const imAttachmentBubbleClass = compileClassNames({
5
- [style.imAttachmentBubble]: true
6
- });
7
- return {
8
- imAttachmentBubbleClass
9
- };
10
- }
@@ -1 +0,0 @@
1
- export { default as IMAttachmentBubble } from './IMAttachmentBubble';
@@ -1,10 +0,0 @@
1
- /** ** Constants *** */
2
- import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
3
- const imAttachmentBubbleDefaultProps = {
4
- customStyle: dummyObject,
5
- bubbleCustomStyle: dummyObject,
6
- bubbleInfoCustomStyle: dummyObject,
7
- iconCustomStyle: dummyObject,
8
- attachmentDetails: dummyObject
9
- };
10
- export default imAttachmentBubbleDefaultProps;
@@ -1,16 +0,0 @@
1
- /** ** Libraries *** */
2
- import PropTypes from 'prop-types';
3
- const imAttachmentBubblePropTypes = {
4
- customStyle: PropTypes.object,
5
- iconCustomStyle: PropTypes.object,
6
- bubbleCustomStyle: PropTypes.object,
7
- bubbleInfoCustomStyle: PropTypes.object,
8
- attachmentDetails: PropTypes.shape({
9
- name: PropTypes.string,
10
- size: PropTypes.string,
11
- type: PropTypes.string,
12
- url: PropTypes.string,
13
- id: PropTypes.string
14
- })
15
- };
16
- export default imAttachmentBubblePropTypes;
@@ -1,4 +0,0 @@
1
- .icon {
2
- width: var(--imlib_size_20);
3
- height: var(--imlib_size_20);
4
- }