@botonic/react 0.36.0-alpha.0 → 0.36.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 (707) 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.d.ts → button/index.d.ts} +4 -5
  5. package/lib/cjs/components/{button.js → button/index.js} +26 -57
  6. package/lib/cjs/components/button/index.js.map +1 -0
  7. package/lib/cjs/components/button/styles.d.ts +2 -0
  8. package/lib/cjs/components/button/styles.js +40 -0
  9. package/lib/cjs/components/button/styles.js.map +1 -0
  10. package/lib/cjs/components/buttons-disabler.d.ts +20 -23
  11. package/lib/cjs/components/buttons-disabler.js +11 -26
  12. package/lib/cjs/components/buttons-disabler.js.map +1 -1
  13. package/lib/cjs/components/carousel.d.ts +8 -9
  14. package/lib/cjs/components/carousel.js +28 -24
  15. package/lib/cjs/components/carousel.js.map +1 -1
  16. package/lib/cjs/components/custom-message.d.ts +16 -12
  17. package/lib/cjs/components/custom-message.js +3 -9
  18. package/lib/cjs/components/custom-message.js.map +1 -1
  19. package/lib/cjs/components/document.d.ts +8 -7
  20. package/lib/cjs/components/document.js +5 -5
  21. package/lib/cjs/components/document.js.map +1 -1
  22. package/lib/cjs/components/element.d.ts +7 -3
  23. package/lib/cjs/components/element.js +12 -12
  24. package/lib/cjs/components/element.js.map +1 -1
  25. package/lib/cjs/components/handoff.d.ts +1 -1
  26. package/lib/cjs/components/handoff.js +2 -2
  27. package/lib/cjs/components/handoff.js.map +1 -1
  28. package/lib/cjs/components/image.d.ts +8 -7
  29. package/lib/cjs/components/image.js +6 -6
  30. package/lib/cjs/components/image.js.map +1 -1
  31. package/lib/cjs/components/index-types.d.ts +31 -132
  32. package/lib/cjs/components/index.d.ts +8 -2
  33. package/lib/cjs/components/index.js +16 -3
  34. package/lib/cjs/components/index.js.map +1 -1
  35. package/lib/cjs/components/message/index.js +9 -8
  36. package/lib/cjs/components/message/index.js.map +1 -1
  37. package/lib/cjs/components/message/message-feedback.d.ts +1 -1
  38. package/lib/cjs/components/message/message-feedback.js +9 -20
  39. package/lib/cjs/components/message/message-feedback.js.map +1 -1
  40. package/lib/cjs/components/message/message-footer.d.ts +1 -1
  41. package/lib/cjs/components/message/message-footer.js +4 -4
  42. package/lib/cjs/components/message/message-footer.js.map +1 -1
  43. package/lib/cjs/components/message/message-image.js +3 -3
  44. package/lib/cjs/components/message/message-image.js.map +1 -1
  45. package/lib/cjs/components/message/styles.d.ts +11 -11
  46. package/lib/cjs/components/message/timestamps.d.ts +1 -1
  47. package/lib/cjs/components/message/timestamps.js +3 -3
  48. package/lib/cjs/components/message/timestamps.js.map +1 -1
  49. package/lib/cjs/components/multichannel/index-types.d.ts +0 -4
  50. package/lib/cjs/components/multichannel/multichannel-button.d.ts +1 -1
  51. package/lib/cjs/components/multichannel/multichannel-button.js +5 -5
  52. package/lib/cjs/components/multichannel/multichannel-button.js.map +1 -1
  53. package/lib/cjs/components/multichannel/multichannel-carousel.d.ts +1 -1
  54. package/lib/cjs/components/multichannel/multichannel-carousel.js +59 -62
  55. package/lib/cjs/components/multichannel/multichannel-carousel.js.map +1 -1
  56. package/lib/cjs/components/multichannel/multichannel-context.d.ts +0 -3
  57. package/lib/cjs/components/multichannel/multichannel-context.js +0 -3
  58. package/lib/cjs/components/multichannel/multichannel-context.js.map +1 -1
  59. package/lib/cjs/components/multichannel/multichannel-reply.d.ts +1 -1
  60. package/lib/cjs/components/multichannel/multichannel-text.d.ts +1 -1
  61. package/lib/cjs/components/multichannel/multichannel-text.js +19 -15
  62. package/lib/cjs/components/multichannel/multichannel-text.js.map +1 -1
  63. package/lib/cjs/components/multichannel/multichannel-utils.d.ts +9 -15
  64. package/lib/cjs/components/multichannel/multichannel-utils.js +48 -27
  65. package/lib/cjs/components/multichannel/multichannel-utils.js.map +1 -1
  66. package/lib/cjs/components/multichannel/multichannel.js +7 -7
  67. package/lib/cjs/components/multichannel/multichannel.js.map +1 -1
  68. package/lib/cjs/components/multichannel/whatsapp/constants.d.ts +11 -0
  69. package/lib/cjs/components/multichannel/whatsapp/constants.js +13 -0
  70. package/lib/cjs/components/multichannel/whatsapp/constants.js.map +1 -0
  71. package/lib/cjs/components/pic.d.ts +8 -5
  72. package/lib/cjs/components/pic.js +8 -8
  73. package/lib/cjs/components/pic.js.map +1 -1
  74. package/lib/cjs/components/raw.d.ts +1 -1
  75. package/lib/cjs/components/reply.d.ts +7 -6
  76. package/lib/cjs/components/reply.js +13 -7
  77. package/lib/cjs/components/reply.js.map +1 -1
  78. package/lib/cjs/components/subtitle.d.ts +9 -5
  79. package/lib/cjs/components/subtitle.js +6 -7
  80. package/lib/cjs/components/subtitle.js.map +1 -1
  81. package/lib/cjs/components/text.d.ts +1 -1
  82. package/lib/cjs/components/title.d.ts +9 -5
  83. package/lib/cjs/components/title.js +6 -7
  84. package/lib/cjs/components/title.js.map +1 -1
  85. package/lib/cjs/components/video.d.ts +8 -7
  86. package/lib/cjs/components/video.js +2 -3
  87. package/lib/cjs/components/video.js.map +1 -1
  88. package/lib/cjs/components/webchat-settings.d.ts +18 -2
  89. package/lib/cjs/components/webchat-settings.js +2 -2
  90. package/lib/cjs/components/webchat-settings.js.map +1 -1
  91. package/lib/cjs/components/whatsapp-button-list.js +6 -6
  92. package/lib/cjs/components/whatsapp-button-list.js.map +1 -1
  93. package/lib/cjs/components/whatsapp-catalog.d.ts +6 -0
  94. package/lib/cjs/components/whatsapp-catalog.js +25 -0
  95. package/lib/cjs/components/whatsapp-catalog.js.map +1 -0
  96. package/lib/cjs/components/whatsapp-cta-url-button.js +6 -6
  97. package/lib/cjs/components/whatsapp-cta-url-button.js.map +1 -1
  98. package/lib/cjs/components/whatsapp-media-carousel.d.ts +46 -0
  99. package/lib/cjs/components/whatsapp-media-carousel.js +40 -0
  100. package/lib/cjs/components/whatsapp-media-carousel.js.map +1 -0
  101. package/lib/cjs/components/whatsapp-product-carousel.d.ts +32 -0
  102. package/lib/cjs/components/whatsapp-product-carousel.js +34 -0
  103. package/lib/cjs/components/whatsapp-product-carousel.js.map +1 -0
  104. package/lib/cjs/components/whatsapp-product-list.d.ts +15 -0
  105. package/lib/cjs/components/whatsapp-product-list.js +26 -0
  106. package/lib/cjs/components/whatsapp-product-list.js.map +1 -0
  107. package/lib/cjs/components/whatsapp-product.d.ts +7 -0
  108. package/lib/cjs/components/whatsapp-product.js +25 -0
  109. package/lib/cjs/components/whatsapp-product.js.map +1 -0
  110. package/lib/cjs/constants.d.ts +0 -18
  111. package/lib/cjs/constants.js +1 -19
  112. package/lib/cjs/constants.js.map +1 -1
  113. package/lib/cjs/contexts.d.ts +10 -11
  114. package/lib/cjs/contexts.js +15 -78
  115. package/lib/cjs/contexts.js.map +1 -1
  116. package/lib/cjs/dev-app.d.ts +7 -0
  117. package/lib/cjs/dev-app.js +8 -13
  118. package/lib/cjs/dev-app.js.map +1 -1
  119. package/lib/cjs/index-types.d.ts +85 -77
  120. package/lib/cjs/index-types.js.map +1 -1
  121. package/lib/cjs/index.d.ts +1 -1
  122. package/lib/cjs/index.js +1 -2
  123. package/lib/cjs/index.js.map +1 -1
  124. package/lib/cjs/msg-to-botonic.d.ts +1 -1
  125. package/lib/cjs/msg-to-botonic.js +9 -12
  126. package/lib/cjs/msg-to-botonic.js.map +1 -1
  127. package/lib/cjs/react-bot.d.ts +16 -6
  128. package/lib/cjs/react-bot.js +5 -6
  129. package/lib/cjs/react-bot.js.map +1 -1
  130. package/lib/cjs/shared/styles.d.ts +2 -2
  131. package/lib/cjs/time-zone-to-country-code.d.ts +1 -0
  132. package/lib/cjs/time-zone-to-country-code.js +108 -0
  133. package/lib/cjs/time-zone-to-country-code.js.map +1 -0
  134. package/lib/cjs/util/error-boundary.d.ts +1 -1
  135. package/lib/cjs/util/functional.d.ts +3 -0
  136. package/lib/cjs/util/functional.js +30 -0
  137. package/lib/cjs/util/functional.js.map +1 -0
  138. package/lib/cjs/util/react.d.ts +1 -1
  139. package/lib/cjs/util/webchat.d.ts +19 -6
  140. package/lib/cjs/util/webchat.js +44 -8
  141. package/lib/cjs/util/webchat.js.map +1 -1
  142. package/lib/cjs/webchat/chat-area/index.d.ts +1 -1
  143. package/lib/cjs/webchat/chat-area/index.js +3 -3
  144. package/lib/cjs/webchat/chat-area/index.js.map +1 -1
  145. package/lib/cjs/webchat/chat-area/styles.d.ts +1 -1
  146. package/lib/cjs/webchat/components/common.d.ts +1 -1
  147. package/lib/cjs/webchat/components/conditional-animation.d.ts +1 -1
  148. package/lib/cjs/webchat/components/conditional-animation.js +3 -3
  149. package/lib/cjs/webchat/components/conditional-animation.js.map +1 -1
  150. package/lib/cjs/webchat/components/opened-persistent-menu.d.ts +1 -1
  151. package/lib/cjs/webchat/components/opened-persistent-menu.js +6 -6
  152. package/lib/cjs/webchat/components/opened-persistent-menu.js.map +1 -1
  153. package/lib/{esm/webchat → cjs/webchat/context}/actions.d.ts +4 -1
  154. package/lib/cjs/webchat/{actions.js → context/actions.js} +4 -0
  155. package/lib/cjs/webchat/context/actions.js.map +1 -0
  156. package/lib/cjs/webchat/context/index.d.ts +5 -0
  157. package/lib/cjs/webchat/context/index.js +83 -0
  158. package/lib/cjs/webchat/context/index.js.map +1 -0
  159. package/lib/cjs/webchat/{messages-reducer.d.ts → context/messages-reducer.d.ts} +1 -1
  160. package/lib/cjs/webchat/{messages-reducer.js → context/messages-reducer.js} +3 -1
  161. package/lib/cjs/webchat/context/messages-reducer.js.map +1 -0
  162. package/lib/cjs/webchat/context/types.d.ts +83 -0
  163. package/lib/cjs/webchat/context/types.js +3 -0
  164. package/lib/cjs/webchat/context/types.js.map +1 -0
  165. package/lib/cjs/webchat/context/use-webchat.d.ts +46 -0
  166. package/lib/cjs/webchat/{hooks → context}/use-webchat.js +53 -47
  167. package/lib/cjs/webchat/context/use-webchat.js.map +1 -0
  168. package/lib/cjs/webchat/{webchat-reducer.d.ts → context/webchat-reducer.d.ts} +1 -1
  169. package/lib/cjs/webchat/{webchat-reducer.js → context/webchat-reducer.js} +4 -0
  170. package/lib/cjs/webchat/context/webchat-reducer.js.map +1 -0
  171. package/lib/cjs/webchat/cover-component/index.d.ts +6 -0
  172. package/lib/cjs/webchat/cover-component/index.js +21 -0
  173. package/lib/cjs/webchat/cover-component/index.js.map +1 -0
  174. package/lib/cjs/webchat/header/default-header.d.ts +1 -0
  175. package/lib/cjs/webchat/header/default-header.js +25 -0
  176. package/lib/cjs/webchat/header/default-header.js.map +1 -0
  177. package/lib/cjs/webchat/header/index.d.ts +2 -0
  178. package/lib/cjs/webchat/header/index.js +23 -0
  179. package/lib/cjs/webchat/header/index.js.map +1 -0
  180. package/lib/cjs/webchat/header/styles.d.ts +7 -0
  181. package/lib/cjs/webchat/header/styles.js +63 -0
  182. package/lib/cjs/webchat/header/styles.js.map +1 -0
  183. package/lib/cjs/webchat/hooks/index.d.ts +0 -1
  184. package/lib/cjs/webchat/hooks/index.js +1 -4
  185. package/lib/cjs/webchat/hooks/index.js.map +1 -1
  186. package/lib/cjs/webchat/hooks/use-previous.d.ts +1 -1
  187. package/lib/cjs/webchat/hooks/use-previous.js.map +1 -1
  188. package/lib/cjs/webchat/hooks/use-scroll-to-bottom.d.ts +6 -4
  189. package/lib/cjs/webchat/hooks/use-scroll-to-bottom.js.map +1 -1
  190. package/lib/cjs/webchat/hooks/use-scrollbar-controller.js +16 -16
  191. package/lib/cjs/webchat/hooks/use-scrollbar-controller.js.map +1 -1
  192. package/lib/cjs/webchat/hooks/use-typing.d.ts +1 -1
  193. package/lib/cjs/webchat/hooks/use-webchat-dimensions.js +4 -4
  194. package/lib/cjs/webchat/hooks/use-webchat-dimensions.js.map +1 -1
  195. package/lib/cjs/webchat/hooks/use-webchat-resizer.js +6 -6
  196. package/lib/cjs/webchat/hooks/use-webchat-resizer.js.map +1 -1
  197. package/lib/cjs/webchat/index-types.d.ts +2 -56
  198. package/lib/cjs/webchat/index.d.ts +1 -0
  199. package/lib/cjs/webchat/index.js +3 -1
  200. package/lib/cjs/webchat/index.js.map +1 -1
  201. package/lib/cjs/webchat/input-panel/attachment.d.ts +1 -2
  202. package/lib/cjs/webchat/input-panel/attachment.js +7 -6
  203. package/lib/cjs/webchat/input-panel/attachment.js.map +1 -1
  204. package/lib/cjs/webchat/input-panel/emoji-picker.d.ts +1 -2
  205. package/lib/cjs/webchat/input-panel/emoji-picker.js +7 -6
  206. package/lib/cjs/webchat/input-panel/emoji-picker.js.map +1 -1
  207. package/lib/cjs/webchat/input-panel/index.d.ts +2 -5
  208. package/lib/cjs/webchat/input-panel/index.js +10 -5
  209. package/lib/cjs/webchat/input-panel/index.js.map +1 -1
  210. package/lib/cjs/webchat/input-panel/opened-emoji-picker.d.ts +1 -1
  211. package/lib/cjs/webchat/input-panel/persistent-menu.d.ts +1 -2
  212. package/lib/cjs/webchat/input-panel/persistent-menu.js +6 -5
  213. package/lib/cjs/webchat/input-panel/persistent-menu.js.map +1 -1
  214. package/lib/cjs/webchat/input-panel/send-button.d.ts +1 -1
  215. package/lib/cjs/webchat/input-panel/send-button.js +5 -4
  216. package/lib/cjs/webchat/input-panel/send-button.js.map +1 -1
  217. package/lib/cjs/webchat/input-panel/styles.d.ts +3 -3
  218. package/lib/cjs/webchat/input-panel/textarea.d.ts +2 -4
  219. package/lib/cjs/webchat/input-panel/textarea.js +16 -6
  220. package/lib/cjs/webchat/input-panel/textarea.js.map +1 -1
  221. package/lib/cjs/webchat/message-list/index.d.ts +1 -1
  222. package/lib/cjs/webchat/message-list/index.js +64 -38
  223. package/lib/cjs/webchat/message-list/index.js.map +1 -1
  224. package/lib/cjs/webchat/message-list/intro-message.d.ts +1 -1
  225. package/lib/cjs/webchat/message-list/intro-message.js +3 -3
  226. package/lib/cjs/webchat/message-list/intro-message.js.map +1 -1
  227. package/lib/cjs/webchat/message-list/scroll-button.d.ts +1 -0
  228. package/lib/cjs/webchat/message-list/styles.d.ts +5 -5
  229. package/lib/cjs/webchat/message-list/styles.js +4 -3
  230. package/lib/cjs/webchat/message-list/styles.js.map +1 -1
  231. package/lib/cjs/webchat/message-list/unread-messages-banner.js +2 -2
  232. package/lib/cjs/webchat/message-list/unread-messages-banner.js.map +1 -1
  233. package/lib/cjs/webchat/message-list/use-notifications.js +6 -6
  234. package/lib/cjs/webchat/message-list/use-notifications.js.map +1 -1
  235. package/lib/cjs/webchat/replies/index.d.ts +1 -0
  236. package/lib/cjs/webchat/replies/index.js +32 -0
  237. package/lib/cjs/webchat/replies/index.js.map +1 -0
  238. package/lib/cjs/webchat/replies/styles.d.ts +8 -0
  239. package/lib/cjs/webchat/replies/styles.js +25 -0
  240. package/lib/cjs/webchat/replies/styles.js.map +1 -0
  241. package/lib/cjs/webchat/session-view.d.ts +1 -1
  242. package/lib/cjs/webchat/session-view.js +4 -4
  243. package/lib/cjs/webchat/session-view.js.map +1 -1
  244. package/lib/cjs/webchat/styles.d.ts +4 -0
  245. package/lib/cjs/webchat/styles.js +65 -0
  246. package/lib/cjs/webchat/styles.js.map +1 -0
  247. package/lib/cjs/webchat/theme/default-theme.d.ts +2 -0
  248. package/lib/cjs/webchat/theme/default-theme.js +104 -0
  249. package/lib/cjs/webchat/theme/default-theme.js.map +1 -0
  250. package/lib/cjs/webchat/theme/types.d.ts +214 -0
  251. package/lib/cjs/webchat/theme/types.js +3 -0
  252. package/lib/cjs/webchat/theme/types.js.map +1 -0
  253. package/lib/cjs/webchat/tracking.d.ts +10 -0
  254. package/lib/cjs/webchat/tracking.js +39 -1
  255. package/lib/cjs/webchat/tracking.js.map +1 -1
  256. package/lib/cjs/webchat/trigger-button/index.d.ts +1 -0
  257. package/lib/cjs/webchat/trigger-button/index.js +5 -5
  258. package/lib/cjs/webchat/trigger-button/index.js.map +1 -1
  259. package/lib/cjs/webchat/trigger-button/styles.d.ts +3 -3
  260. package/lib/cjs/webchat/typing-indicator/index.d.ts +3 -1
  261. package/lib/cjs/webchat/typing-indicator/index.js +4 -3
  262. package/lib/cjs/webchat/typing-indicator/index.js.map +1 -1
  263. package/lib/cjs/webchat/typing-indicator/styles.d.ts +4 -3
  264. package/lib/cjs/webchat/typing-indicator/styles.js +6 -3
  265. package/lib/cjs/webchat/typing-indicator/styles.js.map +1 -1
  266. package/lib/cjs/webchat/webchat-dev.d.ts +3 -3
  267. package/lib/cjs/webchat/webchat-dev.js +2 -2
  268. package/lib/cjs/webchat/webchat-dev.js.map +1 -1
  269. package/lib/cjs/webchat/webchat.d.ts +4 -2
  270. package/lib/cjs/webchat/webchat.js +110 -148
  271. package/lib/cjs/webchat/webchat.js.map +1 -1
  272. package/lib/cjs/webchat/webview/header.d.ts +1 -0
  273. package/lib/cjs/webchat/webview/header.js +16 -0
  274. package/lib/cjs/webchat/webview/header.js.map +1 -0
  275. package/lib/cjs/webchat/webview/index.d.ts +1 -0
  276. package/lib/cjs/webchat/webview/index.js +39 -0
  277. package/lib/cjs/webchat/webview/index.js.map +1 -0
  278. package/lib/cjs/webchat/webview/styles.d.ts +7 -0
  279. package/lib/cjs/webchat/webview/styles.js +60 -0
  280. package/lib/cjs/webchat/webview/styles.js.map +1 -0
  281. package/lib/cjs/webchat-app.d.ts +95 -86
  282. package/lib/cjs/webchat-app.js +164 -72
  283. package/lib/cjs/webchat-app.js.map +1 -1
  284. package/lib/cjs/webview-app.js +62 -14
  285. package/lib/cjs/webview-app.js.map +1 -1
  286. package/lib/esm/components/audio.d.ts +8 -7
  287. package/lib/esm/components/audio.js +7 -4
  288. package/lib/esm/components/audio.js.map +1 -1
  289. package/lib/esm/components/{button.d.ts → button/index.d.ts} +4 -5
  290. package/lib/esm/components/{button.js → button/index.js} +26 -56
  291. package/lib/esm/components/button/index.js.map +1 -0
  292. package/lib/esm/components/button/styles.d.ts +2 -0
  293. package/lib/esm/components/button/styles.js +36 -0
  294. package/lib/esm/components/button/styles.js.map +1 -0
  295. package/lib/esm/components/buttons-disabler.d.ts +20 -23
  296. package/lib/esm/components/buttons-disabler.js +11 -26
  297. package/lib/esm/components/buttons-disabler.js.map +1 -1
  298. package/lib/esm/components/carousel.d.ts +8 -9
  299. package/lib/esm/components/carousel.js +27 -23
  300. package/lib/esm/components/carousel.js.map +1 -1
  301. package/lib/esm/components/custom-message.d.ts +16 -12
  302. package/lib/esm/components/custom-message.js +3 -9
  303. package/lib/esm/components/custom-message.js.map +1 -1
  304. package/lib/esm/components/document.d.ts +8 -7
  305. package/lib/esm/components/document.js +4 -4
  306. package/lib/esm/components/document.js.map +1 -1
  307. package/lib/esm/components/element.d.ts +7 -3
  308. package/lib/esm/components/element.js +10 -10
  309. package/lib/esm/components/element.js.map +1 -1
  310. package/lib/esm/components/handoff.d.ts +1 -1
  311. package/lib/esm/components/handoff.js +1 -1
  312. package/lib/esm/components/handoff.js.map +1 -1
  313. package/lib/esm/components/image.d.ts +8 -7
  314. package/lib/esm/components/image.js +5 -5
  315. package/lib/esm/components/image.js.map +1 -1
  316. package/lib/esm/components/index-types.d.ts +31 -132
  317. package/lib/esm/components/index.d.ts +8 -2
  318. package/lib/esm/components/index.js +8 -2
  319. package/lib/esm/components/index.js.map +1 -1
  320. package/lib/esm/components/message/index.js +7 -6
  321. package/lib/esm/components/message/index.js.map +1 -1
  322. package/lib/esm/components/message/message-feedback.d.ts +1 -1
  323. package/lib/esm/components/message/message-feedback.js +10 -21
  324. package/lib/esm/components/message/message-feedback.js.map +1 -1
  325. package/lib/esm/components/message/message-footer.d.ts +1 -1
  326. package/lib/esm/components/message/message-footer.js +3 -3
  327. package/lib/esm/components/message/message-footer.js.map +1 -1
  328. package/lib/esm/components/message/message-image.js +2 -2
  329. package/lib/esm/components/message/message-image.js.map +1 -1
  330. package/lib/esm/components/message/styles.d.ts +11 -11
  331. package/lib/esm/components/message/timestamps.d.ts +1 -1
  332. package/lib/esm/components/message/timestamps.js +2 -2
  333. package/lib/esm/components/message/timestamps.js.map +1 -1
  334. package/lib/esm/components/multichannel/index-types.d.ts +0 -4
  335. package/lib/esm/components/multichannel/multichannel-button.d.ts +1 -1
  336. package/lib/esm/components/multichannel/multichannel-button.js +2 -2
  337. package/lib/esm/components/multichannel/multichannel-button.js.map +1 -1
  338. package/lib/esm/components/multichannel/multichannel-carousel.d.ts +1 -1
  339. package/lib/esm/components/multichannel/multichannel-carousel.js +62 -65
  340. package/lib/esm/components/multichannel/multichannel-carousel.js.map +1 -1
  341. package/lib/esm/components/multichannel/multichannel-context.d.ts +0 -3
  342. package/lib/esm/components/multichannel/multichannel-context.js +0 -3
  343. package/lib/esm/components/multichannel/multichannel-context.js.map +1 -1
  344. package/lib/esm/components/multichannel/multichannel-reply.d.ts +1 -1
  345. package/lib/esm/components/multichannel/multichannel-text.d.ts +1 -1
  346. package/lib/esm/components/multichannel/multichannel-text.js +9 -5
  347. package/lib/esm/components/multichannel/multichannel-text.js.map +1 -1
  348. package/lib/esm/components/multichannel/multichannel-utils.d.ts +9 -15
  349. package/lib/esm/components/multichannel/multichannel-utils.js +40 -24
  350. package/lib/esm/components/multichannel/multichannel-utils.js.map +1 -1
  351. package/lib/esm/components/multichannel/multichannel.js +7 -7
  352. package/lib/esm/components/multichannel/multichannel.js.map +1 -1
  353. package/lib/esm/components/multichannel/whatsapp/constants.d.ts +11 -0
  354. package/lib/esm/components/multichannel/whatsapp/constants.js +10 -0
  355. package/lib/esm/components/multichannel/whatsapp/constants.js.map +1 -0
  356. package/lib/esm/components/pic.d.ts +8 -5
  357. package/lib/esm/components/pic.js +6 -6
  358. package/lib/esm/components/pic.js.map +1 -1
  359. package/lib/esm/components/raw.d.ts +1 -1
  360. package/lib/esm/components/reply.d.ts +7 -6
  361. package/lib/esm/components/reply.js +13 -7
  362. package/lib/esm/components/reply.js.map +1 -1
  363. package/lib/esm/components/subtitle.d.ts +9 -5
  364. package/lib/esm/components/subtitle.js +4 -5
  365. package/lib/esm/components/subtitle.js.map +1 -1
  366. package/lib/esm/components/text.d.ts +1 -1
  367. package/lib/esm/components/title.d.ts +9 -5
  368. package/lib/esm/components/title.js +4 -5
  369. package/lib/esm/components/title.js.map +1 -1
  370. package/lib/esm/components/video.d.ts +8 -7
  371. package/lib/esm/components/video.js +2 -3
  372. package/lib/esm/components/video.js.map +1 -1
  373. package/lib/esm/components/webchat-settings.d.ts +18 -2
  374. package/lib/esm/components/webchat-settings.js +1 -1
  375. package/lib/esm/components/webchat-settings.js.map +1 -1
  376. package/lib/esm/components/whatsapp-button-list.js +6 -6
  377. package/lib/esm/components/whatsapp-button-list.js.map +1 -1
  378. package/lib/esm/components/whatsapp-catalog.d.ts +6 -0
  379. package/lib/esm/components/whatsapp-catalog.js +21 -0
  380. package/lib/esm/components/whatsapp-catalog.js.map +1 -0
  381. package/lib/esm/components/whatsapp-cta-url-button.js +3 -3
  382. package/lib/esm/components/whatsapp-cta-url-button.js.map +1 -1
  383. package/lib/esm/components/whatsapp-media-carousel.d.ts +46 -0
  384. package/lib/esm/components/whatsapp-media-carousel.js +36 -0
  385. package/lib/esm/components/whatsapp-media-carousel.js.map +1 -0
  386. package/lib/esm/components/whatsapp-product-carousel.d.ts +32 -0
  387. package/lib/esm/components/whatsapp-product-carousel.js +30 -0
  388. package/lib/esm/components/whatsapp-product-carousel.js.map +1 -0
  389. package/lib/esm/components/whatsapp-product-list.d.ts +15 -0
  390. package/lib/esm/components/whatsapp-product-list.js +22 -0
  391. package/lib/esm/components/whatsapp-product-list.js.map +1 -0
  392. package/lib/esm/components/whatsapp-product.d.ts +7 -0
  393. package/lib/esm/components/whatsapp-product.js +21 -0
  394. package/lib/esm/components/whatsapp-product.js.map +1 -0
  395. package/lib/esm/constants.d.ts +0 -18
  396. package/lib/esm/constants.js +0 -18
  397. package/lib/esm/constants.js.map +1 -1
  398. package/lib/esm/contexts.d.ts +10 -11
  399. package/lib/esm/contexts.js +14 -77
  400. package/lib/esm/contexts.js.map +1 -1
  401. package/lib/esm/dev-app.d.ts +7 -0
  402. package/lib/esm/dev-app.js +8 -13
  403. package/lib/esm/dev-app.js.map +1 -1
  404. package/lib/esm/index-types.d.ts +85 -77
  405. package/lib/esm/index-types.js.map +1 -1
  406. package/lib/esm/index.d.ts +1 -1
  407. package/lib/esm/index.js +1 -1
  408. package/lib/esm/index.js.map +1 -1
  409. package/lib/esm/msg-to-botonic.d.ts +1 -1
  410. package/lib/esm/msg-to-botonic.js +8 -11
  411. package/lib/esm/msg-to-botonic.js.map +1 -1
  412. package/lib/esm/react-bot.d.ts +16 -6
  413. package/lib/esm/react-bot.js +5 -6
  414. package/lib/esm/react-bot.js.map +1 -1
  415. package/lib/esm/shared/styles.d.ts +2 -2
  416. package/lib/esm/time-zone-to-country-code.d.ts +1 -0
  417. package/lib/esm/time-zone-to-country-code.js +105 -0
  418. package/lib/esm/time-zone-to-country-code.js.map +1 -0
  419. package/lib/esm/util/error-boundary.d.ts +1 -1
  420. package/lib/esm/util/functional.d.ts +3 -0
  421. package/lib/esm/util/functional.js +26 -0
  422. package/lib/esm/util/functional.js.map +1 -0
  423. package/lib/esm/util/react.d.ts +1 -1
  424. package/lib/esm/util/webchat.d.ts +19 -6
  425. package/lib/esm/util/webchat.js +42 -7
  426. package/lib/esm/util/webchat.js.map +1 -1
  427. package/lib/esm/webchat/chat-area/index.d.ts +1 -1
  428. package/lib/esm/webchat/chat-area/index.js +2 -2
  429. package/lib/esm/webchat/chat-area/index.js.map +1 -1
  430. package/lib/esm/webchat/chat-area/styles.d.ts +1 -1
  431. package/lib/esm/webchat/components/common.d.ts +1 -1
  432. package/lib/esm/webchat/components/conditional-animation.d.ts +1 -1
  433. package/lib/esm/webchat/components/conditional-animation.js +2 -2
  434. package/lib/esm/webchat/components/conditional-animation.js.map +1 -1
  435. package/lib/esm/webchat/components/opened-persistent-menu.d.ts +1 -1
  436. package/lib/esm/webchat/components/opened-persistent-menu.js +3 -3
  437. package/lib/esm/webchat/components/opened-persistent-menu.js.map +1 -1
  438. package/lib/{cjs/webchat → esm/webchat/context}/actions.d.ts +4 -1
  439. package/lib/esm/webchat/{actions.js → context/actions.js} +4 -0
  440. package/lib/esm/webchat/context/actions.js.map +1 -0
  441. package/lib/esm/webchat/context/index.d.ts +5 -0
  442. package/lib/esm/webchat/context/index.js +79 -0
  443. package/lib/esm/webchat/context/index.js.map +1 -0
  444. package/lib/esm/webchat/{messages-reducer.d.ts → context/messages-reducer.d.ts} +1 -1
  445. package/lib/esm/webchat/{messages-reducer.js → context/messages-reducer.js} +3 -1
  446. package/lib/esm/webchat/context/messages-reducer.js.map +1 -0
  447. package/lib/esm/webchat/context/types.d.ts +83 -0
  448. package/lib/esm/webchat/context/types.js +2 -0
  449. package/lib/esm/webchat/context/types.js.map +1 -0
  450. package/lib/esm/webchat/context/use-webchat.d.ts +46 -0
  451. package/lib/esm/webchat/{hooks → context}/use-webchat.js +51 -45
  452. package/lib/esm/webchat/context/use-webchat.js.map +1 -0
  453. package/lib/esm/webchat/{webchat-reducer.d.ts → context/webchat-reducer.d.ts} +1 -1
  454. package/lib/esm/webchat/{webchat-reducer.js → context/webchat-reducer.js} +4 -0
  455. package/lib/esm/webchat/context/webchat-reducer.js.map +1 -0
  456. package/lib/esm/webchat/cover-component/index.d.ts +6 -0
  457. package/lib/esm/webchat/cover-component/index.js +17 -0
  458. package/lib/esm/webchat/cover-component/index.js.map +1 -0
  459. package/lib/esm/webchat/header/default-header.d.ts +1 -0
  460. package/lib/esm/webchat/header/default-header.js +21 -0
  461. package/lib/esm/webchat/header/default-header.js.map +1 -0
  462. package/lib/esm/webchat/header/index.d.ts +2 -0
  463. package/lib/esm/webchat/header/index.js +20 -0
  464. package/lib/esm/webchat/header/index.js.map +1 -0
  465. package/lib/esm/webchat/header/styles.d.ts +7 -0
  466. package/lib/esm/webchat/header/styles.js +59 -0
  467. package/lib/esm/webchat/header/styles.js.map +1 -0
  468. package/lib/esm/webchat/hooks/index.d.ts +0 -1
  469. package/lib/esm/webchat/hooks/index.js +0 -1
  470. package/lib/esm/webchat/hooks/index.js.map +1 -1
  471. package/lib/esm/webchat/hooks/use-previous.d.ts +1 -1
  472. package/lib/esm/webchat/hooks/use-previous.js.map +1 -1
  473. package/lib/esm/webchat/hooks/use-scroll-to-bottom.d.ts +6 -4
  474. package/lib/esm/webchat/hooks/use-scroll-to-bottom.js.map +1 -1
  475. package/lib/esm/webchat/hooks/use-scrollbar-controller.js +16 -16
  476. package/lib/esm/webchat/hooks/use-scrollbar-controller.js.map +1 -1
  477. package/lib/esm/webchat/hooks/use-typing.d.ts +1 -1
  478. package/lib/esm/webchat/hooks/use-webchat-dimensions.js +4 -4
  479. package/lib/esm/webchat/hooks/use-webchat-dimensions.js.map +1 -1
  480. package/lib/esm/webchat/hooks/use-webchat-resizer.js +6 -6
  481. package/lib/esm/webchat/hooks/use-webchat-resizer.js.map +1 -1
  482. package/lib/esm/webchat/index-types.d.ts +2 -56
  483. package/lib/esm/webchat/index.d.ts +1 -0
  484. package/lib/esm/webchat/index.js +1 -0
  485. package/lib/esm/webchat/index.js.map +1 -1
  486. package/lib/esm/webchat/input-panel/attachment.d.ts +1 -2
  487. package/lib/esm/webchat/input-panel/attachment.js +8 -7
  488. package/lib/esm/webchat/input-panel/attachment.js.map +1 -1
  489. package/lib/esm/webchat/input-panel/emoji-picker.d.ts +1 -2
  490. package/lib/esm/webchat/input-panel/emoji-picker.js +8 -7
  491. package/lib/esm/webchat/input-panel/emoji-picker.js.map +1 -1
  492. package/lib/esm/webchat/input-panel/index.d.ts +2 -5
  493. package/lib/esm/webchat/input-panel/index.js +9 -4
  494. package/lib/esm/webchat/input-panel/index.js.map +1 -1
  495. package/lib/esm/webchat/input-panel/opened-emoji-picker.d.ts +1 -1
  496. package/lib/esm/webchat/input-panel/persistent-menu.d.ts +1 -2
  497. package/lib/esm/webchat/input-panel/persistent-menu.js +7 -6
  498. package/lib/esm/webchat/input-panel/persistent-menu.js.map +1 -1
  499. package/lib/esm/webchat/input-panel/send-button.d.ts +1 -1
  500. package/lib/esm/webchat/input-panel/send-button.js +6 -5
  501. package/lib/esm/webchat/input-panel/send-button.js.map +1 -1
  502. package/lib/esm/webchat/input-panel/styles.d.ts +3 -3
  503. package/lib/esm/webchat/input-panel/textarea.d.ts +2 -4
  504. package/lib/esm/webchat/input-panel/textarea.js +16 -6
  505. package/lib/esm/webchat/input-panel/textarea.js.map +1 -1
  506. package/lib/esm/webchat/message-list/index.d.ts +1 -1
  507. package/lib/esm/webchat/message-list/index.js +62 -37
  508. package/lib/esm/webchat/message-list/index.js.map +1 -1
  509. package/lib/esm/webchat/message-list/intro-message.d.ts +1 -1
  510. package/lib/esm/webchat/message-list/intro-message.js +2 -2
  511. package/lib/esm/webchat/message-list/intro-message.js.map +1 -1
  512. package/lib/esm/webchat/message-list/scroll-button.d.ts +1 -0
  513. package/lib/esm/webchat/message-list/styles.d.ts +5 -5
  514. package/lib/esm/webchat/message-list/styles.js +4 -3
  515. package/lib/esm/webchat/message-list/styles.js.map +1 -1
  516. package/lib/esm/webchat/message-list/unread-messages-banner.js +1 -1
  517. package/lib/esm/webchat/message-list/unread-messages-banner.js.map +1 -1
  518. package/lib/esm/webchat/message-list/use-notifications.js +5 -5
  519. package/lib/esm/webchat/message-list/use-notifications.js.map +1 -1
  520. package/lib/esm/webchat/replies/index.d.ts +1 -0
  521. package/lib/esm/webchat/replies/index.js +28 -0
  522. package/lib/esm/webchat/replies/index.js.map +1 -0
  523. package/lib/esm/webchat/replies/styles.d.ts +8 -0
  524. package/lib/esm/webchat/replies/styles.js +21 -0
  525. package/lib/esm/webchat/replies/styles.js.map +1 -0
  526. package/lib/esm/webchat/session-view.d.ts +1 -1
  527. package/lib/esm/webchat/session-view.js +2 -2
  528. package/lib/esm/webchat/session-view.js.map +1 -1
  529. package/lib/esm/webchat/styles.d.ts +4 -0
  530. package/lib/esm/webchat/styles.js +61 -0
  531. package/lib/esm/webchat/styles.js.map +1 -0
  532. package/lib/esm/webchat/theme/default-theme.d.ts +2 -0
  533. package/lib/esm/webchat/theme/default-theme.js +101 -0
  534. package/lib/esm/webchat/theme/default-theme.js.map +1 -0
  535. package/lib/esm/webchat/theme/types.d.ts +214 -0
  536. package/lib/esm/webchat/theme/types.js +2 -0
  537. package/lib/esm/webchat/theme/types.js.map +1 -0
  538. package/lib/esm/webchat/tracking.d.ts +10 -0
  539. package/lib/esm/webchat/tracking.js +37 -0
  540. package/lib/esm/webchat/tracking.js.map +1 -1
  541. package/lib/esm/webchat/trigger-button/index.d.ts +1 -0
  542. package/lib/esm/webchat/trigger-button/index.js +4 -4
  543. package/lib/esm/webchat/trigger-button/index.js.map +1 -1
  544. package/lib/esm/webchat/trigger-button/styles.d.ts +3 -3
  545. package/lib/esm/webchat/typing-indicator/index.d.ts +3 -1
  546. package/lib/esm/webchat/typing-indicator/index.js +5 -2
  547. package/lib/esm/webchat/typing-indicator/index.js.map +1 -1
  548. package/lib/esm/webchat/typing-indicator/styles.d.ts +4 -3
  549. package/lib/esm/webchat/typing-indicator/styles.js +5 -2
  550. package/lib/esm/webchat/typing-indicator/styles.js.map +1 -1
  551. package/lib/esm/webchat/webchat-dev.d.ts +3 -3
  552. package/lib/esm/webchat/webchat-dev.js +1 -1
  553. package/lib/esm/webchat/webchat-dev.js.map +1 -1
  554. package/lib/esm/webchat/webchat.d.ts +4 -2
  555. package/lib/esm/webchat/webchat.js +110 -148
  556. package/lib/esm/webchat/webchat.js.map +1 -1
  557. package/lib/esm/webchat/webview/header.d.ts +1 -0
  558. package/lib/esm/webchat/webview/header.js +12 -0
  559. package/lib/esm/webchat/webview/header.js.map +1 -0
  560. package/lib/esm/webchat/webview/index.d.ts +1 -0
  561. package/lib/esm/webchat/webview/index.js +35 -0
  562. package/lib/esm/webchat/webview/index.js.map +1 -0
  563. package/lib/esm/webchat/webview/styles.d.ts +7 -0
  564. package/lib/esm/webchat/webview/styles.js +56 -0
  565. package/lib/esm/webchat/webview/styles.js.map +1 -0
  566. package/lib/esm/webchat-app.d.ts +95 -86
  567. package/lib/esm/webchat-app.js +165 -73
  568. package/lib/esm/webchat-app.js.map +1 -1
  569. package/lib/esm/webview-app.js +64 -16
  570. package/lib/esm/webview-app.js.map +1 -1
  571. package/package.json +23 -18
  572. package/src/components/{audio.jsx → audio.tsx} +10 -4
  573. package/src/components/{button.tsx → button/index.tsx} +26 -104
  574. package/src/components/button/styles.ts +38 -0
  575. package/src/components/{buttons-disabler.js → buttons-disabler.ts} +35 -39
  576. package/src/components/{carousel.jsx → carousel.tsx} +60 -36
  577. package/src/components/{custom-message.jsx → custom-message.tsx} +19 -7
  578. package/src/components/{document.jsx → document.tsx} +5 -3
  579. package/src/components/{element.jsx → element.tsx} +12 -14
  580. package/src/components/handoff.jsx +1 -1
  581. package/src/components/{image.jsx → image.tsx} +13 -6
  582. package/src/components/index-types.ts +24 -119
  583. package/src/components/index.ts +23 -2
  584. package/src/components/message/index.jsx +7 -10
  585. package/src/components/message/message-feedback.tsx +10 -27
  586. package/src/components/message/message-footer.tsx +3 -3
  587. package/src/components/message/message-image.tsx +2 -5
  588. package/src/components/message/timestamps.tsx +2 -3
  589. package/src/components/multichannel/index-types.ts +0 -4
  590. package/src/components/multichannel/multichannel-button.jsx +2 -2
  591. package/src/components/multichannel/multichannel-carousel.jsx +96 -94
  592. package/src/components/multichannel/multichannel-context.jsx +0 -3
  593. package/src/components/multichannel/multichannel-text.jsx +12 -6
  594. package/src/components/multichannel/multichannel-utils.js +45 -27
  595. package/src/components/multichannel/multichannel.jsx +12 -7
  596. package/src/components/multichannel/whatsapp/constants.ts +10 -0
  597. package/src/components/{pic.jsx → pic.tsx} +12 -5
  598. package/src/components/{reply.jsx → reply.tsx} +12 -12
  599. package/src/components/{subtitle.jsx → subtitle.tsx} +10 -10
  600. package/src/components/{title.jsx → title.tsx} +8 -6
  601. package/src/components/{video.jsx → video.tsx} +3 -2
  602. package/src/components/webchat-settings.tsx +22 -2
  603. package/src/components/whatsapp-button-list.tsx +6 -6
  604. package/src/components/whatsapp-catalog.tsx +42 -0
  605. package/src/components/whatsapp-cta-url-button.tsx +6 -3
  606. package/src/components/whatsapp-media-carousel.tsx +104 -0
  607. package/src/components/whatsapp-product-carousel.tsx +83 -0
  608. package/src/components/whatsapp-product-list.tsx +56 -0
  609. package/src/components/whatsapp-product.tsx +44 -0
  610. package/src/constants.js +0 -19
  611. package/src/contexts.tsx +26 -91
  612. package/src/dev-app.jsx +6 -30
  613. package/src/index-types.ts +100 -84
  614. package/src/index.ts +1 -5
  615. package/src/msg-to-botonic.jsx +8 -12
  616. package/src/react-bot.tsx +51 -0
  617. package/src/time-zone-to-country-code.ts +104 -0
  618. package/src/util/functional.ts +31 -0
  619. package/src/util/webchat.ts +102 -0
  620. package/src/webchat/chat-area/index.tsx +2 -4
  621. package/src/webchat/components/conditional-animation.jsx +3 -3
  622. package/src/webchat/components/opened-persistent-menu.jsx +3 -4
  623. package/src/webchat/{actions.ts → context/actions.ts} +4 -0
  624. package/src/webchat/context/index.tsx +82 -0
  625. package/src/webchat/{messages-reducer.ts → context/messages-reducer.ts} +4 -2
  626. package/src/webchat/context/types.ts +91 -0
  627. package/src/webchat/{hooks → context}/use-webchat.ts +104 -53
  628. package/src/webchat/{webchat-reducer.ts → context/webchat-reducer.ts} +5 -1
  629. package/src/webchat/cover-component/index.tsx +31 -0
  630. package/src/webchat/global.d.ts +3 -0
  631. package/src/webchat/header/default-header.tsx +64 -0
  632. package/src/webchat/header/index.tsx +37 -0
  633. package/src/webchat/header/styles.ts +66 -0
  634. package/src/webchat/hooks/index.ts +0 -1
  635. package/src/webchat/hooks/use-previous.ts +1 -1
  636. package/src/webchat/hooks/use-scroll-to-bottom.ts +8 -2
  637. package/src/webchat/hooks/use-scrollbar-controller.ts +22 -17
  638. package/src/webchat/hooks/use-typing.ts +1 -1
  639. package/src/webchat/hooks/use-webchat-dimensions.ts +4 -4
  640. package/src/webchat/hooks/use-webchat-resizer.ts +6 -6
  641. package/src/webchat/index-types.ts +2 -63
  642. package/src/webchat/index.ts +1 -0
  643. package/src/webchat/input-panel/attachment.tsx +6 -17
  644. package/src/webchat/input-panel/emoji-picker.tsx +6 -16
  645. package/src/webchat/input-panel/index.tsx +9 -16
  646. package/src/webchat/input-panel/persistent-menu.tsx +6 -16
  647. package/src/webchat/input-panel/send-button.tsx +4 -10
  648. package/src/webchat/input-panel/textarea.tsx +22 -15
  649. package/src/webchat/message-list/index.tsx +78 -49
  650. package/src/webchat/message-list/intro-message.tsx +2 -3
  651. package/src/webchat/message-list/styles.ts +4 -3
  652. package/src/webchat/message-list/unread-messages-banner.tsx +1 -1
  653. package/src/webchat/message-list/use-notifications.ts +5 -9
  654. package/src/webchat/replies/index.tsx +47 -0
  655. package/src/webchat/replies/styles.ts +28 -0
  656. package/src/webchat/session-view.jsx +2 -2
  657. package/src/webchat/styles.ts +65 -0
  658. package/src/webchat/theme/default-theme.ts +102 -0
  659. package/src/webchat/theme/theme.d.ts +8 -0
  660. package/src/webchat/theme/types.ts +206 -0
  661. package/src/webchat/tracking.ts +59 -0
  662. package/src/webchat/trigger-button/index.tsx +4 -6
  663. package/src/webchat/typing-indicator/index.tsx +20 -12
  664. package/src/webchat/typing-indicator/styles.ts +7 -3
  665. package/src/webchat/webchat-dev.jsx +1 -1
  666. package/src/webchat/{webchat.jsx → webchat.tsx} +191 -243
  667. package/src/webchat/webview/header.tsx +22 -0
  668. package/src/webchat/webview/index.tsx +73 -0
  669. package/src/webchat/webview/styles.ts +62 -0
  670. package/src/webchat-app.tsx +575 -0
  671. package/src/webview-app.tsx +75 -20
  672. package/lib/cjs/components/button.js.map +0 -1
  673. package/lib/cjs/webchat/actions.js.map +0 -1
  674. package/lib/cjs/webchat/header.d.ts +0 -3
  675. package/lib/cjs/webchat/header.js +0 -86
  676. package/lib/cjs/webchat/header.js.map +0 -1
  677. package/lib/cjs/webchat/hooks/use-webchat.d.ts +0 -46
  678. package/lib/cjs/webchat/hooks/use-webchat.js.map +0 -1
  679. package/lib/cjs/webchat/messages-reducer.js.map +0 -1
  680. package/lib/cjs/webchat/replies.d.ts +0 -1
  681. package/lib/cjs/webchat/replies.js +0 -47
  682. package/lib/cjs/webchat/replies.js.map +0 -1
  683. package/lib/cjs/webchat/webchat-reducer.js.map +0 -1
  684. package/lib/cjs/webchat/webview.d.ts +0 -2
  685. package/lib/cjs/webchat/webview.js +0 -75
  686. package/lib/cjs/webchat/webview.js.map +0 -1
  687. package/lib/esm/components/button.js.map +0 -1
  688. package/lib/esm/webchat/actions.js.map +0 -1
  689. package/lib/esm/webchat/header.d.ts +0 -3
  690. package/lib/esm/webchat/header.js +0 -81
  691. package/lib/esm/webchat/header.js.map +0 -1
  692. package/lib/esm/webchat/hooks/use-webchat.d.ts +0 -46
  693. package/lib/esm/webchat/hooks/use-webchat.js.map +0 -1
  694. package/lib/esm/webchat/messages-reducer.js.map +0 -1
  695. package/lib/esm/webchat/replies.d.ts +0 -1
  696. package/lib/esm/webchat/replies.js +0 -42
  697. package/lib/esm/webchat/replies.js.map +0 -1
  698. package/lib/esm/webchat/webchat-reducer.js.map +0 -1
  699. package/lib/esm/webchat/webview.d.ts +0 -2
  700. package/lib/esm/webchat/webview.js +0 -70
  701. package/lib/esm/webchat/webview.js.map +0 -1
  702. package/src/react-bot.jsx +0 -38
  703. package/src/util/webchat.js +0 -57
  704. package/src/webchat/header.jsx +0 -149
  705. package/src/webchat/replies.jsx +0 -64
  706. package/src/webchat/webview.jsx +0 -105
  707. package/src/webchat-app.jsx +0 -389
