@zohoim/chat-components 0.0.13 → 0.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (387) 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 +57 -0
  6. package/es/ActionIconWrapper/css/ActionIconWrapper.module.css +32 -0
  7. package/es/ActionIconWrapper/css/cssJSLogic.js +14 -0
  8. package/es/ActionIconWrapper/index.js +1 -0
  9. package/es/{im/IMDateTime → ActionIconWrapper}/props/defaultProps.js +3 -3
  10. package/es/ActionIconWrapper/props/propTypes.js +11 -0
  11. package/es/AttachmentBubble/AttachmentBubble.js +30 -29
  12. package/es/AttachmentBubble/css/AttachmentBubble.module.css +17 -15
  13. package/es/AttachmentBubble/props/defaultProps.js +2 -2
  14. package/es/AttachmentBubble/props/propTypes.js +10 -5
  15. package/es/AttachmentBubbleInfo/AttachmentBubbleInfo.js +13 -21
  16. package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +19 -16
  17. package/es/AttachmentBubbleInfo/props/defaultProps.js +1 -1
  18. package/es/AttachmentBubbleInfo/props/propTypes.js +3 -3
  19. package/es/AttachmentIcon/AttachmentIcon.js +47 -0
  20. package/es/AttachmentIcon/css/AttachmentIcon.module.css +4 -0
  21. package/es/AttachmentIcon/index.js +1 -0
  22. package/es/{MediaControls → AttachmentIcon}/props/defaultProps.js +3 -3
  23. package/es/AttachmentIcon/props/propTypes.js +11 -0
  24. package/es/AttachmentIcon/utils/getAttachmentIconComponent.js +61 -0
  25. package/es/Audio/Audio.js +14 -36
  26. package/es/Audio/css/Audio.module.css +3 -3
  27. package/es/Audio/props/defaultProps.js +2 -3
  28. package/es/Audio/props/propTypes.js +3 -4
  29. package/es/AudioBubble/AudioBubble.js +32 -36
  30. package/es/AudioBubble/css/AudioBubble.module.css +3 -2
  31. package/es/AudioBubble/props/defaultProps.js +2 -3
  32. package/es/AudioBubble/props/propTypes.js +10 -7
  33. package/es/Fonts/puviFont.module.css +55 -54
  34. package/es/ImageBubble/ImageBubble.js +20 -20
  35. package/es/ImageBubble/css/ImageBubble.module.css +8 -11
  36. package/es/ImageBubble/props/defaultProps.js +1 -1
  37. package/es/ImageBubble/props/propTypes.js +5 -3
  38. package/es/InfoBubble/InfoBubble.js +6 -8
  39. package/es/InfoBubble/props/defaultProps.js +1 -1
  40. package/es/LazyLoadImage/LazyLoadImage.js +6 -16
  41. package/es/LazyLoadImage/css/LazyLoadImage.module.css +1 -0
  42. package/es/LazyLoadImage/props/defaultProps.js +1 -1
  43. package/es/LazyLoadImage/props/propTypes.js +3 -3
  44. package/es/LocationBubble/LocationBubble.js +17 -34
  45. package/es/LocationBubble/css/LocationBubble.module.css +13 -14
  46. package/es/LocationBubble/props/defaultProps.js +1 -1
  47. package/es/LocationBubble/props/propTypes.js +2 -2
  48. package/es/MediaBubbleWrapper/MediaBubbleWrapper.js +59 -0
  49. package/es/MediaBubbleWrapper/css/MediaBubbleWrapper.module.css +7 -0
  50. package/es/MediaBubbleWrapper/index.js +1 -0
  51. package/es/MediaBubbleWrapper/props/defaultProps.js +7 -0
  52. package/es/MediaBubbleWrapper/props/propTypes.js +16 -0
  53. package/es/Message/Message.js +59 -37
  54. package/es/Message/props/defaultProps.js +3 -3
  55. package/es/Message/props/propTypes.js +17 -38
  56. package/es/MessageAction/MessageAction.js +31 -18
  57. package/es/MessageAction/props/defaultProps.js +4 -4
  58. package/es/MessageAction/props/propTypes.js +11 -8
  59. package/es/MessageActions/MessageActions.js +56 -96
  60. package/es/MessageActions/css/MessageActions.module.css +2 -9
  61. package/es/MessageActions/props/defaultProps.js +2 -4
  62. package/es/MessageActions/props/propTypes.js +13 -19
  63. package/es/MessageActionsMore/MessageActionsMore.js +43 -35
  64. package/es/MessageActionsMore/css/MessageActionsMore.module.css +8 -5
  65. package/es/MessageActionsMore/props/defaultProps.js +3 -2
  66. package/es/MessageActionsMore/props/propTypes.js +3 -2
  67. package/es/MessageActionsWrapper/MessageActionsWrapper.js +36 -44
  68. package/es/MessageActionsWrapper/css/MessageActionsWrapper.module.css +1 -1
  69. package/es/MessageActionsWrapper/props/defaultProps.js +4 -5
  70. package/es/MessageActionsWrapper/props/propTypes.js +7 -4
  71. package/es/MessageAvatar/MessageAvatar.js +11 -19
  72. package/es/MessageAvatar/css/MessageAvatar.module.css +3 -3
  73. package/es/MessageAvatar/props/defaultProps.js +2 -6
  74. package/es/MessageAvatar/props/propTypes.js +5 -5
  75. package/es/MessageBox/MessageBox.js +33 -30
  76. package/es/MessageBox/css/MessageBox.module.css +9 -16
  77. package/es/MessageBox/css/cssJSLogic.js +1 -21
  78. package/es/MessageBox/props/defaultProps.js +1 -3
  79. package/es/MessageBox/props/propTypes.js +8 -7
  80. package/es/MessageBubble/MessageBubble.js +64 -38
  81. package/es/MessageBubble/css/MessageBubble.module.css +11 -8
  82. package/es/MessageBubble/css/cssJSLogic.js +10 -26
  83. package/es/MessageBubble/props/defaultProps.js +1 -1
  84. package/es/MessageBubble/props/propTypes.js +7 -7
  85. package/es/MessageStatus/MessageStatus.js +11 -11
  86. package/es/MessageStatus/css/MessageStatus.module.css +1 -1
  87. package/es/MessageStatus/css/cssJSLogic.js +13 -9
  88. package/es/MessageStatus/props/defaultProps.js +1 -1
  89. package/es/MessageStatus/props/propTypes.js +4 -14
  90. package/es/MoreActionItem/MoreActionItem.js +21 -33
  91. package/es/MoreActionItem/css/MoreActionItem.module.css +6 -14
  92. package/es/MoreActionItem/props/defaultProps.js +1 -5
  93. package/es/MoreActionItem/props/propTypes.js +6 -5
  94. package/es/ReplyBubble/ReplyBubble.js +58 -28
  95. package/es/ReplyBubble/css/ReplyBubble.module.css +17 -0
  96. package/es/ReplyBubble/props/defaultProps.js +3 -4
  97. package/es/ReplyBubble/props/propTypes.js +15 -8
  98. package/es/ReplyBubbleContent/ReplyBubbleContent.js +15 -25
  99. package/es/ReplyBubbleContent/css/ReplyBubbleContent.module.css +35 -38
  100. package/es/ReplyBubbleContent/props/defaultProps.js +1 -1
  101. package/es/ReplyBubbleContent/props/propTypes.js +4 -4
  102. package/es/ReplyBubbleHeader/ReplyBubbleHeader.js +27 -33
  103. package/es/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +25 -9
  104. package/es/ReplyBubbleHeader/props/defaultProps.js +2 -4
  105. package/es/ReplyBubbleHeader/props/propTypes.js +3 -2
  106. package/es/TextBubble/TextBubble.js +12 -30
  107. package/es/TextBubble/css/TextBubble.module.css +15 -9
  108. package/es/TextBubble/props/defaultProps.js +2 -5
  109. package/es/TextBubble/props/propTypes.js +3 -4
  110. package/es/Theme/{DeskAssets.js → ThemeAssets.js} +10 -6
  111. package/es/Theme/ThemeWrapper.js +54 -57
  112. package/es/Theme/{ToolttipWrapper.js → TooltipWrapper.js} +29 -25
  113. package/es/Theme/constants/index.js +1 -4
  114. package/es/Theme/crm/dark/blueFanTheme.js +5 -5
  115. package/es/Theme/crm/dark/blueTheme.js +5 -5
  116. package/es/Theme/crm/dark/commonColorVariable.js +5 -5
  117. package/es/Theme/crm/dark/darkBlueTheme.js +5 -5
  118. package/es/Theme/crm/dark/darkGreyTheme.js +5 -5
  119. package/es/Theme/crm/dark/greenTheme.js +5 -5
  120. package/es/Theme/crm/dark/orangeTheme.js +5 -5
  121. package/es/Theme/crm/dark/pinkTheme.js +5 -5
  122. package/es/Theme/crm/dark/tealTheme.js +5 -5
  123. package/es/Theme/crm/dark/whiteTheme.js +5 -5
  124. package/es/Theme/crm/light/blueFanTheme.js +5 -5
  125. package/es/Theme/crm/light/blueTheme.js +3 -3
  126. package/es/Theme/crm/light/commonColorVariable.js +3 -3
  127. package/es/Theme/crm/light/darkBlueTheme.js +5 -5
  128. package/es/Theme/crm/light/darkGreyTheme.js +5 -5
  129. package/es/Theme/crm/light/greenTheme.js +3 -3
  130. package/es/Theme/crm/light/orangeTheme.js +3 -3
  131. package/es/Theme/crm/light/pinkTheme.js +3 -3
  132. package/es/Theme/crm/light/tealTheme.js +3 -3
  133. package/es/Theme/crm/light/whiteTheme.js +5 -5
  134. package/es/Theme/crm/pureDark/blueFanTheme.js +5 -5
  135. package/es/Theme/crm/pureDark/blueTheme.js +5 -5
  136. package/es/Theme/crm/pureDark/commonColorVariable.js +3 -3
  137. package/es/Theme/crm/pureDark/darkBlueTheme.js +5 -5
  138. package/es/Theme/crm/pureDark/darkGreyTheme.js +5 -5
  139. package/es/Theme/crm/pureDark/greenTheme.js +5 -5
  140. package/es/Theme/crm/pureDark/orangeTheme.js +5 -5
  141. package/es/Theme/crm/pureDark/pinkTheme.js +5 -5
  142. package/es/Theme/crm/pureDark/tealTheme.js +5 -5
  143. package/es/Theme/crm/pureDark/whiteTheme.js +5 -5
  144. package/es/Theme/css/TooltipWrapper.module.css +2 -2
  145. package/es/Theme/props/defaultProps.js +2 -3
  146. package/es/Theme/props/propTypes.js +5 -6
  147. package/es/Theme/{desk/commonDeskColorVariable.js → themeVariables/commonThemeColorVariable.js} +2 -3
  148. package/es/Theme/{desk → themeVariables}/dark/blueTheme.js +11 -11
  149. package/es/Theme/{desk → themeVariables}/dark/commonColorVariable.js +1 -1
  150. package/es/Theme/{desk → themeVariables}/dark/greenTheme.js +8 -8
  151. package/es/Theme/{desk → themeVariables}/dark/orangeTheme.js +8 -8
  152. package/es/Theme/{desk → themeVariables}/dark/redTheme.js +8 -8
  153. package/es/Theme/{desk → themeVariables}/dark/yellowTheme.js +8 -8
  154. package/es/Theme/{desk → themeVariables}/light/blueTheme.js +8 -8
  155. package/es/Theme/{desk → themeVariables}/light/commonColorVariable.js +1 -1
  156. package/es/Theme/{desk → themeVariables}/light/greenTheme.js +8 -8
  157. package/es/Theme/{desk → themeVariables}/light/orangeTheme.js +7 -7
  158. package/es/Theme/{desk → themeVariables}/light/redTheme.js +7 -7
  159. package/es/Theme/{desk → themeVariables}/light/yellowTheme.js +8 -8
  160. package/es/Theme/{desk → themeVariables}/pureDark/blueTheme.js +8 -8
  161. package/es/Theme/{desk → themeVariables}/pureDark/commonColorVariable.js +1 -1
  162. package/es/Theme/{desk → themeVariables}/pureDark/greenTheme.js +8 -8
  163. package/es/Theme/{desk → themeVariables}/pureDark/orangeTheme.js +8 -8
  164. package/es/Theme/{desk → themeVariables}/pureDark/redTheme.js +8 -8
  165. package/es/Theme/{desk → themeVariables}/pureDark/yellowTheme.js +8 -8
  166. package/es/Theme/utils/combineConfigurations.js +17 -0
  167. package/es/Theme/utils/flatVariables.js +12 -0
  168. package/es/Theme/utils/getCustomizedCssVariables.js +19 -0
  169. package/es/Theme/utils/getThemeConfigurations.js +47 -175
  170. package/es/Theme/utils/getWrapperDivProps.js +12 -0
  171. package/es/Video/Video.js +13 -45
  172. package/es/Video/css/Video.module.css +2 -7
  173. package/es/Video/props/defaultProps.js +2 -3
  174. package/es/Video/props/propTypes.js +3 -4
  175. package/es/VideoBubble/VideoBubble.js +32 -35
  176. package/es/VideoBubble/css/VideoBubble.module.css +4 -4
  177. package/es/VideoBubble/props/defaultProps.js +2 -3
  178. package/es/VideoBubble/props/propTypes.js +11 -7
  179. package/es/css/common.module.css +6 -0
  180. package/es/icons/create-icon-components.js +30 -0
  181. package/es/icons/factory/common/article.svg +4 -4
  182. package/es/icons/factory/integrations/chInstagram.svg +2 -2
  183. package/es/icons/factory/integrations/chWhatsApp.svg +2 -2
  184. package/es/icons/factory/integrations/ttASAP.svg +6 -1
  185. package/es/icons/factory/integrations/ttLine.svg +8 -0
  186. package/es/icons/factory/integrations/ttTelegram.svg +4 -1
  187. package/es/icons/factory/integrations/ttTwillio.svg +8 -1
  188. package/es/icons/factory/integrations/ttWechat.svg +9 -1
  189. package/es/icons/icon.template.js +9 -8
  190. package/es/icons/iconSrc/common/Article.js +2 -3
  191. package/es/icons/iconSrc/common/index.js +1 -2
  192. package/es/icons/iconSrc/integrations/ChInstagram.js +2 -3
  193. package/es/icons/iconSrc/integrations/ChWhatsApp.js +2 -3
  194. package/es/icons/iconSrc/integrations/TtASAP.js +11 -15
  195. package/es/icons/iconSrc/integrations/{TtTwitter.js → TtLine.js} +14 -18
  196. package/es/icons/iconSrc/integrations/TtTelegram.js +8 -12
  197. package/es/icons/iconSrc/integrations/TtTwillio.js +15 -19
  198. package/es/icons/iconSrc/integrations/TtWechat.js +19 -20
  199. package/es/icons/iconSrc/integrations/index.js +1 -1
  200. package/es/im/ArticleBubble/ArticleBubble.js +67 -0
  201. package/es/im/ArticleBubble/css/ArticleBubble.module.css +57 -0
  202. package/es/{ArticleBubble → im/ArticleBubble}/props/defaultProps.js +1 -1
  203. package/es/im/ArticleBubble/props/propTypes.js +13 -0
  204. package/es/im/IMAutoMessageInfo/IMAutoMessageInfo.js +10 -20
  205. package/es/im/IMAutoMessageInfo/css/IMAutoMessageInfo.module.css +2 -3
  206. package/es/im/IMAutoMessageInfo/props/defaultProps.js +1 -1
  207. package/es/im/IMAutoMessageInfo/props/propTypes.js +11 -9
  208. package/es/im/IMInfoBubble/IMInfoBubble.js +6 -8
  209. package/es/im/IMInfoBubble/props/defaultProps.js +1 -1
  210. package/es/im/IMIntegrationIcon/IMIntegrationIcon.js +31 -38
  211. package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +5 -8
  212. package/es/im/IMIntegrationIcon/css/cssJSLogic.js +9 -13
  213. package/es/im/IMIntegrationIcon/index.js +1 -2
  214. package/es/im/IMIntegrationIcon/props/defaultProps.js +6 -4
  215. package/es/im/IMIntegrationIcon/props/propTypes.js +6 -17
  216. package/es/im/IMMessage/IMMessage.js +97 -90
  217. package/es/im/IMMessage/css/IMMessage.module.css +36 -0
  218. package/es/im/IMMessage/css/cssJSLogic.js +16 -3
  219. package/es/im/IMMessage/props/defaultProps.js +3 -11
  220. package/es/im/IMMessage/props/propTypes.js +52 -97
  221. package/es/im/IMMessageContent/IMMessageContent.js +76 -65
  222. package/es/im/IMMessageContent/css/IMMessageContent.module.css +1 -1
  223. package/es/im/IMMessageContent/props/defaultProps.js +2 -3
  224. package/es/im/IMMessageContent/props/propTypes.js +29 -23
  225. package/es/im/IMMessageMeta/IMMessageMeta.js +26 -21
  226. package/es/im/IMMessageMeta/css/IMMessageMeta.module.css +13 -4
  227. package/es/im/IMMessageMeta/css/cssJSLogic.js +11 -3
  228. package/es/im/IMMessageMeta/props/defaultProps.js +1 -1
  229. package/es/im/IMMessageMeta/props/propTypes.js +17 -12
  230. package/es/im/IMPermaLink/IMPermaLink.js +48 -0
  231. package/es/im/IMPermaLink/css/IMPermaLink.module.css +14 -0
  232. package/es/im/{IMTicketLink → IMPermaLink}/css/cssJSLogic.js +3 -3
  233. package/es/im/IMPermaLink/index.js +1 -0
  234. package/es/im/{IMAttachmentIcon → IMPermaLink}/props/defaultProps.js +3 -3
  235. package/es/im/IMPermaLink/props/propTypes.js +11 -0
  236. package/es/im/IMReplyBubble/IMReplyBubble.js +20 -59
  237. package/es/im/IMReplyBubble/props/defaultProps.js +2 -4
  238. package/es/im/IMReplyBubble/props/propTypes.js +16 -14
  239. package/es/im/IMTextBubble/IMTextBubble.js +15 -31
  240. package/es/im/IMTextBubble/props/defaultProps.js +3 -9
  241. package/es/im/IMTextBubble/props/propTypes.js +22 -8
  242. package/es/im/css/common.module.css +6 -0
  243. package/es/im/index.js +2 -10
  244. package/es/index.js +4 -6
  245. package/package.json +32 -14
  246. package/es/ActionIcon/css/cssJSLogic.js +0 -10
  247. package/es/ArticleBubble/ArticleBubble.js +0 -70
  248. package/es/ArticleBubble/css/ArticleBubble.module.css +0 -48
  249. package/es/ArticleBubble/css/cssJSLogic.js +0 -34
  250. package/es/ArticleBubble/props/propTypes.js +0 -10
  251. package/es/AttachmentBubble/css/cssJSLogic.js +0 -18
  252. package/es/AttachmentBubbleInfo/css/cssJSLogic.js +0 -18
  253. package/es/Audio/css/cssJSLogic.js +0 -14
  254. package/es/AudioBubble/css/cssJSLogic.js +0 -20
  255. package/es/ImageBubble/css/cssJSLogic.js +0 -22
  256. package/es/LazyLoadImage/css/cssJSLogic.js +0 -10
  257. package/es/LocationBubble/css/cssJSLogic.js +0 -30
  258. package/es/MediaControls/MediaControls.js +0 -59
  259. package/es/MediaControls/css/MediaControls.module.css +0 -1
  260. package/es/MediaControls/css/cssJSLogic.js +0 -22
  261. package/es/MediaControls/index.js +0 -1
  262. package/es/MediaControls/props/propTypes.js +0 -11
  263. package/es/Message/css/Message.module.css +0 -0
  264. package/es/Message/css/cssJSLogic.js +0 -10
  265. package/es/MessageAction/css/MessageAction.module.css +0 -0
  266. package/es/MessageAction/css/cssJSLogic.js +0 -0
  267. package/es/MessageActions/css/cssJSLogic.js +0 -20
  268. package/es/MessageActionsMore/css/cssJSLogic.js +0 -28
  269. package/es/MessageActionsWrapper/css/cssJSLogic.js +0 -10
  270. package/es/MessageActionsWrapper/props/propConstants.js +0 -7
  271. package/es/MessageAvatar/css/cssJSLogic.js +0 -18
  272. package/es/MessageBubble/props/propConstants.js +0 -6
  273. package/es/MoreActionItem/css/cssJSLogic.js +0 -27
  274. package/es/ReplyBubble/css/cssJSLogic.js +0 -10
  275. package/es/ReplyBubbleContent/css/cssJSLogic.js +0 -22
  276. package/es/ReplyBubbleHeader/css/cssJSLogic.js +0 -18
  277. package/es/TextBubble/css/cssJSLogic.js +0 -18
  278. package/es/Theme/css/cssJSLogic.js +0 -14
  279. package/es/Video/css/cssJSLogic.js +0 -14
  280. package/es/VideoBubble/css/cssJSLogic.js +0 -10
  281. package/es/icons/factory/actions/convertTicket.svg +0 -21
  282. package/es/icons/factory/common/quote.svg +0 -1
  283. package/es/icons/factory/integrations/ttTwitter.svg +0 -1
  284. package/es/icons/iconSrc/actions/ConvertTicket.js +0 -25
  285. package/es/icons/iconSrc/actions/index.js +0 -1
  286. package/es/icons/iconSrc/common/Quote.js +0 -17
  287. package/es/im/IMArticleBubble/IMArticleBubble.js +0 -54
  288. package/es/im/IMArticleBubble/css/IMArticleBubble.module.css +0 -0
  289. package/es/im/IMArticleBubble/css/cssJSLogic.js +0 -10
  290. package/es/im/IMArticleBubble/index.js +0 -1
  291. package/es/im/IMArticleBubble/props/defaultProps.js +0 -8
  292. package/es/im/IMArticleBubble/props/propTypes.js +0 -14
  293. package/es/im/IMAttachmentBubble/IMAttachmentBubble.js +0 -62
  294. package/es/im/IMAttachmentBubble/css/IMAttachmentBubble.module.css +0 -1
  295. package/es/im/IMAttachmentBubble/css/cssJSLogic.js +0 -10
  296. package/es/im/IMAttachmentBubble/index.js +0 -1
  297. package/es/im/IMAttachmentBubble/props/defaultProps.js +0 -10
  298. package/es/im/IMAttachmentBubble/props/propTypes.js +0 -16
  299. package/es/im/IMAttachmentIcon/IMAttachmentIcon.js +0 -85
  300. package/es/im/IMAttachmentIcon/css/IMAttachmentIcon.module.css +0 -4
  301. package/es/im/IMAttachmentIcon/css/cssJSLogic.js +0 -16
  302. package/es/im/IMAttachmentIcon/index.js +0 -1
  303. package/es/im/IMAttachmentIcon/props/propTypes.js +0 -26
  304. package/es/im/IMAudioBubble/IMAudioBubble.js +0 -62
  305. package/es/im/IMAudioBubble/css/IMAudioBubble.module.css +0 -8
  306. package/es/im/IMAudioBubble/css/cssJSLogic.js +0 -20
  307. package/es/im/IMAudioBubble/index.js +0 -1
  308. package/es/im/IMAudioBubble/props/defaultProps.js +0 -11
  309. package/es/im/IMAudioBubble/props/propTypes.js +0 -17
  310. package/es/im/IMAutoMessageInfo/css/cssJSLogic.js +0 -10
  311. package/es/im/IMDateTime/IMDateTime.js +0 -40
  312. package/es/im/IMDateTime/css/IMDateTime.module.css +0 -10
  313. package/es/im/IMDateTime/css/cssJSLogic.js +0 -10
  314. package/es/im/IMDateTime/index.js +0 -1
  315. package/es/im/IMDateTime/props/propTypes.js +0 -6
  316. package/es/im/IMImageBubble/IMImageBubble.js +0 -50
  317. package/es/im/IMImageBubble/css/IMImageBubble.module.css +0 -0
  318. package/es/im/IMImageBubble/css/cssJSLogic.js +0 -10
  319. package/es/im/IMImageBubble/index.js +0 -1
  320. package/es/im/IMImageBubble/props/defaultProps.js +0 -7
  321. package/es/im/IMImageBubble/props/propTypes.js +0 -13
  322. package/es/im/IMIntegrationIcon/props/propConstants.js +0 -8
  323. package/es/im/IMLocationBubble/IMLocationBubble.js +0 -50
  324. package/es/im/IMLocationBubble/css/IMLocationBubble.module.css +0 -0
  325. package/es/im/IMLocationBubble/css/cssJSLogic.js +0 -10
  326. package/es/im/IMLocationBubble/index.js +0 -1
  327. package/es/im/IMLocationBubble/props/defaultProps.js +0 -8
  328. package/es/im/IMLocationBubble/props/propTypes.js +0 -11
  329. package/es/im/IMMessageAvatar/IMMessageAvatar.js +0 -45
  330. package/es/im/IMMessageAvatar/css/IMMessageAvatar.module.css +0 -0
  331. package/es/im/IMMessageAvatar/css/cssJSLogic.js +0 -0
  332. package/es/im/IMMessageAvatar/index.js +0 -1
  333. package/es/im/IMMessageAvatar/props/defaultProps.js +0 -12
  334. package/es/im/IMMessageAvatar/props/propTypes.js +0 -53
  335. package/es/im/IMMessageContent/css/cssJSLogic.js +0 -10
  336. package/es/im/IMReplyBubble/css/IMReplyBubble.module.css +0 -18
  337. package/es/im/IMReplyBubble/css/cssJSLogic.js +0 -10
  338. package/es/im/IMTextBubble/css/IMTextBubble.module.css +0 -1
  339. package/es/im/IMTextBubble/css/cssJSLogic.js +0 -10
  340. package/es/im/IMTicketLink/IMTicketLink.js +0 -46
  341. package/es/im/IMTicketLink/css/IMTicketLink.module.css +0 -27
  342. package/es/im/IMTicketLink/index.js +0 -1
  343. package/es/im/IMTicketLink/props/defaultProps.js +0 -6
  344. package/es/im/IMTicketLink/props/propTypes.js +0 -10
  345. package/es/im/IMVideoBubble/IMVideoBubble.js +0 -61
  346. package/es/im/IMVideoBubble/css/IMVideoBubble.module.css +0 -1
  347. package/es/im/IMVideoBubble/css/cssJSLogic.js +0 -10
  348. package/es/im/IMVideoBubble/index.js +0 -1
  349. package/es/im/IMVideoBubble/props/defaultProps.js +0 -11
  350. package/es/im/IMVideoBubble/props/propTypes.js +0 -17
  351. package/es/unused/AvatarSpace/AvatarSpace.js +0 -40
  352. package/es/unused/AvatarSpace/css/AvatarSpace.module.css +0 -1
  353. package/es/unused/AvatarSpace/css/cssJSLogic.js +0 -15
  354. package/es/unused/AvatarSpace/index.js +0 -1
  355. package/es/unused/AvatarSpace/props/defaultProps.js +0 -10
  356. package/es/unused/AvatarSpace/props/propConstants.js +0 -7
  357. package/es/unused/AvatarSpace/props/propTypes.js +0 -8
  358. package/es/unused/MessageBoxFooter/MessageBoxFooter.js +0 -39
  359. package/es/unused/MessageBoxFooter/css/MessageBoxFooter.module.css +0 -3
  360. package/es/unused/MessageBoxFooter/css/cssJSLogic.js +0 -10
  361. package/es/unused/MessageBoxFooter/index.js +0 -1
  362. package/es/unused/MessageBoxFooter/props/defaultProps.js +0 -5
  363. package/es/unused/MessageBoxFooter/props/propTypes.js +0 -6
  364. package/es/unused/MessageBoxHeader/MessageBoxHeader.js +0 -7
  365. package/es/unused/MessageBoxHeader/css/MessageBoxHeader.module.css +0 -0
  366. package/es/unused/MessageBoxHeader/css/cssJsLogic.js +0 -0
  367. package/es/unused/MessageBoxHeader/index.js +0 -2
  368. package/es/unused/MessageBoxHeader/props/defaultProps.js +0 -0
  369. package/es/unused/MessageBoxHeader/props/propTypes.js +0 -0
  370. package/es/unused/MessageWrapper/MessageWrapper.js +0 -36
  371. package/es/unused/MessageWrapper/css/MessageWrapper.module.css +0 -0
  372. package/es/unused/MessageWrapper/css/cssJSLogic.js +0 -10
  373. package/es/unused/MessageWrapper/index.js +0 -1
  374. package/es/unused/MessageWrapper/props/defaultProps.js +0 -6
  375. package/es/unused/MessageWrapper/props/propTypes.js +0 -6
  376. package/es/unused/TextMessage/DefaultActions.js +0 -60
  377. package/es/unused/TextMessage/TextMessage.js +0 -67
  378. package/es/unused/TextMessage/TextMessage1.js +0 -66
  379. package/es/unused/TextMessage/css/TextMessage.module.css +0 -5
  380. package/es/unused/TextMessage/css/cssJSLogic.js +0 -0
  381. package/es/unused/TextMessage/index.js +0 -1
  382. package/es/unused/TextMessage/props/defaultProps.js +0 -4
  383. package/es/unused/TextMessage/props/propConstants.js +0 -3
  384. package/es/unused/TextMessage/props/propTypes.js +0 -17
  385. package/es/unused/darkTheme.js +0 -9
  386. package/es/unused/defaultTheme.js +0 -33
  387. /package/es/{ArticleBubble → im/ArticleBubble}/index.js +0 -0
