@botonic/react 0.31.0-alpha.4 → 0.31.0-alpha.6

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 (413) hide show
  1. package/lib/cjs/components/audio.d.ts +8 -7
  2. package/lib/cjs/components/audio.js +7 -4
  3. package/lib/cjs/components/audio.js.map +1 -1
  4. package/lib/cjs/components/button.js +3 -4
  5. package/lib/cjs/components/button.js.map +1 -1
  6. package/lib/cjs/components/carousel.js +2 -2
  7. package/lib/cjs/components/carousel.js.map +1 -1
  8. package/lib/cjs/components/custom-message.d.ts +16 -12
  9. package/lib/cjs/components/custom-message.js +3 -9
  10. package/lib/cjs/components/custom-message.js.map +1 -1
  11. package/lib/cjs/components/document.d.ts +8 -7
  12. package/lib/cjs/components/document.js +5 -5
  13. package/lib/cjs/components/document.js.map +1 -1
  14. package/lib/cjs/components/handoff.js +2 -2
  15. package/lib/cjs/components/handoff.js.map +1 -1
  16. package/lib/cjs/components/image.d.ts +8 -7
  17. package/lib/cjs/components/image.js +5 -5
  18. package/lib/cjs/components/image.js.map +1 -1
  19. package/lib/cjs/components/index-types.d.ts +30 -128
  20. package/lib/cjs/components/index.d.ts +2 -1
  21. package/lib/cjs/components/index.js +4 -1
  22. package/lib/cjs/components/index.js.map +1 -1
  23. package/lib/cjs/components/message/index.js +2 -1
  24. package/lib/cjs/components/message/index.js.map +1 -1
  25. package/lib/cjs/components/message/message-feedback.js +2 -2
  26. package/lib/cjs/components/message/message-feedback.js.map +1 -1
  27. package/lib/cjs/components/message/message-footer.js +2 -2
  28. package/lib/cjs/components/message/message-footer.js.map +1 -1
  29. package/lib/cjs/components/message/message-image.js +2 -2
  30. package/lib/cjs/components/message/message-image.js.map +1 -1
  31. package/lib/cjs/components/message/timestamps.js +2 -2
  32. package/lib/cjs/components/message/timestamps.js.map +1 -1
  33. package/lib/cjs/components/reply.d.ts +7 -6
  34. package/lib/cjs/components/reply.js +10 -6
  35. package/lib/cjs/components/reply.js.map +1 -1
  36. package/lib/cjs/components/video.d.ts +8 -7
  37. package/lib/cjs/components/video.js +2 -3
  38. package/lib/cjs/components/video.js.map +1 -1
  39. package/lib/cjs/components/webchat-settings.d.ts +15 -2
  40. package/lib/cjs/components/webchat-settings.js +2 -2
  41. package/lib/cjs/components/webchat-settings.js.map +1 -1
  42. package/lib/cjs/contexts.d.ts +3 -4
  43. package/lib/cjs/contexts.js +2 -79
  44. package/lib/cjs/contexts.js.map +1 -1
  45. package/lib/cjs/index-types.d.ts +89 -56
  46. package/lib/cjs/index-types.js.map +1 -1
  47. package/lib/cjs/index.d.ts +2 -2
  48. package/lib/cjs/index.js +1 -2
  49. package/lib/cjs/index.js.map +1 -1
  50. package/lib/cjs/msg-to-botonic.d.ts +1 -1
  51. package/lib/cjs/msg-to-botonic.js +5 -8
  52. package/lib/cjs/msg-to-botonic.js.map +1 -1
  53. package/lib/cjs/util/webchat.d.ts +17 -6
  54. package/lib/cjs/util/webchat.js +9 -7
  55. package/lib/cjs/util/webchat.js.map +1 -1
  56. package/lib/cjs/webchat/chat-area/index.js +3 -3
  57. package/lib/cjs/webchat/chat-area/index.js.map +1 -1
  58. package/lib/cjs/webchat/components/conditional-animation.js +2 -2
  59. package/lib/cjs/webchat/components/conditional-animation.js.map +1 -1
  60. package/lib/cjs/webchat/components/opened-persistent-menu.js +2 -2
  61. package/lib/cjs/webchat/components/opened-persistent-menu.js.map +1 -1
  62. package/lib/cjs/webchat/{actions.d.ts → context/actions.d.ts} +2 -0
  63. package/lib/cjs/webchat/{actions.js → context/actions.js} +3 -0
  64. package/lib/cjs/webchat/context/actions.js.map +1 -0
  65. package/lib/cjs/webchat/context/index.d.ts +5 -0
  66. package/lib/cjs/webchat/context/index.js +83 -0
  67. package/lib/cjs/webchat/context/index.js.map +1 -0
  68. package/lib/cjs/webchat/{messages-reducer.d.ts → context/messages-reducer.d.ts} +1 -1
  69. package/lib/cjs/webchat/{messages-reducer.js → context/messages-reducer.js} +3 -1
  70. package/lib/cjs/webchat/context/messages-reducer.js.map +1 -0
  71. package/lib/cjs/webchat/context/types.d.ts +74 -0
  72. package/lib/cjs/webchat/context/types.js +3 -0
  73. package/lib/cjs/webchat/context/types.js.map +1 -0
  74. package/lib/cjs/webchat/{hooks → context}/use-webchat.d.ts +20 -20
  75. package/lib/cjs/webchat/{hooks → context}/use-webchat.js +11 -5
  76. package/lib/cjs/webchat/context/use-webchat.js.map +1 -0
  77. package/lib/cjs/webchat/{webchat-reducer.d.ts → context/webchat-reducer.d.ts} +1 -1
  78. package/lib/cjs/webchat/{webchat-reducer.js → context/webchat-reducer.js} +2 -0
  79. package/lib/cjs/webchat/context/webchat-reducer.js.map +1 -0
  80. package/lib/cjs/webchat/cover-component/index.js +2 -2
  81. package/lib/cjs/webchat/cover-component/index.js.map +1 -1
  82. package/lib/cjs/webchat/header/default-header.d.ts +1 -0
  83. package/lib/cjs/webchat/header/default-header.js +25 -0
  84. package/lib/cjs/webchat/header/default-header.js.map +1 -0
  85. package/lib/cjs/webchat/header/index.d.ts +2 -0
  86. package/lib/cjs/webchat/header/index.js +23 -0
  87. package/lib/cjs/webchat/header/index.js.map +1 -0
  88. package/lib/cjs/webchat/header/styles.d.ts +7 -0
  89. package/lib/cjs/webchat/header/styles.js +59 -0
  90. package/lib/cjs/webchat/header/styles.js.map +1 -0
  91. package/lib/cjs/webchat/hooks/index.d.ts +0 -1
  92. package/lib/cjs/webchat/hooks/index.js +1 -4
  93. package/lib/cjs/webchat/hooks/index.js.map +1 -1
  94. package/lib/cjs/webchat/hooks/use-previous.d.ts +1 -1
  95. package/lib/cjs/webchat/hooks/use-previous.js.map +1 -1
  96. package/lib/cjs/webchat/hooks/use-scrollbar-controller.js +3 -3
  97. package/lib/cjs/webchat/hooks/use-scrollbar-controller.js.map +1 -1
  98. package/lib/cjs/webchat/hooks/use-typing.d.ts +1 -1
  99. package/lib/cjs/webchat/hooks/use-webchat-dimensions.js +2 -2
  100. package/lib/cjs/webchat/hooks/use-webchat-dimensions.js.map +1 -1
  101. package/lib/cjs/webchat/hooks/use-webchat-resizer.js +2 -2
  102. package/lib/cjs/webchat/hooks/use-webchat-resizer.js.map +1 -1
  103. package/lib/cjs/webchat/index-types.d.ts +3 -47
  104. package/lib/cjs/webchat/index.d.ts +1 -0
  105. package/lib/cjs/webchat/index.js +3 -1
  106. package/lib/cjs/webchat/index.js.map +1 -1
  107. package/lib/cjs/webchat/input-panel/attachment.d.ts +1 -1
  108. package/lib/cjs/webchat/input-panel/attachment.js +2 -2
  109. package/lib/cjs/webchat/input-panel/attachment.js.map +1 -1
  110. package/lib/cjs/webchat/input-panel/emoji-picker.d.ts +1 -1
  111. package/lib/cjs/webchat/input-panel/emoji-picker.js +2 -2
  112. package/lib/cjs/webchat/input-panel/emoji-picker.js.map +1 -1
  113. package/lib/cjs/webchat/input-panel/index.d.ts +3 -3
  114. package/lib/cjs/webchat/input-panel/index.js +8 -3
  115. package/lib/cjs/webchat/input-panel/index.js.map +1 -1
  116. package/lib/cjs/webchat/input-panel/persistent-menu.js +2 -2
  117. package/lib/cjs/webchat/input-panel/persistent-menu.js.map +1 -1
  118. package/lib/cjs/webchat/input-panel/send-button.js +2 -2
  119. package/lib/cjs/webchat/input-panel/send-button.js.map +1 -1
  120. package/lib/cjs/webchat/input-panel/textarea.d.ts +3 -3
  121. package/lib/cjs/webchat/input-panel/textarea.js +4 -2
  122. package/lib/cjs/webchat/input-panel/textarea.js.map +1 -1
  123. package/lib/cjs/webchat/message-list/index.js +5 -7
  124. package/lib/cjs/webchat/message-list/index.js.map +1 -1
  125. package/lib/cjs/webchat/message-list/intro-message.js +2 -2
  126. package/lib/cjs/webchat/message-list/intro-message.js.map +1 -1
  127. package/lib/cjs/webchat/message-list/styles.js +1 -0
  128. package/lib/cjs/webchat/message-list/styles.js.map +1 -1
  129. package/lib/cjs/webchat/message-list/unread-messages-banner.js +2 -2
  130. package/lib/cjs/webchat/message-list/unread-messages-banner.js.map +1 -1
  131. package/lib/cjs/webchat/message-list/use-notifications.js +2 -2
  132. package/lib/cjs/webchat/message-list/use-notifications.js.map +1 -1
  133. package/lib/cjs/webchat/replies/index.d.ts +1 -0
  134. package/lib/cjs/webchat/replies/index.js +32 -0
  135. package/lib/cjs/webchat/replies/index.js.map +1 -0
  136. package/lib/cjs/webchat/replies/styles.d.ts +8 -0
  137. package/lib/cjs/webchat/replies/styles.js +25 -0
  138. package/lib/cjs/webchat/replies/styles.js.map +1 -0
  139. package/lib/cjs/webchat/session-view.js +2 -2
  140. package/lib/cjs/webchat/session-view.js.map +1 -1
  141. package/lib/cjs/webchat/{webchat-typed/styles.d.ts → styles.d.ts} +6 -4
  142. package/lib/cjs/webchat/{webchat-typed/styles.js → styles.js} +1 -1
  143. package/lib/cjs/webchat/styles.js.map +1 -0
  144. package/lib/cjs/webchat/theme/types.d.ts +167 -0
  145. package/lib/cjs/webchat/theme/types.js +3 -0
  146. package/lib/cjs/webchat/theme/types.js.map +1 -0
  147. package/lib/cjs/webchat/trigger-button/index.js +2 -2
  148. package/lib/cjs/webchat/trigger-button/index.js.map +1 -1
  149. package/lib/cjs/webchat/webchat-dev.js +2 -2
  150. package/lib/cjs/webchat/webchat-dev.js.map +1 -1
  151. package/lib/cjs/webchat/webchat.d.ts +4 -2
  152. package/lib/cjs/webchat/webchat.js +85 -108
  153. package/lib/cjs/webchat/webchat.js.map +1 -1
  154. package/lib/cjs/webchat/webview.js +3 -2
  155. package/lib/cjs/webchat/webview.js.map +1 -1
  156. package/lib/cjs/webchat-app.d.ts +14 -80
  157. package/lib/cjs/webchat-app.js +28 -14
  158. package/lib/cjs/webchat-app.js.map +1 -1
  159. package/lib/esm/components/audio.d.ts +8 -7
  160. package/lib/esm/components/audio.js +7 -4
  161. package/lib/esm/components/audio.js.map +1 -1
  162. package/lib/esm/components/button.js +2 -3
  163. package/lib/esm/components/button.js.map +1 -1
  164. package/lib/esm/components/carousel.js +1 -1
  165. package/lib/esm/components/carousel.js.map +1 -1
  166. package/lib/esm/components/custom-message.d.ts +16 -12
  167. package/lib/esm/components/custom-message.js +3 -9
  168. package/lib/esm/components/custom-message.js.map +1 -1
  169. package/lib/esm/components/document.d.ts +8 -7
  170. package/lib/esm/components/document.js +4 -4
  171. package/lib/esm/components/document.js.map +1 -1
  172. package/lib/esm/components/handoff.js +1 -1
  173. package/lib/esm/components/handoff.js.map +1 -1
  174. package/lib/esm/components/image.d.ts +8 -7
  175. package/lib/esm/components/image.js +4 -4
  176. package/lib/esm/components/image.js.map +1 -1
  177. package/lib/esm/components/index-types.d.ts +30 -128
  178. package/lib/esm/components/index.d.ts +2 -1
  179. package/lib/esm/components/index.js +2 -1
  180. package/lib/esm/components/index.js.map +1 -1
  181. package/lib/esm/components/message/index.js +2 -1
  182. package/lib/esm/components/message/index.js.map +1 -1
  183. package/lib/esm/components/message/message-feedback.js +1 -1
  184. package/lib/esm/components/message/message-feedback.js.map +1 -1
  185. package/lib/esm/components/message/message-footer.js +1 -1
  186. package/lib/esm/components/message/message-footer.js.map +1 -1
  187. package/lib/esm/components/message/message-image.js +1 -1
  188. package/lib/esm/components/message/message-image.js.map +1 -1
  189. package/lib/esm/components/message/timestamps.js +1 -1
  190. package/lib/esm/components/message/timestamps.js.map +1 -1
  191. package/lib/esm/components/reply.d.ts +7 -6
  192. package/lib/esm/components/reply.js +9 -5
  193. package/lib/esm/components/reply.js.map +1 -1
  194. package/lib/esm/components/video.d.ts +8 -7
  195. package/lib/esm/components/video.js +2 -3
  196. package/lib/esm/components/video.js.map +1 -1
  197. package/lib/esm/components/webchat-settings.d.ts +15 -2
  198. package/lib/esm/components/webchat-settings.js +1 -1
  199. package/lib/esm/components/webchat-settings.js.map +1 -1
  200. package/lib/esm/contexts.d.ts +3 -4
  201. package/lib/esm/contexts.js +1 -78
  202. package/lib/esm/contexts.js.map +1 -1
  203. package/lib/esm/index-types.d.ts +89 -56
  204. package/lib/esm/index-types.js.map +1 -1
  205. package/lib/esm/index.d.ts +2 -2
  206. package/lib/esm/index.js +1 -1
  207. package/lib/esm/index.js.map +1 -1
  208. package/lib/esm/msg-to-botonic.d.ts +1 -1
  209. package/lib/esm/msg-to-botonic.js +5 -8
  210. package/lib/esm/msg-to-botonic.js.map +1 -1
  211. package/lib/esm/util/webchat.d.ts +17 -6
  212. package/lib/esm/util/webchat.js +9 -7
  213. package/lib/esm/util/webchat.js.map +1 -1
  214. package/lib/esm/webchat/chat-area/index.js +2 -2
  215. package/lib/esm/webchat/chat-area/index.js.map +1 -1
  216. package/lib/esm/webchat/components/conditional-animation.js +1 -1
  217. package/lib/esm/webchat/components/conditional-animation.js.map +1 -1
  218. package/lib/esm/webchat/components/opened-persistent-menu.js +1 -1
  219. package/lib/esm/webchat/components/opened-persistent-menu.js.map +1 -1
  220. package/lib/esm/webchat/{actions.d.ts → context/actions.d.ts} +2 -0
  221. package/lib/esm/webchat/{actions.js → context/actions.js} +3 -0
  222. package/lib/esm/webchat/context/actions.js.map +1 -0
  223. package/lib/esm/webchat/context/index.d.ts +5 -0
  224. package/lib/esm/webchat/context/index.js +78 -0
  225. package/lib/esm/webchat/context/index.js.map +1 -0
  226. package/lib/esm/webchat/{messages-reducer.d.ts → context/messages-reducer.d.ts} +1 -1
  227. package/lib/esm/webchat/{messages-reducer.js → context/messages-reducer.js} +3 -1
  228. package/lib/esm/webchat/context/messages-reducer.js.map +1 -0
  229. package/lib/esm/webchat/context/types.d.ts +74 -0
  230. package/lib/esm/webchat/context/types.js +2 -0
  231. package/lib/esm/webchat/context/types.js.map +1 -0
  232. package/lib/esm/webchat/{hooks → context}/use-webchat.d.ts +20 -20
  233. package/lib/esm/webchat/{hooks → context}/use-webchat.js +11 -5
  234. package/lib/esm/webchat/context/use-webchat.js.map +1 -0
  235. package/lib/esm/webchat/{webchat-reducer.d.ts → context/webchat-reducer.d.ts} +1 -1
  236. package/lib/esm/webchat/{webchat-reducer.js → context/webchat-reducer.js} +2 -0
  237. package/lib/esm/webchat/context/webchat-reducer.js.map +1 -0
  238. package/lib/esm/webchat/cover-component/index.js +1 -1
  239. package/lib/esm/webchat/cover-component/index.js.map +1 -1
  240. package/lib/esm/webchat/header/default-header.d.ts +1 -0
  241. package/lib/esm/webchat/header/default-header.js +21 -0
  242. package/lib/esm/webchat/header/default-header.js.map +1 -0
  243. package/lib/esm/webchat/header/index.d.ts +2 -0
  244. package/lib/esm/webchat/header/index.js +20 -0
  245. package/lib/esm/webchat/header/index.js.map +1 -0
  246. package/lib/esm/webchat/header/styles.d.ts +7 -0
  247. package/lib/esm/webchat/header/styles.js +55 -0
  248. package/lib/esm/webchat/header/styles.js.map +1 -0
  249. package/lib/esm/webchat/hooks/index.d.ts +0 -1
  250. package/lib/esm/webchat/hooks/index.js +0 -1
  251. package/lib/esm/webchat/hooks/index.js.map +1 -1
  252. package/lib/esm/webchat/hooks/use-previous.d.ts +1 -1
  253. package/lib/esm/webchat/hooks/use-previous.js.map +1 -1
  254. package/lib/esm/webchat/hooks/use-scrollbar-controller.js +2 -2
  255. package/lib/esm/webchat/hooks/use-scrollbar-controller.js.map +1 -1
  256. package/lib/esm/webchat/hooks/use-typing.d.ts +1 -1
  257. package/lib/esm/webchat/hooks/use-webchat-dimensions.js +1 -1
  258. package/lib/esm/webchat/hooks/use-webchat-dimensions.js.map +1 -1
  259. package/lib/esm/webchat/hooks/use-webchat-resizer.js +1 -1
  260. package/lib/esm/webchat/hooks/use-webchat-resizer.js.map +1 -1
  261. package/lib/esm/webchat/index-types.d.ts +3 -47
  262. package/lib/esm/webchat/index.d.ts +1 -0
  263. package/lib/esm/webchat/index.js +1 -0
  264. package/lib/esm/webchat/index.js.map +1 -1
  265. package/lib/esm/webchat/input-panel/attachment.d.ts +1 -1
  266. package/lib/esm/webchat/input-panel/attachment.js +1 -1
  267. package/lib/esm/webchat/input-panel/attachment.js.map +1 -1
  268. package/lib/esm/webchat/input-panel/emoji-picker.d.ts +1 -1
  269. package/lib/esm/webchat/input-panel/emoji-picker.js +1 -1
  270. package/lib/esm/webchat/input-panel/emoji-picker.js.map +1 -1
  271. package/lib/esm/webchat/input-panel/index.d.ts +3 -3
  272. package/lib/esm/webchat/input-panel/index.js +7 -2
  273. package/lib/esm/webchat/input-panel/index.js.map +1 -1
  274. package/lib/esm/webchat/input-panel/persistent-menu.js +1 -1
  275. package/lib/esm/webchat/input-panel/persistent-menu.js.map +1 -1
  276. package/lib/esm/webchat/input-panel/send-button.js +1 -1
  277. package/lib/esm/webchat/input-panel/send-button.js.map +1 -1
  278. package/lib/esm/webchat/input-panel/textarea.d.ts +3 -3
  279. package/lib/esm/webchat/input-panel/textarea.js +3 -1
  280. package/lib/esm/webchat/input-panel/textarea.js.map +1 -1
  281. package/lib/esm/webchat/message-list/index.js +4 -6
  282. package/lib/esm/webchat/message-list/index.js.map +1 -1
  283. package/lib/esm/webchat/message-list/intro-message.js +1 -1
  284. package/lib/esm/webchat/message-list/intro-message.js.map +1 -1
  285. package/lib/esm/webchat/message-list/styles.js +1 -0
  286. package/lib/esm/webchat/message-list/styles.js.map +1 -1
  287. package/lib/esm/webchat/message-list/unread-messages-banner.js +1 -1
  288. package/lib/esm/webchat/message-list/unread-messages-banner.js.map +1 -1
  289. package/lib/esm/webchat/message-list/use-notifications.js +1 -1
  290. package/lib/esm/webchat/message-list/use-notifications.js.map +1 -1
  291. package/lib/esm/webchat/replies/index.d.ts +1 -0
  292. package/lib/esm/webchat/replies/index.js +28 -0
  293. package/lib/esm/webchat/replies/index.js.map +1 -0
  294. package/lib/esm/webchat/replies/styles.d.ts +8 -0
  295. package/lib/esm/webchat/replies/styles.js +21 -0
  296. package/lib/esm/webchat/replies/styles.js.map +1 -0
  297. package/lib/esm/webchat/session-view.js +1 -1
  298. package/lib/esm/webchat/session-view.js.map +1 -1
  299. package/lib/esm/webchat/{webchat-typed/styles.d.ts → styles.d.ts} +6 -4
  300. package/lib/esm/webchat/{webchat-typed/styles.js → styles.js} +1 -1
  301. package/lib/esm/webchat/styles.js.map +1 -0
  302. package/lib/esm/webchat/theme/types.d.ts +167 -0
  303. package/lib/esm/webchat/theme/types.js +2 -0
  304. package/lib/esm/webchat/theme/types.js.map +1 -0
  305. package/lib/esm/webchat/trigger-button/index.js +1 -1
  306. package/lib/esm/webchat/trigger-button/index.js.map +1 -1
  307. package/lib/esm/webchat/webchat-dev.js +1 -1
  308. package/lib/esm/webchat/webchat-dev.js.map +1 -1
  309. package/lib/esm/webchat/webchat.d.ts +4 -2
  310. package/lib/esm/webchat/webchat.js +81 -104
  311. package/lib/esm/webchat/webchat.js.map +1 -1
  312. package/lib/esm/webchat/webview.js +2 -1
  313. package/lib/esm/webchat/webview.js.map +1 -1
  314. package/lib/esm/webchat-app.d.ts +14 -80
  315. package/lib/esm/webchat-app.js +28 -14
  316. package/lib/esm/webchat-app.js.map +1 -1
  317. package/package.json +2 -1
  318. package/src/components/{audio.jsx → audio.tsx} +10 -4
  319. package/src/components/button.tsx +1 -3
  320. package/src/components/carousel.jsx +1 -1
  321. package/src/components/{custom-message.jsx → custom-message.tsx} +19 -7
  322. package/src/components/{document.jsx → document.tsx} +5 -3
  323. package/src/components/handoff.jsx +1 -1
  324. package/src/components/{image.jsx → image.tsx} +10 -4
  325. package/src/components/index-types.ts +25 -117
  326. package/src/components/index.ts +6 -1
  327. package/src/components/message/index.jsx +2 -1
  328. package/src/components/message/message-feedback.tsx +1 -1
  329. package/src/components/message/message-footer.tsx +1 -1
  330. package/src/components/message/message-image.tsx +1 -1
  331. package/src/components/message/timestamps.tsx +1 -1
  332. package/src/components/{reply.jsx → reply.tsx} +10 -4
  333. package/src/components/{video.jsx → video.tsx} +3 -2
  334. package/src/components/webchat-settings.tsx +14 -2
  335. package/src/contexts.tsx +5 -83
  336. package/src/index-types.ts +99 -64
  337. package/src/index.ts +2 -6
  338. package/src/msg-to-botonic.jsx +5 -9
  339. package/src/util/{webchat.js → webchat.ts} +15 -9
  340. package/src/webchat/chat-area/index.tsx +2 -4
  341. package/src/webchat/components/conditional-animation.jsx +1 -1
  342. package/src/webchat/components/opened-persistent-menu.jsx +1 -1
  343. package/src/webchat/{actions.ts → context/actions.ts} +3 -0
  344. package/src/webchat/context/index.tsx +81 -0
  345. package/src/webchat/{messages-reducer.ts → context/messages-reducer.ts} +4 -2
  346. package/src/webchat/context/types.ts +84 -0
  347. package/src/webchat/{hooks → context}/use-webchat.ts +62 -13
  348. package/src/webchat/{webchat-reducer.ts → context/webchat-reducer.ts} +3 -1
  349. package/src/webchat/cover-component/index.tsx +1 -1
  350. package/src/webchat/global.d.ts +3 -0
  351. package/src/webchat/header/default-header.tsx +75 -0
  352. package/src/webchat/header/index.tsx +37 -0
  353. package/src/webchat/header/styles.ts +62 -0
  354. package/src/webchat/hooks/index.ts +0 -1
  355. package/src/webchat/hooks/use-previous.ts +1 -1
  356. package/src/webchat/hooks/use-scrollbar-controller.ts +2 -2
  357. package/src/webchat/hooks/use-typing.ts +1 -1
  358. package/src/webchat/hooks/use-webchat-dimensions.ts +1 -1
  359. package/src/webchat/hooks/use-webchat-resizer.ts +1 -1
  360. package/src/webchat/index-types.ts +3 -53
  361. package/src/webchat/index.ts +1 -0
  362. package/src/webchat/input-panel/attachment.tsx +2 -2
  363. package/src/webchat/input-panel/emoji-picker.tsx +2 -2
  364. package/src/webchat/input-panel/index.tsx +9 -5
  365. package/src/webchat/input-panel/persistent-menu.tsx +1 -1
  366. package/src/webchat/input-panel/send-button.tsx +1 -1
  367. package/src/webchat/input-panel/textarea.tsx +6 -4
  368. package/src/webchat/message-list/index.tsx +4 -6
  369. package/src/webchat/message-list/intro-message.tsx +1 -1
  370. package/src/webchat/message-list/styles.ts +1 -0
  371. package/src/webchat/message-list/unread-messages-banner.tsx +1 -1
  372. package/src/webchat/message-list/use-notifications.ts +1 -1
  373. package/src/webchat/replies/index.tsx +47 -0
  374. package/src/webchat/replies/styles.ts +28 -0
  375. package/src/webchat/session-view.jsx +1 -1
  376. package/src/webchat/{webchat-typed/styles.ts → styles.ts} +7 -2
  377. package/src/webchat/theme/types.ts +119 -0
  378. package/src/webchat/trigger-button/index.tsx +1 -1
  379. package/src/webchat/webchat-dev.jsx +1 -1
  380. package/src/webchat/{webchat.jsx → webchat.tsx} +114 -124
  381. package/src/webchat/webview.jsx +2 -1
  382. package/src/webchat-app.tsx +55 -95
  383. package/lib/cjs/webchat/actions.js.map +0 -1
  384. package/lib/cjs/webchat/header.d.ts +0 -3
  385. package/lib/cjs/webchat/header.js +0 -86
  386. package/lib/cjs/webchat/header.js.map +0 -1
  387. package/lib/cjs/webchat/hooks/use-webchat.js.map +0 -1
  388. package/lib/cjs/webchat/messages-reducer.js.map +0 -1
  389. package/lib/cjs/webchat/replies.d.ts +0 -1
  390. package/lib/cjs/webchat/replies.js +0 -47
  391. package/lib/cjs/webchat/replies.js.map +0 -1
  392. package/lib/cjs/webchat/webchat-reducer.js.map +0 -1
  393. package/lib/cjs/webchat/webchat-typed/styles.js.map +0 -1
  394. package/lib/cjs/webchat/webchat-typed/webchat-typed.d.ts +0 -0
  395. package/lib/cjs/webchat/webchat-typed/webchat-typed.js +0 -663
  396. package/lib/cjs/webchat/webchat-typed/webchat-typed.js.map +0 -1
  397. package/lib/esm/webchat/actions.js.map +0 -1
  398. package/lib/esm/webchat/header.d.ts +0 -3
  399. package/lib/esm/webchat/header.js +0 -81
  400. package/lib/esm/webchat/header.js.map +0 -1
  401. package/lib/esm/webchat/hooks/use-webchat.js.map +0 -1
  402. package/lib/esm/webchat/messages-reducer.js.map +0 -1
  403. package/lib/esm/webchat/replies.d.ts +0 -1
  404. package/lib/esm/webchat/replies.js +0 -42
  405. package/lib/esm/webchat/replies.js.map +0 -1
  406. package/lib/esm/webchat/webchat-reducer.js.map +0 -1
  407. package/lib/esm/webchat/webchat-typed/styles.js.map +0 -1
  408. package/lib/esm/webchat/webchat-typed/webchat-typed.d.ts +0 -0
  409. package/lib/esm/webchat/webchat-typed/webchat-typed.js +0 -663
  410. package/lib/esm/webchat/webchat-typed/webchat-typed.js.map +0 -1
  411. package/src/webchat/header.jsx +0 -149
  412. package/src/webchat/replies.jsx +0 -64
  413. package/src/webchat/webchat-typed/webchat-typed.tsx +0 -728
