@botonic/react 0.30.7 → 0.30.8-alpha.0

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 (388) hide show
  1. package/lib/cjs/components/carousel.d.ts +1 -2
  2. package/lib/cjs/contexts.d.ts +0 -1
  3. package/lib/cjs/message-utils.d.ts +1 -2
  4. package/lib/cjs/node-app.d.ts +1 -1
  5. package/lib/cjs/react-bot.d.ts +1 -2
  6. package/lib/cjs/webchat/hooks/use-scroll-to-bottom.d.ts +1 -2
  7. package/lib/cjs/webchat/hooks/use-scroll-to-bottom.js +1 -2
  8. package/lib/cjs/webchat/hooks/use-scroll-to-bottom.js.map +1 -1
  9. package/lib/cjs/webchat/hooks/use-webchat.d.ts +0 -1
  10. package/lib/cjs/webchat/message-list/index.js +0 -2
  11. package/lib/cjs/webchat/message-list/index.js.map +1 -1
  12. package/lib/cjs/webchat/message-list/styles.js +1 -0
  13. package/lib/cjs/webchat/message-list/styles.js.map +1 -1
  14. package/lib/cjs/webchat/utils.d.ts +0 -1
  15. package/lib/cjs/webchat-app.d.ts +3 -4
  16. package/package.json +1 -1
  17. package/src/webchat/hooks/use-scroll-to-bottom.ts +1 -6
  18. package/src/webchat/message-list/index.tsx +0 -2
  19. package/src/webchat/message-list/styles.ts +1 -0
  20. package/lib/esm/app.d.ts +0 -2
  21. package/lib/esm/app.js +0 -6
  22. package/lib/esm/app.js.map +0 -1
  23. package/lib/esm/botonic-tester.d.ts +0 -30
  24. package/lib/esm/botonic-tester.js +0 -78
  25. package/lib/esm/botonic-tester.js.map +0 -1
  26. package/lib/esm/components/audio.d.ts +0 -8
  27. package/lib/esm/components/audio.js +0 -18
  28. package/lib/esm/components/audio.js.map +0 -1
  29. package/lib/esm/components/button.d.ts +0 -17
  30. package/lib/esm/components/button.js +0 -160
  31. package/lib/esm/components/button.js.map +0 -1
  32. package/lib/esm/components/buttons-disabler.d.ts +0 -24
  33. package/lib/esm/components/buttons-disabler.js +0 -84
  34. package/lib/esm/components/buttons-disabler.js.map +0 -1
  35. package/lib/esm/components/carousel.d.ts +0 -10
  36. package/lib/esm/components/carousel.js +0 -105
  37. package/lib/esm/components/carousel.js.map +0 -1
  38. package/lib/esm/components/components.d.ts +0 -12
  39. package/lib/esm/components/components.js +0 -17
  40. package/lib/esm/components/components.js.map +0 -1
  41. package/lib/esm/components/custom-message.d.ts +0 -12
  42. package/lib/esm/components/custom-message.js +0 -56
  43. package/lib/esm/components/custom-message.js.map +0 -1
  44. package/lib/esm/components/document.d.ts +0 -8
  45. package/lib/esm/components/document.js +0 -42
  46. package/lib/esm/components/document.js.map +0 -1
  47. package/lib/esm/components/element.d.ts +0 -4
  48. package/lib/esm/components/element.js +0 -51
  49. package/lib/esm/components/element.js.map +0 -1
  50. package/lib/esm/components/handoff.d.ts +0 -1
  51. package/lib/esm/components/handoff.js +0 -49
  52. package/lib/esm/components/handoff.js.map +0 -1
  53. package/lib/esm/components/image.d.ts +0 -8
  54. package/lib/esm/components/image.js +0 -35
  55. package/lib/esm/components/image.js.map +0 -1
  56. package/lib/esm/components/index-types.d.ts +0 -186
  57. package/lib/esm/components/index-types.js +0 -2
  58. package/lib/esm/components/index-types.js.map +0 -1
  59. package/lib/esm/components/index.d.ts +0 -24
  60. package/lib/esm/components/index.js +0 -25
  61. package/lib/esm/components/index.js.map +0 -1
  62. package/lib/esm/components/location.d.ts +0 -11
  63. package/lib/esm/components/location.js +0 -27
  64. package/lib/esm/components/location.js.map +0 -1
  65. package/lib/esm/components/markdown.d.ts +0 -7
  66. package/lib/esm/components/markdown.js +0 -152
  67. package/lib/esm/components/markdown.js.map +0 -1
  68. package/lib/esm/components/message/index.d.ts +0 -1
  69. package/lib/esm/components/message/index.js +0 -146
  70. package/lib/esm/components/message/index.js.map +0 -1
  71. package/lib/esm/components/message/message-feedback.d.ts +0 -7
  72. package/lib/esm/components/message/message-feedback.js +0 -59
  73. package/lib/esm/components/message/message-feedback.js.map +0 -1
  74. package/lib/esm/components/message/message-footer.d.ts +0 -11
  75. package/lib/esm/components/message/message-footer.js +0 -17
  76. package/lib/esm/components/message/message-footer.js.map +0 -1
  77. package/lib/esm/components/message/message-image.d.ts +0 -7
  78. package/lib/esm/components/message/message-image.js +0 -19
  79. package/lib/esm/components/message/message-image.js.map +0 -1
  80. package/lib/esm/components/message/styles.d.ts +0 -33
  81. package/lib/esm/components/message/styles.js +0 -118
  82. package/lib/esm/components/message/styles.js.map +0 -1
  83. package/lib/esm/components/message/timestamps.d.ts +0 -13
  84. package/lib/esm/components/message/timestamps.js +0 -40
  85. package/lib/esm/components/message/timestamps.js.map +0 -1
  86. package/lib/esm/components/message-template.d.ts +0 -1
  87. package/lib/esm/components/message-template.js +0 -9
  88. package/lib/esm/components/message-template.js.map +0 -1
  89. package/lib/esm/components/multichannel/facebook/facebook.d.ts +0 -17
  90. package/lib/esm/components/multichannel/facebook/facebook.js +0 -43
  91. package/lib/esm/components/multichannel/facebook/facebook.js.map +0 -1
  92. package/lib/esm/components/multichannel/index-types.d.ts +0 -46
  93. package/lib/esm/components/multichannel/index-types.js +0 -2
  94. package/lib/esm/components/multichannel/index-types.js.map +0 -1
  95. package/lib/esm/components/multichannel/index.d.ts +0 -11
  96. package/lib/esm/components/multichannel/index.js +0 -12
  97. package/lib/esm/components/multichannel/index.js.map +0 -1
  98. package/lib/esm/components/multichannel/multichannel-button.d.ts +0 -1
  99. package/lib/esm/components/multichannel/multichannel-button.js +0 -67
  100. package/lib/esm/components/multichannel/multichannel-button.js.map +0 -1
  101. package/lib/esm/components/multichannel/multichannel-carousel.d.ts +0 -1
  102. package/lib/esm/components/multichannel/multichannel-carousel.js +0 -74
  103. package/lib/esm/components/multichannel/multichannel-carousel.js.map +0 -1
  104. package/lib/esm/components/multichannel/multichannel-context.d.ts +0 -11
  105. package/lib/esm/components/multichannel/multichannel-context.js +0 -12
  106. package/lib/esm/components/multichannel/multichannel-context.js.map +0 -1
  107. package/lib/esm/components/multichannel/multichannel-reply.d.ts +0 -1
  108. package/lib/esm/components/multichannel/multichannel-reply.js +0 -20
  109. package/lib/esm/components/multichannel/multichannel-reply.js.map +0 -1
  110. package/lib/esm/components/multichannel/multichannel-text.d.ts +0 -1
  111. package/lib/esm/components/multichannel/multichannel-text.js +0 -160
  112. package/lib/esm/components/multichannel/multichannel-text.js.map +0 -1
  113. package/lib/esm/components/multichannel/multichannel-utils.d.ts +0 -21
  114. package/lib/esm/components/multichannel/multichannel-utils.js +0 -81
  115. package/lib/esm/components/multichannel/multichannel-utils.js.map +0 -1
  116. package/lib/esm/components/multichannel/multichannel.d.ts +0 -1
  117. package/lib/esm/components/multichannel/multichannel.js +0 -57
  118. package/lib/esm/components/multichannel/multichannel.js.map +0 -1
  119. package/lib/esm/components/multichannel/whatsapp/constants.d.ts +0 -11
  120. package/lib/esm/components/multichannel/whatsapp/constants.js +0 -10
  121. package/lib/esm/components/multichannel/whatsapp/constants.js.map +0 -1
  122. package/lib/esm/components/multichannel/whatsapp/markdown-meta.d.ts +0 -1
  123. package/lib/esm/components/multichannel/whatsapp/markdown-meta.js +0 -38
  124. package/lib/esm/components/multichannel/whatsapp/markdown-meta.js.map +0 -1
  125. package/lib/esm/components/pic.d.ts +0 -6
  126. package/lib/esm/components/pic.js +0 -25
  127. package/lib/esm/components/pic.js.map +0 -1
  128. package/lib/esm/components/raw.d.ts +0 -9
  129. package/lib/esm/components/raw.js +0 -39
  130. package/lib/esm/components/raw.js.map +0 -1
  131. package/lib/esm/components/reply.d.ts +0 -9
  132. package/lib/esm/components/reply.js +0 -49
  133. package/lib/esm/components/reply.js.map +0 -1
  134. package/lib/esm/components/share-button.d.ts +0 -1
  135. package/lib/esm/components/share-button.js +0 -9
  136. package/lib/esm/components/share-button.js.map +0 -1
  137. package/lib/esm/components/subtitle.d.ts +0 -6
  138. package/lib/esm/components/subtitle.js +0 -19
  139. package/lib/esm/components/subtitle.js.map +0 -1
  140. package/lib/esm/components/text.d.ts +0 -7
  141. package/lib/esm/components/text.js +0 -40
  142. package/lib/esm/components/text.js.map +0 -1
  143. package/lib/esm/components/title.d.ts +0 -6
  144. package/lib/esm/components/title.js +0 -17
  145. package/lib/esm/components/title.js.map +0 -1
  146. package/lib/esm/components/video.d.ts +0 -8
  147. package/lib/esm/components/video.js +0 -26
  148. package/lib/esm/components/video.js.map +0 -1
  149. package/lib/esm/components/webchat-settings.d.ts +0 -3
  150. package/lib/esm/components/webchat-settings.js +0 -69
  151. package/lib/esm/components/webchat-settings.js.map +0 -1
  152. package/lib/esm/components/whatsapp-button-list.d.ts +0 -20
  153. package/lib/esm/components/whatsapp-button-list.js +0 -47
  154. package/lib/esm/components/whatsapp-button-list.js.map +0 -1
  155. package/lib/esm/components/whatsapp-cta-url-button.d.ts +0 -15
  156. package/lib/esm/components/whatsapp-cta-url-button.js +0 -33
  157. package/lib/esm/components/whatsapp-cta-url-button.js.map +0 -1
  158. package/lib/esm/components/whatsapp-template.d.ts +0 -1
  159. package/lib/esm/components/whatsapp-template.js +0 -20
  160. package/lib/esm/components/whatsapp-template.js.map +0 -1
  161. package/lib/esm/constants.d.ts +0 -165
  162. package/lib/esm/constants.js +0 -187
  163. package/lib/esm/constants.js.map +0 -1
  164. package/lib/esm/contexts.d.ts +0 -19
  165. package/lib/esm/contexts.js +0 -95
  166. package/lib/esm/contexts.js.map +0 -1
  167. package/lib/esm/dev-app.d.ts +0 -31
  168. package/lib/esm/dev-app.js +0 -78
  169. package/lib/esm/dev-app.js.map +0 -1
  170. package/lib/esm/index-types.d.ts +0 -150
  171. package/lib/esm/index-types.js +0 -12
  172. package/lib/esm/index-types.js.map +0 -1
  173. package/lib/esm/index.d.ts +0 -11
  174. package/lib/esm/index.js +0 -12
  175. package/lib/esm/index.js.map +0 -1
  176. package/lib/esm/message-utils.d.ts +0 -19
  177. package/lib/esm/message-utils.js +0 -41
  178. package/lib/esm/message-utils.js.map +0 -1
  179. package/lib/esm/msg-to-botonic.d.ts +0 -18
  180. package/lib/esm/msg-to-botonic.js +0 -135
  181. package/lib/esm/msg-to-botonic.js.map +0 -1
  182. package/lib/esm/node-app.d.ts +0 -7
  183. package/lib/esm/node-app.js +0 -19
  184. package/lib/esm/node-app.js.map +0 -1
  185. package/lib/esm/react-bot.d.ts +0 -8
  186. package/lib/esm/react-bot.js +0 -32
  187. package/lib/esm/react-bot.js.map +0 -1
  188. package/lib/esm/shared/styles.d.ts +0 -2
  189. package/lib/esm/shared/styles.js +0 -28
  190. package/lib/esm/shared/styles.js.map +0 -1
  191. package/lib/esm/util/dom.d.ts +0 -4
  192. package/lib/esm/util/dom.js +0 -24
  193. package/lib/esm/util/dom.js.map +0 -1
  194. package/lib/esm/util/environment.d.ts +0 -6
  195. package/lib/esm/util/environment.js +0 -61
  196. package/lib/esm/util/environment.js.map +0 -1
  197. package/lib/esm/util/error-boundary.d.ts +0 -7
  198. package/lib/esm/util/error-boundary.js +0 -28
  199. package/lib/esm/util/error-boundary.js.map +0 -1
  200. package/lib/esm/util/index.d.ts +0 -9
  201. package/lib/esm/util/index.js +0 -10
  202. package/lib/esm/util/index.js.map +0 -1
  203. package/lib/esm/util/logs.d.ts +0 -2
  204. package/lib/esm/util/logs.js +0 -15
  205. package/lib/esm/util/logs.js.map +0 -1
  206. package/lib/esm/util/objects.d.ts +0 -3
  207. package/lib/esm/util/objects.js +0 -38
  208. package/lib/esm/util/objects.js.map +0 -1
  209. package/lib/esm/util/react.d.ts +0 -12
  210. package/lib/esm/util/react.js +0 -34
  211. package/lib/esm/util/react.js.map +0 -1
  212. package/lib/esm/util/regexs.d.ts +0 -2
  213. package/lib/esm/util/regexs.js +0 -18
  214. package/lib/esm/util/regexs.js.map +0 -1
  215. package/lib/esm/util/strings.d.ts +0 -1
  216. package/lib/esm/util/strings.js +0 -7
  217. package/lib/esm/util/strings.js.map +0 -1
  218. package/lib/esm/util/webchat.d.ts +0 -11
  219. package/lib/esm/util/webchat.js +0 -53
  220. package/lib/esm/util/webchat.js.map +0 -1
  221. package/lib/esm/util/webviews.d.ts +0 -1
  222. package/lib/esm/util/webviews.js +0 -6
  223. package/lib/esm/util/webviews.js.map +0 -1
  224. package/lib/esm/webchat/actions.d.ts +0 -27
  225. package/lib/esm/webchat/actions.js +0 -29
  226. package/lib/esm/webchat/actions.js.map +0 -1
  227. package/lib/esm/webchat/chat-area/index.d.ts +0 -1
  228. package/lib/esm/webchat/chat-area/index.js +0 -18
  229. package/lib/esm/webchat/chat-area/index.js.map +0 -1
  230. package/lib/esm/webchat/chat-area/styles.d.ts +0 -3
  231. package/lib/esm/webchat/chat-area/styles.js +0 -9
  232. package/lib/esm/webchat/chat-area/styles.js.map +0 -1
  233. package/lib/esm/webchat/components/common.d.ts +0 -1
  234. package/lib/esm/webchat/components/common.js +0 -9
  235. package/lib/esm/webchat/components/common.js.map +0 -1
  236. package/lib/esm/webchat/components/conditional-animation.d.ts +0 -1
  237. package/lib/esm/webchat/components/conditional-animation.js +0 -12
  238. package/lib/esm/webchat/components/conditional-animation.js.map +0 -1
  239. package/lib/esm/webchat/components/opened-persistent-menu.d.ts +0 -6
  240. package/lib/esm/webchat/components/opened-persistent-menu.js +0 -30
  241. package/lib/esm/webchat/components/opened-persistent-menu.js.map +0 -1
  242. package/lib/esm/webchat/constants.d.ts +0 -8
  243. package/lib/esm/webchat/constants.js +0 -10
  244. package/lib/esm/webchat/constants.js.map +0 -1
  245. package/lib/esm/webchat/cover-component/index.d.ts +0 -6
  246. package/lib/esm/webchat/cover-component/index.js +0 -17
  247. package/lib/esm/webchat/cover-component/index.js.map +0 -1
  248. package/lib/esm/webchat/devices/index.d.ts +0 -11
  249. package/lib/esm/webchat/devices/index.js +0 -18
  250. package/lib/esm/webchat/devices/index.js.map +0 -1
  251. package/lib/esm/webchat/header.d.ts +0 -3
  252. package/lib/esm/webchat/header.js +0 -81
  253. package/lib/esm/webchat/header.js.map +0 -1
  254. package/lib/esm/webchat/hooks/index.d.ts +0 -11
  255. package/lib/esm/webchat/hooks/index.js +0 -12
  256. package/lib/esm/webchat/hooks/index.js.map +0 -1
  257. package/lib/esm/webchat/hooks/use-component-visible.d.ts +0 -8
  258. package/lib/esm/webchat/hooks/use-component-visible.js +0 -20
  259. package/lib/esm/webchat/hooks/use-component-visible.js.map +0 -1
  260. package/lib/esm/webchat/hooks/use-component-will-mount.d.ts +0 -1
  261. package/lib/esm/webchat/hooks/use-component-will-mount.js +0 -5
  262. package/lib/esm/webchat/hooks/use-component-will-mount.js.map +0 -1
  263. package/lib/esm/webchat/hooks/use-device-adapter.d.ts +0 -3
  264. package/lib/esm/webchat/hooks/use-device-adapter.js +0 -42
  265. package/lib/esm/webchat/hooks/use-device-adapter.js.map +0 -1
  266. package/lib/esm/webchat/hooks/use-previous.d.ts +0 -1
  267. package/lib/esm/webchat/hooks/use-previous.js +0 -9
  268. package/lib/esm/webchat/hooks/use-previous.js.map +0 -1
  269. package/lib/esm/webchat/hooks/use-scroll-to-bottom.d.ts +0 -7
  270. package/lib/esm/webchat/hooks/use-scroll-to-bottom.js +0 -19
  271. package/lib/esm/webchat/hooks/use-scroll-to-bottom.js.map +0 -1
  272. package/lib/esm/webchat/hooks/use-scrollbar-controller.d.ts +0 -6
  273. package/lib/esm/webchat/hooks/use-scrollbar-controller.js +0 -136
  274. package/lib/esm/webchat/hooks/use-scrollbar-controller.js.map +0 -1
  275. package/lib/esm/webchat/hooks/use-typing.d.ts +0 -10
  276. package/lib/esm/webchat/hooks/use-typing.js +0 -28
  277. package/lib/esm/webchat/hooks/use-typing.js.map +0 -1
  278. package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.d.ts +0 -3
  279. package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.js +0 -24
  280. package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.js.map +0 -1
  281. package/lib/esm/webchat/hooks/use-webchat-dimensions.d.ts +0 -4
  282. package/lib/esm/webchat/hooks/use-webchat-dimensions.js +0 -36
  283. package/lib/esm/webchat/hooks/use-webchat-dimensions.js.map +0 -1
  284. package/lib/esm/webchat/hooks/use-webchat-resizer.d.ts +0 -4
  285. package/lib/esm/webchat/hooks/use-webchat-resizer.js +0 -30
  286. package/lib/esm/webchat/hooks/use-webchat-resizer.js.map +0 -1
  287. package/lib/esm/webchat/hooks/use-webchat.d.ts +0 -47
  288. package/lib/esm/webchat/hooks/use-webchat.js +0 -189
  289. package/lib/esm/webchat/hooks/use-webchat.js.map +0 -1
  290. package/lib/esm/webchat/index-types.d.ts +0 -62
  291. package/lib/esm/webchat/index-types.js +0 -2
  292. package/lib/esm/webchat/index-types.js.map +0 -1
  293. package/lib/esm/webchat/index.d.ts +0 -4
  294. package/lib/esm/webchat/index.js +0 -10
  295. package/lib/esm/webchat/index.js.map +0 -1
  296. package/lib/esm/webchat/input-panel/attachment.d.ts +0 -7
  297. package/lib/esm/webchat/input-panel/attachment.js +0 -26
  298. package/lib/esm/webchat/input-panel/attachment.js.map +0 -1
  299. package/lib/esm/webchat/input-panel/emoji-picker.d.ts +0 -6
  300. package/lib/esm/webchat/input-panel/emoji-picker.js +0 -23
  301. package/lib/esm/webchat/input-panel/emoji-picker.js.map +0 -1
  302. package/lib/esm/webchat/input-panel/index.d.ts +0 -12
  303. package/lib/esm/webchat/input-panel/index.js +0 -50
  304. package/lib/esm/webchat/input-panel/index.js.map +0 -1
  305. package/lib/esm/webchat/input-panel/opened-emoji-picker.d.ts +0 -6
  306. package/lib/esm/webchat/input-panel/opened-emoji-picker.js +0 -10
  307. package/lib/esm/webchat/input-panel/opened-emoji-picker.js.map +0 -1
  308. package/lib/esm/webchat/input-panel/persistent-menu.d.ts +0 -6
  309. package/lib/esm/webchat/input-panel/persistent-menu.js +0 -14
  310. package/lib/esm/webchat/input-panel/persistent-menu.js.map +0 -1
  311. package/lib/esm/webchat/input-panel/send-button.d.ts +0 -5
  312. package/lib/esm/webchat/input-panel/send-button.js +0 -14
  313. package/lib/esm/webchat/input-panel/send-button.js.map +0 -1
  314. package/lib/esm/webchat/input-panel/styles.d.ts +0 -3
  315. package/lib/esm/webchat/input-panel/styles.js +0 -27
  316. package/lib/esm/webchat/input-panel/styles.js.map +0 -1
  317. package/lib/esm/webchat/input-panel/textarea.d.ts +0 -11
  318. package/lib/esm/webchat/input-panel/textarea.js +0 -56
  319. package/lib/esm/webchat/input-panel/textarea.js.map +0 -1
  320. package/lib/esm/webchat/message-list/index.d.ts +0 -1
  321. package/lib/esm/webchat/message-list/index.js +0 -109
  322. package/lib/esm/webchat/message-list/index.js.map +0 -1
  323. package/lib/esm/webchat/message-list/intro-message.d.ts +0 -1
  324. package/lib/esm/webchat/message-list/intro-message.js +0 -18
  325. package/lib/esm/webchat/message-list/intro-message.js.map +0 -1
  326. package/lib/esm/webchat/message-list/scroll-button.d.ts +0 -5
  327. package/lib/esm/webchat/message-list/scroll-button.js +0 -12
  328. package/lib/esm/webchat/message-list/scroll-button.js.map +0 -1
  329. package/lib/esm/webchat/message-list/styles.d.ts +0 -5
  330. package/lib/esm/webchat/message-list/styles.js +0 -55
  331. package/lib/esm/webchat/message-list/styles.js.map +0 -1
  332. package/lib/esm/webchat/message-list/unread-messages-banner.d.ts +0 -6
  333. package/lib/esm/webchat/message-list/unread-messages-banner.js +0 -13
  334. package/lib/esm/webchat/message-list/unread-messages-banner.js.map +0 -1
  335. package/lib/esm/webchat/message-list/use-debounce.d.ts +0 -1
  336. package/lib/esm/webchat/message-list/use-debounce.js +0 -14
  337. package/lib/esm/webchat/message-list/use-debounce.js.map +0 -1
  338. package/lib/esm/webchat/message-list/use-notifications.d.ts +0 -7
  339. package/lib/esm/webchat/message-list/use-notifications.js +0 -20
  340. package/lib/esm/webchat/message-list/use-notifications.js.map +0 -1
  341. package/lib/esm/webchat/messages-reducer.d.ts +0 -6
  342. package/lib/esm/webchat/messages-reducer.js +0 -83
  343. package/lib/esm/webchat/messages-reducer.js.map +0 -1
  344. package/lib/esm/webchat/replies.d.ts +0 -1
  345. package/lib/esm/webchat/replies.js +0 -42
  346. package/lib/esm/webchat/replies.js.map +0 -1
  347. package/lib/esm/webchat/session-view.d.ts +0 -1
  348. package/lib/esm/webchat/session-view.js +0 -96
  349. package/lib/esm/webchat/session-view.js.map +0 -1
  350. package/lib/esm/webchat/tracking.d.ts +0 -7
  351. package/lib/esm/webchat/tracking.js +0 -10
  352. package/lib/esm/webchat/tracking.js.map +0 -1
  353. package/lib/esm/webchat/trigger-button/index.d.ts +0 -1
  354. package/lib/esm/webchat/trigger-button/index.js +0 -28
  355. package/lib/esm/webchat/trigger-button/index.js.map +0 -1
  356. package/lib/esm/webchat/trigger-button/styles.d.ts +0 -3
  357. package/lib/esm/webchat/trigger-button/styles.js +0 -36
  358. package/lib/esm/webchat/trigger-button/styles.js.map +0 -1
  359. package/lib/esm/webchat/typing-indicator/index.d.ts +0 -3
  360. package/lib/esm/webchat/typing-indicator/index.js +0 -8
  361. package/lib/esm/webchat/typing-indicator/index.js.map +0 -1
  362. package/lib/esm/webchat/typing-indicator/styles.d.ts +0 -7
  363. package/lib/esm/webchat/typing-indicator/styles.js +0 -46
  364. package/lib/esm/webchat/typing-indicator/styles.js.map +0 -1
  365. package/lib/esm/webchat/use-storage-state-hook.d.ts +0 -1
  366. package/lib/esm/webchat/use-storage-state-hook.js +0 -38
  367. package/lib/esm/webchat/use-storage-state-hook.js.map +0 -1
  368. package/lib/esm/webchat/utils.d.ts +0 -2
  369. package/lib/esm/webchat/utils.js +0 -8
  370. package/lib/esm/webchat/utils.js.map +0 -1
  371. package/lib/esm/webchat/webchat-dev.d.ts +0 -7
  372. package/lib/esm/webchat/webchat-dev.js +0 -56
  373. package/lib/esm/webchat/webchat-dev.js.map +0 -1
  374. package/lib/esm/webchat/webchat-reducer.d.ts +0 -6
  375. package/lib/esm/webchat/webchat-reducer.js +0 -46
  376. package/lib/esm/webchat/webchat-reducer.js.map +0 -1
  377. package/lib/esm/webchat/webchat.d.ts +0 -2
  378. package/lib/esm/webchat/webchat.js +0 -543
  379. package/lib/esm/webchat/webchat.js.map +0 -1
  380. package/lib/esm/webchat/webview.d.ts +0 -2
  381. package/lib/esm/webchat/webview.js +0 -70
  382. package/lib/esm/webchat/webview.js.map +0 -1
  383. package/lib/esm/webchat-app.d.ts +0 -102
  384. package/lib/esm/webchat-app.js +0 -299
  385. package/lib/esm/webchat-app.js.map +0 -1
  386. package/lib/esm/webview-app.d.ts +0 -7
  387. package/lib/esm/webview-app.js +0 -102
  388. package/lib/esm/webview-app.js.map +0 -1