@@ -0,0 +1,83 @@
1
+ /// <reference types="react" />
2
+ import { Input as CoreInput, Session as CoreSession } from '@botonic/core';
3
+ import { Reply, WebchatSettingsProps, Webview } from '../../components';
4
+ import { CloseWebviewOptions } from '../../contexts';
5
+ import { TrackEventFunction, WebchatMessage } from '../../index-types';
6
+ import { WebchatTheme } from '../theme/types';
7
+ export interface ErrorMessage {
8
+ message?: string;
9
+ }
10
+ export interface DevSettings {
11
+ keepSessionOnReload?: boolean;
12
+ showSessionView?: boolean;
13
+ }
14
+ export interface WebchatState {
15
+ messagesJSON: any[];
16
+ messagesComponents: any[];
17
+ replies?: (typeof Reply)[];
18
+ latestInput: Partial<CoreInput>;
19
+ typing: boolean;
20
+ webview: Webview | null;
21
+ webviewParams: null;
22
+ session: Partial<CoreSession>;
23
+ lastRoutePath?: string;
24
+ handoff: boolean;
25
+ theme: WebchatTheme;
26
+ themeUpdates: Partial<WebchatTheme>;
27
+ error: ErrorMessage;
28
+ online: boolean;
29
+ devSettings: DevSettings;
30
+ isWebchatOpen: boolean;
31
+ isEmojiPickerOpen: boolean;
32
+ isPersistentMenuOpen: boolean;
33
+ isCoverComponentOpen: boolean;
34
+ isCustomComponentRendered: boolean;
35
+ lastMessageUpdate?: string;
36
+ currentAttachment?: File;
37
+ numUnreadMessages: number;
38
+ isLastMessageVisible: boolean;
39
+ isInputFocused: boolean;
40
+ }
41
+ export type ClientInput = Omit<CoreInput, 'message_id' | 'bot_interaction_id'>;
42
+ export type ClientSession = {
43
+ user: ClientUser;
44
+ };
45
+ export type ClientUser = {
46
+ id: string;
47
+ name: string;
48
+ locale: string;
49
+ country: string;
50
+ system_locale?: string;
51
+ extra_data?: Record<string, any>;
52
+ };
53
+ export interface WebchatContextProps {
54
+ addMessage: (message: WebchatMessage) => void;
55
+ getThemeProperty: (property: string, defaultValue?: any) => any;
56
+ closeWebview: (options?: CloseWebviewOptions) => Promise<void>;
57
+ openWebview: (webviewComponent: Webview, params?: any) => void;
58
+ resetUnreadMessages: () => void;
59
+ resolveCase: () => void;
60
+ sendAttachment: (attachment: File) => Promise<void>;
61
+ sendInput: (input: ClientInput) => Promise<void>;
62
+ sendPayload: (payload: string) => Promise<void>;
63
+ sendText: (text: string, payload?: string) => Promise<void>;
64
+ setIsInputFocused: (isInputFocused: boolean) => void;
65
+ setLastMessageVisible: (isLastMessageVisible: boolean) => void;
66
+ toggleWebchat: (toggle: boolean) => void;
67
+ toggleEmojiPicker: (toggle: boolean) => void;
68
+ togglePersistentMenu: (toggle: boolean) => void;
69
+ toggleCoverComponent: (toggle: boolean) => void;
70
+ updateLatestInput: (input: ClientInput) => void;
71
+ updateMessage: (message: WebchatMessage) => void;
72
+ updateReplies: (replies: (typeof Reply)[]) => void;
73
+ updateUser: (user: ClientUser) => void;
74
+ updateWebchatDevSettings: (settings: WebchatSettingsProps) => void;
75
+ trackEvent?: TrackEventFunction;
76
+ webchatState: WebchatState;
77
+ webchatContainerRef: React.MutableRefObject<HTMLDivElement | null>;
78
+ chatAreaRef: React.MutableRefObject<HTMLDivElement | null>;
79
+ inputPanelRef: React.MutableRefObject<HTMLDivElement | null>;
80
+ headerRef: React.MutableRefObject<HTMLDivElement | null>;
81
+ scrollableMessagesListRef: React.MutableRefObject<HTMLDivElement | null>;
82
+ repliesRef: React.MutableRefObject<HTMLDivElement | null>;
83
+ }
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/webchat/context/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,46 @@
1
+ /// <reference types="react" />
2
+ import { Session } from '@botonic/core';
3
+ import { Reply } from '../../components';
4
+ import { Webview } from '../../components/index-types';
5
+ import { WebchatMessage } from '../../index-types';
6
+ import { WebchatTheme } from '../theme/types';
7
+ import { ClientInput, DevSettings, ErrorMessage, WebchatState } from './types';
8
+ export interface UseWebchat {
9
+ addMessage: (message: WebchatMessage) => void;
10
+ addMessageComponent: (message: {
11
+ props: WebchatMessage;
12
+ }) => void;
13
+ clearMessages: () => void;
14
+ doRenderCustomComponent: (toggle: boolean) => void;
15
+ resetUnreadMessages: () => void;
16
+ setCurrentAttachment: (attachment?: File) => void;
17
+ setError: (error?: ErrorMessage) => void;
18
+ setIsInputFocused: (isInputFocused: boolean) => void;
19
+ setLastMessageVisible: (isLastMessageVisible: boolean) => void;
20
+ setOnline: (online: boolean) => void;
21
+ toggleCoverComponent: (toggle: boolean) => void;
22
+ toggleEmojiPicker: (toggle: boolean) => void;
23
+ togglePersistentMenu: (toggle: boolean) => void;
24
+ toggleWebchat: (toggle: boolean) => void;
25
+ updateDevSettings: (settings: DevSettings) => void;
26
+ updateHandoff: (handoff: boolean) => void;
27
+ updateLastMessageDate: (date: string) => void;
28
+ updateLastRoutePath: (path: string) => void;
29
+ updateLatestInput: (input: ClientInput) => void;
30
+ updateMessage: (message: WebchatMessage) => void;
31
+ updateReplies: (replies: (typeof Reply)[]) => void;
32
+ updateSession: (session: Partial<Session>) => void;
33
+ updateTheme: (theme: WebchatTheme, themeUpdates?: WebchatTheme) => void;
34
+ updateTyping: (typing: boolean) => void;
35
+ updateWebview: (webview: Webview, params: Record<string, string>) => void;
36
+ removeReplies: () => void;
37
+ removeWebview: () => void;
38
+ webchatState: WebchatState;
39
+ webchatContainerRef: React.MutableRefObject<HTMLDivElement | null>;
40
+ headerRef: React.MutableRefObject<HTMLDivElement | null>;
41
+ chatAreaRef: React.MutableRefObject<HTMLDivElement | null>;
42
+ scrollableMessagesListRef: React.MutableRefObject<HTMLDivElement | null>;
43
+ repliesRef: React.MutableRefObject<HTMLDivElement | null>;
44
+ inputPanelRef: React.MutableRefObject<HTMLDivElement | null>;
45
+ }
46
+ export declare function useWebchat(theme?: WebchatTheme): UseWebchat;
@@ -1,50 +1,44 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useWebchat = exports.webchatInitialState = void 0;
3
+ exports.useWebchat = void 0;
4
4
  const react_1 = require("react");