@@ -1,6 +1,4 @@
1
- import type { Input as CoreInput, Session as CoreSession } from '@botonic/core';
2
- import { RefObject } from 'react';
3
- import { Webview } from '../components/index-types';
1
+ import { WebchatArgs } from '../index-types';
4
2
  export interface WebchatStateTheme {
5
3
  headerTitle: string;
6
4
  brandColor: string;
@@ -9,54 +7,12 @@ export interface WebchatStateTheme {
9
7
  textPlaceholder: string;
10
8
  style: {
11
9
  fontFamily: string;
10
+ borderRadius?: string;
12
11
  };
13
12
  }
14
- export interface ErrorMessage {
15
- message?: string;
16
- }
17
- export interface DevSettings {
18
- keepSessionOnReload?: boolean;
19
- showSessionView?: boolean;
20
- }
21
- export interface WebchatState {
22
- width: number;
23
- height: number;
24
- messagesJSON: any[];
25
- messagesComponents: any[];
26
- replies: any[];
27
- latestInput: Partial<CoreInput>;
28
- typing: boolean;
29
- webview: Webview | null;
30
- webviewParams: null;
31
- session: Partial<CoreSession>;
32
- lastRoutePath: string | null;
33
- handoff: boolean;
34
- theme: WebchatStateTheme;
35
- themeUpdates: Partial<WebchatStateTheme>;
36
- error: ErrorMessage;
37
- online: boolean;
38
- devSettings: DevSettings;
39
- isWebchatOpen: boolean;
40
- isEmojiPickerOpen: boolean;
41
- isPersistentMenuOpen: boolean;
42
- isCoverComponentOpen: boolean;
43
- isCustomComponentRendered: boolean;
44
- lastMessageUpdate?: string;
45
- currentAttachment?: File;
46
- numUnreadMessages: number;
47
- isLastMessageVisible: boolean;
48
- isInputFocused: boolean;
49
- }
50
- export interface WebchatProps {
51
- ref: RefObject<any>;
52
- onConnectionRegained?: () => Promise<void>;
53
- }
54
- export interface WebchatDevProps extends WebchatProps {
13
+ export interface WebchatDevProps extends WebchatArgs {
55
14
  initialDevSettings?: {
56
15
  keepSessionOnReload?: boolean;
57
16
  showSessionView?: boolean;
58
17
  };
59
18
  }
60
- export interface CoverComponentProps {
61
- closeComponent: () => void;
62
- }
@@ -1,3 +1,4 @@
1
+ export { WebchatContext } from './context';
1
2
  export { Webchat } from './webchat';
2
3
  export { WebchatDev } from './webchat-dev';
3
4
  export declare function getBotonicApp(): any;
@@ -1,8 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getBotonicApp = exports.WebchatDev = exports.Webchat = void 0;
3
+ exports.getBotonicApp = exports.WebchatDev = exports.Webchat = exports.WebchatContext = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  // @ts-nocheck
6
+ var context_1 = require("./context");
7
+ Object.defineProperty(exports, "WebchatContext", { enumerable: true, get: function () { return context_1.WebchatContext; } });
6
8
  var webchat_1 = require("./webchat");
7
9
  Object.defineProperty(exports, "Webchat", { enumerable: true, get: function () { return webchat_1.Webchat; } });
8
10
  var webchat_dev_1 = require("./webchat-dev");
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/webchat/index.ts"],"names":[],"mappings":";;;;AAAA,cAAc;AACd,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,6CAA0C;AAAjC,yGAAA,UAAU,OAAA;AAEnB,SAAgB,aAAa;IAC3B,oCAAoC;IACpC,oCAAoC;IACpC,OAAO,OAAO,CAAA;AAChB,CAAC;AAJD,sCAIC;AAED,wDAA6B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/webchat/index.ts"],"names":[],"mappings":";;;;AAAA,cAAc;AACd,qCAA0C;AAAjC,yGAAA,cAAc,OAAA;AACvB,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,6CAA0C;AAAjC,yGAAA,UAAU,OAAA;AAEnB,SAAgB,aAAa;IAC3B,oCAAoC;IACpC,oCAAoC;IACpC,OAAO,OAAO,CAAA;AAChB,CAAC;AAJD,sCAIC;AAED,wDAA6B"}
@@ -1,6 +1,6 @@
1
1
  interface AttachmentProps {
2
2
  accept: string;
3
- enableAttachments: boolean;
3
+ enableAttachments?: boolean;
4
4
  onChange: (event: any) => void;
5
5
  }
6
6
  export declare const Attachment: ({ accept, enableAttachments, onChange, }: AttachmentProps) => import("react/jsx-runtime").JSX.Element;
@@ -6,11 +6,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const react_1 = require("react");
7
7
  const attachment_icon_svg_1 = tslib_1.__importDefault(require("../../assets/attachment-icon.svg"));
8
8
  const constants_1 = require("../../constants");
9
- const contexts_1 = require("../../contexts");
9
+ const context_1 = require("../../webchat/context");
10
10
  const common_1 = require("../components/common");
11
11
  const conditional_animation_1 = require("../components/conditional-animation");
12
12
  const Attachment = ({ accept, enableAttachments, onChange, }) => {
13
- const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
13
+ const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
14
14
  const fileInputRef = (0, react_1.useRef)(null);
15
15
  const CustomAttachments = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customAttachments, undefined);
16
16
  const isAttachmentsEnabled = () => {
@@ -1 +1 @@
1
- {"version":3,"file":"attachment.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/attachment.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAiD;AAEjD,mGAA6D;AAC7D,+CAAgD;AAChD,6CAA+C;AAC/C,iDAA2C;AAC3C,+EAA0E;AAQnE,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,iBAAiB,EACjB,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAA;IAE1D,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,gBAAgB,CACd,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;QAC7B,QAAQ,CAAC,KAAK,CAAC,CAAA;QACf,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;SAChC;IACH,CAAC,CAAA;IAED,OAAO,CACL,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,+CAAK,IAAI,EAAE,iBAAK,CAAC,eAAe,iBAC9B,gDAAO,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,gBAChD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,6BAAc,GAAI,CAC9B,IACK,EACR,kCACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,YAAY,EACf,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,QAAQ,EAAE,cAAc,EACxB,MAAM,EAAE,MAAM,GACd,KACE,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AA1DY,QAAA,UAAU,cA0DtB"}
1
+ {"version":3,"file":"attachment.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/attachment.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAiD;AAEjD,mGAA6D;AAC7D,+CAAgD;AAChD,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAQnE,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,iBAAiB,EACjB,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAA;IAE1D,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,gBAAgB,CACd,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;QAC7B,QAAQ,CAAC,KAAK,CAAC,CAAA;QACf,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;SAChC;IACH,CAAC,CAAA;IAED,OAAO,CACL,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,+CAAK,IAAI,EAAE,iBAAK,CAAC,eAAe,iBAC9B,gDAAO,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,gBAChD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,6BAAc,GAAI,CAC9B,IACK,EACR,kCACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,YAAY,EACf,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,QAAQ,EAAE,cAAc,EACxB,MAAM,EAAE,MAAM,GACd,KACE,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AA1DY,QAAA,UAAU,cA0DtB"}
@@ -1,5 +1,5 @@
1
1
  interface EmojiPickerProps {
2
- enableEmojiPicker: boolean;
2
+ enableEmojiPicker?: boolean;
3
3
  onClick: () => void;
4
4
  }
5
5
  export declare const EmojiPicker: ({ enableEmojiPicker, onClick, }: EmojiPickerProps) => import("react/jsx-runtime").JSX.Element;
@@ -6,11 +6,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const react_1 = require("react");
7
7
  const emojiButton_svg_1 = tslib_1.__importDefault(require("../../assets/emojiButton.svg"));
8
8
  const constants_1 = require("../../constants");
9
- const contexts_1 = require("../../contexts");
9
+ const context_1 = require("../../webchat/context");
10
10
  const common_1 = require("../components/common");
11
11
  const conditional_animation_1 = require("../components/conditional-animation");
12
12
  const EmojiPicker = ({ enableEmojiPicker, onClick, }) => {
13
- const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
13
+ const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
14
14
  const CustomEmojiPicker = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customEmojiPicker, undefined);
15
15
  const isEmojiPickerEnabled = () => {
16
16
  var _a;
@@ -1 +1 @@
1
- {"version":3,"file":"emoji-picker.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/emoji-picker.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,2FAAoD;AACpD,+CAAgD;AAChD,6CAA+C;AAC/C,iDAA2C;AAC3C,+EAA0E;AAOnE,MAAM,WAAW,GAAG,CAAC,EAC1B,iBAAiB,EACjB,OAAO,GACU,EAAE,EAAE;IACrB,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,gBAAgB,CACd,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,OAAO,EAAE,CAAA;QACT,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,8CAAK,IAAI,EAAE,iBAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,WAAW,gBACrD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAS,GAAI,CACzB,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,WAAW,eA0CvB"}
1
+ {"version":3,"file":"emoji-picker.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/emoji-picker.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,2FAAoD;AACpD,+CAAgD;AAChD,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAOnE,MAAM,WAAW,GAAG,CAAC,EAC1B,iBAAiB,EACjB,OAAO,GACU,EAAE,EAAE;IACrB,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,gBAAgB,CACd,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,OAAO,EAAE,CAAA;QACT,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,8CAAK,IAAI,EAAE,iBAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,WAAW,gBACrD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAS,GAAI,CACzB,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,WAAW,eA0CvB"}
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  interface InputPanelProps {
3
3
  persistentMenu: any;
4
- enableEmojiPicker: boolean;
5
- enableAttachments: boolean;
4
+ enableEmojiPicker?: boolean;
5
+ enableAttachments?: boolean;
6
6
  handleAttachment: (event: any) => void;
7
- textareaRef: React.MutableRefObject<HTMLTextAreaElement>;
7
+ textareaRef: React.MutableRefObject<HTMLTextAreaElement | undefined>;
8
8
  host: HTMLElement;
9
9
  onUserInput?: (event: any) => Promise<void>;
10
10
  }
@@ -7,8 +7,8 @@ const core_1 = require("@botonic/core");
7
7
  const react_1 = require("react");
8
8
  const uuid_1 = require("uuid");
9
9
  const constants_1 = require("../../constants");
10
- const contexts_1 = require("../../contexts");
11
10
  const message_utils_1 = require("../../message-utils");
11
+ const context_1 = require("../../webchat/context");
12
12
  const constants_2 = require("../constants");
13
13
  const attachment_1 = require("./attachment");
14
14
  const emoji_picker_1 = require("./emoji-picker");
@@ -18,8 +18,10 @@ const send_button_1 = require("./send-button");
18
18
  const styles_1 = require("./styles");
19
19
  const textarea_1 = require("./textarea");
20
20
  const InputPanel = ({ persistentMenu, enableEmojiPicker, enableAttachments, handleAttachment, textareaRef, host, onUserInput, }) => {
21
- const { getThemeProperty, sendText, togglePersistentMenu, toggleEmojiPicker, webchatState, inputPanelRef, } = (0, react_1.useContext)(contexts_1.WebchatContext);
21
+ const { getThemeProperty, sendText, togglePersistentMenu, toggleEmojiPicker, webchatState, inputPanelRef, } = (0, react_1.useContext)(context_1.WebchatContext);
22
22
  const handleSelectedEmoji = event => {
23
+ if (!textareaRef.current)
24
+ return;
23
25
  textareaRef.current.value += event.emoji;
24
26
  textareaRef.current.focus();
25
27
  };
@@ -30,7 +32,10 @@ const InputPanel = ({ persistentMenu, enableEmojiPicker, enableAttachments, hand
30
32
  togglePersistentMenu(!webchatState.isPersistentMenuOpen);
31
33
  };
32
34
  const sendTextAreaText = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
33
- yield sendText(textareaRef.current.value);
35
+ var _a;
36
+ if (!textareaRef.current)
37
+ return;
38
+ yield sendText((_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.value);
34
39
  textareaRef.current.value = '';
35
40
  });
36
41
  const sendChatEvent = (chatEvent) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/index.tsx"],"names":[],"mappings":";;;;;AAAA,wCAAqC;AACrC,iCAAyC;AACzC,+BAAmC;AAEnC,+CAAyC;AACzC,6CAA+C;AAC/C,uDAA0D;AAC1D,4CAAiD;AACjD,6CAAyC;AACzC,iDAA4C;AAC5C,+DAAyD;AACzD,uDAAkD;AAClD,+CAA0C;AAC1C,qCAA6C;AAC7C,yCAAqC;AAY9B,MAAM,UAAU,GAAG,CAAC,EACzB,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,IAAI,EACJ,WAAW,GACK,EAAE,EAAE;IACpB,MAAM,EACJ,gBAAgB,EAChB,QAAQ,EACR,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,aAAa,GACd,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAE9B,MAAM,mBAAmB,GAAG,KAAK,CAAC,EAAE;QAClC,WAAW,CAAC,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAA;QACxC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;IAC7B,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,iBAAiB,CAAC,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAA;IACpD,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,oBAAoB,CAAC,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAA;IAC1D,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,GAAS,EAAE;QAClC,MAAM,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACzC,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;IAChC,CAAC,CAAA,CAAA;IAED,MAAM,aAAa,GAAG,CAAM,SAAS,EAAC,EAAE;QACtC,MAAM,cAAc,GAAG;YACrB,EAAE,EAAE,IAAA,SAAM,GAAE;YACZ,IAAI,EAAE,YAAK,CAAC,UAAU;YACtB,IAAI,EAAE,SAAS;SAChB,CAAA;QACD,IAAI,WAAW,EAAE;YACf,WAAW,CAAC;gBACV,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,IAAI;gBAC/B,KAAK,EAAE,cAAc;gBACrB,OAAO,EAAE,YAAY,CAAC,OAAO;gBAC7B,aAAa,EAAE,YAAY,CAAC,aAAa;aAC1C,CAAC,CAAA;SACH;IACH,CAAC,CAAA,CAAA;IAED,OAAO,CACL,wBAAC,2BAAkB,kBACjB,EAAE,EAAE,8BAAkB,CAAC,UAAU,EACjC,GAAG,EAAE,aAAa,EAClB,KAAK,oBACA,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,cAAc,CAAC,GAE/D,SAAS,EAAC,sBAAsB,iBAE/B,YAAY,CAAC,iBAAiB,IAAI,CACjC,uBAAC,uCAAiB,IAChB,YAAY,EAAE,mBAAmB,EACjC,OAAO,EAAE,gBAAgB,GACzB,CACH,EAED,uBAAC,gCAAc,IAAC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,GAAI,EAEvE,uBAAC,mBAAQ,IACP,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,EAEF,uBAAC,0BAAW,IACV,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,gBAAgB,GACzB,EAEF,uBAAC,uBAAU,IACT,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,gBAAgB,EAC1B,MAAM,EAAE,IAAA,oCAAoB,GAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GACxC,EAEF,uBAAC,wBAAU,IAAC,OAAO,EAAE,gBAAgB,GAAI,KACtB,CACtB,CAAA;AACH,CAAC,CAAA;AA5FY,QAAA,UAAU,cA4FtB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/index.tsx"],"names":[],"mappings":"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"}
@@ -6,11 +6,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const react_1 = require("react");
7
7
  const menuButton_svg_1 = tslib_1.__importDefault(require("../../assets/menuButton.svg"));
8
8
  const constants_1 = require("../../constants");
9
- const contexts_1 = require("../../contexts");
9
+ const context_1 = require("../../webchat/context");
10
10
  const common_1 = require("../components/common");
11
11
  const conditional_animation_1 = require("../components/conditional-animation");
12
12
  const PersistentMenu = ({ onClick, persistentMenu, }) => {
13
- const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
13
+ const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
14
14
  const persistentMenuOptions = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.persistentMenu, persistentMenu);
15
15
  const CustomMenuButton = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customMenuButton, undefined);
16
16
  return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: persistentMenuOptions ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ role: constants_1.ROLES.PERSISTENT_MENU_ICON, onClick: onClick }, { children: CustomMenuButton ? (0, jsx_runtime_1.jsx)(CustomMenuButton, {}) : (0, jsx_runtime_1.jsx)(common_1.Icon, { src: menuButton_svg_1.default }) })) })) : null }));
