@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,6 +0,0 @@
1
- interface Props {
2
- component: any;
3
- componentProps: any;
4
- }
5
- export declare const CoverComponent: ({ component, componentProps }: Props) => JSX.Element | null;
6
- export {};
@@ -1,17 +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
- export const CoverComponent = ({ component, componentProps }) => {
6
- const { getThemeProperty, toggleCoverComponent, webchatState } = useContext(WebchatContext);
7
- const Cover = component;
8
- const coverComponentProps = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.coverComponentProps, componentProps);
9
- const closeCoverComponent = () => {
10
- toggleCoverComponent(false);
11
- };
12
- if (!Cover || !webchatState.isCoverComponentOpen) {
13
- return null;
14
- }
15
- return _jsx(Cover, Object.assign({ closeComponent: closeCoverComponent }, coverComponentProps));
16
- };
17
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/cover-component/index.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;AAO/C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAAS,EAAE,EAAE;IACrE,MAAM,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,YAAY,EAAE,GAC5D,UAAU,CAAC,cAAc,CAAC,CAAA;IAE5B,MAAM,KAAK,GAAG,SAAS,CAAA;IAEvB,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,OAAO,CAAC,iBAAiB,CAAC,mBAAmB,EAC7C,cAAc,CACf,CAAA;IAED,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE;QAChD,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,KAAC,KAAK,kBAAC,cAAc,EAAE,mBAAmB,IAAM,mBAAmB,EAAI,CAAA;AAChF,CAAC,CAAA"}
@@ -1,11 +0,0 @@
1
- export const DEVICES: Readonly<{
2
- MOBILE: {
3
- IPHONE: string;
4
- ANDROID: string;
5
- WEBOS: string;
6
- BLACKBERRY: string;
7
- WINDOWS_PHONE: string;
8
- };
9
- }>;
10
- export function isDevice(deviceName: any): boolean;
11
- export function isMobileDevice(): boolean;
@@ -1,18 +0,0 @@
1
- export const DEVICES = Object.freeze({
2
- MOBILE: {
3
- IPHONE: 'iPhone',
4
- ANDROID: 'Android',
5
- WEBOS: 'webOS',
6
- BLACKBERRY: 'BlackBerry',
7
- WINDOWS_PHONE: 'Windows Phone',
8
- },
9
- });
10
- export const isDevice = deviceName => {
11
- // https://stackoverflow.com/questions/19877924/what-is-the-list-of-possible-values-for-navigator-platform-as-of-today
12
- return (!!navigator.platform &&
13
- navigator.platform.toLowerCase().includes(deviceName.toLowerCase()));
14
- };
15
- export const isMobileDevice = () => {
16
- return Object.values(DEVICES.MOBILE).some(deviceName => isDevice(deviceName));
17
- };
18
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/devices/index.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,MAAM,EAAE;QACN,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,eAAe;KAC/B;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC,EAAE;IACnC,sHAAsH;IACtH,OAAO,CACL,CAAC,CAAC,SAAS,CAAC,QAAQ;QACpB,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CACpE,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAA;AAC/E,CAAC,CAAA"}
@@ -1,3 +0,0 @@
1
- export function DefaultHeader(props: any): JSX.Element;
2
- export const WebchatHeader: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
3
- import React from "react";
@@ -1,81 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React, { forwardRef, useContext } from 'react';
3
- import styled from 'styled-components';
4
- import { COLORS, ROLES, WEBCHAT } from '../constants';
5
- import { WebchatContext } from '../contexts';
6
- import { Scale } from '../shared/styles';
7
- import { resolveImage } from '../util/environment';
8
- import { ConditionalWrapper } from '../util/react';
9
- import { BotonicContainerId } from './constants';
10
- const Header = styled.div `
11
- display: flex;
12
- background: linear-gradient(
13
- 90deg,
14
- ${COLORS.BLEACHED_CEDAR_PURPLE} 0%,
15
- ${props => props.color} 100%
16
- );
17
- border-radius: ${WEBCHAT.DEFAULTS.BORDER_RADIUS_TOP_CORNERS};
18
- z-index: 2;
19
- height: inherit;
20
- `;
21
- const ImageContainer = styled.div `
22
- padding: 10px;
23
- align-items: center;
24
- `;
25
- const Image = styled.img `
26
- width: 32px;
27
- border-radius: 50%;
28
- `;
29
- const TextContainer = styled.div `
30
- display: flex;
31
- flex-direction: column;
32
- justify-content: center;
33
- flex: 1 1 auto;
34
- `;
35
- const Title = styled.div `
36
- display: flex;
37
- font-family: inherit;
38
- font-size: 15px;
39
- font-weight: bold;
40
- color: ${COLORS.SOLID_WHITE};
41
- `;
42
- const Subtitle = styled.div `
43
- display: flex;
44
- font-family: inherit;
45
- font-size: 11px;
46
- color: ${COLORS.SOLID_WHITE};
47
- `;
48
- const CloseHeader = styled.div `
49
- padding: 0px 16px;
50
- cursor: pointer;
51
- color: ${COLORS.SOLID_WHITE};
52
- font-family: inherit;
53
- font-size: 36px;
54
- `;
55
- export const DefaultHeader = props => {
56
- const { getThemeProperty } = props;
57
- const animationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, true);
58
- const headerImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerImage, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandImage, WEBCHAT.DEFAULTS.LOGO));
59
- const headerTitle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerTitle, WEBCHAT.DEFAULTS.TITLE);
60
- const headerSubtitle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle, '');
61
- return (_jsxs(Header, Object.assign({ role: ROLES.HEADER, color: props.color, style: Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerStyle)) }, { children: [headerImage && (_jsx(ImageContainer, { children: _jsx(Image, { src: resolveImage(headerImage) }) })), _jsxs(TextContainer, Object.assign({ ml: headerImage ? '0px' : '16px' }, { children: [_jsx(Title, Object.assign({ mb: headerSubtitle ? '6px' : '0px' }, { children: headerTitle })), _jsx(Subtitle, { children: headerSubtitle })] })), _jsx(ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => _jsx(Scale, { children: children }) }, { children: _jsx(CloseHeader, Object.assign({ onClick: props.onCloseClick }, { children: "\u2A2F" })) }))] })));
62
- };
63
- const StyledWebchatHeader = styled.div `
64
- border-radius: 8px 8px 0px 0px;
65
- box-shadow: ${COLORS.PIGEON_POST_BLUE_ALPHA_0_5} 0px 2px 5px;
66
- height: 55px;
67
- flex: none;
68
- `;
69
- export const WebchatHeader = forwardRef((props, ref) => {
70
- const { webchatState, getThemeProperty } = useContext(WebchatContext);
71
- const handleCloseWebchat = event => {
72
- props.onCloseClick(event.target.value);
73
- };
74
- const CustomHeader = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customHeader);
75
- if (CustomHeader) {
76
- return (_jsx("div", Object.assign({ id: BotonicContainerId.Header, ref: ref }, { children: _jsx(CustomHeader, { onCloseClick: handleCloseWebchat }) })));
77
- }
78
- return (_jsx(StyledWebchatHeader, Object.assign({ id: BotonicContainerId.Header, ref: ref }, { children: _jsx(DefaultHeader, { webchatState: webchatState, getThemeProperty: getThemeProperty, color: getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandColor, COLORS.BOTONIC_BLUE), onCloseClick: handleCloseWebchat }) })));
79
- });
80
- WebchatHeader.displayName = 'WebchatHeader';
81
- //# sourceMappingURL=header.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/webchat/header.jsx"],"names":[],"mappings":"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"}
@@ -1,11 +0,0 @@
1
- export { useComponentVisible } from './use-component-visible';
2
- export { useComponentWillMount } from './use-component-will-mount';
3
- export { useDeviceAdapter } from './use-device-adapter';
4
- export { usePrevious } from './use-previous';
5
- export { useScrollToBottom } from './use-scroll-to-bottom';
6
- export { useScrollbarController } from './use-scrollbar-controller';
7
- export { useTyping } from './use-typing';
8
- export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
9
- export { useWebchat, webchatInitialState } from './use-webchat';
10
- export { useWebchatDimensions } from './use-webchat-dimensions';
11
- export { useWebchatResizer } from './use-webchat-resizer';
@@ -1,12 +0,0 @@
1
- export { useComponentVisible } from './use-component-visible';
2
- export { useComponentWillMount } from './use-component-will-mount';
3
- export { useDeviceAdapter } from './use-device-adapter';
4
- export { usePrevious } from './use-previous';
5
- export { useScrollToBottom } from './use-scroll-to-bottom';
6
- export { useScrollbarController } from './use-scrollbar-controller';
7
- export { useTyping } from './use-typing';
8
- export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
9
- export { useWebchat, webchatInitialState } from './use-webchat';
10
- export { useWebchatDimensions } from './use-webchat-dimensions';
11
- export { useWebchatResizer } from './use-webchat-resizer';
12
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAA;AAC9E,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA"}
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- interface ComponentVisible {
3
- ref: React.RefObject<HTMLElement>;
4
- isComponentVisible: boolean;
5
- setIsComponentVisible: React.Dispatch<React.SetStateAction<boolean>>;
6
- }
7
- export declare function useComponentVisible(initialIsVisible: boolean, onClickOutside: () => void): ComponentVisible;
8
- export {};
@@ -1,20 +0,0 @@
1
- import { useEffect, useRef, useState } from 'react';
2
- export function useComponentVisible(initialIsVisible, onClickOutside) {
3
- const [isComponentVisible, setIsComponentVisible] = useState(initialIsVisible);
4
- const ref = useRef(null);
5
- const handleClickOutside = event => {
6
- const target = event.path ? event.path[0] : event.target;
7
- if (ref.current && !ref.current.contains(target)) {
8
- setIsComponentVisible(false);
9
- onClickOutside();
10
- }
11
- };
12
- useEffect(() => {
13
- document.addEventListener('click', handleClickOutside, false);
14
- return () => {
15
- document.removeEventListener('click', handleClickOutside, false);
16
- };
17
- });
18
- return { ref, isComponentVisible, setIsComponentVisible };
19
- }
20
- //# sourceMappingURL=use-component-visible.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-component-visible.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-component-visible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAQnD,MAAM,UAAU,mBAAmB,CACjC,gBAAyB,EACzB,cAA0B;IAE1B,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IAC9E,MAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IACrC,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE;QACjC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAA;QACxD,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;YAChD,qBAAqB,CAAC,KAAK,CAAC,CAAA;YAC5B,cAAc,EAAE,CAAA;SACjB;IACH,CAAC,CAAA;IACD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAC7D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAClE,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IACF,OAAO,EAAE,GAAG,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAA;AAC3D,CAAC"}
@@ -1 +0,0 @@
1
- export declare const useComponentWillMount: (func: any) => void;
@@ -1,5 +0,0 @@
1
- import { useMemo } from 'react';
2
- export const useComponentWillMount = func => {
3
- useMemo(func, []);
4
- };
5
- //# sourceMappingURL=use-component-will-mount.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-component-will-mount.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-component-will-mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC,EAAE;IAC1C,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;AACnB,CAAC,CAAA"}
@@ -1,3 +0,0 @@
1
- export declare const useDeviceAdapter: (host: any, isWebchatOpen: any) => {
2
- currentDevice: any;
3
- };
@@ -1,42 +0,0 @@
1
- import { useEffect } from 'react';
2
- import { DEVICES } from '../devices';
3
- import { useScrollToBottom } from './use-scroll-to-bottom';
4
- import { useScrollbarController } from './use-scrollbar-controller';
5
- import { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
6
- import { useWebchatResizer } from './use-webchat-resizer';
7
- function getCurrentDevice() {
8
- // @ts-ignore
9
- if (navigator.userAgentData)
10
- return navigator.userAgentData.platform;
11
- return navigator.platform;
12
- }
13
- export const useDeviceAdapter = (host, isWebchatOpen) => {
14
- const currentDevice = getCurrentDevice();
15
- const { scrollToBottom } = useScrollToBottom({ host });
16
- const { isVirtualKeyboardVisible } = useVirtualKeyboardDetection(window.innerHeight);
17
- const { handleKeyboardShown, handleKeyboardHidden } = useWebchatResizer();
18
- const { handleScrollEvents } = useScrollbarController(currentDevice, host);
19
- useEffect(() => {
20
- if (currentDevice !== DEVICES.MOBILE.IPHONE)
21
- return;
22
- if (isVirtualKeyboardVisible) {
23
- handleKeyboardShown();
24
- scrollToBottom();
25
- }
26
- else {
27
- handleKeyboardHidden();
28
- }
29
- return;
30
- }, [isVirtualKeyboardVisible]);
31
- useEffect(() => {
32
- if (host && isWebchatOpen) {
33
- if (currentDevice !== DEVICES.MOBILE.IPHONE)
34
- return;
35
- handleScrollEvents();
36
- }
37
- }, [host, isWebchatOpen, handleScrollEvents]);
38
- return {
39
- currentDevice,
40
- };
41
- };
42
- //# sourceMappingURL=use-device-adapter.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-device-adapter.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-device-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAA;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,SAAS,gBAAgB;IACvB,aAAa;IACb,IAAI,SAAS,CAAC,aAAa;QAAE,OAAO,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAA;IACpE,OAAO,SAAS,CAAC,QAAQ,CAAA;AAC3B,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,aAAa,EAAE,EAAE;IACtD,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAExC,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;IAEtD,MAAM,EAAE,wBAAwB,EAAE,GAAG,2BAA2B,CAC9D,MAAM,CAAC,WAAW,CACnB,CAAA;IAED,MAAM,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEzE,MAAM,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IAE1E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACnD,IAAI,wBAAwB,EAAE;YAC5B,mBAAmB,EAAE,CAAA;YACrB,cAAc,EAAE,CAAA;SACjB;aAAM;YACL,oBAAoB,EAAE,CAAA;SACvB;QAED,OAAM;IACR,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAA;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,IAAI,aAAa,EAAE;YACzB,IAAI,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;gBAAE,OAAM;YACnD,kBAAkB,EAAE,CAAA;SACrB;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAE7C,OAAO;QACL,aAAa;KACd,CAAA;AACH,CAAC,CAAA"}
@@ -1 +0,0 @@
1
- export declare function usePrevious(value: any): undefined;
@@ -1,9 +0,0 @@
1
- import { useEffect, useRef } from 'react';
2
- export function usePrevious(value) {
3
- const ref = useRef();
4
- useEffect(() => {
5
- ref.current = value;
6
- });
7
- return ref.current;
8
- }
9
- //# sourceMappingURL=use-previous.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-previous.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-previous.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,UAAU,WAAW,CAAC,KAAK;IAC/B,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;IACpB,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC"}
@@ -1,7 +0,0 @@
1
- export declare const useScrollToBottom: ({ host, behavior, timeout, }: {
2
- host: any;
3
- behavior?: string | undefined;
4
- timeout?: number | undefined;
5
- }) => {
6
- scrollToBottom: () => void;
7
- };
@@ -1,19 +0,0 @@
1
- import { getScrollableMessagesListElement, getWebchatElement, } from '../../util/dom';
2
- export const useScrollToBottom = ({ host, behavior = 'smooth', timeout = 200, }) => {
3
- const scrollToBottom = () => {
4
- const webchatElement = getWebchatElement(host);
5
- if (!webchatElement)
6
- return;
7
- const scrollableMessagesListElement = getScrollableMessagesListElement(host);
8
- if (!scrollableMessagesListElement)
9
- return;
10
- setTimeout(() => {
11
- scrollableMessagesListElement.scrollTo({
12
- top: scrollableMessagesListElement.scrollHeight,
13
- behavior: behavior,
14
- });
15
- }, timeout);
16
- };
17
- return { scrollToBottom };
18
- };
19
- //# sourceMappingURL=use-scroll-to-bottom.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-scroll-to-bottom.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-scroll-to-bottom.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gCAAgC,EAChC,iBAAiB,GAClB,MAAM,gBAAgB,CAAA;AAEvB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,IAAI,EACJ,QAAQ,GAAG,QAAQ,EACnB,OAAO,GAAG,GAAG,GACd,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,CAAC,cAAc;YAAE,OAAM;QAC3B,MAAM,6BAA6B,GAAG,gCAAgC,CAAC,IAAI,CAAC,CAAA;QAC5E,IAAI,CAAC,6BAA6B;YAAE,OAAM;QAE1C,UAAU,CAAC,GAAG,EAAE;YACd,6BAA6B,CAAC,QAAQ,CAAC;gBACrC,GAAG,EAAE,6BAA6B,CAAC,YAAY;gBAC/C,QAAQ,EAAE,QAA0B;aACrC,CAAC,CAAA;QACJ,CAAC,EAAE,OAAO,CAAC,CAAA;IACb,CAAC,CAAA;IAED,OAAO,EAAE,cAAc,EAAE,CAAA;AAC3B,CAAC,CAAA"}
@@ -1,6 +0,0 @@
1
- export declare const useScrollbarController: (currentDevice: any, host: any) => {
2
- handleScrollEvents: () => void;
3
- handleOnTouchMoveEvents: () => void;
4
- handleOnMouseOverEvents: (e: any) => void;
5
- hasScrollbar: () => boolean;
6
- };
@@ -1,136 +0,0 @@
1
- import { useContext, useEffect } from 'react';
2
- import { WebchatContext } from '../../contexts';
3
- import { DEVICES, isMobileDevice } from '../devices';
4
- // TODO: Investigate why when we have some messages, scroll actions are not disabled properly
5
- const debounced = (delay, fn) => {
6
- let timerId;
7
- return function (...args) {
8
- if (timerId) {
9
- clearTimeout(timerId);
10
- }
11
- timerId = setTimeout(() => {
12
- fn(...args);
13
- timerId = null;
14
- }, delay);
15
- };
16
- };
17
- const stopAtScrollLimit = element => {
18
- if (element.scrollTop === 0)
19
- element.scrollTop = 1;
20
- if (element.scrollHeight - element.scrollTop === element.clientHeight)
21
- element.scrollTop -= 1;
22
- };
23
- export const useScrollbarController = (currentDevice, host) => {
24
- const { webchatRef, chatAreaRef, repliesRef, scrollableMessagesListRef } = useContext(WebchatContext);
25
- const hasScrollbar = () => {
26
- var _a, _b, _c, _d, _e;
27
- if (chatAreaRef.current && scrollableMessagesListRef.current) {
28
- if (!repliesRef) {
29
- return (((_a = scrollableMessagesListRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) >
30
- ((_b = chatAreaRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight));
31
- }
32
- if (repliesRef.current) {
33
- return (((_c = scrollableMessagesListRef.current) === null || _c === void 0 ? void 0 : _c.scrollHeight) >
34
- ((_d = chatAreaRef.current) === null || _d === void 0 ? void 0 : _d.clientHeight) - ((_e = repliesRef.current) === null || _e === void 0 ? void 0 : _e.clientHeight));
35
- }
36
- }
37
- return false;
38
- };
39
- const toggleOnMouseWheelEvents = () => {
40
- if (scrollableMessagesListRef.current) {
41
- if (hasScrollbar()) {
42
- // @ts-ignore
43
- scrollableMessagesListRef.current.onmousewheel = {};
44
- return;
45
- }
46
- // @ts-ignore
47
- scrollableMessagesListRef.current.onmousewheel = e => {
48
- e.preventDefault();
49
- };
50
- }
51
- };
52
- const handleOnMouseOverEvents = e => {
53
- let target = e.currentTarget;
54
- while (target) {
55
- toggleOnMouseWheelEvents();
56
- target = target.parentNode;
57
- }
58
- };
59
- const toggleOnTouchMoveEvents = () => {
60
- if (webchatRef.current && scrollableMessagesListRef.current) {
61
- if (hasScrollbar()) {
62
- scrollableMessagesListRef.current.style.touchAction = 'auto';
63
- webchatRef.current.style.touchAction = 'auto';
64
- webchatRef.current.ontouchmove = null;
65
- webchatRef.current.ontouchstart = null;
66
- return;
67
- }
68
- scrollableMessagesListRef.current.style.touchAction = 'none';
69
- webchatRef.current.style.touchAction = 'none';
70
- }
71
- if (webchatRef.current) {
72
- webchatRef.current.ontouchstart = e => {
73
- if (e.target === e.currentTarget) {
74
- e.preventDefault();
75
- }
76
- };
77
- webchatRef.current.ontouchmove = e => {
78
- if (e.target === e.currentTarget) {
79
- e.preventDefault();
80
- }
81
- };
82
- }
83
- };
84
- const handleOnTouchMoveEvents = () => {
85
- toggleOnTouchMoveEvents();
86
- };
87
- const limitScrollBoundaries = () => {
88
- if (currentDevice !== DEVICES.MOBILE.IPHONE)
89
- return;
90
- const chatArea = chatAreaRef.current;
91
- const dStopAtScrollLimit = debounced(100, stopAtScrollLimit);
92
- if (chatArea) {
93
- // @ts-ignore
94
- if (window.addEventListener) {
95
- chatArea.addEventListener('scroll', () => dStopAtScrollLimit(chatArea), true);
96
- // @ts-ignore
97
- }
98
- else if (window.attachEvent) {
99
- // @ts-ignore
100
- chatAreaRef.attachEvent('scroll', () => dStopAtScrollLimit(chatArea));
101
- }
102
- }
103
- };
104
- const handleScrollEvents = () => {
105
- if (webchatRef.current) {
106
- if (isMobileDevice()) {
107
- if (currentDevice !== DEVICES.MOBILE.IPHONE)
108
- return;
109
- limitScrollBoundaries();
110
- webchatRef.current.ontouchstart = handleOnTouchMoveEvents;
111
- webchatRef.current.ontouchmove = handleOnTouchMoveEvents;
112
- }
113
- else {
114
- webchatRef.current.onmouseover = e => handleOnMouseOverEvents(e);
115
- }
116
- }
117
- };
118
- useEffect(() => {
119
- const webchat = webchatRef.current;
120
- handleScrollEvents();
121
- return () => {
122
- if (webchat) {
123
- webchat.onmouseover = null;
124
- webchat.ontouchstart = null;
125
- webchat.ontouchmove = null;
126
- }
127
- };
128
- }, [currentDevice, host]);
129
- return {
130
- handleScrollEvents,
131
- handleOnTouchMoveEvents,
132
- handleOnMouseOverEvents,
133
- hasScrollbar,
134
- };
135
- };
136
- //# sourceMappingURL=use-scrollbar-controller.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-scrollbar-controller.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-scrollbar-controller.ts"],"names":[],"mappings":"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"}
@@ -1,10 +0,0 @@
1
- import { WebchatMessage } from '../../index-types';
2
- import { WebchatState } from '../index-types';
3
- interface UseTyping {
4
- webchatState: WebchatState;
5
- updateTyping: (typing: boolean) => void;
6
- updateMessage: (message: WebchatMessage) => void;
7
- host: any;
8
- }
9
- export declare function useTyping({ webchatState, updateTyping, updateMessage, }: UseTyping): void;
10
- export {};
@@ -1,28 +0,0 @@
1
- import { useEffect } from 'react';
2
- export function useTyping({ webchatState, updateTyping, updateMessage, }) {
3
- useEffect(() => {
4
- let delayTimeout, typingTimeout;
5
- try {
6
- const nextMsg = webchatState.messagesJSON.filter(m => !m.display)[0];
7
- if (nextMsg) {
8
- if (nextMsg.delay && nextMsg.typing) {
9
- delayTimeout = setTimeout(() => updateTyping(true), nextMsg.delay * 1000);
10
- }
11
- else if (nextMsg.typing)
12
- updateTyping(true);
13
- const totalDelay = nextMsg.delay + nextMsg.typing;
14
- if (totalDelay)
15
- typingTimeout = setTimeout(() => {
16
- updateMessage(Object.assign(Object.assign({}, nextMsg), { display: true }));
17
- updateTyping(false);
18
- }, totalDelay * 1000);
19
- }
20
- }
21
- catch (e) { }
22
- return () => {
23
- clearTimeout(delayTimeout);
24
- clearTimeout(typingTimeout);
25
- };
26
- }, [webchatState.messagesJSON, webchatState.typing]);
27
- }
28
- //# sourceMappingURL=use-typing.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-typing.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-typing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,MAAM,UAAU,SAAS,CAAC,EACxB,YAAY,EACZ,YAAY,EACZ,aAAa,GACH;IACV,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,aAAa,CAAA;QAC/B,IAAI;YACF,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;YACpE,IAAI,OAAO,EAAE;gBACX,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE;oBACnC,YAAY,GAAG,UAAU,CACvB,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACxB,OAAO,CAAC,KAAK,GAAG,IAAI,CACrB,CAAA;iBACF;qBAAM,IAAI,OAAO,CAAC,MAAM;oBAAE,YAAY,CAAC,IAAI,CAAC,CAAA;gBAC7C,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM,CAAA;gBACjD,IAAI,UAAU;oBACZ,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;wBAC9B,aAAa,iCAAM,OAAO,KAAE,OAAO,EAAE,IAAI,IAAG,CAAA;wBAC5C,YAAY,CAAC,KAAK,CAAC,CAAA;oBACrB,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;aACxB;SACF;QAAC,OAAO,CAAC,EAAE,GAAE;QACd,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,YAAY,CAAC,CAAA;YAC1B,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAA;AACtD,CAAC"}
@@ -1,3 +0,0 @@
1
- export declare const useVirtualKeyboardDetection: (originalHeight: any) => {
2
- isVirtualKeyboardVisible: boolean;
3
- };
@@ -1,24 +0,0 @@
1
- import { useEffect, useState } from 'react';
2
- export const useVirtualKeyboardDetection = originalHeight => {
3
- const [isVirtualKeyboardVisible, setIsVirtualKeyboardVisible] = useState(false);
4
- useEffect(() => {
5
- const handleResize = () => {
6
- if (window.visualViewport) {
7
- if (window.visualViewport.height < originalHeight) {
8
- setIsVirtualKeyboardVisible(true);
9
- return;
10
- }
11
- setIsVirtualKeyboardVisible(false);
12
- return;
13
- }
14
- };
15
- window.visualViewport &&
16
- window.visualViewport.addEventListener('resize', handleResize);
17
- return () => {
18
- window.visualViewport &&
19
- window.visualViewport.removeEventListener('resize', handleResize);
20
- };
21
- }, [originalHeight]);
22
- return { isVirtualKeyboardVisible };
23
- };
24
- //# sourceMappingURL=use-virtual-keyboard-detection.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-virtual-keyboard-detection.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-virtual-keyboard-detection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,CAAC,MAAM,2BAA2B,GAAG,cAAc,CAAC,EAAE;IAC1D,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAC3D,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,MAAM,CAAC,cAAc,EAAE;gBACzB,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,GAAG,cAAc,EAAE;oBACjD,2BAA2B,CAAC,IAAI,CAAC,CAAA;oBACjC,OAAM;iBACP;gBACD,2BAA2B,CAAC,KAAK,CAAC,CAAA;gBAClC,OAAM;aACP;QACH,CAAC,CAAA;QACD,MAAM,CAAC,cAAc;YACnB,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAEhE,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,cAAc;gBACnB,MAAM,CAAC,cAAc,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACrE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,EAAE,wBAAwB,EAAE,CAAA;AACrC,CAAC,CAAA"}
@@ -1,4 +0,0 @@
1
- export declare const useWebchatDimensions: () => {
2
- calculateResizedPercentualWebchatHeight: () => number;
3
- calculateResizedPxChatAreaHeight: () => number;
4
- };
@@ -1,36 +0,0 @@
1
- import { useCallback, useContext } from 'react';
2
- import { WebchatContext } from '../../contexts';
3
- export const useWebchatDimensions = () => {
4
- const { webchatRef, headerRef, inputPanelRef, webchatState: { isWebchatOpen }, } = useContext(WebchatContext);
5
- const calculateResizedPercentualWebchatHeight = useCallback(() => {
6
- const webchatElement = webchatRef.current;
7
- if (!isWebchatOpen || !webchatElement)
8
- return 0;
9
- const webchatHeight = webchatElement.clientHeight || 0;
10
- const keyboardOffset = (window.visualViewport && window.visualViewport.height) ||
11
- window.innerHeight;
12
- let newWebchatPercentualHeight = keyboardOffset / webchatHeight;
13
- newWebchatPercentualHeight =
14
- Math.round(newWebchatPercentualHeight * 100 * 100) / 100; // Two decimal places
15
- return newWebchatPercentualHeight;
16
- }, [isWebchatOpen]);
17
- const calculateResizedPxChatAreaHeight = useCallback(() => {
18
- const webchatElement = webchatRef.current;
19
- const headerElement = headerRef.current;
20
- const inputPanelElement = inputPanelRef.current;
21
- if (!isWebchatOpen || !webchatElement)
22
- return 0;
23
- const headerElementHeight = headerElement ? headerElement.clientHeight : 0;
24
- const inputPanelElementHeight = inputPanelElement
25
- ? inputPanelElement.clientHeight
26
- : 0;
27
- return (webchatElement.clientHeight -
28
- headerElementHeight -
29
- inputPanelElementHeight);
30
- }, [isWebchatOpen]);
31
- return {
32
- calculateResizedPercentualWebchatHeight,
33
- calculateResizedPxChatAreaHeight,
34
- };
35
- };
36
- //# sourceMappingURL=use-webchat-dimensions.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-webchat-dimensions.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-webchat-dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EACJ,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,EAAE,EAAE,aAAa,EAAE,GAChC,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAE9B,MAAM,uCAAuC,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/D,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAA;QACzC,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc;YAAE,OAAO,CAAC,CAAA;QAC/C,MAAM,aAAa,GAAG,cAAc,CAAC,YAAY,IAAI,CAAC,CAAA;QACtD,MAAM,cAAc,GAClB,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC;YACvD,MAAM,CAAC,WAAW,CAAA;QACpB,IAAI,0BAA0B,GAAG,cAAc,GAAG,aAAa,CAAA;QAC/D,0BAA0B;YACxB,IAAI,CAAC,KAAK,CAAC,0BAA0B,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA,CAAC,qBAAqB;QAChF,OAAO,0BAA0B,CAAA;IACnC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,MAAM,gCAAgC,GAAG,WAAW,CAAC,GAAG,EAAE;QACxD,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAA;QACzC,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAA;QACvC,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,CAAA;QAE/C,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc;YAAE,OAAO,CAAC,CAAA;QAE/C,MAAM,mBAAmB,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC1E,MAAM,uBAAuB,GAAG,iBAAiB;YAC/C,CAAC,CAAC,iBAAiB,CAAC,YAAY;YAChC,CAAC,CAAC,CAAC,CAAA;QAEL,OAAO,CACL,cAAc,CAAC,YAAY;YAC3B,mBAAmB;YACnB,uBAAuB,CACxB,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,OAAO;QACL,uCAAuC;QACvC,gCAAgC;KACjC,CAAA;AACH,CAAC,CAAA"}