5
- const constants_1 = require("../../constants");
6
- const actions_1 = require("../actions");
7
- const webchat_reducer_1 = require("../webchat-reducer");
8
- exports.webchatInitialState = {
9
- width: constants_1.WEBCHAT.DEFAULTS.WIDTH,
10
- height: constants_1.WEBCHAT.DEFAULTS.HEIGHT,
11
- messagesJSON: [],
12
- messagesComponents: [],
13
- replies: [],
14
- latestInput: {},
15
- typing: false,
16
- webview: null,
17
- webviewParams: null,
18
- session: { user: undefined },
19
- lastRoutePath: null,
20
- handoff: false,
21
- theme: {
22
- headerTitle: constants_1.WEBCHAT.DEFAULTS.TITLE,
23
- brandColor: constants_1.COLORS.BOTONIC_BLUE,
24
- brandImage: constants_1.WEBCHAT.DEFAULTS.LOGO,
25
- triggerButtonImage: undefined,
26
- textPlaceholder: constants_1.WEBCHAT.DEFAULTS.PLACEHOLDER,
27
- style: {
28
- fontFamily: constants_1.WEBCHAT.DEFAULTS.FONT_FAMILY,
29
- },
30
- },
31
- themeUpdates: {},
32
- error: {},
33
- online: true,
34
- devSettings: { keepSessionOnReload: false },
35
- isWebchatOpen: false,
36
- isEmojiPickerOpen: false,
37
- isPersistentMenuOpen: false,
38
- isCoverComponentOpen: false,
39
- isCustomComponentRendered: false,
40
- lastMessageUpdate: undefined,
41
- currentAttachment: undefined,
42
- numUnreadMessages: 0,
43
- isLastMessageVisible: true,
44
- };
45
- function useWebchat() {
46
- const [webchatState, webchatDispatch] = (0, react_1.useReducer)(webchat_reducer_1.webchatReducer, exports.webchatInitialState);
47
- const webchatRef = (0, react_1.useRef)(null);
5
+ const default_theme_1 = require("../theme/default-theme");
6
+ const actions_1 = require("./actions");
7
+ const webchat_reducer_1 = require("./webchat-reducer");
8
+ function getWebchatInitialState(initialTheme) {
9
+ return {
10
+ replies: [],
11
+ messagesJSON: [],
12
+ messagesComponents: [],
13
+ latestInput: {},
14
+ typing: false,
15
+ webview: null,
16
+ webviewParams: null,
17
+ session: { user: undefined },
18
+ lastRoutePath: undefined,
19
+ handoff: false,
20
+ theme: initialTheme,
21
+ themeUpdates: {},
22
+ error: {},
23
+ online: true,
24
+ devSettings: { keepSessionOnReload: false },
25
+ isWebchatOpen: false,
26
+ isEmojiPickerOpen: false,
27
+ isPersistentMenuOpen: false,
28
+ isCoverComponentOpen: false,
29
+ isCustomComponentRendered: false,
30
+ lastMessageUpdate: undefined,
31
+ currentAttachment: undefined,
32
+ numUnreadMessages: 0,
33
+ isLastMessageVisible: true,
34
+ isInputFocused: false,
35
+ };
36
+ }
37
+ function useWebchat(theme) {
38
+ const initialTheme = theme || default_theme_1.defaultTheme;
39
+ const webchatInitialState = getWebchatInitialState(initialTheme);
40
+ const [webchatState, webchatDispatch] = (0, react_1.useReducer)(webchat_reducer_1.webchatReducer, webchatInitialState);
41
+ const webchatContainerRef = (0, react_1.useRef)(null);
48
42
  const chatAreaRef = (0, react_1.useRef)(null);
49
43
  const inputPanelRef = (0, react_1.useRef)(null);
50
44
  const headerRef = (0, react_1.useRef)(null);
@@ -56,13 +50,17 @@ function useWebchat() {
56
50
  payload: message,
57
51
  });
58
52
  const updateMessage = (message) => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_MESSAGE, payload: message });