@@ -1 +1 @@
1
- {"version":3,"file":"persistent-menu.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/persistent-menu.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,yFAAkD;AAClD,+CAAgD;AAChD,6CAA+C;AAC/C,iDAA2C;AAC3C,+EAA0E;AAOnE,MAAM,cAAc,GAAG,CAAC,EAC7B,OAAO,EACP,cAAc,GACM,EAAE,EAAE;IACxB,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,qBAAqB,GAAG,gBAAgB,CAC5C,mBAAO,CAAC,iBAAiB,CAAC,cAAc,EACxC,cAAc,CACf,CAAA;IAED,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,SAAS,CACV,CAAA;IAED,OAAO,CACL,2DACG,qBAAqB,CAAC,CAAC,CAAC,CACvB,uBAAC,4CAAoB,cACnB,8CAAK,IAAI,EAAE,iBAAK,CAAC,oBAAoB,EAAE,OAAO,EAAE,OAAO,gBACpD,gBAAgB,CAAC,CAAC,CAAC,uBAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,uBAAC,aAAI,IAAC,GAAG,EAAE,wBAAQ,GAAI,IAC9D,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,cAAc,kBA2B1B"}
1
+ {"version":3,"file":"persistent-menu.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/persistent-menu.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,yFAAkD;AAClD,+CAAgD;AAChD,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAOnE,MAAM,cAAc,GAAG,CAAC,EAC7B,OAAO,EACP,cAAc,GACM,EAAE,EAAE;IACxB,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEvD,MAAM,qBAAqB,GAAG,gBAAgB,CAC5C,mBAAO,CAAC,iBAAiB,CAAC,cAAc,EACxC,cAAc,CACf,CAAA;IAED,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,SAAS,CACV,CAAA;IAED,OAAO,CACL,2DACG,qBAAqB,CAAC,CAAC,CAAC,CACvB,uBAAC,4CAAoB,cACnB,8CAAK,IAAI,EAAE,iBAAK,CAAC,oBAAoB,EAAE,OAAO,EAAE,OAAO,gBACpD,gBAAgB,CAAC,CAAC,CAAC,uBAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,uBAAC,aAAI,IAAC,GAAG,EAAE,wBAAQ,GAAI,IAC9D,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,cAAc,kBA2B1B"}
@@ -6,11 +6,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const react_1 = require("react");
7
7
  const send_button_svg_1 = tslib_1.__importDefault(require("../../assets/send-button.svg"));