@@ -1,20 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const {
5
- headerCustomStyle: propHeaderCustomStyle
6
- } = props;
7
- const audioBubbleClass = compileClassNames({
8
- [style.audioBubble]: true
9
- });
10
- const headerCustomStyle = compileClassNames({
11
- [style.header]: true
12
- });
13
- return {
14
- audioBubbleClass,
15
- headerCustomStyle: {
16
- attachmentBubbleInfo: headerCustomStyle,
17
- ...propHeaderCustomStyle
18
- }
19
- };
20
- }
@@ -1,22 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const imageBubbleWrapperClass = compileClassNames({
5
- [style.imageBubbleWrapper]: true
6
- });
7
- const imageClass = compileClassNames({
8
- [style.image]: true
9
- });
10
- const blurImageClass = compileClassNames({
11
- [style.blurImage]: true
12
- });
13
- return {
14
- imageBubbleWrapperClass,
15
- blurImageStyle: {
16
- lazyLoadImage: blurImageClass
17
- },
18
- imageStyle: {
19
- lazyLoadImage: imageClass
20
- }
21
- };
22
- }
@@ -1,10 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const lazyLoadImageClass = compileClassNames({
5
- [style.lazyLoadImage]: true
6
- });
7
- return {
8
- lazyLoadImageClass
9
- };
10
- }
@@ -1,30 +0,0 @@
1
- /** ** Methods *** */
2
- import { compileClassNames } from '@zohodesk/utils';
3
- export default function cssJSLogic(props, style) {
4
- const locationBubbleClass = compileClassNames({
5
- [style.locationBubble]: true
6
- });
7
- const imageWrapperClass = compileClassNames({
8
- [style.imageWrapper]: true
9
- });
10
- const imageClass = compileClassNames({
11
- [style.image]: true
12
- });
13
- const imageLinkClass = compileClassNames({
14
- [style.imageLink]: true
15
- });
16
- const textWrapperClass = compileClassNames({
17
- [style.textWrapper]: true
18
- });
19
- const textLinkClass = compileClassNames({
20
- [style.textLink]: true
21
- });
22
- return {
23
- locationBubbleClass,
24
- imageWrapperClass,
25
- imageClass,
26
- imageLinkClass,
27
- textWrapperClass,
28
- textLinkClass
29
- };
30
- }
@@ -1,59 +0,0 @@
1
- /* eslint-disable react/jsx-no-bind */
2
- /* eslint-disable max-len */
3
-
4
- /** ** Libraries *** */
5
- import React from 'react';
6
-
7
- /** ** Hooks *** */
8
- import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
9
-
10
- /** ** Constants *** */
11
- import mediaControlsDefaultProps from './props/defaultProps';
12
- import mediaControlsPropTypes from './props/propTypes';
13
-
14
- /** ** Methods *** */
15
- import cssJSLogic from './css/cssJSLogic';
16
-
17
- /** ** Styles *** */
18
- import style from './css/MediaControls.module.css';
19
-
20
- /** ** Icons *** */
21
- import PauseIcon from '@zohodesk/icon/es/general/Pause';
22
- import PlayIcon from '@zohodesk/icon/es/general/Copy';
23
- export default function MediaControls(props) {
24
- const {
25
- customStyle,
26
- onTogglePlay,
27
- isMediaPlayed,
28
- progressPercentage,
29
- currentTime,
30
- durationTime
31
- } = props;
32
-
33
- /* External customization */
34
- const newStyle = useMergeStyle(style, customStyle);
35
- /* CSS classnames added based on logic */
36
- const {
37
- mediaControlsClass,
38
- iconWrapperClass,
39
- progressBarClass,
40
- durationClass
41
- } = cssJSLogic(props, newStyle);
42
- return /*#__PURE__*/React.createElement("div", {
43
- className: mediaControlsClass
44
- }, /*#__PURE__*/React.createElement("div", {
45
- className: iconWrapperClass
46
- }, /*#__PURE__*/React.createElement("span", {
47
- onClick: onTogglePlay
48
- }, isMediaPlayed ? /*#__PURE__*/React.createElement(PauseIcon, null) : /*#__PURE__*/React.createElement(PlayIcon, null))), /*#__PURE__*/React.createElement("div", {
49
- className: progressBarClass,
50
- style: {
51
- width: progressPercentage
52
- }
53
- }), /*#__PURE__*/React.createElement("div", {
54
- className: durationClass
55
- }, `${currentTime} / ${durationTime}`));
56
- }
57
- MediaControls.propTypes = mediaControlsPropTypes;
58
- MediaControls.defaultProps = mediaControlsDefaultProps;
59
- MediaControls.displayName = 'MediaControls';
@@ -1,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 +0,0 @@
1
- <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><style>.cls-1{fill:#c8cadb;isolation:isolate;opacity:0.5;}.cls-2{fill:#010101;}</style></defs><ellipse class="cls-1" cx="23.38" cy="21.39" rx="14.03" ry="11.35"/><path class="cls-2" d="M28.79,15.92H24.94a.26.26,0,0,0-.26.26v6a.26.26,0,0,0,.26.26h3.85a.25.25,0,0,0,.26-.26v-1a.26.26,0,0,0-.26-.26H26.17v-1h2.62a.26.26,0,0,0,.26-.26v-1a.26.26,0,0,0-.26-.27H26.17v-1h2.62a.25.25,0,0,0,.26-.26v-1A.26.26,0,0,0,28.79,15.92Z"/><path class="cls-2" d="M14.55,20.93H11.93V16.18a.26.26,0,0,0-.26-.26h-1a.27.27,0,0,0-.27.26v6a.27.27,0,0,0,.27.26h3.85a.26.26,0,0,0,.26-.26v-1A.26.26,0,0,0,14.55,20.93Z"/><rect class="cls-2" x="15.63" y="15.92" width="1.5" height="6.51" rx="0.26"/><path class="cls-2" d="M23.48,15.92h-1a.26.26,0,0,0-.26.26v3.55L19.5,16s0,0,0,0v0H18.32a.27.27,0,0,0-.26.27v6a.26.26,0,0,0,.26.26h1a.27.27,0,0,0,.27-.26V18.61l2.74,3.71s0,.05.06.06h.07a.06.06,0,0,0,.06,0h1a.25.25,0,0,0,.26-.25h0V16.18A.25.25,0,0,0,23.48,15.92Z"/><path class="cls-2" d="M19.89,6.17c-8.56,0-15.53,5.72-15.53,12.77,0,6.31,5.47,11.61,12.94,12.59a2.06,2.06,0,0,1,.63.22,2.42,2.42,0,0,1,0,.76l-.22,1.27a1.74,1.74,0,0,0,.47,1.75,1.45,1.45,0,0,0,.92.3,3.14,3.14,0,0,0,1.17-.28C22,34.83,28.94,30.42,32,26.84a11.45,11.45,0,0,0,3.37-7.91C35.41,11.89,28.44,6.17,19.89,6.17ZM30.65,25.61h0c-2.86,3.29-9.4,7.46-11.07,8.2l.17-1a3.7,3.7,0,0,0-.1-1.79,2.51,2.51,0,0,0-2-1.29c-6.6-.88-11.4-5.4-11.4-10.77,0-6,6.13-10.9,13.67-10.9s13.66,4.89,13.66,10.9A9.61,9.61,0,0,1,30.65,25.61Z"/></svg>
@@ -1,25 +0,0 @@
1
- /* eslint-disable */
2
- import React from 'react';
3
- import Icon from '@zohodesk/icon/es/Icon/Icon';
4
- export default function IconComponent(props) {
5
- return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
6
- id: "Layer_1",
7
- xmlns: "http://www.w3.org/2000/svg",
8
- xmlnsXlink: "http://www.w3.org/1999/xlink",
9
- x: "0px",
10
- y: "0px",
11
- viewBox: "0 0 32 32",
12
- style: {
13
- "enableBackground": "new 0 0 32 32"
14
- },
15
- xmlSpace: "preserve"
16
- }, " ", /*#__PURE__*/React.createElement("style", {
17
- dangerouslySetInnerHTML: {
18
- __html: `.st0{fill:#333333;}.st1{fill:#FF5650;}.st2{fill:#00A3FE;}`
19
- }
20
- }), " ", /*#__PURE__*/React.createElement("path", {
21
- d: "M30.96,14.934c-0.031-0.435-0.397-0.765-0.843-0.731c-0.435,0.031-0.762,0.409-0.731,0.843 c0.153,2.137-0.199,4.226-1.044,6.209c-2.901,6.806-10.801,9.983-17.604,7.083c-6.806-2.9-9.984-10.798-7.083-17.605 c2.9-6.806,10.796-9.983,17.605-7.083c0.638,0.272,1.242,0.608,1.828,0.972l-1.911,1.879l6.825,1.891l-1.775-6.857l-1.991,1.957 c-0.75-0.492-1.53-0.941-2.359-1.294C14.271-1.04,5.444,2.509,2.203,10.117c-3.242,7.607,0.31,16.433,7.917,19.675 C12.01,30.597,14.002,31,15.996,31c1.895,0,3.79-0.364,5.6-1.092c3.715-1.495,6.627-4.349,8.197-8.033 C30.725,19.69,31.129,17.29,30.96,14.934z M20.603,17.895l0.812-0.812l-0.812-0.812l-0.812,0.812L20.603,17.895z M14.646,20.603 l0.812,0.812l2.031-2.031l-0.812-0.812L14.646,20.603z M16.541,15.458l-3.52,3.52l0.812,0.812l3.52-3.52L16.541,15.458z M19.385,16.677l0.812-0.812l-0.812-0.812l-0.812,0.812L19.385,16.677z M18.166,15.458l0.812-0.812l-0.812-0.812l-0.812,0.812 L18.166,15.458z M16.948,14.24l0.812-0.812l-0.812-0.812l-0.812,0.812L16.948,14.24z M11.37,23.825l3.005,3.005l11.643-11.643 l-3.005-3.005l-0.406,0.406c-0.672,0.672-1.765,0.672-2.437,0c-0.672-0.672-0.672-1.765,0-2.437l0.406-0.406l-2.951-2.951 L5.982,18.437l2.951,2.951l0.406-0.406c0.672-0.672,1.765-0.672,2.437,0c0.672,0.672,0.672,1.765,0,2.437L11.37,23.825z M8.974,19.804l-1.367-1.367L17.625,8.418l1.368,1.368c-0.737,1.114-0.615,2.634,0.365,3.614c0.981,0.981,2.5,1.102,3.614,0.365 l1.422,1.422L14.375,25.206l-1.422-1.422c0.737-1.115,0.615-2.634-0.365-3.615C11.608,19.189,10.088,19.067,8.974,19.804z M14.917,13.834l-3.52,3.52l0.812,0.812l3.52-3.52L14.917,13.834z M16.541,12.209l-0.812-0.812l-0.812,0.812l0.812,0.812 L16.541,12.209z",
22
- className: "path-0"
23
- }), " "));
24
- }
25
- IconComponent.propTypes = Icon.propTypes;
@@ -1 +0,0 @@
1
- export { default as ConvertTicket } from './ConvertTicket';
@@ -1,17 +0,0 @@
1
- /* eslint-disable */
2
- import React from 'react';
3
- import Icon from '@zohodesk/icon/es/Icon/Icon';
4
- export default function IconComponent(props) {
5
- return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
6
- id: "Layer_1",
7
- xmlns: "http://www.w3.org/2000/svg",
8
- viewBox: "0 0 32 32"
9
- }, " ", /*#__PURE__*/React.createElement("path", {
10
- d: "M9.58,14.69s-.09,.01-.14,.01c.44-2.28,1.79-4.43,3.55-6.14v-.03c.14-.63-.46-.5-.61-.46-.03,.01-.04,.01-.04,.01-.54,.28-1.07,.6-1.58,.94-3.28,2.07-6,5.69-5.93,9.6-.04,.25,.12,1.51,.12,1.51,.36,2.24,2.29,3.95,4.62,3.95,2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7Z",
11
- className: "path-0"
12
- }), " ", /*#__PURE__*/React.createElement("path", {
13
- d: "M22.28,14.69s-.09,.01-.14,.01c.44-2.28,1.79-4.43,3.55-6.14v-.03c.14-.63-.46-.5-.61-.46-.03,.01-.04,.01-.04,.01-.54,.28-1.07,.6-1.58,.94-3.28,2.07-6,5.69-5.93,9.6-.04,.25,.12,1.51,.12,1.51,.36,2.24,2.29,3.95,4.62,3.95,2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7Z",
14
- className: "path-1"
15
- }), " "));
16
- }
17
- IconComponent.propTypes = Icon.propTypes;
@@ -1,54 +0,0 @@
1
- /* eslint-disable react/jsx-no-bind */
2
- /* eslint-disable max-len */
3
-
4
- /** ** Libraries *** */
5
- import React from 'react';
6
-
7
- /** ** Hooks *** */
8
- import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
9
-
10
- /** ** Constants *** */
11
- import imArticleBubbleDefaultProps from './props/defaultProps';
12
- import imArticleBubblePropTypes from './props/propTypes';
13
-
14
- /** ** Methods *** */
15
- import getDerivedArticleDetails from '@zohoim/chat-components-utils/es/imUtils/getDerivedArticleDetails';
16
- import cssJSLogic from './css/cssJSLogic';
17
-
18
- /** ** Styles *** */
19
- import style from './css/IMArticleBubble.module.css';
20
- import ArticleBubble from '../../ArticleBubble/ArticleBubble';
21
- export default function IMArticleBubble(props) {
22
- const {
23
- customStyle,
24
- articleCustomStyle,
25
- articleDetails,
26
- articleShareI18N
27
- } = props;
28
-
29
- /* External customization */
30
- const newStyle = useMergeStyle(style, customStyle);
31
- /* CSS classnames added based on logic */
32
- const {
33
- imArticleBubbleClass
34
- } = cssJSLogic(props, newStyle);
35
- const {
36
- articleURL,
37
- summary,
38
- title
39
- } = getDerivedArticleDetails({
40
- articleDetails
41
- });
42
- return /*#__PURE__*/React.createElement("div", {
43
- className: imArticleBubbleClass
44
- }, /*#__PURE__*/React.createElement(ArticleBubble, {
45
- articleURL: articleURL,
46
- bubbleInfo: articleShareI18N,
47
- customStyle: articleCustomStyle,
48
- summary: summary,
49
- title: title
50
- }));
51
- }
52
- IMArticleBubble.propTypes = imArticleBubblePropTypes;
53
- IMArticleBubble.defaultProps = imArticleBubbleDefaultProps;
54
- IMArticleBubble.displayName = 'IMArticleBubble';
@@ -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;