59
- const updateReplies = replies => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_REPLIES, payload: replies });
53
+ const updateReplies = (replies) => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_REPLIES, payload: replies });
54
+ const removeReplies = () => webchatDispatch({ type: actions_1.WebchatAction.REMOVE_REPLIES, payload: [] });
60
55
  const updateLatestInput = (input) => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_LATEST_INPUT, payload: input });
61
56
  const updateTyping = (typing) => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_TYPING, payload: typing });
62
57
  const updateWebview = (webview, params) => webchatDispatch({
63
58
  type: actions_1.WebchatAction.UPDATE_WEBVIEW,
64
59
  payload: { webview, webviewParams: params },
65
60
  });
61
+ const removeWebview = () => webchatDispatch({
62
+ type: actions_1.WebchatAction.REMOVE_WEBVIEW,
63
+ });
66
64
  const updateSession = (session) => {
67
65
  webchatDispatch({
68
66
  type: actions_1.WebchatAction.UPDATE_SESSION,
@@ -146,6 +144,12 @@ function useWebchat() {
146
144
  payload: isLastMessageVisible,
147
145
  });
148
146
  };
147
+ const setIsInputFocused = (isInputFocused) => {
148
+ webchatDispatch({
149
+ type: actions_1.WebchatAction.SET_IS_INPUT_FOCUSED,
150
+ payload: isInputFocused,
151
+ });
152
+ };
149
153
  return {
150
154
  addMessage,
151
155
  addMessageComponent,
@@ -154,6 +158,7 @@ function useWebchat() {
154
158
  resetUnreadMessages,
155
159
  setCurrentAttachment,
156
160
  setError,
161
+ setIsInputFocused,
157
162
  setLastMessageVisible,
158
163
  setOnline,
159
164
  toggleCoverComponent,
@@ -171,9 +176,10 @@ function useWebchat() {
171
176
  updateTheme,
172
177
  updateTyping,
173
178
  updateWebview,
174
- webchatDispatch,
179
+ removeReplies,
180
+ removeWebview,
175
181
  webchatState,
176
- webchatRef,
182
+ webchatContainerRef,
177
183
  headerRef,
178
184
  chatAreaRef,
179
185
  scrollableMessagesListRef,
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-webchat.js","sourceRoot":"","sources":["../../../../src/webchat/context/use-webchat.ts"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import { WebchatAction } from './actions';
2
- import { WebchatState } from './index-types';
2
+ import { WebchatState } from './types';
3
3
  export declare function webchatReducer(state: WebchatState, action: {
4
4
  type: WebchatAction;
5
5
  payload?: any;
@@ -8,6 +8,8 @@ function webchatReducer(state, action) {
8
8
  switch (action.type) {
9
9
  case actions_1.WebchatAction.UPDATE_WEBVIEW:
10
10
  return Object.assign(Object.assign({}, state), action.payload);
11
+ case actions_1.WebchatAction.REMOVE_WEBVIEW:
12
+ return Object.assign(Object.assign({}, state), { webview: null, webviewParams: null });
11
13
  case actions_1.WebchatAction.UPDATE_SESSION:
12
14
  return Object.assign(Object.assign({}, state), { session: Object.assign({}, action.payload) });
13
15
  case actions_1.WebchatAction.UPDATE_TYPING:
@@ -40,6 +42,8 @@ function webchatReducer(state, action) {
40
42
  return Object.assign(Object.assign({}, state), { lastRoutePath: action.payload });
41
43
  case actions_1.WebchatAction.SET_CURRENT_ATTACHMENT:
42
44
  return Object.assign(Object.assign({}, state), { currentAttachment: action.payload });
45
+ case actions_1.WebchatAction.SET_IS_INPUT_FOCUSED:
46
+ return Object.assign(Object.assign({}, state), { isInputFocused: action.payload });
43
47
  default:
44
48
  return (0, messages_reducer_1.messagesReducer)(state, action);
45
49
  }
@@ -0,0 +1 @@
1
+ {"version":3,"file":"webchat-reducer.js","sourceRoot":"","sources":["../../../../src/webchat/context/webchat-reducer.ts"],"names":[],"mappings":";;;AAAA,uCAAyC;AACzC,yDAAoD;AAGpD,sCAAsC;AACtC,SAAgB,cAAc,CAC5B,KAAmB,EACnB,MAA8C;IAE9C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,uBAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,GAAK,MAAM,CAAC,OAAO,EAAE;QACxC,KAAK,uBAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,IAAE;QACzD,KAAK,uBAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,oBAAO,MAAM,CAAC,OAAO,KAAI;QACrD,KAAK,uBAAa,CAAC,aAAa;YAC9B,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,uBAAa,CAAC,YAAY;YAC7B,uCACK,KAAK,GACL,MAAM,CAAC,OAAO,EAClB;QACH,KAAK,uBAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAE;QAC9C,KAAK,uBAAa,CAAC,cAAc,CAAC,CAAC;YACjC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAA;YACpC,uCACK,KAAK,KACR,aAAa,IACd;SACF;QACD,KAAK,uBAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,uBAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,uBAAa,CAAC,0BAA0B;YAC3C,uCAAY,KAAK,KAAE,yBAAyB,EAAE,MAAM,CAAC,OAAO,IAAE;QAChE,KAAK,uBAAa,CAAC,SAAS;YAC1B,uCAAY,KAAK,KAAE,KAAK,EAAE,MAAM,CAAC,OAAO,IAAI,EAAE,IAAE;QAClD,KAAK,uBAAa,CAAC,UAAU;YAC3B,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,uBAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,WAAW,oBAAO,MAAM,CAAC,OAAO,KAAI;QACzD,KAAK,uBAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,WAAW,EAAE,MAAM,CAAC,OAAO,IAAE;QAClD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,aAAa,EAAE,MAAM,CAAC,OAAO,IAAE;QACpD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,uBAAa,CAAC,oBAAoB;YACrC,uCAAY,KAAK,KAAE,cAAc,EAAE,MAAM,CAAC,OAAO,IAAE;QACrD;YACE,OAAO,IAAA,kCAAe,EAAC,KAAK,EAAE,MAAM,CAAC,CAAA;KACxC;AACH,CAAC;AApDD,wCAoDC"}
@@ -0,0 +1,6 @@
1
+ interface Props {
2
+ component: any;
3
+ componentProps: any;
4
+ }
5
+ export declare const CoverComponent: ({ component, componentProps }: Props) => import("react/jsx-runtime").JSX.Element | null;
6
+ export {};
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.CoverComponent = 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("../context");
8
+ const CoverComponent = ({ component, componentProps }) => {
9
+ const { getThemeProperty, toggleCoverComponent, webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
10
+ const Cover = component;
11
+ const coverComponentProps = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.coverComponentProps, componentProps);
12
+ const closeCoverComponent = () => {
13
+ toggleCoverComponent(false);
14
+ };
15
+ if (!Cover || !webchatState.isCoverComponentOpen) {
16
+ return null;
17
+ }
18
+ return (0, jsx_runtime_1.jsx)(Cover, Object.assign({ closeComponent: closeCoverComponent }, coverComponentProps));
19
+ };
20
+ exports.CoverComponent = CoverComponent;
21
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/cover-component/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAyC;AACzC,wCAA2C;AAOpC,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAAS,EAAE,EAAE;IACrE,MAAM,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,YAAY,EAAE,GAC5D,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE5B,MAAM,KAAK,GAAG,SAAS,CAAA;IAEvB,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,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,uBAAC,KAAK,kBAAC,cAAc,EAAE,mBAAmB,IAAM,mBAAmB,EAAI,CAAA;AAChF,CAAC,CAAA;AApBY,QAAA,cAAc,kBAoB1B"}
@@ -0,0 +1 @@
1
+ export declare const DefaultHeader: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DefaultHeader = 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 styles_1 = require("../../shared/styles");
8
+ const environment_1 = require("../../util/environment");
9
+ const react_2 = require("../../util/react");
10
+ const context_1 = require("../../webchat/context");
11
+ const styles_2 = require("./styles");
12
+ const DefaultHeader = () => {
13
+ const { getThemeProperty, toggleWebchat } = (0, react_1.useContext)(context_1.WebchatContext);
14
+ const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations);
15
+ const headerImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerImage, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandImage));
16
+ const headerTitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerTitle);
17
+ const headerSubtitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle);
18
+ const handleCloseWebchat = () => {
19
+ toggleWebchat(false);
20
+ };
21
+ const color = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandColor);
22
+ return ((0, jsx_runtime_1.jsxs)(styles_2.HeaderContainer, Object.assign({ role: constants_1.ROLES.HEADER, color: color, style: Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerStyle)) }, { children: [headerImage && ((0, jsx_runtime_1.jsx)(styles_2.ImageContainer, { children: (0, jsx_runtime_1.jsx)("img", { src: (0, environment_1.resolveImage)(headerImage) }) })), (0, jsx_runtime_1.jsxs)(styles_2.TextContainer, { children: [(0, jsx_runtime_1.jsx)(styles_2.Title, { children: headerTitle }), headerSubtitle ? (0, jsx_runtime_1.jsx)(styles_2.Subtitle, { children: headerSubtitle }) : null] }), (0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => (0, jsx_runtime_1.jsx)(styles_1.Scale, { children: children }) }, { children: (0, jsx_runtime_1.jsx)(styles_2.CloseHeader, Object.assign({ onClick: handleCloseWebchat }, { children: "\u2A2F" })) }))] })));
23
+ };
24
+ exports.DefaultHeader = DefaultHeader;
25
+ //# sourceMappingURL=default-header.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-header.js","sourceRoot":"","sources":["../../../../src/webchat/header/default-header.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAgD;AAChD,gDAA2C;AAC3C,wDAAqD;AACrD,4CAAqD;AACrD,mDAAsD;AACtD,qCAOiB;AAEV,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEtE,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,CAC3C,CAAA;IAED,MAAM,WAAW,GAAG,gBAAgB,CAClC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CACvD,CAAA;IAED,MAAM,WAAW,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAE3E,MAAM,cAAc,GAAG,gBAAgB,CACrC,mBAAO,CAAC,iBAAiB,CAAC,cAAc,CACzC,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEpE,OAAO,CACL,wBAAC,wBAAe,kBACd,IAAI,EAAE,iBAAK,CAAC,MAAM,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,oBAAO,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,kBAElE,WAAW,IAAI,CACd,uBAAC,uBAAc,cACb,gCAAK,GAAG,EAAE,IAAA,0BAAY,EAAC,WAAW,CAAC,GAAI,GACxB,CAClB,EACD,wBAAC,sBAAa,eACZ,uBAAC,cAAK,cAAE,WAAW,GAAS,EAC3B,cAAc,CAAC,CAAC,CAAC,uBAAC,iBAAQ,cAAE,cAAc,GAAY,CAAC,CAAC,CAAC,IAAI,IAChD,EAChB,uBAAC,0BAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,uBAAC,cAAK,cAAE,QAAQ,GAAS,gBAE9C,uBAAC,oBAAW,kBAAC,OAAO,EAAE,kBAAkB,4BAAiB,IACtC,KACL,CACnB,CAAA;AACH,CAAC,CAAA;AA/CY,QAAA,aAAa,iBA+CzB"}
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const WebchatHeader: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.WebchatHeader = 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 default_header_1 = require("./default-header");
10
+ const styles_1 = require("./styles");
11
+ exports.WebchatHeader = (0, react_1.forwardRef)((_, ref) => {
12
+ const { getThemeProperty, toggleWebchat } = (0, react_1.useContext)(context_1.WebchatContext);
13
+ const handleCloseWebchat = () => {
14
+ toggleWebchat(false);
15
+ };
16
+ const CustomHeader = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customHeader);
17
+ if (CustomHeader) {
18
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ id: constants_2.BotonicContainerId.Header, ref: ref }, { children: (0, jsx_runtime_1.jsx)(CustomHeader, { onCloseClick: handleCloseWebchat }) })));
19
+ }
20
+ return ((0, jsx_runtime_1.jsx)(styles_1.StyledWebchatHeader, Object.assign({ id: constants_2.BotonicContainerId.Header, ref: ref }, { children: (0, jsx_runtime_1.jsx)(default_header_1.DefaultHeader, {}) })));
21
+ });
22
+ exports.WebchatHeader.displayName = 'WebchatHeader';
23
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/header/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmE;AAEnE,+CAAyC;AACzC,mDAAsD;AACtD,4CAAiD;AACjD,qDAAgD;AAChD,qCAA8C;AAEjC,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CAAC,CAAC,EAAE,GAAiC,EAAE,EAAE;IACvC,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEtE,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,gBAAgB,CACnC,mBAAO,CAAC,iBAAiB,CAAC,YAAY,CACvC,CAAA;IAED,IAAI,YAAY,EAAE;QAChB,OAAO,CACL,8CAAK,EAAE,EAAE,8BAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,gBAC1C,uBAAC,YAAY,IAAC,YAAY,EAAE,kBAAkB,GAAI,IAC9C,CACP,CAAA;KACF;IAED,OAAO,CACL,uBAAC,4BAAmB,kBAAC,EAAE,EAAE,8BAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,gBAC1D,uBAAC,8BAAa,KAAG,IACG,CACvB,CAAA;AACH,CAAC,CACF,CAAA;AAED,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
@@ -0,0 +1,7 @@
1
+ export declare const HeaderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
2
+ export declare const ImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const TextContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
+ export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
5
+ export declare const Subtitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
6
+ export declare const CloseHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
7
+ export declare const StyledWebchatHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -0,0 +1,63 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.StyledWebchatHeader = exports.CloseHeader = exports.Subtitle = exports.Title = exports.TextContainer = exports.ImageContainer = exports.HeaderContainer = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
6
+ const constants_1 = require("../../constants");
7
+ exports.HeaderContainer = styled_components_1.default.div `
8
+ display: flex;
9
+ background: linear-gradient(
10
+ 90deg,
11
+ ${constants_1.COLORS.BLEACHED_CEDAR_PURPLE} 0%,
12
+ ${props => props.color} 100%
13
+ );
14
+ border-radius: ${props => { var _a, _b; return (_b = (_a = props.theme.header) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.borderRadius; }};
15
+ z-index: 2;
16
+ height: inherit;
17
+
18
+ @media (max-width: ${props => props.theme.mobileBreakpoint}px) {
19
+ border-radius: ${props => { var _a, _b; return (_b = (_a = props.theme.header) === null || _a === void 0 ? void 0 : _a.mobileStyle) === null || _b === void 0 ? void 0 : _b.borderRadius; }};
20
+ }
21
+ `;
22
+ exports.ImageContainer = styled_components_1.default.div `
23
+ padding: 10px;
24
+ align-items: center;
25
+
26
+ img {
27
+ width: 32px;
28
+ border-radius: 50%;
29
+ }
30
+ `;
31
+ exports.TextContainer = styled_components_1.default.div `
32
+ display: flex;
33
+ flex-direction: column;
34
+ justify-content: center;
35
+ flex: 1 1 auto;
36
+ `;
37
+ exports.Title = styled_components_1.default.div `
38
+ display: flex;
39
+ font-family: inherit;
40
+ font-size: 15px;
41
+ font-weight: bold;
42
+ color: ${constants_1.COLORS.SOLID_WHITE};
43
+ `;
44
+ exports.Subtitle = styled_components_1.default.div `
45
+ display: flex;
46
+ font-family: inherit;
47
+ font-size: 11px;
48
+ color: ${constants_1.COLORS.SOLID_WHITE};
49
+ `;
50
+ exports.CloseHeader = styled_components_1.default.div `
51
+ padding: 0px 16px;
52
+ cursor: pointer;
53
+ color: ${constants_1.COLORS.SOLID_WHITE};
54
+ font-family: inherit;
55
+ font-size: 36px;
56
+ `;
57
+ exports.StyledWebchatHeader = styled_components_1.default.div `
58
+ border-radius: 8px 8px 0px 0px;
59
+ box-shadow: ${constants_1.COLORS.PIGEON_POST_BLUE_ALPHA_0_5} 0px 2px 5px;
60
+ height: 55px;
61
+ flex: none;
62
+ `;
63
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/header/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAwC;AAE3B,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;MAInC,kBAAM,CAAC,qBAAqB;MAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK;;mBAEP,KAAK,CAAC,EAAE,eAAC,OAAA,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,MAAM,0CAAE,KAAK,0CAAE,YAAY,CAAA,EAAA;;;;uBAI5C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB;qBACvC,KAAK,CAAC,EAAE,eAAC,OAAA,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,MAAM,0CAAE,WAAW,0CAAE,YAAY,CAAA,EAAA;;CAE1E,CAAA;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;CAQvC,CAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKtC,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;WAKpB,kBAAM,CAAC,WAAW;CAC5B,CAAA;AAEY,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;WAIvB,kBAAM,CAAC,WAAW;CAC5B,CAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAG1B,kBAAM,CAAC,WAAW;;;CAG5B,CAAA;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;gBAE7B,kBAAM,CAAC,0BAA0B;;;CAGhD,CAAA"}
@@ -6,6 +6,5 @@ export { useScrollToBottom } from './use-scroll-to-bottom';
6
6
  export { useScrollbarController } from './use-scrollbar-controller';