8
8
  const constants_1 = require("../../constants");
9
- const contexts_1 = require("../../contexts");
9
+ const context_1 = require("../../webchat/context");
10
10
  const common_1 = require("../components/common");
11
11
  const conditional_animation_1 = require("../components/conditional-animation");
12
12
  const SendButton = ({ onClick }) => {
13
- const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
13
+ const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
14
14
  const sendButtonEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableSendButton, true);
15
15
  const CustomSendButton = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customSendButton, undefined);
16
16
  return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: sendButtonEnabled || CustomSendButton ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ onClick: onClick, role: constants_1.ROLES.SEND_BUTTON_ICON }, { children: CustomSendButton ? ((0, jsx_runtime_1.jsx)(CustomSendButton, {})) : ((0, jsx_runtime_1.jsx)(common_1.Icon, { src: send_button_svg_1.default })) })) })) : null }));
@@ -1 +1 @@
1
- {"version":3,"file":"send-button.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/send-button.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,2FAAyD;AACzD,+CAAgD;AAChD,6CAA+C;AAC/C,iDAA2C;AAC3C,+EAA0E;AAMnE,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,EAAE,EAAE;IACzD,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IAED,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,SAAS,CACV,CAAA;IAED,OAAO,CACL,2DACG,iBAAiB,IAAI,gBAAgB,CAAC,CAAC,CAAC,CACvC,uBAAC,4CAAoB,cACnB,8CAAK,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAK,CAAC,gBAAgB,gBAChD,gBAAgB,CAAC,CAAC,CAAC,CAClB,uBAAC,gBAAgB,KAAG,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAc,GAAI,CAC9B,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,UAAU,cA4BtB"}
1
+ {"version":3,"file":"send-button.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/send-button.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,2FAAyD;AACzD,+CAAgD;AAChD,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAMnE,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,EAAE,EAAE;IACzD,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IAED,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,SAAS,CACV,CAAA;IAED,OAAO,CACL,2DACG,iBAAiB,IAAI,gBAAgB,CAAC,CAAC,CAAC,CACvC,uBAAC,4CAAoB,cACnB,8CAAK,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAK,CAAC,gBAAgB,gBAChD,gBAAgB,CAAC,CAAC,CAAC,CAClB,uBAAC,gBAAgB,KAAG,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAc,GAAI,CAC9B,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,UAAU,cA4BtB"}
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
- import { PersistentMenuTheme } from '../../components/index-types';
2
+ import { PersistentMenuOptionsTheme } from '../theme/types';
3
3
  interface TextareaProps {
4
4
  host: HTMLElement;
5
- persistentMenu: PersistentMenuTheme;
6
- textareaRef: React.MutableRefObject<HTMLTextAreaElement>;
5
+ persistentMenu: PersistentMenuOptionsTheme;
6
+ textareaRef: React.MutableRefObject<HTMLTextAreaElement | undefined>;
7
7
  sendChatEvent: (event: string) => Promise<void>;
8
8
  sendTextAreaText: () => Promise<void>;
9
9
  }
