@botonic/react 0.31.0 → 0.31.1-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (419) hide show
  1. package/lib/cjs/components/index.d.ts +5 -0
  2. package/lib/cjs/components/index.js +11 -1
  3. package/lib/cjs/components/index.js.map +1 -1
  4. package/lib/cjs/components/whatsapp-catalog.d.ts +6 -0
  5. package/lib/cjs/components/whatsapp-catalog.js +25 -0
  6. package/lib/cjs/components/whatsapp-catalog.js.map +1 -0
  7. package/lib/cjs/components/whatsapp-media-carousel.d.ts +46 -0
  8. package/lib/cjs/components/whatsapp-media-carousel.js +40 -0
  9. package/lib/cjs/components/whatsapp-media-carousel.js.map +1 -0
  10. package/lib/cjs/components/whatsapp-product-carousel.d.ts +32 -0
  11. package/lib/cjs/components/whatsapp-product-carousel.js +34 -0
  12. package/lib/cjs/components/whatsapp-product-carousel.js.map +1 -0
  13. package/lib/cjs/components/whatsapp-product-list.d.ts +15 -0
  14. package/lib/cjs/components/whatsapp-product-list.js +26 -0
  15. package/lib/cjs/components/whatsapp-product-list.js.map +1 -0
  16. package/lib/cjs/components/whatsapp-product.d.ts +7 -0
  17. package/lib/cjs/components/whatsapp-product.js +25 -0
  18. package/lib/cjs/components/whatsapp-product.js.map +1 -0
  19. package/lib/cjs/util/functional.d.ts +3 -0
  20. package/lib/cjs/util/functional.js +30 -0
  21. package/lib/cjs/util/functional.js.map +1 -0
  22. package/package.json +2 -2
  23. package/src/components/index.ts +16 -0
  24. package/src/components/whatsapp-catalog.tsx +42 -0
  25. package/src/components/whatsapp-media-carousel.tsx +104 -0
  26. package/src/components/whatsapp-product-carousel.tsx +83 -0
  27. package/src/components/whatsapp-product-list.tsx +56 -0
  28. package/src/components/whatsapp-product.tsx +44 -0
  29. package/src/util/functional.ts +31 -0
  30. package/lib/esm/app.d.ts +0 -2
  31. package/lib/esm/app.js +0 -6
  32. package/lib/esm/app.js.map +0 -1
  33. package/lib/esm/botonic-tester.d.ts +0 -30
  34. package/lib/esm/botonic-tester.js +0 -78
  35. package/lib/esm/botonic-tester.js.map +0 -1
  36. package/lib/esm/components/audio.d.ts +0 -9
  37. package/lib/esm/components/audio.js +0 -21
  38. package/lib/esm/components/audio.js.map +0 -1
  39. package/lib/esm/components/button.d.ts +0 -17
  40. package/lib/esm/components/button.js +0 -159
  41. package/lib/esm/components/button.js.map +0 -1
  42. package/lib/esm/components/buttons-disabler.d.ts +0 -24
  43. package/lib/esm/components/buttons-disabler.js +0 -84
  44. package/lib/esm/components/buttons-disabler.js.map +0 -1
  45. package/lib/esm/components/carousel.d.ts +0 -10
  46. package/lib/esm/components/carousel.js +0 -105
  47. package/lib/esm/components/carousel.js.map +0 -1
  48. package/lib/esm/components/components.d.ts +0 -12
  49. package/lib/esm/components/components.js +0 -17
  50. package/lib/esm/components/components.js.map +0 -1
  51. package/lib/esm/components/custom-message.d.ts +0 -16
  52. package/lib/esm/components/custom-message.js +0 -50
  53. package/lib/esm/components/custom-message.js.map +0 -1
  54. package/lib/esm/components/document.d.ts +0 -9
  55. package/lib/esm/components/document.js +0 -42
  56. package/lib/esm/components/document.js.map +0 -1
  57. package/lib/esm/components/element.d.ts +0 -4
  58. package/lib/esm/components/element.js +0 -51
  59. package/lib/esm/components/element.js.map +0 -1
  60. package/lib/esm/components/handoff.d.ts +0 -1
  61. package/lib/esm/components/handoff.js +0 -49
  62. package/lib/esm/components/handoff.js.map +0 -1
  63. package/lib/esm/components/image.d.ts +0 -9
  64. package/lib/esm/components/image.js +0 -35
  65. package/lib/esm/components/image.js.map +0 -1
  66. package/lib/esm/components/index-types.d.ts +0 -89
  67. package/lib/esm/components/index-types.js +0 -2
  68. package/lib/esm/components/index-types.js.map +0 -1
  69. package/lib/esm/components/index.d.ts +0 -25
  70. package/lib/esm/components/index.js +0 -26
  71. package/lib/esm/components/index.js.map +0 -1
  72. package/lib/esm/components/location.d.ts +0 -11
  73. package/lib/esm/components/location.js +0 -27
  74. package/lib/esm/components/location.js.map +0 -1
  75. package/lib/esm/components/markdown.d.ts +0 -7
  76. package/lib/esm/components/markdown.js +0 -152
  77. package/lib/esm/components/markdown.js.map +0 -1
  78. package/lib/esm/components/message/index.d.ts +0 -1
  79. package/lib/esm/components/message/index.js +0 -147
  80. package/lib/esm/components/message/index.js.map +0 -1
  81. package/lib/esm/components/message/message-feedback.d.ts +0 -7
  82. package/lib/esm/components/message/message-feedback.js +0 -59
  83. package/lib/esm/components/message/message-feedback.js.map +0 -1
  84. package/lib/esm/components/message/message-footer.d.ts +0 -11
  85. package/lib/esm/components/message/message-footer.js +0 -17
  86. package/lib/esm/components/message/message-footer.js.map +0 -1
  87. package/lib/esm/components/message/message-image.d.ts +0 -7
  88. package/lib/esm/components/message/message-image.js +0 -19
  89. package/lib/esm/components/message/message-image.js.map +0 -1
  90. package/lib/esm/components/message/styles.d.ts +0 -33
  91. package/lib/esm/components/message/styles.js +0 -118
  92. package/lib/esm/components/message/styles.js.map +0 -1
  93. package/lib/esm/components/message/timestamps.d.ts +0 -13
  94. package/lib/esm/components/message/timestamps.js +0 -40
  95. package/lib/esm/components/message/timestamps.js.map +0 -1
  96. package/lib/esm/components/message-template.d.ts +0 -1
  97. package/lib/esm/components/message-template.js +0 -9
  98. package/lib/esm/components/message-template.js.map +0 -1
  99. package/lib/esm/components/multichannel/facebook/facebook.d.ts +0 -17
  100. package/lib/esm/components/multichannel/facebook/facebook.js +0 -43
  101. package/lib/esm/components/multichannel/facebook/facebook.js.map +0 -1
  102. package/lib/esm/components/multichannel/index-types.d.ts +0 -46
  103. package/lib/esm/components/multichannel/index-types.js +0 -2
  104. package/lib/esm/components/multichannel/index-types.js.map +0 -1
  105. package/lib/esm/components/multichannel/index.d.ts +0 -11
  106. package/lib/esm/components/multichannel/index.js +0 -12
  107. package/lib/esm/components/multichannel/index.js.map +0 -1
  108. package/lib/esm/components/multichannel/multichannel-button.d.ts +0 -1
  109. package/lib/esm/components/multichannel/multichannel-button.js +0 -67
  110. package/lib/esm/components/multichannel/multichannel-button.js.map +0 -1
  111. package/lib/esm/components/multichannel/multichannel-carousel.d.ts +0 -1
  112. package/lib/esm/components/multichannel/multichannel-carousel.js +0 -74
  113. package/lib/esm/components/multichannel/multichannel-carousel.js.map +0 -1
  114. package/lib/esm/components/multichannel/multichannel-context.d.ts +0 -11
  115. package/lib/esm/components/multichannel/multichannel-context.js +0 -12
  116. package/lib/esm/components/multichannel/multichannel-context.js.map +0 -1
  117. package/lib/esm/components/multichannel/multichannel-reply.d.ts +0 -1
  118. package/lib/esm/components/multichannel/multichannel-reply.js +0 -20
  119. package/lib/esm/components/multichannel/multichannel-reply.js.map +0 -1
  120. package/lib/esm/components/multichannel/multichannel-text.d.ts +0 -1
  121. package/lib/esm/components/multichannel/multichannel-text.js +0 -160
  122. package/lib/esm/components/multichannel/multichannel-text.js.map +0 -1
  123. package/lib/esm/components/multichannel/multichannel-utils.d.ts +0 -21
  124. package/lib/esm/components/multichannel/multichannel-utils.js +0 -81
  125. package/lib/esm/components/multichannel/multichannel-utils.js.map +0 -1
  126. package/lib/esm/components/multichannel/multichannel.d.ts +0 -1
  127. package/lib/esm/components/multichannel/multichannel.js +0 -57
  128. package/lib/esm/components/multichannel/multichannel.js.map +0 -1
  129. package/lib/esm/components/multichannel/whatsapp/constants.d.ts +0 -11
  130. package/lib/esm/components/multichannel/whatsapp/constants.js +0 -10
  131. package/lib/esm/components/multichannel/whatsapp/constants.js.map +0 -1
  132. package/lib/esm/components/multichannel/whatsapp/markdown-meta.d.ts +0 -1
  133. package/lib/esm/components/multichannel/whatsapp/markdown-meta.js +0 -38
  134. package/lib/esm/components/multichannel/whatsapp/markdown-meta.js.map +0 -1
  135. package/lib/esm/components/pic.d.ts +0 -6
  136. package/lib/esm/components/pic.js +0 -25
  137. package/lib/esm/components/pic.js.map +0 -1
  138. package/lib/esm/components/raw.d.ts +0 -9
  139. package/lib/esm/components/raw.js +0 -39
  140. package/lib/esm/components/raw.js.map +0 -1
  141. package/lib/esm/components/reply.d.ts +0 -10
  142. package/lib/esm/components/reply.js +0 -53
  143. package/lib/esm/components/reply.js.map +0 -1
  144. package/lib/esm/components/share-button.d.ts +0 -1
  145. package/lib/esm/components/share-button.js +0 -9
  146. package/lib/esm/components/share-button.js.map +0 -1
  147. package/lib/esm/components/subtitle.d.ts +0 -6
  148. package/lib/esm/components/subtitle.js +0 -19
  149. package/lib/esm/components/subtitle.js.map +0 -1
  150. package/lib/esm/components/text.d.ts +0 -7
  151. package/lib/esm/components/text.js +0 -40
  152. package/lib/esm/components/text.js.map +0 -1
  153. package/lib/esm/components/title.d.ts +0 -6
  154. package/lib/esm/components/title.js +0 -17
  155. package/lib/esm/components/title.js.map +0 -1
  156. package/lib/esm/components/video.d.ts +0 -9
  157. package/lib/esm/components/video.js +0 -25
  158. package/lib/esm/components/video.js.map +0 -1
  159. package/lib/esm/components/webchat-settings.d.ts +0 -16
  160. package/lib/esm/components/webchat-settings.js +0 -69
  161. package/lib/esm/components/webchat-settings.js.map +0 -1
  162. package/lib/esm/components/whatsapp-button-list.d.ts +0 -20
  163. package/lib/esm/components/whatsapp-button-list.js +0 -47
  164. package/lib/esm/components/whatsapp-button-list.js.map +0 -1
  165. package/lib/esm/components/whatsapp-cta-url-button.d.ts +0 -15
  166. package/lib/esm/components/whatsapp-cta-url-button.js +0 -33
  167. package/lib/esm/components/whatsapp-cta-url-button.js.map +0 -1
  168. package/lib/esm/components/whatsapp-template.d.ts +0 -1
  169. package/lib/esm/components/whatsapp-template.js +0 -20
  170. package/lib/esm/components/whatsapp-template.js.map +0 -1
  171. package/lib/esm/constants.d.ts +0 -165
  172. package/lib/esm/constants.js +0 -187
  173. package/lib/esm/constants.js.map +0 -1
  174. package/lib/esm/contexts.d.ts +0 -18
  175. package/lib/esm/contexts.js +0 -18
  176. package/lib/esm/contexts.js.map +0 -1
  177. package/lib/esm/dev-app.d.ts +0 -38
  178. package/lib/esm/dev-app.js +0 -81
  179. package/lib/esm/dev-app.js.map +0 -1
  180. package/lib/esm/index-types.d.ts +0 -178
  181. package/lib/esm/index-types.js +0 -12
  182. package/lib/esm/index-types.js.map +0 -1
  183. package/lib/esm/index.d.ts +0 -11
  184. package/lib/esm/index.js +0 -12
  185. package/lib/esm/index.js.map +0 -1
  186. package/lib/esm/message-utils.d.ts +0 -19
  187. package/lib/esm/message-utils.js +0 -41
  188. package/lib/esm/message-utils.js.map +0 -1
  189. package/lib/esm/msg-to-botonic.d.ts +0 -18
  190. package/lib/esm/msg-to-botonic.js +0 -132
  191. package/lib/esm/msg-to-botonic.js.map +0 -1
  192. package/lib/esm/node-app.d.ts +0 -7
  193. package/lib/esm/node-app.js +0 -19
  194. package/lib/esm/node-app.js.map +0 -1
  195. package/lib/esm/react-bot.d.ts +0 -8
  196. package/lib/esm/react-bot.js +0 -32
  197. package/lib/esm/react-bot.js.map +0 -1
  198. package/lib/esm/shared/styles.d.ts +0 -2
  199. package/lib/esm/shared/styles.js +0 -28
  200. package/lib/esm/shared/styles.js.map +0 -1
  201. package/lib/esm/util/dom.d.ts +0 -4
  202. package/lib/esm/util/dom.js +0 -24
  203. package/lib/esm/util/dom.js.map +0 -1
  204. package/lib/esm/util/environment.d.ts +0 -6
  205. package/lib/esm/util/environment.js +0 -61
  206. package/lib/esm/util/environment.js.map +0 -1
  207. package/lib/esm/util/error-boundary.d.ts +0 -7
  208. package/lib/esm/util/error-boundary.js +0 -28
  209. package/lib/esm/util/error-boundary.js.map +0 -1
  210. package/lib/esm/util/index.d.ts +0 -9
  211. package/lib/esm/util/index.js +0 -10
  212. package/lib/esm/util/index.js.map +0 -1
  213. package/lib/esm/util/logs.d.ts +0 -2
  214. package/lib/esm/util/logs.js +0 -15
  215. package/lib/esm/util/logs.js.map +0 -1
  216. package/lib/esm/util/objects.d.ts +0 -3
  217. package/lib/esm/util/objects.js +0 -38
  218. package/lib/esm/util/objects.js.map +0 -1
  219. package/lib/esm/util/react.d.ts +0 -12
  220. package/lib/esm/util/react.js +0 -34
  221. package/lib/esm/util/react.js.map +0 -1
  222. package/lib/esm/util/regexs.d.ts +0 -2
  223. package/lib/esm/util/regexs.js +0 -18
  224. package/lib/esm/util/regexs.js.map +0 -1
  225. package/lib/esm/util/strings.d.ts +0 -1
  226. package/lib/esm/util/strings.js +0 -7
  227. package/lib/esm/util/strings.js.map +0 -1
  228. package/lib/esm/util/webchat.d.ts +0 -22
  229. package/lib/esm/util/webchat.js +0 -55
  230. package/lib/esm/util/webchat.js.map +0 -1
  231. package/lib/esm/util/webviews.d.ts +0 -1
  232. package/lib/esm/util/webviews.js +0 -6
  233. package/lib/esm/util/webviews.js.map +0 -1
  234. package/lib/esm/webchat/chat-area/index.d.ts +0 -1
  235. package/lib/esm/webchat/chat-area/index.js +0 -18
  236. package/lib/esm/webchat/chat-area/index.js.map +0 -1
  237. package/lib/esm/webchat/chat-area/styles.d.ts +0 -3
  238. package/lib/esm/webchat/chat-area/styles.js +0 -9
  239. package/lib/esm/webchat/chat-area/styles.js.map +0 -1
  240. package/lib/esm/webchat/components/common.d.ts +0 -1
  241. package/lib/esm/webchat/components/common.js +0 -9
  242. package/lib/esm/webchat/components/common.js.map +0 -1
  243. package/lib/esm/webchat/components/conditional-animation.d.ts +0 -1
  244. package/lib/esm/webchat/components/conditional-animation.js +0 -12
  245. package/lib/esm/webchat/components/conditional-animation.js.map +0 -1
  246. package/lib/esm/webchat/components/opened-persistent-menu.d.ts +0 -6
  247. package/lib/esm/webchat/components/opened-persistent-menu.js +0 -30
  248. package/lib/esm/webchat/components/opened-persistent-menu.js.map +0 -1
  249. package/lib/esm/webchat/constants.d.ts +0 -8
  250. package/lib/esm/webchat/constants.js +0 -10
  251. package/lib/esm/webchat/constants.js.map +0 -1
  252. package/lib/esm/webchat/context/actions.d.ts +0 -29
  253. package/lib/esm/webchat/context/actions.js +0 -32
  254. package/lib/esm/webchat/context/actions.js.map +0 -1
  255. package/lib/esm/webchat/context/index.d.ts +0 -5
  256. package/lib/esm/webchat/context/index.js +0 -78
  257. package/lib/esm/webchat/context/index.js.map +0 -1
  258. package/lib/esm/webchat/context/messages-reducer.d.ts +0 -6
  259. package/lib/esm/webchat/context/messages-reducer.js +0 -85
  260. package/lib/esm/webchat/context/messages-reducer.js.map +0 -1
  261. package/lib/esm/webchat/context/types.d.ts +0 -74
  262. package/lib/esm/webchat/context/types.js +0 -2
  263. package/lib/esm/webchat/context/types.js.map +0 -1
  264. package/lib/esm/webchat/context/use-webchat.d.ts +0 -47
  265. package/lib/esm/webchat/context/use-webchat.js +0 -195
  266. package/lib/esm/webchat/context/use-webchat.js.map +0 -1
  267. package/lib/esm/webchat/context/webchat-reducer.d.ts +0 -6
  268. package/lib/esm/webchat/context/webchat-reducer.js +0 -48
  269. package/lib/esm/webchat/context/webchat-reducer.js.map +0 -1
  270. package/lib/esm/webchat/cover-component/index.d.ts +0 -6
  271. package/lib/esm/webchat/cover-component/index.js +0 -17
  272. package/lib/esm/webchat/cover-component/index.js.map +0 -1
  273. package/lib/esm/webchat/devices/index.d.ts +0 -11
  274. package/lib/esm/webchat/devices/index.js +0 -18
  275. package/lib/esm/webchat/devices/index.js.map +0 -1
  276. package/lib/esm/webchat/header/default-header.d.ts +0 -1
  277. package/lib/esm/webchat/header/default-header.js +0 -21
  278. package/lib/esm/webchat/header/default-header.js.map +0 -1
  279. package/lib/esm/webchat/header/index.d.ts +0 -2
  280. package/lib/esm/webchat/header/index.js +0 -20
  281. package/lib/esm/webchat/header/index.js.map +0 -1
  282. package/lib/esm/webchat/header/styles.d.ts +0 -7
  283. package/lib/esm/webchat/header/styles.js +0 -55
  284. package/lib/esm/webchat/header/styles.js.map +0 -1
  285. package/lib/esm/webchat/hooks/index.d.ts +0 -10
  286. package/lib/esm/webchat/hooks/index.js +0 -11
  287. package/lib/esm/webchat/hooks/index.js.map +0 -1
  288. package/lib/esm/webchat/hooks/use-component-visible.d.ts +0 -8
  289. package/lib/esm/webchat/hooks/use-component-visible.js +0 -20
  290. package/lib/esm/webchat/hooks/use-component-visible.js.map +0 -1
  291. package/lib/esm/webchat/hooks/use-component-will-mount.d.ts +0 -1
  292. package/lib/esm/webchat/hooks/use-component-will-mount.js +0 -5
  293. package/lib/esm/webchat/hooks/use-component-will-mount.js.map +0 -1
  294. package/lib/esm/webchat/hooks/use-device-adapter.d.ts +0 -3
  295. package/lib/esm/webchat/hooks/use-device-adapter.js +0 -42
  296. package/lib/esm/webchat/hooks/use-device-adapter.js.map +0 -1
  297. package/lib/esm/webchat/hooks/use-previous.d.ts +0 -1
  298. package/lib/esm/webchat/hooks/use-previous.js +0 -9
  299. package/lib/esm/webchat/hooks/use-previous.js.map +0 -1
  300. package/lib/esm/webchat/hooks/use-scroll-to-bottom.d.ts +0 -9
  301. package/lib/esm/webchat/hooks/use-scroll-to-bottom.js +0 -19
  302. package/lib/esm/webchat/hooks/use-scroll-to-bottom.js.map +0 -1
  303. package/lib/esm/webchat/hooks/use-scrollbar-controller.d.ts +0 -6
  304. package/lib/esm/webchat/hooks/use-scrollbar-controller.js +0 -136
  305. package/lib/esm/webchat/hooks/use-scrollbar-controller.js.map +0 -1
  306. package/lib/esm/webchat/hooks/use-typing.d.ts +0 -10
  307. package/lib/esm/webchat/hooks/use-typing.js +0 -28
  308. package/lib/esm/webchat/hooks/use-typing.js.map +0 -1
  309. package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.d.ts +0 -3
  310. package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.js +0 -24
  311. package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.js.map +0 -1
  312. package/lib/esm/webchat/hooks/use-webchat-dimensions.d.ts +0 -4
  313. package/lib/esm/webchat/hooks/use-webchat-dimensions.js +0 -36
  314. package/lib/esm/webchat/hooks/use-webchat-dimensions.js.map +0 -1
  315. package/lib/esm/webchat/hooks/use-webchat-resizer.d.ts +0 -4
  316. package/lib/esm/webchat/hooks/use-webchat-resizer.js +0 -30
  317. package/lib/esm/webchat/hooks/use-webchat-resizer.js.map +0 -1
  318. package/lib/esm/webchat/index-types.d.ts +0 -18
  319. package/lib/esm/webchat/index-types.js +0 -2
  320. package/lib/esm/webchat/index-types.js.map +0 -1
  321. package/lib/esm/webchat/index.d.ts +0 -5
  322. package/lib/esm/webchat/index.js +0 -11
  323. package/lib/esm/webchat/index.js.map +0 -1
  324. package/lib/esm/webchat/input-panel/attachment.d.ts +0 -7
  325. package/lib/esm/webchat/input-panel/attachment.js +0 -26
  326. package/lib/esm/webchat/input-panel/attachment.js.map +0 -1
  327. package/lib/esm/webchat/input-panel/emoji-picker.d.ts +0 -6
  328. package/lib/esm/webchat/input-panel/emoji-picker.js +0 -23
  329. package/lib/esm/webchat/input-panel/emoji-picker.js.map +0 -1
  330. package/lib/esm/webchat/input-panel/index.d.ts +0 -12
  331. package/lib/esm/webchat/input-panel/index.js +0 -55
  332. package/lib/esm/webchat/input-panel/index.js.map +0 -1
  333. package/lib/esm/webchat/input-panel/opened-emoji-picker.d.ts +0 -6
  334. package/lib/esm/webchat/input-panel/opened-emoji-picker.js +0 -10
  335. package/lib/esm/webchat/input-panel/opened-emoji-picker.js.map +0 -1
  336. package/lib/esm/webchat/input-panel/persistent-menu.d.ts +0 -6
  337. package/lib/esm/webchat/input-panel/persistent-menu.js +0 -14
  338. package/lib/esm/webchat/input-panel/persistent-menu.js.map +0 -1
  339. package/lib/esm/webchat/input-panel/send-button.d.ts +0 -5
  340. package/lib/esm/webchat/input-panel/send-button.js +0 -14
  341. package/lib/esm/webchat/input-panel/send-button.js.map +0 -1
  342. package/lib/esm/webchat/input-panel/styles.d.ts +0 -3
  343. package/lib/esm/webchat/input-panel/styles.js +0 -27
  344. package/lib/esm/webchat/input-panel/styles.js.map +0 -1
  345. package/lib/esm/webchat/input-panel/textarea.d.ts +0 -11
  346. package/lib/esm/webchat/input-panel/textarea.js +0 -58
  347. package/lib/esm/webchat/input-panel/textarea.js.map +0 -1
  348. package/lib/esm/webchat/message-list/index.d.ts +0 -1
  349. package/lib/esm/webchat/message-list/index.js +0 -107
  350. package/lib/esm/webchat/message-list/index.js.map +0 -1
  351. package/lib/esm/webchat/message-list/intro-message.d.ts +0 -1
  352. package/lib/esm/webchat/message-list/intro-message.js +0 -18
  353. package/lib/esm/webchat/message-list/intro-message.js.map +0 -1
  354. package/lib/esm/webchat/message-list/scroll-button.d.ts +0 -6
  355. package/lib/esm/webchat/message-list/scroll-button.js +0 -12
  356. package/lib/esm/webchat/message-list/scroll-button.js.map +0 -1
  357. package/lib/esm/webchat/message-list/styles.d.ts +0 -5
  358. package/lib/esm/webchat/message-list/styles.js +0 -56
  359. package/lib/esm/webchat/message-list/styles.js.map +0 -1
  360. package/lib/esm/webchat/message-list/unread-messages-banner.d.ts +0 -6
  361. package/lib/esm/webchat/message-list/unread-messages-banner.js +0 -13
  362. package/lib/esm/webchat/message-list/unread-messages-banner.js.map +0 -1
  363. package/lib/esm/webchat/message-list/use-debounce.d.ts +0 -1
  364. package/lib/esm/webchat/message-list/use-debounce.js +0 -14
  365. package/lib/esm/webchat/message-list/use-debounce.js.map +0 -1
  366. package/lib/esm/webchat/message-list/use-notifications.d.ts +0 -7
  367. package/lib/esm/webchat/message-list/use-notifications.js +0 -20
  368. package/lib/esm/webchat/message-list/use-notifications.js.map +0 -1
  369. package/lib/esm/webchat/replies/index.d.ts +0 -1
  370. package/lib/esm/webchat/replies/index.js +0 -28
  371. package/lib/esm/webchat/replies/index.js.map +0 -1
  372. package/lib/esm/webchat/replies/styles.d.ts +0 -8
  373. package/lib/esm/webchat/replies/styles.js +0 -21
  374. package/lib/esm/webchat/replies/styles.js.map +0 -1
  375. package/lib/esm/webchat/session-view.d.ts +0 -1
  376. package/lib/esm/webchat/session-view.js +0 -96
  377. package/lib/esm/webchat/session-view.js.map +0 -1
  378. package/lib/esm/webchat/styles.d.ts +0 -9
  379. package/lib/esm/webchat/styles.js +0 -50
  380. package/lib/esm/webchat/styles.js.map +0 -1
  381. package/lib/esm/webchat/theme/types.d.ts +0 -167
  382. package/lib/esm/webchat/theme/types.js +0 -2
  383. package/lib/esm/webchat/theme/types.js.map +0 -1
  384. package/lib/esm/webchat/tracking.d.ts +0 -7
  385. package/lib/esm/webchat/tracking.js +0 -10
  386. package/lib/esm/webchat/tracking.js.map +0 -1
  387. package/lib/esm/webchat/trigger-button/index.d.ts +0 -2
  388. package/lib/esm/webchat/trigger-button/index.js +0 -28
  389. package/lib/esm/webchat/trigger-button/index.js.map +0 -1
  390. package/lib/esm/webchat/trigger-button/styles.d.ts +0 -3
  391. package/lib/esm/webchat/trigger-button/styles.js +0 -36
  392. package/lib/esm/webchat/trigger-button/styles.js.map +0 -1
  393. package/lib/esm/webchat/typing-indicator/index.d.ts +0 -3
  394. package/lib/esm/webchat/typing-indicator/index.js +0 -8
  395. package/lib/esm/webchat/typing-indicator/index.js.map +0 -1
  396. package/lib/esm/webchat/typing-indicator/styles.d.ts +0 -7
  397. package/lib/esm/webchat/typing-indicator/styles.js +0 -46
  398. package/lib/esm/webchat/typing-indicator/styles.js.map +0 -1
  399. package/lib/esm/webchat/use-storage-state-hook.d.ts +0 -1
  400. package/lib/esm/webchat/use-storage-state-hook.js +0 -38
  401. package/lib/esm/webchat/use-storage-state-hook.js.map +0 -1
  402. package/lib/esm/webchat/utils.d.ts +0 -2
  403. package/lib/esm/webchat/utils.js +0 -8
  404. package/lib/esm/webchat/utils.js.map +0 -1
  405. package/lib/esm/webchat/webchat-dev.d.ts +0 -7
  406. package/lib/esm/webchat/webchat-dev.js +0 -56
  407. package/lib/esm/webchat/webchat-dev.js.map +0 -1
  408. package/lib/esm/webchat/webchat.d.ts +0 -4
  409. package/lib/esm/webchat/webchat.js +0 -522
  410. package/lib/esm/webchat/webchat.js.map +0 -1
  411. package/lib/esm/webchat/webview.d.ts +0 -2
  412. package/lib/esm/webchat/webview.js +0 -71
  413. package/lib/esm/webchat/webview.js.map +0 -1
  414. package/lib/esm/webchat-app.d.ts +0 -78
  415. package/lib/esm/webchat-app.js +0 -363
  416. package/lib/esm/webchat-app.js.map +0 -1
  417. package/lib/esm/webview-app.d.ts +0 -7
  418. package/lib/esm/webview-app.js +0 -105
  419. package/lib/esm/webview-app.js.map +0 -1