7
7
  export { useTyping } from './use-typing';
8
8
  export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
9
- export { useWebchat, webchatInitialState } from './use-webchat';
10
9
  export { useWebchatDimensions } from './use-webchat-dimensions';
11
10
  export { useWebchatResizer } from './use-webchat-resizer';
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useWebchatResizer = exports.useWebchatDimensions = exports.webchatInitialState = exports.useWebchat = exports.useVirtualKeyboardDetection = exports.useTyping = exports.useScrollbarController = exports.useScrollToBottom = exports.usePrevious = exports.useDeviceAdapter = exports.useComponentWillMount = exports.useComponentVisible = void 0;
3
+ exports.useWebchatResizer = exports.useWebchatDimensions = exports.useVirtualKeyboardDetection = exports.useTyping = exports.useScrollbarController = exports.useScrollToBottom = exports.usePrevious = exports.useDeviceAdapter = exports.useComponentWillMount = exports.useComponentVisible = void 0;
4
4
  var use_component_visible_1 = require("./use-component-visible");
5
5
  Object.defineProperty(exports, "useComponentVisible", { enumerable: true, get: function () { return use_component_visible_1.useComponentVisible; } });
6
6
  var use_component_will_mount_1 = require("./use-component-will-mount");
@@ -17,9 +17,6 @@ var use_typing_1 = require("./use-typing");
17
17
  Object.defineProperty(exports, "useTyping", { enumerable: true, get: function () { return use_typing_1.useTyping; } });