@@ -6,12 +6,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const react_1 = require("react");
7
7
  const react_textarea_autosize_1 = tslib_1.__importDefault(require("react-textarea-autosize"));
8
8
  const constants_1 = require("../../constants");
9
- const contexts_1 = require("../../contexts");
10
9
  const index_types_1 = require("../../index-types");
10
+ const context_1 = require("../../webchat/context");
11
11
  const hooks_1 = require("../hooks");
12
12
  const styles_1 = require("./styles");
13
13
  const Textarea = ({ host, persistentMenu, textareaRef, sendChatEvent, sendTextAreaText, }) => {
14
- const { getThemeProperty, webchatState, setIsInputFocused } = (0, react_1.useContext)(contexts_1.WebchatContext);
14
+ const { getThemeProperty, webchatState, setIsInputFocused } = (0, react_1.useContext)(context_1.WebchatContext);
15
15
  (0, hooks_1.useDeviceAdapter)(host, webchatState.isWebchatOpen);
16
16
  let isTyping = false;
17
17
  let typingTimeout;
@@ -24,6 +24,8 @@ const Textarea = ({ host, persistentMenu, textareaRef, sendChatEvent, sendTextAr
24
24
  }
25
25
  };
26
26
  const onKeyUp = () => {
27
+ if (!textareaRef.current)
28
+ return;
27
29
  if (textareaRef.current.value === '') {
28
30
  stopTyping();
29
31
  return;
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/textarea.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/textarea.tsx"],"names":[],"mappings":"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"}
@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.WebchatMessageList = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
- const react_1 = require("react");
6
+ const react_1 = tslib_1.__importStar(require("react"));
7
7
  const constants_1 = require("../../constants");
8
- const contexts_1 = require("../../contexts");
8
+ const context_1 = require("../../webchat/context");
9
9
  const constants_2 = require("../constants");
10
10
  const typing_indicator_1 = tslib_1.__importDefault(require("../typing-indicator"));
11
11
  const intro_message_1 = require("./intro-message");
@@ -15,15 +15,13 @@ const unread_messages_banner_1 = require("./unread-messages-banner");
15
15
  const use_notifications_1 = require("./use-notifications");
16
16
  const SCROLL_TIMEOUT = 200;
17
17
  const scrollOptionsEnd = {
18
- behavior: 'smooth',
19
18
  block: 'end',
20
19
  };
21
20
  const scrollOptionsCenter = {
22
- behavior: 'smooth',
23
21
  block: 'center',
24
22
  };
25
23
  const WebchatMessageList = () => {
26
- const { webchatState, resetUnreadMessages, setLastMessageVisible, scrollableMessagesListRef, } = (0, react_1.useContext)(contexts_1.WebchatContext);
24
+ const { webchatState, resetUnreadMessages, setLastMessageVisible, scrollableMessagesListRef, } = (0, react_1.useContext)(context_1.WebchatContext);
27
25
  const { notificationsEnabled } = (0, use_notifications_1.useNotifications)();
28
26
  const [firstUnreadMessageId, setFirstUnreadMessageId] = (0, react_1.useState)();
29
27
  const lastMessageRef = (0, react_1.useRef)(null);
@@ -105,9 +103,9 @@ const WebchatMessageList = () => {
105
103
  ]);
106
104
  const showScrollButton = webchatState.numUnreadMessages > 0 && !webchatState.isLastMessageVisible;
107
105
  return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.ScrollableMessageList, Object.assign({ id: constants_2.BotonicContainerId.ScrollableMessagesList, ref: scrollableMessagesListRef, role: constants_1.ROLES.MESSAGE_LIST }, { children: [(0, jsx_runtime_1.jsx)(intro_message_1.IntroMessage, {}), webchatState.messagesComponents.map((messageComponent, index) => {
108
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.ContainerMessage, Object.assign({ role: constants_1.ROLES.MESSAGE }, { children: [showUnreadMessagesBanner(messageComponent.props.id) && ((0, jsx_runtime_1.jsx)(unread_messages_banner_1.UnreadMessagesBanner, { unreadMessagesBannerRef: unreadMessagesBannerRef })), messageComponent] }), index), index === webchatState.messagesComponents.length - 1 && ((0, jsx_runtime_1.jsx)("div", { ref: lastMessageRef, style: {
106
+ return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.ContainerMessage, Object.assign({ role: constants_1.ROLES.MESSAGE }, { children: [showUnreadMessagesBanner(messageComponent.props.id) && ((0, jsx_runtime_1.jsx)(unread_messages_banner_1.UnreadMessagesBanner, { unreadMessagesBannerRef: unreadMessagesBannerRef })), messageComponent] })), index === webchatState.messagesComponents.length - 1 && ((0, jsx_runtime_1.jsx)("div", { ref: lastMessageRef, style: {
109
107
  content: '',
110
- } }))] }));
108
+ } }))] }, messageComponent.props.id));
111
109
  }), webchatState.typing && (0, jsx_runtime_1.jsx)(typing_indicator_1.default, { ref: typingRef })] })), showScrollButton && (0, jsx_runtime_1.jsx)(scroll_button_1.ScrollButton, { handleClick: handleScrollToBottom })] }));