@@ -1,59 +0,0 @@
1
- import { __awaiter } from "tslib";
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { useContext, useEffect, useState } from 'react';
4
- import { v7 as uuidv7 } from 'uuid';
5
- import ThumbsDown from '../../assets/thumbs-down.svg';
6
- import ThumbsUp from '../../assets/thumbs-up.svg';
7
- import { WebchatContext } from '../../contexts';
8
- import { resolveImage } from '../../util';
9
- import { EventAction, FeedbackOption } from '../../webchat/tracking';
10
- import { FeedbackButton, FeedbackMessageContainer } from './styles';
11
- export const MessageFeedback = ({ botInteractionId, inferenceId, messageId, }) => {
12
- const { webchatState, updateMessage, trackEvent } = useContext(WebchatContext);
13
- const [className, setClassName] = useState('');
14
- const [disabled, setDisabled] = useState({
15
- positive: false,
16
- negative: false,
17
- });
18
- const updateMsgWithFeedback = (feedbackEnabled) => {
19
- const message = webchatState.messagesJSON.find(message => message.id === messageId);
20
- const updatedMsg = Object.assign(Object.assign({}, message), { feedbackEnabled });
21
- updateMessage(updatedMsg);
22
- };
23
- useEffect(() => {
24
- updateMsgWithFeedback(true);
25
- }, []);
26
- useEffect(() => {
27
- if (disabled.positive || disabled.negative) {
28
- setClassName('clicked');
29
- updateMsgWithFeedback(false);
30
- }
31
- }, [disabled]);
32
- const handleClick = (isUseful) => __awaiter(void 0, void 0, void 0, function* () {
33
- if (!trackEvent) {
34
- return;
35
- }
36
- if (isUseful) {
37
- setDisabled({ positive: false, negative: true });
38
- }
39
- else {
40
- setDisabled({ positive: true, negative: false });
41
- }
42
- const args = {
43
- knowledgebaseInferenceId: inferenceId,
44
- feedbackBotInteractionId: botInteractionId,
45
- feedbackTargetId: messageId,
46
- feedbackGroupId: uuidv7(),
47
- possibleOptions: [FeedbackOption.ThumbsDown, FeedbackOption.ThumbsUp],
48
- possibleValues: [0, 1],
49
- option: isUseful ? FeedbackOption.ThumbsUp : FeedbackOption.ThumbsDown,
50
- value: isUseful ? 1 : 0,
51
- };
52
- const request = {
53
- session: Object.assign({}, webchatState.session),
54
- };
55
- yield trackEvent(request, EventAction.FeedbackKnowledgebase, args);
56
- });
57
- return (_jsxs(FeedbackMessageContainer, { children: [_jsx(FeedbackButton, Object.assign({ className: className, disabled: disabled.positive, onClick: () => handleClick(true) }, { children: _jsx("img", { src: resolveImage(ThumbsUp) }) })), _jsx(FeedbackButton, Object.assign({ className: className, disabled: disabled.negative, onClick: () => handleClick(false) }, { children: _jsx("img", { src: resolveImage(ThumbsDown) }) }))] }));
58
- };
59
- //# sourceMappingURL=message-feedback.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"message-feedback.js","sourceRoot":"","sources":["../../../../src/components/message/message-feedback.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +0,0 @@
1
- import { SENDERS } from '../../index-types';
2
- interface MessageFooterProps {
3
- enabletimestamps: boolean;
4
- messageJSON: any;
5
- sentBy: SENDERS;
6
- feedbackEnabled: boolean;
7
- inferenceId?: string;
8
- botInteractionId?: string;
9
- }
10
- export declare const MessageFooter: ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, botInteractionId, }: MessageFooterProps) => JSX.Element;
11
- export {};
@@ -1,17 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useContext } from 'react';
3
- import { WebchatContext } from '../../contexts';
4
- import { SENDERS } from '../../index-types';
5
- import { MessageFeedback } from './message-feedback';
6
- import { MessageFooterContainer } from './styles';
7
- import { MessageTimestamp, resolveMessageTimestamps } from './timestamps';
8
- export const MessageFooter = ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, botInteractionId, }) => {
9
- const { getThemeProperty } = useContext(WebchatContext);
10
- const { timestampsEnabled, timestampStyle } = resolveMessageTimestamps(getThemeProperty, enabletimestamps);
11
- const isSentByUser = sentBy === SENDERS.user;
12
- const messageFotterClass = isSentByUser
13
- ? 'message-footer-user'
14
- : 'message-footer-bot';
15
- return (_jsxs(MessageFooterContainer, Object.assign({ className: messageFotterClass, isSentByUser: isSentByUser }, { children: [timestampsEnabled ? (_jsx(MessageTimestamp, { sentBy: sentBy, style: timestampStyle, timestamp: messageJSON.timestamp })) : null, feedbackEnabled ? (_jsx(MessageFeedback, { inferenceId: inferenceId, messageId: messageJSON.id, botInteractionId: botInteractionId })) : null] })));
16
- };
17
- //# sourceMappingURL=message-footer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"message-footer.js","sourceRoot":"","sources":["../../../../src/components/message/message-footer.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAA;AAWzE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,eAAe,EACf,WAAW,EACX,gBAAgB,GACG,EAAE,EAAE;IACvB,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,wBAAwB,CACpE,gBAAgB,EAChB,gBAAgB,CACjB,CAAA;IACD,MAAM,YAAY,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAA;IAC5C,MAAM,kBAAkB,GAAG,YAAY;QACrC,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,oBAAoB,CAAA;IAExB,OAAO,CACL,MAAC,sBAAsB,kBACrB,SAAS,EAAE,kBAAkB,EAC7B,YAAY,EAAE,YAAY,iBAEzB,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,gBAAgB,IACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,WAAW,CAAC,SAAS,GAChC,CACH,CAAC,CAAC,CAAC,IAAI,EACP,eAAe,CAAC,CAAC,CAAC,CACjB,KAAC,eAAe,IACd,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,WAAW,CAAC,EAAE,EACzB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC,CAAC,CAAC,IAAI,KACe,CAC1B,CAAA;AACH,CAAC,CAAA"}
@@ -1,7 +0,0 @@
1
- import { SENDERS } from '../../index-types';
2
- interface MessageImageProps {
3
- imagestyle: Record<string, unknown>;
4
- sentBy: SENDERS;
5
- }
6
- export declare const MessageImage: ({ imagestyle, sentBy }: MessageImageProps) => any;
7
- export {};
@@ -1,19 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useContext } from 'react';
3
- import { WEBCHAT } from '../../constants';
4
- import { WebchatContext } from '../../contexts';
5
- import { SENDERS } from '../../index-types';
6
- import { resolveImage } from '../../util/environment';
7
- import { BotMessageImageContainer } from './styles';
8
- export const MessageImage = ({ imagestyle, sentBy }) => {
9
- const { getThemeProperty } = useContext(WebchatContext);
10
- const isSentByAgent = sentBy === SENDERS.agent;
11
- const isSentByUser = sentBy === SENDERS.user;
12
- const timestampsWithImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.messageTimestampsWithImage);
13
- const BotMessageImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.botMessageImage, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandImage, WEBCHAT.DEFAULTS.LOGO));
14
- const AgentMessageImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.agentMessageImage, BotMessageImage);
15
- return (!timestampsWithImage &&
16
- !isSentByUser &&
17
- BotMessageImage && (_jsx(BotMessageImageContainer, Object.assign({ style: Object.assign(Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.botMessageImageStyle)), imagestyle) }, { children: _jsx("img", { style: { width: '100%' }, src: resolveImage(isSentByAgent ? AgentMessageImage : BotMessageImage) }) }))));
18
- };
19
- //# sourceMappingURL=message-image.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"message-image.js","sourceRoot":"","sources":["../../../../src/components/message/message-image.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAA;AAOnD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,UAAU,EAAE,MAAM,EAAqB,EAAE,EAAE;IACxE,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,aAAa,GAAG,MAAM,KAAK,OAAO,CAAC,KAAK,CAAA;IAC9C,MAAM,YAAY,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAA;IAE5C,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,OAAO,CAAC,iBAAiB,CAAC,0BAA0B,CACrD,CAAA;IAED,MAAM,eAAe,GAAG,gBAAgB,CACtC,OAAO,CAAC,iBAAiB,CAAC,eAAe,EACzC,gBAAgB,CACd,OAAO,CAAC,iBAAiB,CAAC,UAAU,EACpC,OAAO,CAAC,QAAQ,CAAC,IAAI,CACtB,CACF,CAAA;IAED,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,eAAe,CAChB,CAAA;IAED,OAAO,CACL,CAAC,mBAAmB;QACpB,CAAC,YAAY;QACb,eAAe,IAAI,CACjB,KAAC,wBAAwB,kBACvB,KAAK,kCACA,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,GAChE,UAAU,iBAGf,cACE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,GAAG,EAAE,YAAY,CACf,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CACpD,GACD,IACuB,CAC5B,CACF,CAAA;AACH,CAAC,CAAA"}
@@ -1,33 +0,0 @@
1
- interface MessageContainerProps {
2
- isSentByUser: boolean;
3
- }
4
- export declare const MessageContainer: import("styled-components").StyledComponent<"div", any, MessageContainerProps, never>;
5
- export declare const BotMessageImageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
6
- interface BolbContainerProps {
7
- bgcolor: string;
8
- blob: boolean;
9
- blobwidth?: string;
10
- }
11
- export declare const BlobContainer: import("styled-components").StyledComponent<"div", any, BolbContainerProps, never>;
12
- interface BlobTextProps {
13
- blob: boolean;
14
- markdownstyle: any;
15
- }
16
- export declare const BlobText: import("styled-components").StyledComponent<"div", any, BlobTextProps, never>;
17
- export declare const BlobTickContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
18
- interface BlobTickProps {
19
- pointerSize: number;
20
- }
21
- export declare const BlobTick: import("styled-components").StyledComponent<"div", any, BlobTickProps, never>;
22
- interface TimestampContainerProps {
23
- isSentByUser: boolean;
24
- }
25
- export declare const TimestampContainer: import("styled-components").StyledComponent<"div", any, TimestampContainerProps, never>;
26
- interface TimestampTextProps {
27
- isSentByUser: boolean;
28
- }
29
- export declare const TimestampText: import("styled-components").StyledComponent<"div", any, TimestampTextProps, never>;
30
- export declare const MessageFooterContainer: import("styled-components").StyledComponent<"div", any, TimestampContainerProps, never>;
31
- export declare const FeedbackMessageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
32
- export declare const FeedbackButton: import("styled-components").StyledComponent<"button", any, {}, never>;
33
- export {};
@@ -1,118 +0,0 @@
1
- import styled from 'styled-components';
2
- import { COLORS } from '../../constants';
3
- export const MessageContainer = styled.div `
4
- display: flex;
5
- justify-content: ${props => (props.isSentByUser ? 'flex-end' : 'flex-start')};
6
- position: relative;
7
- padding: 0px 6px;
8
- `;
9
- export const BotMessageImageContainer = styled.div `
10
- width: 28px;
11
- padding: 12px 4px;
12
- flex: none;
13
- display: flex;
14
- align-items: center;
15
- justify-content: center;
16
- `;
17
- export const BlobContainer = styled.div `
18
- position: relative;
19
- margin: 8px;
20
- border-radius: 8px;
21
- background-color: ${props => props.bgcolor};
22
- color: ${props => props.color};
23
- max-width: ${props => props.blob
24
- ? props.blobwidth
25
- ? props.blobwidth
26
- : '60%'
27
- : 'calc(100% - 16px)'};
28
- `;
29
- export const BlobText = styled.div `
30
- padding: ${props => (props.blob ? '8px 12px' : '0px')};
31
- display: flex;
32
- flex-direction: column;
33
- white-space: pre-line;
34
- ${props => props.markdownstyle}
35
- `;
36
- export const BlobTickContainer = styled.div `
37
- position: absolute;
38
- box-sizing: border-box;
39
- height: 100%;
40
- padding: 18px 0px 18px 0px;
41
- display: flex;
42
- top: 0;
43
- align-items: center;
44
- `;
45
- export const BlobTick = styled.div `
46
- position: relative;
47
- margin: -${props => props.pointerSize}px 0px;
48
- border: ${props => props.pointerSize}px solid ${COLORS.TRANSPARENT};
49
- `;
50
- export const TimestampContainer = styled.div `
51
- display: flex;
52
- position: relative;
53
- justify-content: ${props => (props.isSentByUser ? 'flex-end' : 'flex-start')};
54
- align-items: center;
55
- gap: 10px;
56
-
57
- box-sizing: border-box;
58
- width: 100%;
59
-
60
- img {
61
- max-width: 20px;
62
- }
63
- `;
64
- export const TimestampText = styled.div `
65
- @import url('https://fonts.googleapis.com/css?family=Lato');
66
- font-family: Lato;
67
- font-size: 10px;
68
- color: ${COLORS.SOLID_BLACK};
69
- text-align: ${props => (props.isSentByUser ? 'right' : 'left')};
70
- `;
71
- export const MessageFooterContainer = styled.div `
72
- display: flex;
73
- justify-content: space-between;
74
- align-items: center;
75
-
76
- box-sizing: border-box;
77
- padding: 0px 15px 4px 15px;
78
- padding-top: ${props => (props.isSentByUser ? '0px' : '4px')};
79
- width: 100%;
80
- `;
81
- export const FeedbackMessageContainer = styled.div `
82
- display: flex;
83
- justify-content: space-between;
84
- align-items: center;
85
- gap: 4px;
86
-
87
- box-sizing: border-box;
88
- `;
89
- export const FeedbackButton = styled.button `
90
- display: flex;
91
- justify-content: center;
92
- align-items: center;
93
-
94
- background: none;
95
- box-sizing: border-box;
96
- border: none;
97
- border-radius: 4px;
98
- padding: 8px 8px;
99
- height: 24px;
100
- width: 24px;
101
-
102
- &:hover {
103
- cursor: pointer;
104
- background-color: #f4f3f4;
105
- }
106
-
107
- &:disabled {
108
- cursor: default;
109
- background: none;
110
- opacity: 0.3;
111
- }
112
-
113
- &.clicked {
114
- opacity: 0;
115
- transition: 1s 1s;
116
- }
117
- `;
118
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/message/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAMxC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAuB;;qBAE5C,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;;;CAG7E,CAAA;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOjD,CAAA;AAOD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAoB;;;;sBAIrC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO;WACjC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK;eAChB,KAAK,CAAC,EAAE,CACnB,KAAK,CAAC,IAAI;IACR,CAAC,CAAC,KAAK,CAAC,SAAS;QACf,CAAC,CAAC,KAAK,CAAC,SAAS;QACjB,CAAC,CAAC,KAAK;IACT,CAAC,CAAC,mBAAmB;CAC1B,CAAA;AAMD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAe;aACpC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;;;;IAInD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa;CAC/B,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ1C,CAAA;AAMD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAe;;aAEpC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW;YAC3B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,YAAY,MAAM,CAAC,WAAW;CACnE,CAAA;AAKD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAyB;;;qBAGhD,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;;;;;;;;;;CAU7E,CAAA;AAKD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAoB;;;;WAIhD,MAAM,CAAC,WAAW;gBACb,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;CAC/D,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAyB;;;;;;;iBAOxD,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;;CAE7D,CAAA;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOjD,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4B1C,CAAA"}
@@ -1,13 +0,0 @@
1
- import { SENDERS } from '../../index-types';
2
- export declare const resolveMessageTimestamps: (getThemeProperty: any, timestampEnabled: any) => {
3
- timestampsEnabled: boolean;
4
- getFormattedTimestamp: any;
5
- timestampStyle: any;
6
- };
7
- interface MessageTimestampProps {
8
- timestamp: string;
9
- style: Record<string, unknown>;
10
- sentBy: SENDERS;
11
- }
12
- export declare const MessageTimestamp: ({ timestamp, style, sentBy, }: MessageTimestampProps) => JSX.Element;
13
- export {};
@@ -1,40 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useContext } from 'react';
3
- import { WEBCHAT } from '../../constants';
4
- import { WebchatContext } from '../../contexts';
5
- import { SENDERS } from '../../index-types';
6
- import { resolveImage } from '../../util';
7
- import { TimestampContainer, TimestampText } from './styles';
8
- export const resolveMessageTimestamps = (getThemeProperty, timestampEnabled) => {
9
- const timestampsFormat = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.messageTimestampsFormat);
10
- const timestampStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.messageTimestampsStyle);
11
- const timestampsEnabled = Boolean(timestampEnabled !== undefined
12
- ? timestampEnabled
13
- : getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableMessageTimestamps, Boolean(timestampStyle) || Boolean(timestampsFormat) || false));
14
- const defaultTimestampFormat = {
15
- month: 'short',
16
- day: 'numeric',
17
- hour: 'numeric',
18
- minute: 'numeric',
19
- second: 'numeric',
20
- };
21
- const getFormattedTimestamp = timestampsFormat
22
- ? timestampsFormat()
23
- : // @ts-ignore
24
- new Date().toLocaleString(undefined, defaultTimestampFormat);
25
- return {
26
- timestampsEnabled,
27
- getFormattedTimestamp,
28
- timestampStyle,
29
- };
30
- };
31
- export const MessageTimestamp = ({ timestamp, style, sentBy, }) => {
32
- const { getThemeProperty } = useContext(WebchatContext);
33
- const isSentByUser = sentBy === SENDERS.user;
34
- const isSentByAgent = sentBy === SENDERS.agent;
35
- const BotMessageImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.botMessageImage, undefined);
36
- const AgentMessageImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.agentMessageImage, BotMessageImage);
37
- const timestampsWithImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.messageTimestampsWithImage);
38
- return (_jsxs(TimestampContainer, Object.assign({ className: `botonic-timestamp-container ${sentBy}`, isSentByUser: isSentByUser }, { children: [timestampsWithImage && BotMessageImage && !isSentByUser && (_jsx("img", { src: resolveImage(isSentByAgent ? AgentMessageImage : BotMessageImage) })), _jsx(TimestampText, Object.assign({ isSentByUser: isSentByUser, style: style }, { children: timestamp }))] })));
39
- };
40
- //# sourceMappingURL=timestamps.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"timestamps.js","sourceRoot":"","sources":["../../../../src/components/message/timestamps.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE5D,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,gBAAgB,EAChB,gBAAgB,EAChB,EAAE;IACF,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,OAAO,CAAC,iBAAiB,CAAC,uBAAuB,CAClD,CAAA;IACD,MAAM,cAAc,GAAG,gBAAgB,CACrC,OAAO,CAAC,iBAAiB,CAAC,sBAAsB,CACjD,CAAA;IACD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,gBAAgB,KAAK,SAAS;QAC5B,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,gBAAgB,CACd,OAAO,CAAC,iBAAiB,CAAC,uBAAuB,EACjD,OAAO,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAC9D,CACN,CAAA;IAED,MAAM,sBAAsB,GAAG;QAC7B,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;KAClB,CAAA;IAED,MAAM,qBAAqB,GAAG,gBAAgB;QAC5C,CAAC,CAAC,gBAAgB,EAAE;QACpB,CAAC,CAAC,aAAa;YACb,IAAI,IAAI,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAEhE,OAAO;QACL,iBAAiB;QACjB,qBAAqB;QACrB,cAAc;KACf,CAAA;AACH,CAAC,CAAA;AAQD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,MAAM,GACgB,EAAE,EAAE;IAC1B,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAA;IAC5C,MAAM,aAAa,GAAG,MAAM,KAAK,OAAO,CAAC,KAAK,CAAA;IAE9C,MAAM,eAAe,GAAG,gBAAgB,CACtC,OAAO,CAAC,iBAAiB,CAAC,eAAe,EACzC,SAAS,CACV,CAAA;IAED,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,eAAe,CAChB,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,OAAO,CAAC,iBAAiB,CAAC,0BAA0B,CACrD,CAAA;IAED,OAAO,CACL,MAAC,kBAAkB,kBACjB,SAAS,EAAE,+BAA+B,MAAM,EAAE,EAClD,YAAY,EAAE,YAAY,iBAEzB,mBAAmB,IAAI,eAAe,IAAI,CAAC,YAAY,IAAI,CAC1D,cACE,GAAG,EAAE,YAAY,CACf,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CACpD,GACD,CACH,EACD,KAAC,aAAa,kBAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,gBACpD,SAAS,IACI,KACG,CACtB,CAAA;AACH,CAAC,CAAA"}
@@ -1 +0,0 @@
1
- export function MessageTemplate(props: any): any;
@@ -1,9 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import React from 'react';
3
- import { renderComponent } from '../util/react';
4
- export const MessageTemplate = props => {
5
- const renderBrowser = () => null;
6
- const renderNode = () => (_jsx("message", Object.assign({ type: 'template' }, { children: _jsx("pre", { dangerouslySetInnerHTML: { __html: JSON.stringify(props.payload) } }) })));
7
- return renderComponent({ renderBrowser, renderNode });
8
- };
9
- //# sourceMappingURL=message-template.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"message-template.js","sourceRoot":"","sources":["../../../src/components/message-template.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,EAAE;IACrC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;IAChC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CACvB,gCAAS,IAAI,EAAC,UAAU,gBACtB,cACE,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,GAClE,IACM,CACX,CAAA;IACD,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA"}
@@ -1,17 +0,0 @@
1
- export const MAX_CHARACTERS_FACEBOOK: 640;
2
- export class MultichannelFacebook {
3
- convertText(props: any, originalText: any): {
4
- texts: any[];
5
- propsLastText: any;
6
- propsWithoutChildren: any;
7
- } | {
8
- propsLastText: any;
9
- texts?: undefined;
10
- propsWithoutChildren?: undefined;
11
- };
12
- splitText(originalText: any): any[];
13
- getNewProps(props: any, lastText: any): {
14
- propsLastText: any;
15
- propsWithoutChildren: any;
16
- };
17
- }
@@ -1,43 +0,0 @@
1
- export const MAX_CHARACTERS_FACEBOOK = 640;
2
- export class MultichannelFacebook {
3
- constructor() { }
4
- convertText(props, originalText) {
5
- if (originalText.length > MAX_CHARACTERS_FACEBOOK) {
6
- const texts = this.splitText(originalText);
7
- const lastText = texts.pop();
8
- const { propsLastText, propsWithoutChildren } = this.getNewProps(props, lastText);
9
- return { texts, propsLastText, propsWithoutChildren };
10
- }
11
- return { propsLastText: props };
12
- }
13
- splitText(originalText) {
14
- const lines = originalText.split('\n');
15
- const initialText = lines.shift();
16
- const texts = [initialText];
17
- let index = 0;
18
- lines.forEach(currentText => {
19
- if (texts[index].length + currentText.length > MAX_CHARACTERS_FACEBOOK) {
20
- index++;
21
- texts.push(currentText);
22
- }
23
- else {
24
- texts[index] = texts[index].concat('\n', currentText);
25
- }
26
- });
27
- return texts;
28
- }
29
- // modifies the props to keep the children only for the last text message, this message will be the one with buttons and replies
30
- getNewProps(props, lastText) {
31
- const propsLastText = Object.assign({}, props);
32
- propsLastText.children = [lastText];
33
- if (Array.isArray(props.children)) {
34
- props.children
35
- .filter(e => e.type)
36
- .forEach(e => propsLastText.children.push(e));
37
- }
38
- const propsWithoutChildren = Object.assign({}, props);
39
- delete propsWithoutChildren.children;
40
- return { propsLastText, propsWithoutChildren };
41
- }
42
- }
43
- //# sourceMappingURL=facebook.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"facebook.js","sourceRoot":"","sources":["../../../../../src/components/multichannel/facebook/facebook.jsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;AAE1C,MAAM,OAAO,oBAAoB;IAC/B,gBAAe,CAAC;IAEhB,WAAW,CAAC,KAAK,EAAE,YAAY;QAC7B,IAAI,YAAY,CAAC,MAAM,GAAG,uBAAuB,EAAE;YACjD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAA;YAC1C,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,EAAE,CAAA;YAC5B,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,GAAG,IAAI,CAAC,WAAW,CAC9D,KAAK,EACL,QAAQ,CACT,CAAA;YACD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAA;SACtD;QACD,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,CAAA;IACjC,CAAC;IAED,SAAS,CAAC,YAAY;QACpB,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACtC,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;QACjC,MAAM,KAAK,GAAG,CAAC,WAAW,CAAC,CAAA;QAC3B,IAAI,KAAK,GAAG,CAAC,CAAA;QACb,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;YAC1B,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,GAAG,uBAAuB,EAAE;gBACtE,KAAK,EAAE,CAAA;gBACP,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;aACxB;iBAAM;gBACL,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;aACtD;QACH,CAAC,CAAC,CAAA;QACF,OAAO,KAAK,CAAA;IACd,CAAC;IAED,gIAAgI;IAChI,WAAW,CAAC,KAAK,EAAE,QAAQ;QACzB,MAAM,aAAa,qBAAQ,KAAK,CAAE,CAAA;QAClC,aAAa,CAAC,QAAQ,GAAG,CAAC,QAAQ,CAAC,CAAA;QACnC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;YACjC,KAAK,CAAC,QAAQ;iBACX,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;iBACnB,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;SAChD;QACD,MAAM,oBAAoB,qBAAQ,KAAK,CAAE,CAAA;QACzC,OAAO,oBAAoB,CAAC,QAAQ,CAAA;QACpC,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAA;IAChD,CAAC;CACF"}
@@ -1,46 +0,0 @@
1
- export type IndexMode = 'number' | 'letter' | undefined;
2
- export interface MultichannelViewOptions {
3
- boldIndex?: boolean;
4
- indexSeparator?: string;
5
- }
6
- export interface MultichannelContextType extends MultichannelViewOptions {
7
- currentIndex: number | string;
8
- /** @see same field at MultichannelProps */
9
- messageSeparator?: string;
10
- }
11
- export interface MultichannelTextProps extends MultichannelViewOptions {
12
- index?: string;
13
- indexMode?: IndexMode;
14
- /** Defaults to no separator between lines*/
15
- newline?: string;
16
- buttonsAsText?: boolean;
17
- buttonsTextSeparator?: string;
18
- menuButtonTextWhatsappList?: string;
19
- }
20
- export interface MultichannelCarouselProps extends MultichannelViewOptions {
21
- enableURL?: boolean;
22
- indexMode?: IndexMode;
23
- showTitle?: boolean;
24
- showSubtitle?: boolean;
25
- buttonsAsText?: boolean;
26
- }
27
- export interface MultichannelButtonProps {
28
- newline?: string;
29
- path?: string;
30
- payload?: string;
31
- url?: string;
32
- webview?: string;
33
- asText?: boolean;
34
- }
35
- export interface MultichannelProps extends MultichannelViewOptions {
36
- firstIndex?: number | string;
37
- carousel?: MultichannelCarouselProps;
38
- text?: MultichannelTextProps;
39
- /**
40
- * If undefined, each component will be served in a different botonic message
41
- * '' will concatenate in the same line
42
- * '\n' will split in different lines
43
- * '\n\n' will separate with an empty line
44
- **/
45
- messageSeparator?: string;
46
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=index-types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../../../src/components/multichannel/index-types.ts"],"names":[],"mappings":""}
@@ -1,11 +0,0 @@
1
- import { Multichannel } from './multichannel';
2
- import { MultichannelButton } from './multichannel-button';
3
- import { MultichannelCarousel } from './multichannel-carousel';
4
- import { MultichannelReply } from './multichannel-reply';
5
- import { MultichannelText } from './multichannel-text';
6
- export { Multichannel };
7
- export { MultichannelText };
8
- export { MultichannelButton };
9
- export { MultichannelReply };
10
- export { MultichannelCarousel };
11
- export * from './index-types';
@@ -1,12 +0,0 @@
1
- import { Multichannel } from './multichannel';
2
- import { MultichannelButton } from './multichannel-button';
3
- import { MultichannelCarousel } from './multichannel-carousel';
4
- import { MultichannelReply } from './multichannel-reply';
5
- import { MultichannelText } from './multichannel-text';
6
- export { Multichannel };
7
- export { MultichannelText };
8
- export { MultichannelButton };
9
- export { MultichannelReply };
10
- export { MultichannelCarousel };
11
- export * from './index-types';
12
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/multichannel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,OAAO,EAAE,gBAAgB,EAAE,CAAA;AAC3B,OAAO,EAAE,kBAAkB,EAAE,CAAA;AAC7B,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAC5B,OAAO,EAAE,oBAAoB,EAAE,CAAA;AAE/B,cAAc,eAAe,CAAA"}
@@ -1 +0,0 @@
1
- export function MultichannelButton(props: any): string | JSX.Element;
@@ -1,67 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { isWhatsapp } from '@botonic/core';
3
- import React, { useContext } from 'react';
4
- import { RequestContext } from '../../contexts';
5
- import { truncateText } from '../../util';
6
- import { Button } from '../button';
7
- import { MultichannelContext } from './multichannel-context';
8
- import { WHATSAPP_MAX_BUTTON_CHARS } from './whatsapp/constants';
9
- export const MultichannelButton = props => {
10
- var _a;
11
- const requestContext = useContext(RequestContext);
12
- const multichannelContext = useContext(MultichannelContext);
13
- const hasUrl = () => Boolean(props.url);
14
- const hasPath = () => Boolean(props.path);
15
- const hasPayload = () => Boolean(props.payload);
16
- const hasPostback = () => hasPath() || hasPayload();
17
- const hasWebview = () => Boolean(props.webview);
18
- const getUrl = () => props.url;
19
- const getWebview = () => props.webview;
20
- const increaseCurrentIndex = () => {
21
- if (typeof multichannelContext.currentIndex === 'number') {
22
- multichannelContext.currentIndex += 1;
23
- }
24
- else if (typeof multichannelContext.currentIndex === 'string') {
25
- const lastChar = multichannelContext.currentIndex.charCodeAt(multichannelContext.currentIndex.length - 1);
26
- multichannelContext.currentIndex = String.fromCharCode(lastChar + 1);
27
- }
28
- };
29
- const formatIndex = index => {
30
- var _a;
31
- const boldIndex = (_a = multichannelContext.boldIndex) !== null && _a !== void 0 ? _a : false;
32
- return boldIndex ? `*${index}*` : index;
33
- };
34
- const getText = () => {
35
- let text = props.children;
36
- const newline = props.newline || '';
37
- const separator = multichannelContext.indexSeparator || ' ';
38
- const index = multichannelContext.currentIndex
39
- ? `${formatIndex(multichannelContext.currentIndex + separator)} `
40
- : '';
41
- if (hasPostback()) {
42
- text = newline + `${index}${text}`;
43
- }
44
- else if (hasUrl()) {
45
- text = newline + `- ${text}`;
46
- }
47
- return text;
48
- };
49
- if (isWhatsapp(requestContext.session)) {
50
- const asText = (_a = props.asText) !== null && _a !== void 0 ? _a : true;
51
- if (asText) {
52
- if (hasUrl()) {
53
- return `${getText()}: ${getUrl()}`;
54
- }
55
- else if (hasPath() || hasPayload()) {
56
- const text = getText();
57
- increaseCurrentIndex();
58
- return `${text}`;
59
- }
60
- else if (hasWebview())
61
- return _jsx(Button, Object.assign({}, props, { children: getText() }));
62
- }
63
- return (_jsx(Button, Object.assign({}, props, { children: truncateText(props.children, WHATSAPP_MAX_BUTTON_CHARS) })));
64
- }
65
- return _jsx(Button, Object.assign({}, props, { children: props.children }));
66
- };
67
- //# sourceMappingURL=multichannel-button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"multichannel-button.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-button.jsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- export function MultichannelCarousel(props: any): any;