@@ -1,105 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { INPUT, isBrowser } from '@botonic/core';
3
- import React, { useContext, useEffect, useRef, useState } from 'react';
4
- import styled from 'styled-components';
5
- import LeftArrow from '../assets/leftArrow.svg';
6
- import RightArrow from '../assets/rightArrow.svg';
7
- import { COLORS, WEBCHAT } from '../constants';
8
- import { resolveImage } from '../util/environment';
9
- import { WebchatContext } from '../webchat/context';
10
- import { ButtonsDisabler } from './buttons-disabler';
11
- import { Message } from './message';
12
- const ScrollableCarousel = styled.div `
13
- overscroll-behavior: contain;
14
- -webkit-overflow-scrolling: touch;
15
- `;
16
- const StyledCarousel = styled.div `
17
- padding: 10px 0px;
18
- display: flex;
19
- flex-direction: row;
20
- max-width: 100%;
21
- ${props => props.carouselArrowsEnabled && 'overflow-x: auto;'}
22
- `;
23
- const StyledItems = styled.div `
24
- display: flex;
25
- `;
26
- const StyledArrowContainer = styled.div `
27
- position: absolute;
28
- top: calc(50% - 20px);
29
- height: 40px;
30
- width: 25px;
31
- background: ${COLORS.SILVER};
32
- display: flex;
33
- align-items: center;
34
- cursor: pointer;
35
- justify-content: ${props => props.justifyContent};
36
- left: ${props => props.left}px;
37
- right: ${props => props.right}px;
38
- border-top-${props => props.arrow}-radius: 30px;
39
- border-bottom-${props => props.arrow}-radius: 30px;
40
- `;
41
- const StyledArrow = styled.img `
42
- width: 20px;
43
- height: 20px;
44
- `;
45
- const serialize = carouselProps => {
46
- let carouselChildren = carouselProps.children;
47
- if (!Array.isArray(carouselChildren))
48
- carouselChildren = [carouselChildren];
49
- return {
50
- type: INPUT.CAROUSEL,
51
- elements: carouselChildren.map(e => e && e.type && e.type.serialize && e.type.serialize(e.props)),
52
- };
53
- };
54
- /**
55
- *
56
- * @param {MessageProps} props
57
- * @returns {JSX.Element}
58
- */
59
- export const Carousel = props => {
60
- const { getThemeProperty } = useContext(WebchatContext);
61
- let content = props.children;
62
- const [hasLeftArrow, setLeftArrow] = useState(false);
63
- const [hasRightArrow, setRightArrow] = useState(true);
64
- const carouselRef = useRef(null);
65
- const CustomCarouselLeftArrow = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customCarouselLeftArrow, undefined);
66
- const CustomCarouselRightArrow = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customCarouselRightArrow, undefined);
67
- // TODO: Investigate why when set to false, scroll is enabled via dragging the bar but not hovering the carousel elements
68
- const carouselArrowsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableCarouselArrows, true);
69
- const scrollCarouselBy = value => {
70
- carouselRef.current.scrollBy({
71
- left: value,
72
- behavior: 'smooth',
73
- });
74
- };
75
- const setArrowsVisibility = event => {
76
- const carousel = event.currentTarget;
77
- const maxRightScroll = carousel.scrollWidth -
78
- carousel.offsetWidth -
79
- WEBCHAT.DEFAULTS.ELEMENT_MARGIN_RIGHT;
80
- setLeftArrow(carousel.scrollLeft !== 0);
81
- setRightArrow(carousel.scrollLeft < maxRightScroll);
82
- };
83
- const getArrows = () => {
84
- const scrollBy = WEBCHAT.DEFAULTS.ELEMENT_WIDTH + WEBCHAT.DEFAULTS.ELEMENT_MARGIN_RIGHT;
85
- return (_jsxs(_Fragment, { children: [hasLeftArrow &&
86
- (CustomCarouselLeftArrow ? (_jsx(CustomCarouselLeftArrow, { scrollCarouselBy: scrollCarouselBy })) : (_jsx(StyledArrowContainer, Object.assign({ left: 0, arrow: 'right', justifyContent: 'flex-start', onClick: () => scrollCarouselBy(-scrollBy) }, { children: _jsx(StyledArrow, { src: resolveImage(LeftArrow) }) })))), hasRightArrow &&
87
- (CustomCarouselRightArrow ? (_jsx(CustomCarouselRightArrow, { scrollCarouselBy: scrollCarouselBy })) : (_jsx(StyledArrowContainer, Object.assign({ right: 0, arrow: 'left', justifyContent: 'flex-end', onClick: () => scrollCarouselBy(scrollBy) }, { children: _jsx(StyledArrow, { src: resolveImage(RightArrow) }) }))))] }));
88
- };
89
- useEffect(() => {
90
- const carousel = carouselRef.current;
91
- if (carousel && carousel.addEventListener) {
92
- carousel.addEventListener('scroll', setArrowsVisibility, false);
93
- }
94
- else if (carousel && carousel.attachEvent) {
95
- carousel.attachEvent('scroll', setArrowsVisibility);
96
- }
97
- }, [carouselRef.current]);
98
- const carouselProps = Object.assign(Object.assign({}, props), { children: ButtonsDisabler.updateChildrenButtons(props.children) });
99
- if (isBrowser()) {
100
- content = (_jsx(ScrollableCarousel, { children: _jsxs(StyledCarousel, Object.assign({ ref: carouselRef, carouselArrowsEnabled: carouselArrowsEnabled }, { children: [_jsx(StyledItems, { children: carouselProps.children }), carouselArrowsEnabled && getArrows()] })) }));
101
- }
102
- return (_jsx(Message, Object.assign({ style: { width: '85%', padding: 0, backgroundColor: COLORS.TRANSPARENT }, blob: false, json: serialize(carouselProps), type: INPUT.CAROUSEL }, carouselProps, { children: content })));
103
- };
104
- Carousel.serialize = serialize;
105
- //# sourceMappingURL=carousel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/components/carousel.jsx"],"names":[],"mappings":"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"}
@@ -1,12 +0,0 @@
1
- /**
2
- * Get the name of an element (instantiated component)
3
- * @param {React.Element} component
4
- * @returns {string}
5
- */
6
- export function getElementName(component: React.Element): string;
7
- /**
8
- * Get the name of a component TYPE
9
- * @param {React.ComponentType} component
10
- * @returns {string}
11
- */
12
- export function getComponentTypeName(component: React.ComponentType): string;
@@ -1,17 +0,0 @@
1
- /**
2
- * Get the name of an element (instantiated component)
3
- * @param {React.Element} component
4
- * @returns {string}
5
- */
6
- export function getElementName(component) {
7
- return component.type.name;
8
- }
9
- /**
10
- * Get the name of a component TYPE
11
- * @param {React.ComponentType} component
12
- * @returns {string}
13
- */
14
- export function getComponentTypeName(component) {
15
- return component.displayName || component.name || 'Component';
16
- }
17
- //# sourceMappingURL=components.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/components.js"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,SAAS;IACtC,OAAO,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA;AAC5B,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAC,SAAS;IAC5C,OAAO,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,CAAA;AAC/D,CAAC"}
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
- import { CustomMessageType } from './index-types';
3
- /**
4
- *
5
- * name: as it appears at ThemeProps' message.customTypes key
6
- * CustomMessageComponent
7
- * defaultProps: Props for the wrapper Message
8
- * ErrorBoundary: to recover in case it fails
9
- */
10
- export interface CustomMessageArgs {
11
- name: string;
12
- component: React.ComponentType;
13
- defaultProps?: Record<string, any>;
14
- errorBoundary?: any;
15
- }
16
- export declare const customMessage: ({ name, component: CustomMessageComponent, defaultProps, errorBoundary, }: CustomMessageArgs) => CustomMessageType;
@@ -1,50 +0,0 @@
1
- import { __rest } from "tslib";
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { INPUT } from '@botonic/core';
4
- import merge from 'lodash.merge';
5
- import React from 'react';
6
- import { SENDERS } from '../index-types';
7
- import { createErrorBoundary } from '../util/error-boundary';
8
- import { warnDeprecatedProps } from '../util/logs';
9
- import { mapObjectNonBooleanValues } from '../util/react';
10
- import { Message } from './message';
11
- import { Reply } from './reply';
12
- export const customMessage = ({ name, component: CustomMessageComponent, defaultProps = {}, errorBoundary = createErrorBoundary(), }) => {
13
- const CustomMessage = props => {
14
- warnDeprecatedProps(defaultProps, 'customMessage:');
15
- if (defaultProps.sentBy === SENDERS.user) {
16
- defaultProps.ack = 1;
17
- }
18
- return (_jsx(Message, Object.assign({}, merge(mapObjectNonBooleanValues(defaultProps), props), { type: INPUT.CUSTOM })));
19
- };
20
- const splitChildren = props => {
21
- const { children } = props;
22
- const isReply = e => e.type === Reply;
23
- try {
24
- if (!Array.isArray(children) && !isReply(children)) {
25
- return { replies: null, childrenWithoutReplies: children };
26
- }
27
- const childrenArray = React.Children.toArray(children);
28
- const replies = childrenArray.filter(isReply);
29
- const childrenWithoutReplies = childrenArray.filter(e => !isReply(e));
30
- return {
31
- replies: replies,
32
- childrenWithoutReplies,
33
- };
34
- }
35
- catch (e) {
36
- return { replies: null, childrenWithoutReplies: children };
37
- }
38
- };
39
- const WrappedComponent = props => {
40
- const { id, children } = props, customMessageProps = __rest(props, ["id", "children"]);
41
- const { replies, childrenWithoutReplies } = splitChildren(props);
42
- const ErrorBoundary = errorBoundary;
43
- return (_jsxs(CustomMessage, Object.assign({ id: id, json: Object.assign(Object.assign({}, customMessageProps), { id, children: childrenWithoutReplies, customTypeName: name }), sentBy: props.sentBy || SENDERS.bot, isUnread: props.isUnread }, { children: [_jsx(ErrorBoundary, Object.assign({}, customMessageProps, { children: _jsx(CustomMessageComponent, Object.assign({}, customMessageProps, { children: childrenWithoutReplies })) }), 'errorBoundary'), replies] })));
44
- };
45
- WrappedComponent.customTypeName = name;
46
- // eslint-disable-next-line react/display-name
47
- WrappedComponent.deserialize = (msg) => (_jsx(WrappedComponent, Object.assign({ id: msg.id, json: msg.data }, msg.data, { sentBy: msg.sentBy || SENDERS.bot, isUnread: msg.isUnread }), msg.key));
48
- return WrappedComponent;
49
- };
50
- //# sourceMappingURL=custom-message.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"custom-message.js","sourceRoot":"","sources":["../../../src/components/custom-message.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +0,0 @@
1
- import { DocumentProps } from './index-types';
2
- export declare const Document: {
3
- (props: DocumentProps): import("react/jsx-runtime").JSX.Element;
4
- serialize: (documentProps: {
5
- src: string;
6
- }) => {
7
- document: string;
8
- };
9
- };
@@ -1,42 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { INPUT, isBrowser } from '@botonic/core';
3
- import { useContext } from 'react';
4
- import styled from 'styled-components';
5
- import { ROLES, WEBCHAT } from '../constants';
6
- import { staticAsset } from '../util/environment';
7
- import { WebchatContext } from '../webchat/context';
8
- import { Message } from './message';
9
- const StyledButton = styled.a `
10
- display: block;
11
- height: 25px;
12
- background-color: #f0f0f0;
13
- padding: 10px;
14
- text-align: center;
15
- border-radius: 5px;
16
- color: black;
17
- font-weight: bold;
18
- line-height: 25px;
19
- text-decoration: none;
20
- border: 1px solid black;
21
- opacity: 0.9;
22
- &:hover {
23
- opacity: 1;
24
- }
25
- `;
26
- const serialize = (documentProps) => {
27
- return { document: documentProps.src };
28
- };
29
- export const Document = (props) => {
30
- props = Object.assign(Object.assign({}, props), { src: staticAsset(props.src) });
31
- let content = props.children;
32
- const { getThemeProperty } = useContext(WebchatContext);
33
- let documentDownload = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.documentDownload, {});
34
- if (typeof documentDownload === 'function')
35
- documentDownload = documentDownload(props.from);
36
- if (isBrowser()) {
37
- content = (_jsx(StyledButton, Object.assign({ href: props.src, target: '_blank', rel: 'noreferrer', style: Object.assign({}, documentDownload.style) }, { children: documentDownload.text || 'Download' })));
38
- }
39
- return (_jsx(Message, Object.assign({ role: ROLES.DOCUMENT_MESSAGE, json: serialize(props) }, props, { type: INPUT.DOCUMENT }, { children: content })));
40
- };
41
- Document.serialize = serialize;
42
- //# sourceMappingURL=document.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"document.js","sourceRoot":"","sources":["../../../src/components/document.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAChD,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;;;;;;;;;CAgB5B,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,aAA8B,EAAE,EAAE;IACnD,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,GAAG,EAAE,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,KAAK,mCAAQ,KAAK,KAAE,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IAEjD,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAE5B,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACvD,IAAI,gBAAgB,GAAG,gBAAgB,CACrC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,EAAE,CACH,CAAA;IACD,IAAI,OAAO,gBAAgB,KAAK,UAAU;QACxC,gBAAgB,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAEjD,IAAI,SAAS,EAAE,EAAE;QACf,OAAO,GAAG,CACR,KAAC,YAAY,kBACX,IAAI,EAAE,KAAK,CAAC,GAAG,EACf,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,KAAK,oBACA,gBAAgB,CAAC,KAAK,iBAG1B,gBAAgB,CAAC,IAAI,IAAI,UAAU,IACvB,CAChB,CAAA;KACF;IAED,OAAO,CACL,KAAC,OAAO,kBACN,IAAI,EAAE,KAAK,CAAC,gBAAgB,EAC5B,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAClB,KAAK,IACT,IAAI,EAAE,KAAK,CAAC,QAAQ,gBAEnB,OAAO,IACA,CACX,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAA"}
@@ -1,4 +0,0 @@
1
- export function Element(props: any): any;
2
- export namespace Element {
3
- function serialize(elementProps: any): any;
4
- }
@@ -1,51 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import React from 'react';
3
- import styled from 'styled-components';
4
- import { COLORS, WEBCHAT } from '../constants';
5
- import { renderComponent } from '../util/react';
6
- import { Button } from './button';
7
- const ElementContainer = styled.div `
8
- display: flex;
9
- flex-direction: column;
10
- width: ${WEBCHAT.DEFAULTS.ELEMENT_WIDTH}px;
11
- margin-right: ${WEBCHAT.DEFAULTS.ELEMENT_MARGIN_RIGHT}px;
12
- border-radius: 6px;
13
- border: 1px solid ${COLORS.SEASHELL_WHITE};
14
- overflow: hidden;
15
- justify-content: space-between;
16
- `;
17
- export const Element = props => {
18
- const renderBrowser = () => (_jsx(ElementContainer, { children: props.children }));
19
- const renderNode = () => _jsx("element", { children: props.children });
20
- return renderComponent({ renderBrowser, renderNode });
21
- };
22
- Element.serialize = elementProps => {
23
- const element = Object.assign({}, ...elementProps.children
24
- .filter(c => c && c.type && c.type.name != 'Button')
25
- .map(c => c.type.serialize && c.type.serialize(c.props)));
26
- // When we are serializer buttons from backend, we are receiving the data
27
- // as an array of buttons, so we have to keep robust with serve and deal with arrays
28
- element.buttons = [
29
- ...elementProps.children
30
- .filter(c => {
31
- var _a;
32
- if (c instanceof Array)
33
- return true;
34
- return ((_a = c === null || c === void 0 ? void 0 : c.type) === null || _a === void 0 ? void 0 : _a.name) === Button.name;
35
- })
36
- .map(b => {
37
- var _a;
38
- if (b instanceof Array) {
39
- b.map(bb => { var _a, _b, _c; return (_c = (_b = (_a = bb === null || bb === void 0 ? void 0 : bb.type) === null || _a === void 0 ? void 0 : _a.serialize) === null || _b === void 0 ? void 0 : _b.call(_a, bb.props)) === null || _c === void 0 ? void 0 : _c.button; });
40
- }
41
- return (_a = b === null || b === void 0 ? void 0 : b.type) === null || _a === void 0 ? void 0 : _a.serialize(b.props).button;
42
- }),
43
- ];
44
- // When we have the buttons from backend, we have all buttons inside an array on the first position
45
- // of another array in element['buttons'] we want that element['buttons'] to be an array of buttons,
46
- // not an array of another array of buttons
47
- if (element.buttons[0] instanceof Array)
48
- element.buttons = element.buttons[0];
49
- return element;
50
- };
51
- //# sourceMappingURL=element.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"element.js","sourceRoot":"","sources":["../../../src/components/element.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;WAGxB,OAAO,CAAC,QAAQ,CAAC,aAAa;kBACvB,OAAO,CAAC,QAAQ,CAAC,oBAAoB;;sBAEjC,MAAM,CAAC,cAAc;;;CAG1C,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE;IAC7B,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,KAAC,gBAAgB,cAAE,KAAK,CAAC,QAAQ,GAAoB,CACtD,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,4BAAU,KAAK,CAAC,QAAQ,GAAW,CAAA;IAE5D,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAED,OAAO,CAAC,SAAS,GAAG,YAAY,CAAC,EAAE;IACjC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAC3B,EAAE,EACF,GAAG,YAAY,CAAC,QAAQ;SACrB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC;SACnD,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAC3D,CAAA;IACD,yEAAyE;IACzE,oFAAoF;IACpF,OAAO,CAAC,OAAO,GAAG;QAChB,GAAG,YAAY,CAAC,QAAQ;aACrB,MAAM,CAAC,CAAC,CAAC,EAAE;;YACV,IAAI,CAAC,YAAY,KAAK;gBAAE,OAAO,IAAI,CAAA;YACnC,OAAO,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,0CAAE,IAAI,MAAK,MAAM,CAAC,IAAI,CAAA;QACtC,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,CAAC,EAAE;;YACP,IAAI,CAAC,YAAY,KAAK,EAAE;gBACtB,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,mBAAC,OAAA,MAAA,MAAA,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,IAAI,0CAAE,SAAS,mDAAG,EAAE,CAAC,KAAK,CAAC,0CAAE,MAAM,CAAA,EAAA,CAAC,CAAA;aACrD;YACD,OAAO,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,0CAAE,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAA;QAC3C,CAAC,CAAC;KACL,CAAA;IACD,mGAAmG;IACnG,oGAAoG;IACpG,2CAA2C;IAC3C,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,KAAK;QAAE,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAC7E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
@@ -1 +0,0 @@
1
- export function Handoff(props: any): import("react/jsx-runtime").JSX.Element;
@@ -1,49 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React, { useContext, useState } from 'react';
3
- import styled from 'styled-components';
4
- import { COLORS } from '../constants';
5
- import { WebchatContext } from '../webchat/context';
6
- const Container = styled.div `
7
- display: flex;
8
- font-family: inherit;
9
- flex-direction: column;
10
- justify-content: center;
11
- align-items: center;
12
- padding: 24px;
13
- `;
14
- const TransferredContainer = styled.div `
15
- text-align: center;
16
- white-space: normal;
17
- `;
18
- const EndedContainer = styled.div `
19
- text-align: center;
20
- white-space: normal;
21
- `;
22
- const StyledButton = styled.button `
23
- max-width: 60%;
24
- padding: 12px 24px;
25
- background-color: ${COLORS.SOLID_WHITE};
26
- border: none;
27
- border-radius: 4px;
28
- margin-top: 8px;
29
- cursor: pointer;
30
- `;
31
- export const Handoff = props => {
32
- const { resolveCase } = useContext(WebchatContext);
33
- const [state, setState] = useState({ showContinue: true });
34
- const continueClick = () => {
35
- setState({ showContinue: false });
36
- resolveCase();
37
- };
38
- const bgColor = state.showContinue
39
- ? COLORS.FRINGY_FLOWER_GREEN
40
- : COLORS.TASMAN_GRAY;
41
- const fontColor = state.showContinue
42
- ? COLORS.APPLE_GREEN
43
- : COLORS.CACTUS_GREEN;
44
- return (_jsxs(Container, Object.assign({ style: {
45
- color: fontColor,
46
- backgroundColor: bgColor,
47
- } }, { children: [state.showContinue ? (_jsx(TransferredContainer, { children: "Conversation transferred to a human agent..." })) : (_jsx(EndedContainer, { children: "Human handoff ended" })), state.showContinue && (_jsx(StyledButton, Object.assign({ onClick: continueClick }, { children: "Continue" })))] })));
48
- };
49
- //# sourceMappingURL=handoff.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"handoff.js","sourceRoot":"","sources":["../../../src/components/handoff.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO3B,CAAA;AAED,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGtC,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAA;;;sBAGZ,MAAM,CAAC,WAAW;;;;;CAKvC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE;IAC7B,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAA;IAE1D,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAA;QACjC,WAAW,EAAE,CAAA;IACf,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY;QAChC,CAAC,CAAC,MAAM,CAAC,mBAAmB;QAC5B,CAAC,CAAC,MAAM,CAAC,WAAW,CAAA;IACtB,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY;QAClC,CAAC,CAAC,MAAM,CAAC,WAAW;QACpB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAA;IACvB,OAAO,CACL,MAAC,SAAS,kBACR,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,eAAe,EAAE,OAAO;SACzB,iBAEA,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,KAAC,oBAAoB,+DAEE,CACxB,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,sCAAqC,CACrD,EACA,KAAK,CAAC,YAAY,IAAI,CACrB,KAAC,YAAY,kBAAC,OAAO,EAAE,aAAa,8BAAyB,CAC9D,KACS,CACb,CAAA;AACH,CAAC,CAAA"}
@@ -1,9 +0,0 @@
1
- import { ImageProps } from './index-types';
2
- export declare const Image: {
3
- (props: ImageProps): import("react/jsx-runtime").JSX.Element;
4
- serialize: (imageProps: {
5
- src: string;
6
- }) => {
7
- image: string;
8
- };
9
- };
@@ -1,35 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { INPUT, isBrowser } from '@botonic/core';
3
- import { useContext, useState } from 'react';
4
- import styled from 'styled-components';
5
- import { ROLES, WEBCHAT } from '../constants';
6
- import { staticAsset } from '../util/environment';
7
- import { WebchatContext } from '../webchat/context';
8
- import { Message } from './message';
9
- const StyledImage = styled.img `
10
- border-radius: 8px;
11
- max-width: 150px;
12
- max-height: 150px;
13
- margin: -3px -6px;
14
- cursor: ${({ hasPreviewer }) => (hasPreviewer ? 'pointer' : 'auto')};
15
- `;
16
- const serialize = (imageProps) => {
17
- return { image: imageProps.src };
18
- };
19
- export const Image = (props) => {
20
- var _a;
21
- props = ((_a = props.input) === null || _a === void 0 ? void 0 : _a.data)
22
- ? Object.assign(Object.assign({}, props), { src: props.input.data }) : Object.assign(Object.assign({}, props), { src: staticAsset(props.src) });
23
- let content = props.children;
24
- const [isPreviewerOpened, setIsPreviewerOpened] = useState(false);
25
- const openPreviewer = () => setIsPreviewerOpened(true);
26
- const closePreviewer = () => setIsPreviewerOpened(false);
27
- const { getThemeProperty } = useContext(WebchatContext);
28
- const ImagePreviewer = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.imagePreviewer, null);
29
- if (isBrowser()) {
30
- content = (_jsxs(_Fragment, { children: [_jsx(StyledImage, { src: props.src, onClick: openPreviewer, hasPreviewer: Boolean(ImagePreviewer) }), ImagePreviewer && (_jsx(ImagePreviewer, { src: props.src, isPreviewerOpened: isPreviewerOpened, openPreviewer: openPreviewer, closePreviewer: closePreviewer }))] }));
31
- }
32
- return (_jsx(Message, Object.assign({ role: ROLES.IMAGE_MESSAGE, json: serialize(props) }, props, { type: INPUT.IMAGE }, { children: content })));
33
- };
34
- Image.serialize = serialize;
35
- //# sourceMappingURL=image.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/components/image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAChD,OAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAMnC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAkB;;;;;YAKpC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;CACpE,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,UAA2B,EAAE,EAAE;IAChD,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAA;AAClC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;;IACzC,KAAK,GAAG,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI;QACvB,CAAC,iCAAM,KAAK,KAAE,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,IACnC,CAAC,iCAAM,KAAK,KAAE,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IAE7C,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAE5B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjE,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAA;IACtD,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAExD,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACvD,MAAM,cAAc,GAAG,gBAAgB,CACrC,OAAO,CAAC,iBAAiB,CAAC,cAAc,EACxC,IAAI,CACL,CAAA;IACD,IAAI,SAAS,EAAE,EAAE;QACf,OAAO,GAAG,CACR,8BACE,KAAC,WAAW,IACV,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,OAAO,EAAE,aAAa,EACtB,YAAY,EAAE,OAAO,CAAC,cAAc,CAAC,GACrC,EACD,cAAc,IAAI,CACjB,KAAC,cAAc,IACb,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B,CACH,IACA,CACJ,CAAA;KACF;IACD,OAAO,CACL,KAAC,OAAO,kBACN,IAAI,EAAE,KAAK,CAAC,aAAa,EACzB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAClB,KAAK,IACT,IAAI,EAAE,KAAK,CAAC,KAAK,gBAEhB,OAAO,IACA,CACX,CAAA;AACH,CAAC,CAAA;AAED,KAAK,CAAC,SAAS,GAAG,SAAS,CAAA"}
@@ -1,89 +0,0 @@
1
- import React from 'react';
2
- import { SENDERS } from '../index-types';
3
- export type MessageType = 'audio' | 'buttonmessage' | 'carousel' | 'custom' | 'document' | 'image' | 'location' | 'text' | 'video';
4
- export interface MessageProps {
5
- blob?: boolean;
6
- children?: React.ReactNode;
7
- delay?: number;
8
- enabletimestamps?: boolean;
9
- sentBy?: SENDERS;
10
- json?: Record<string, unknown>;
11
- style?: Record<string, unknown>;
12
- type?: MessageType;
13
- typing?: number;
14
- }
15
- export interface TextProps extends MessageProps {
16
- markdown?: boolean;
17
- feedbackEnabled?: boolean;
18
- inferenceId?: string;
19
- botInteractionId?: string;
20
- }
21
- export interface Webview {
22
- name: string;
23
- }
24
- export interface ButtonProps {
25
- params?: any;
26
- path?: string;
27
- payload?: string;
28
- target?: string;
29
- url?: string;
30
- webview?: Webview;
31
- onClick?: () => void;
32
- autodisable?: boolean;
33
- disabled?: boolean;
34
- disabledstyle?: boolean;
35
- children: string;
36
- setDisabled?: (disabled: boolean) => void;
37
- parentId?: string;
38
- }
39
- export interface ReplyProps {
40
- path?: string;
41
- payload?: string;
42
- children: string;
43
- }
44
- export interface PicProps {
45
- src: string;
46
- }
47
- export interface ImageProps extends MessageProps {
48
- src: string;
49
- input?: {
50
- data: string;
51
- };
52
- }
53
- export interface VideoProps extends MessageProps {
54
- src: string;
55
- input?: {
56
- data: string;
57
- };
58
- }
59
- export interface AudioProps extends MessageProps {
60
- src: string;
61
- input?: {
62
- data: string;
63
- };
64
- }
65
- export interface DocumentProps extends MessageProps {
66
- src: string;
67
- input?: {
68
- data: string;
69
- };
70
- from?: any;
71
- }
72
- export interface TitleProps {
73
- children: React.ReactNode;
74
- style: string;
75
- }
76
- export type SubtitleProps = TitleProps;
77
- export interface CustomMessageType {
78
- (props: any): JSX.Element;
79
- customTypeName: string;
80
- deserialize(msg: any): JSX.Element;
81
- }
82
- export type BlockInputOption = {
83
- preprocess?: (message: string) => string;
84
- match: RegExp[];
85
- message: string;
86
- };
87
- export type WrappedComponent<Props> = React.FunctionComponent<Props> & {
88
- customTypeName: string;
89
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=index-types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../../src/components/index-types.ts"],"names":[],"mappings":""}
@@ -1,25 +0,0 @@
1
- export { Audio } from './audio';
2
- export { Button } from './button';
3
- export { Carousel } from './carousel';
4
- export { customMessage } from './custom-message';
5
- export { Document } from './document';
6
- export { Element } from './element';
7
- export { Handoff } from './handoff';
8
- export { Image } from './image';
9
- export * from './index-types';
10
- export { Location } from './location';
11
- export { Message } from './message';
12
- export { MessageTemplate } from './message-template';
13
- export * from './multichannel';
14
- export { Pic } from './pic';
15
- export { Raw } from './raw';
16
- export { Reply } from './reply';
17
- export { ShareButton } from './share-button';
18
- export { Subtitle } from './subtitle';
19
- export { Text } from './text';
20
- export { Title } from './title';
21
- export { Video } from './video';
22
- export { normalizeWebchatSettings, WebchatSettings, WebchatSettingsProps, } from './webchat-settings';
23
- export { WhatsappButtonList, WhatsappButtonListProps, WhatsappButtonListRowProps, WhatsappButtonListSectionProps, } from './whatsapp-button-list';
24
- export { WhatsappCTAUrlButton, WhatsappCTAUrlButtonProps, } from './whatsapp-cta-url-button';
25
- export { WhatsappTemplate } from './whatsapp-template';
@@ -1,26 +0,0 @@
1
- export { Audio } from './audio';
2
- export { Button } from './button';
3
- export { Carousel } from './carousel';
4
- export { customMessage } from './custom-message';
5
- export { Document } from './document';
6
- export { Element } from './element';
7
- export { Handoff } from './handoff';
8
- export { Image } from './image';
9
- export * from './index-types';
10
- export { Location } from './location';
11
- export { Message } from './message';
12
- export { MessageTemplate } from './message-template';
13
- export * from './multichannel';
14
- export { Pic } from './pic';
15
- export { Raw } from './raw';
16
- export { Reply } from './reply';
17
- export { ShareButton } from './share-button';
18
- export { Subtitle } from './subtitle';
19
- export { Text } from './text';
20
- export { Title } from './title';
21
- export { Video } from './video';
22
- export { normalizeWebchatSettings, WebchatSettings, } from './webchat-settings';
23
- export { WhatsappButtonList, } from './whatsapp-button-list';
24
- export { WhatsappCTAUrlButton, } from './whatsapp-cta-url-button';
25
- export { WhatsappTemplate } from './whatsapp-template';
26
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EACL,wBAAwB,EACxB,eAAe,GAEhB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,kBAAkB,GAInB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,oBAAoB,GAErB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA"}
@@ -1,11 +0,0 @@
1
- export function Location(props: any): any;
2
- export namespace Location {
3
- export { serialize };
4
- }
5
- declare function serialize(locationProps: any): {
6
- location: {
7
- lat: any;
8
- long: any;
9
- };
10
- };
11
- export {};