112
110
  };
113
111
  exports.WebchatMessageList = WebchatMessageList;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/index.tsx"],"names":[],"mappings":"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"}
@@ -4,13 +4,13 @@ exports.IntroMessage = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const react_1 = require("react");
6
6
  const constants_1 = require("../../constants");
7
- const contexts_1 = require("../../contexts");
8
7
  const styles_1 = require("../../shared/styles");
9
8
  const environment_1 = require("../../util/environment");
10
9
  const react_2 = require("../../util/react");
10
+ const context_1 = require("../../webchat/context");
11
11
  const styles_2 = require("./styles");
12
12
  const IntroMessage = () => {
13
- const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
13
+ const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
14
14
  const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, true);
15
15
  const CustomIntro = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customIntro);
16
16
  const introImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.introImage);
@@ -1 +1 @@
1
- {"version":3,"file":"intro-message.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/intro-message.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAyC;AACzC,6CAA+C;AAC/C,gDAA0C;AAC1C,wDAAqD;AACrD,4CAAqD;AACrD,qCAA4C;AAErC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IACD,MAAM,WAAW,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC3E,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACzE,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEzE,MAAM,YAAY,GAAG,UAAU,IAAI,CACjC,uBAAC,0BAAiB,IAChB,KAAK,oBACA,UAAU,GAEf,GAAG,EAAE,IAAA,0BAAY,EAAC,UAAU,CAAC,GAC7B,CACH,CAAA;IAED,OAAO,WAAW,IAAI,YAAY,CAAC,CAAC,CAAC,CACnC,uBAAC,0BAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,uBAAC,aAAI,cAAE,QAAQ,GAAQ,gBAE3C,WAAW,CAAC,CAAC,CAAC,uBAAC,WAAW,KAAG,CAAC,CAAC,CAAC,YAAY,IAC1B,CACtB,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AA5BY,QAAA,YAAY,gBA4BxB"}
1
+ {"version":3,"file":"intro-message.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/intro-message.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAyC;AACzC,gDAA0C;AAC1C,wDAAqD;AACrD,4CAAqD;AACrD,mDAAsD;AACtD,qCAA4C;AAErC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IACD,MAAM,WAAW,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC3E,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACzE,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEzE,MAAM,YAAY,GAAG,UAAU,IAAI,CACjC,uBAAC,0BAAiB,IAChB,KAAK,oBACA,UAAU,GAEf,GAAG,EAAE,IAAA,0BAAY,EAAC,UAAU,CAAC,GAC7B,CACH,CAAA;IAED,OAAO,WAAW,IAAI,YAAY,CAAC,CAAC,CAAC,CACnC,uBAAC,0BAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,uBAAC,aAAI,cAAE,QAAQ,GAAQ,gBAE3C,WAAW,CAAC,CAAC,CAAC,uBAAC,WAAW,KAAG,CAAC,CAAC,CAAC,YAAY,IAC1B,CACtB,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AA5BY,QAAA,YAAY,gBA4BxB"}
@@ -54,6 +54,7 @@ exports.ScrollableMessageList = styled_components_1.default.div `
54
54
  overflow-y: auto;
55
55
  overflow-x: hidden;
56
56
  overscroll-behavior: contain; // https://css-tricks.com/almanac/properties/o/overscroll-behavior/
57
+ scroll-behavior: smooth;
57
58
  -webkit-overflow-scrolling: touch;
58
59
  `;