18
18
  var use_virtual_keyboard_detection_1 = require("./use-virtual-keyboard-detection");
19
19
  Object.defineProperty(exports, "useVirtualKeyboardDetection", { enumerable: true, get: function () { return use_virtual_keyboard_detection_1.useVirtualKeyboardDetection; } });
20
- var use_webchat_1 = require("./use-webchat");
21
- Object.defineProperty(exports, "useWebchat", { enumerable: true, get: function () { return use_webchat_1.useWebchat; } });
22
- Object.defineProperty(exports, "webchatInitialState", { enumerable: true, get: function () { return use_webchat_1.webchatInitialState; } });
23
20
  var use_webchat_dimensions_1 = require("./use-webchat-dimensions");
24
21
  Object.defineProperty(exports, "useWebchatDimensions", { enumerable: true, get: function () { return use_webchat_dimensions_1.useWebchatDimensions; } });
25
22
  var use_webchat_resizer_1 = require("./use-webchat-resizer");
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/index.ts"],"names":[],"mappings":";;;AAAA,iEAA6D;AAApD,4HAAA,mBAAmB,OAAA;AAC5B,uEAAkE;AAAzD,iIAAA,qBAAqB,OAAA;AAC9B,2DAAuD;AAA9C,sHAAA,gBAAgB,OAAA;AACzB,+CAA4C;AAAnC,2GAAA,WAAW,OAAA;AACpB,+DAA0D;AAAjD,yHAAA,iBAAiB,OAAA;AAC1B,uEAAmE;AAA1D,kIAAA,sBAAsB,OAAA;AAC/B,2CAAwC;AAA/B,uGAAA,SAAS,OAAA;AAClB,mFAA8E;AAArE,6IAAA,2BAA2B,OAAA;AACpC,6CAA+D;AAAtD,yGAAA,UAAU,OAAA;AAAE,kHAAA,mBAAmB,OAAA;AACxC,mEAA+D;AAAtD,8HAAA,oBAAoB,OAAA;AAC7B,6DAAyD;AAAhD,wHAAA,iBAAiB,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/index.ts"],"names":[],"mappings":";;;AAAA,iEAA6D;AAApD,4HAAA,mBAAmB,OAAA;AAC5B,uEAAkE;AAAzD,iIAAA,qBAAqB,OAAA;AAC9B,2DAAuD;AAA9C,sHAAA,gBAAgB,OAAA;AACzB,+CAA4C;AAAnC,2GAAA,WAAW,OAAA;AACpB,+DAA0D;AAAjD,yHAAA,iBAAiB,OAAA;AAC1B,uEAAmE;AAA1D,kIAAA,sBAAsB,OAAA;AAC/B,2CAAwC;AAA/B,uGAAA,SAAS,OAAA;AAClB,mFAA8E;AAArE,6IAAA,2BAA2B,OAAA;AACpC,mEAA+D;AAAtD,8HAAA,oBAAoB,OAAA;AAC7B,6DAAyD;AAAhD,wHAAA,iBAAiB,OAAA"}
@@ -1 +1 @@
1
- export declare function usePrevious(value: any): undefined;
1
+ export declare function usePrevious(value: any): any;
@@ -1 +1 @@
1
- {"version":3,"file":"use-previous.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-previous.ts"],"names":[],"mappings":";;;AAAA,iCAAyC;AAEzC,SAAgB,WAAW,CAAC,KAAK;IAC/B,MAAM,GAAG,GAAG,IAAA,cAAM,GAAE,CAAA;IACpB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC;AAND,kCAMC"}
1
+ {"version":3,"file":"use-previous.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-previous.ts"],"names":[],"mappings":";;;AAAA,iCAAyC;AAEzC,SAAgB,WAAW,CAAC,KAAU;IACpC,MAAM,GAAG,GAAG,IAAA,cAAM,GAAE,CAAA;IACpB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC;AAND,kCAMC"}
@@ -1,7 +1,9 @@
1
- export declare const useScrollToBottom: ({ host, behavior, timeout, }: {
1
+ interface UseScrollToBottom {
2
2
  host: any;
3
- behavior?: string | undefined;
4
- timeout?: number | undefined;
5
- }) => {
3
+ behavior?: ScrollBehavior;
4
+ timeout?: number;
5
+ }
6
+ export declare const useScrollToBottom: ({ host, behavior, timeout, }: UseScrollToBottom) => {
6
7
  scrollToBottom: () => void;
7
8
  };
9
+ export {};
@@ -1 +1 @@
1
- {"version":3,"file":"use-scroll-to-bottom.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-scroll-to-bottom.ts"],"names":[],"mappings":";;;AAAA,wCAGuB;AAEhB,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,IAAA,uBAAiB,EAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,CAAC,cAAc;YAAE,OAAM;QAC3B,MAAM,6BAA6B,GAAG,IAAA,sCAAgC,EAAC,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;AApBY,QAAA,iBAAiB,qBAoB7B"}
1
+ {"version":3,"file":"use-scroll-to-bottom.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-scroll-to-bottom.ts"],"names":[],"mappings":";;;AAAA,wCAGuB;AAQhB,MAAM,iBAAiB,GAAG,CAAC,EAChC,IAAI,EACJ,QAAQ,GAAG,QAAQ,EACnB,OAAO,GAAG,GAAG,GACK,EAAE,EAAE;IACtB,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,cAAc,GAAG,IAAA,uBAAiB,EAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,CAAC,cAAc;YAAE,OAAM;QAC3B,MAAM,6BAA6B,GAAG,IAAA,sCAAgC,EAAC,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,QAAQ;aACnB,CAAC,CAAA;QACJ,CAAC,EAAE,OAAO,CAAC,CAAA;IACb,CAAC,CAAA;IAED,OAAO,EAAE,cAAc,EAAE,CAAA;AAC3B,CAAC,CAAA;AApBY,QAAA,iBAAiB,qBAoB7B"}