59
60
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEzB,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAOzC,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAG1C,CAAA;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;CAc9C,CAAA;AAEY,QAAA,6BAA6B,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBtD,CAAA;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ9C,CAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEzB,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAOzC,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAG1C,CAAA;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;CAc9C,CAAA;AAEY,QAAA,6BAA6B,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBtD,CAAA;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS9C,CAAA"}
@@ -5,12 +5,12 @@ const tslib_1 = require("tslib");
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const react_1 = require("react");
7
7
  const arrow_down_svg_1 = tslib_1.__importDefault(require("../../assets/arrow-down.svg"));
8
- const contexts_1 = require("../../contexts");
9
8
  const environment_1 = require("../../util/environment");
9
+ const context_1 = require("../../webchat/context");
10
10
  const styles_1 = require("./styles");
11
11
  const use_notifications_1 = require("./use-notifications");
12
12
  const UnreadMessagesBanner = ({ unreadMessagesBannerRef, }) => {
13
- const { webchatState } = (0, react_1.useContext)(contexts_1.WebchatContext);
13
+ const { webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
14
14
  const { notificationsEnabled, CustomUnreadMessagesBanner, bannerText } = (0, use_notifications_1.useNotifications)();
15
15
  return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: notificationsEnabled ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: unreadMessagesBannerRef }, { children: CustomUnreadMessagesBanner ? ((0, jsx_runtime_1.jsx)(CustomUnreadMessagesBanner, {})) : ((0, jsx_runtime_1.jsxs)(styles_1.ContainerUnreadMessagesBanner, { children: [(0, jsx_runtime_1.jsx)("img", { src: (0, environment_1.resolveImage)(arrow_down_svg_1.default) }), webchatState.numUnreadMessages, " ", bannerText] })) }))) : null }));
16
16
  };
@@ -1 +1 @@
1
- {"version":3,"file":"unread-messages-banner.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/unread-messages-banner.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,yFAAmD;AACnD,6CAA+C;AAC/C,wDAAqD;AACrD,qCAAwD;AACxD,2DAAsD;AAM/C,MAAM,oBAAoB,GAAG,CAAC,EACnC,uBAAuB,GACG,EAAe,EAAE;IAC3C,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEnD,MAAM,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,UAAU,EAAE,GACpE,IAAA,oCAAgB,GAAE,CAAA;IAEpB,OAAO,CACL,2DACG,oBAAoB,CAAC,CAAC,CAAC,CACtB,8CAAK,GAAG,EAAE,uBAAuB,gBAC9B,0BAA0B,CAAC,CAAC,CAAC,CAC5B,uBAAC,0BAA0B,KAAG,CAC/B,CAAC,CAAC,CAAC,CACF,wBAAC,sCAA6B,eAC5B,gCAAK,GAAG,EAAE,IAAA,0BAAY,EAAC,wBAAS,CAAC,GAAI,EACpC,YAAY,CAAC,iBAAiB,OAAG,UAAU,IACd,CACjC,IACG,CACP,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,oBAAoB,wBAwBhC"}
1
+ {"version":3,"file":"unread-messages-banner.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/unread-messages-banner.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,yFAAmD;AACnD,wDAAqD;AACrD,mDAAsD;AACtD,qCAAwD;AACxD,2DAAsD;AAM/C,MAAM,oBAAoB,GAAG,CAAC,EACnC,uBAAuB,GACG,EAAe,EAAE;IAC3C,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEnD,MAAM,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,UAAU,EAAE,GACpE,IAAA,oCAAgB,GAAE,CAAA;IAEpB,OAAO,CACL,2DACG,oBAAoB,CAAC,CAAC,CAAC,CACtB,8CAAK,GAAG,EAAE,uBAAuB,gBAC9B,0BAA0B,CAAC,CAAC,CAAC,CAC5B,uBAAC,0BAA0B,KAAG,CAC/B,CAAC,CAAC,CAAC,CACF,wBAAC,sCAA6B,eAC5B,gCAAK,GAAG,EAAE,IAAA,0BAAY,EAAC,wBAAS,CAAC,GAAI,EACpC,YAAY,CAAC,iBAAiB,OAAG,UAAU,IACd,CACjC,IACG,CACP,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,oBAAoB,wBAwBhC"}
@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useNotifications = void 0;
4
4
  const react_1 = require("react");
5
5
  const constants_1 = require("../../constants");
6
- const contexts_1 = require("../../contexts");
6
+ const context_1 = require("../../webchat/context");
7
7
  function useNotifications() {
8
- const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
8
+ const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
9
9
  const CustomUnreadMessagesBanner = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerCustom, undefined);
10
10
  const notificationsBannerEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerEnabled, undefined);
11
11
  const notificationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.notificationsEnabled, CustomUnreadMessagesBanner || notificationsBannerEnabled);
@@ -1 +1 @@
1
- {"version":3,"file":"use-notifications.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/use-notifications.ts"],"names":[],"mappings":";;;AAAA,iCAAkC;AAElC,+CAAyC;AACzC,6CAA+C;AAE/C,SAAgB,gBAAgB;IAC9B,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,0BAA0B,GAAG,gBAAgB,CACjD,mBAAO,CAAC,iBAAiB,CAAC,yBAAyB,EACnD,SAAS,CACV,CAAA;IAED,MAAM,0BAA0B,GAAG,gBAAgB,CACjD,mBAAO,CAAC,iBAAiB,CAAC,0BAA0B,EACpD,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,mBAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,0BAA0B,IAAI,0BAA0B,CACzD,CAAA;IAED,MAAM,UAAU,GAAG,gBAAgB,CACjC,mBAAO,CAAC,iBAAiB,CAAC,uBAAuB,EACjD,iBAAiB,CAClB,CAAA;IAED,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,mBAAO,CAAC,iBAAiB,CAAC,kBAAkB,EAC5C,SAAS,CACV,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,CAAC,iBAAiB,CAAC,mBAAmB,EAC7C,kBAAkB,CACnB,CAAA;IAED,OAAO;QACL,oBAAoB;QACpB,UAAU;QACV,0BAA0B;QAC1B,kBAAkB;QAClB,mBAAmB;KACpB,CAAA;AACH,CAAC;AAxCD,4CAwCC"}
1
+ {"version":3,"file":"use-notifications.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/use-notifications.ts"],"names":[],"mappings":";;;AAAA,iCAAkC;AAElC,+CAAyC;AACzC,mDAAsD;AAEtD,SAAgB,gBAAgB;IAC9B,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEvD,MAAM,0BAA0B,GAAG,gBAAgB,CACjD,mBAAO,CAAC,iBAAiB,CAAC,yBAAyB,EACnD,SAAS,CACV,CAAA;IAED,MAAM,0BAA0B,GAAG,gBAAgB,CACjD,mBAAO,CAAC,iBAAiB,CAAC,0BAA0B,EACpD,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,mBAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,0BAA0B,IAAI,0BAA0B,CACzD,CAAA;IAED,MAAM,UAAU,GAAG,gBAAgB,CACjC,mBAAO,CAAC,iBAAiB,CAAC,uBAAuB,EACjD,iBAAiB,CAClB,CAAA;IAED,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,mBAAO,CAAC,iBAAiB,CAAC,kBAAkB,EAC5C,SAAS,CACV,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,CAAC,iBAAiB,CAAC,mBAAmB,EAC7C,kBAAkB,CACnB,CAAA;IAED,OAAO;QACL,oBAAoB;QACpB,UAAU;QACV,0BAA0B;QAC1B,kBAAkB;QAClB,mBAAmB;KACpB,CAAA;AACH,CAAC;AAxCD,4CAwCC"}
@@ -0,0 +1 @@
1
+ export declare const WebchatReplies: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.WebchatReplies = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
6
+ const constants_1 = require("../../constants");
7
+ const context_1 = require("../../webchat/context");
8
+ const constants_2 = require("../constants");
9
+ const styles_1 = require("./styles");
10
+ const options = {
11
+ left: 'flex-start',
12
+ center: 'center',
13
+ right: 'flex-end',
14
+ };
15
+ const WebchatReplies = () => {
16
+ var _a;
17
+ const { webchatState, getThemeProperty, repliesRef } = (0, react_1.useContext)(context_1.WebchatContext);
18
+ let justifyContent = 'center';
19
+ const flexWrap = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.wrapReplies, 'wrap');
20
+ if (flexWrap === 'nowrap') {
21
+ justifyContent = 'flex-start';
22
+ }
23
+ else if (getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.alignReplies)) {
24
+ justifyContent =
25
+ options[getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.alignReplies)];
26
+ }
27
+ return ((0, jsx_runtime_1.jsx)(styles_1.ScrollableReplies, { children: (0, jsx_runtime_1.jsx)(styles_1.RepliesContainer, Object.assign({ id: constants_2.BotonicContainerId.RepliesContainer, ref: repliesRef, className: 'replies-container', justify: justifyContent, wrap: flexWrap }, { children: (_a = webchatState.replies) === null || _a === void 0 ? void 0 : _a.map((reply, i) => (
28
+ // @ts-ignore TODO: In this point reply is the the component to render
29
+ (0, jsx_runtime_1.jsx)(styles_1.ReplyContainer, { children: reply }, `reply-${i}`))) })) }));
30
+ };
31
+ exports.WebchatReplies = WebchatReplies;
32
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/replies/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAyC;AACzC,mDAAsD;AACtD,4CAAiD;AACjD,qCAA8E;AAE9E,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,UAAU;CAClB,CAAA;AAEM,MAAM,cAAc,GAAG,GAAG,EAAE;;IACjC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAClD,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE5B,IAAI,cAAc,GAAG,QAAQ,CAAA;IAC7B,MAAM,QAAQ,GAAG,gBAAgB,CAC/B,mBAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,MAAM,CACP,CAAA;IAED,IAAI,QAAQ,KAAK,QAAQ,EAAE;QACzB,cAAc,GAAG,YAAY,CAAA;KAC9B;SAAM,IAAI,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE;QACnE,cAAc;YACZ,OAAO,CAAC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAA;KACpE;IAED,OAAO,CACL,uBAAC,0BAAiB,cAChB,uBAAC,yBAAgB,kBACf,EAAE,EAAE,8BAAkB,CAAC,gBAAgB,EACvC,GAAG,EAAE,UAAU,EACf,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,QAAQ,gBAEb,MAAA,YAAY,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;YACvC,sEAAsE;YACtE,uBAAC,uBAAc,cAAqB,KAAK,IAApB,SAAS,CAAC,EAAE,CAA0B,CAC5D,CAAC,IACe,GACD,CACrB,CAAA;AACH,CAAC,CAAA;AAjCY,QAAA,cAAc,kBAiC1B"}
@@ -0,0 +1,8 @@
1
+ export declare const ScrollableReplies: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ interface RepliesContainerProps {
3
+ justify: string;
4
+ wrap: string;
5
+ }
6
+ export declare const RepliesContainer: import("styled-components").StyledComponent<"div", any, RepliesContainerProps, never>;
7
+ export declare const ReplyContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
8
+ export {};
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ReplyContainer = exports.RepliesContainer = exports.ScrollableReplies = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
6
+ exports.ScrollableReplies = styled_components_1.default.div `
7
+ overscroll-behavior: contain;
8
+ -webkit-overflow-scrolling: touch;
9
+ `;
10
+ exports.RepliesContainer = styled_components_1.default.div `
11
+ display: flex;
12
+ text-align: center;
13
+ justify-content: ${props => props.justify};
14
+ flex-wrap: ${props => props.wrap};
15
+ padding-bottom: 10px;
16
+ margin-left: 5px;
17
+ margin-right: 5px;
18
+ overflow-x: auto;
19
+ `;
20
+ exports.ReplyContainer = styled_components_1.default.div `
21
+ flex: none;
22
+ display: inline-block;
23
+ margin: 3px;
24
+ `;
25
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/replies/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEzB,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAG1C,CAAA;AAOY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAuB;;;qBAG5C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO;eAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI;;;;;CAKjC,CAAA;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIvC,CAAA"}
@@ -7,7 +7,7 @@ const react_1 = tslib_1.__importDefault(require("react"));
7
7
  const react_json_tree_1 = require("react-json-tree");
8
8
  const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
9
9
  const constants_1 = require("../constants");
10
- const hooks_1 = require("./hooks");
10
+ const use_webchat_1 = require("./context/use-webchat");
11
11
  const AttributeContainer = styled_components_1.default.div `
12
12
  display: flex;
13
13
  flex: none;
@@ -87,7 +87,7 @@ const KeepSessionContainer = styled_components_1.default.div `
87
87
  `;
88
88
  const SessionView = props => {
89
89
  // eslint-disable-next-line react-hooks/rules-of-hooks
90
- const { webchatState, updateDevSettings } = props.webchatHooks || (0, hooks_1.useWebchat)();
90
+ const { webchatState, updateDevSettings } = props.webchatHooks || (0, use_webchat_1.useWebchat)();
91
91
  const { latestInput: input, session, lastRoutePath } = webchatState;
92
92
  const toggleSessionView = () => updateDevSettings(Object.assign(Object.assign({}, webchatState.devSettings), { showSessionView: !webchatState.devSettings.showSessionView }));
93
93
  const toggleKeepSessionOnReload = () => updateDevSettings(Object.assign(Object.assign({}, webchatState.devSettings), { keepSessionOnReload: !webchatState.devSettings.keepSessionOnReload }));
@@ -1 +1 @@
1
- {"version":3,"file":"session-view.js","sourceRoot":"","sources":["../../../src/webchat/session-view.jsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"session-view.js","sourceRoot":"","sources":["../../../src/webchat/session-view.jsx"],"names":[],"mappings":"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"}