@elliemae/ds-chat 3.5.0-rc.9 → 3.6.0-next.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 (286) hide show
  1. package/dist/cjs/{parts → bubble}/index.js +3 -5
  2. package/dist/cjs/bubble/index.js.map +7 -0
  3. package/dist/cjs/{exported-related/chat-card → card}/index.js +4 -11
  4. package/dist/cjs/card/index.js.map +7 -0
  5. package/dist/cjs/container/index.js +26 -0
  6. package/dist/cjs/container/index.js.map +7 -0
  7. package/dist/cjs/{exported-related/tile-button → container-header}/index.js +4 -11
  8. package/dist/cjs/container-header/index.js.map +7 -0
  9. package/dist/cjs/empty-state/index.js +26 -0
  10. package/dist/cjs/empty-state/index.js.map +7 -0
  11. package/dist/cjs/{exported-related/floating-button → floating-button}/index.js +1 -1
  12. package/dist/cjs/floating-button/index.js.map +7 -0
  13. package/dist/cjs/index.js +10 -4
  14. package/dist/cjs/index.js.map +2 -2
  15. package/dist/cjs/message-delimeter/index.js +26 -0
  16. package/dist/cjs/message-delimeter/index.js.map +7 -0
  17. package/dist/cjs/sidebar/index.js +26 -0
  18. package/dist/cjs/sidebar/index.js.map +7 -0
  19. package/dist/cjs/{exported-related/system-message → system-message}/index.js +2 -9
  20. package/dist/cjs/system-message/index.js.map +7 -0
  21. package/dist/cjs/tile/index.js +26 -0
  22. package/dist/cjs/tile/index.js.map +7 -0
  23. package/dist/esm/bubble/index.js +3 -0
  24. package/dist/esm/bubble/index.js.map +7 -0
  25. package/dist/esm/{exported-related/chat-sidebar/sidebar-button → card}/index.js +1 -0
  26. package/dist/esm/card/index.js.map +7 -0
  27. package/dist/esm/container/index.js +3 -0
  28. package/dist/esm/container/index.js.map +7 -0
  29. package/dist/esm/container-header/index.js +3 -0
  30. package/dist/esm/container-header/index.js.map +7 -0
  31. package/dist/esm/empty-state/index.js +3 -0
  32. package/dist/esm/empty-state/index.js.map +7 -0
  33. package/dist/esm/floating-button/index.js +3 -0
  34. package/dist/esm/floating-button/index.js.map +7 -0
  35. package/dist/esm/index.js +10 -4
  36. package/dist/esm/index.js.map +2 -2
  37. package/dist/esm/message-delimeter/index.js +3 -0
  38. package/dist/esm/message-delimeter/index.js.map +7 -0
  39. package/dist/esm/sidebar/index.js +3 -0
  40. package/dist/esm/sidebar/index.js.map +7 -0
  41. package/dist/esm/system-message/index.js +3 -0
  42. package/dist/esm/system-message/index.js.map +7 -0
  43. package/dist/esm/{exported-related/floating-button → tile}/index.js +1 -1
  44. package/dist/esm/tile/index.js.map +7 -0
  45. package/package.json +49 -287
  46. package/dist/cjs/ChatDataTestids.js +0 -53
  47. package/dist/cjs/ChatDataTestids.js.map +0 -7
  48. package/dist/cjs/exported-related/bubble/ChatBubble.js +0 -81
  49. package/dist/cjs/exported-related/bubble/ChatBubble.js.map +0 -7
  50. package/dist/cjs/exported-related/bubble/ChatBubbleArrow.js +0 -94
  51. package/dist/cjs/exported-related/bubble/ChatBubbleArrow.js.map +0 -7
  52. package/dist/cjs/exported-related/bubble/index.js +0 -35
  53. package/dist/cjs/exported-related/bubble/index.js.map +0 -7
  54. package/dist/cjs/exported-related/bubble/props.js +0 -65
  55. package/dist/cjs/exported-related/bubble/props.js.map +0 -7
  56. package/dist/cjs/exported-related/bubble/styled.js +0 -143
  57. package/dist/cjs/exported-related/bubble/styled.js.map +0 -7
  58. package/dist/cjs/exported-related/chat-card/ChatCard.js +0 -60
  59. package/dist/cjs/exported-related/chat-card/ChatCard.js.map +0 -7
  60. package/dist/cjs/exported-related/chat-card/index.js.map +0 -7
  61. package/dist/cjs/exported-related/chat-card/props.js +0 -45
  62. package/dist/cjs/exported-related/chat-card/props.js.map +0 -7
  63. package/dist/cjs/exported-related/chat-card/styled.js +0 -68
  64. package/dist/cjs/exported-related/chat-card/styled.js.map +0 -7
  65. package/dist/cjs/exported-related/chat-container-header/ChatContainerHeader.js +0 -63
  66. package/dist/cjs/exported-related/chat-container-header/ChatContainerHeader.js.map +0 -7
  67. package/dist/cjs/exported-related/chat-container-header/props.js +0 -40
  68. package/dist/cjs/exported-related/chat-container-header/props.js.map +0 -7
  69. package/dist/cjs/exported-related/chat-container-header/styled.js +0 -57
  70. package/dist/cjs/exported-related/chat-container-header/styled.js.map +0 -7
  71. package/dist/cjs/exported-related/chat-empty-state/ChatEmptyState.js +0 -70
  72. package/dist/cjs/exported-related/chat-empty-state/ChatEmptyState.js.map +0 -7
  73. package/dist/cjs/exported-related/chat-empty-state/props.js +0 -41
  74. package/dist/cjs/exported-related/chat-empty-state/props.js.map +0 -7
  75. package/dist/cjs/exported-related/chat-empty-state/styled.js +0 -44
  76. package/dist/cjs/exported-related/chat-empty-state/styled.js.map +0 -7
  77. package/dist/cjs/exported-related/chat-sidebar/SideBarChat.js +0 -99
  78. package/dist/cjs/exported-related/chat-sidebar/SideBarChat.js.map +0 -7
  79. package/dist/cjs/exported-related/chat-sidebar/index.js +0 -33
  80. package/dist/cjs/exported-related/chat-sidebar/index.js.map +0 -7
  81. package/dist/cjs/exported-related/chat-sidebar/props.js +0 -80
  82. package/dist/cjs/exported-related/chat-sidebar/props.js.map +0 -7
  83. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/SidebarButton.js +0 -53
  84. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/SidebarButton.js.map +0 -7
  85. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/index.js +0 -21
  86. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/index.js.map +0 -7
  87. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/props.js +0 -49
  88. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/props.js.map +0 -7
  89. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/styled.js +0 -66
  90. package/dist/cjs/exported-related/chat-sidebar/sidebar-button/styled.js.map +0 -7
  91. package/dist/cjs/exported-related/chat-sidebar/styled.js +0 -54
  92. package/dist/cjs/exported-related/chat-sidebar/styled.js.map +0 -7
  93. package/dist/cjs/exported-related/floating-button/FloatingButton.js +0 -54
  94. package/dist/cjs/exported-related/floating-button/FloatingButton.js.map +0 -7
  95. package/dist/cjs/exported-related/floating-button/index.js.map +0 -7
  96. package/dist/cjs/exported-related/floating-button/props.js +0 -44
  97. package/dist/cjs/exported-related/floating-button/props.js.map +0 -7
  98. package/dist/cjs/exported-related/floating-button/styled.js +0 -61
  99. package/dist/cjs/exported-related/floating-button/styled.js.map +0 -7
  100. package/dist/cjs/exported-related/floating-container/styled.js +0 -44
  101. package/dist/cjs/exported-related/floating-container/styled.js.map +0 -7
  102. package/dist/cjs/exported-related/grid-influencer/InfluencerContainer.js +0 -43
  103. package/dist/cjs/exported-related/grid-influencer/InfluencerContainer.js.map +0 -7
  104. package/dist/cjs/exported-related/grid-influencer/styled.js +0 -53
  105. package/dist/cjs/exported-related/grid-influencer/styled.js.map +0 -7
  106. package/dist/cjs/exported-related/index.js +0 -59
  107. package/dist/cjs/exported-related/index.js.map +0 -7
  108. package/dist/cjs/exported-related/message-delimiter/MessageDelimiter.js +0 -54
  109. package/dist/cjs/exported-related/message-delimiter/MessageDelimiter.js.map +0 -7
  110. package/dist/cjs/exported-related/message-delimiter/index.js +0 -33
  111. package/dist/cjs/exported-related/message-delimiter/index.js.map +0 -7
  112. package/dist/cjs/exported-related/message-delimiter/props.js +0 -47
  113. package/dist/cjs/exported-related/message-delimiter/props.js.map +0 -7
  114. package/dist/cjs/exported-related/message-delimiter/styled.js +0 -50
  115. package/dist/cjs/exported-related/message-delimiter/styled.js.map +0 -7
  116. package/dist/cjs/exported-related/system-message/SystemMessage.js +0 -56
  117. package/dist/cjs/exported-related/system-message/SystemMessage.js.map +0 -7
  118. package/dist/cjs/exported-related/system-message/index.js.map +0 -7
  119. package/dist/cjs/exported-related/system-message/props.js +0 -43
  120. package/dist/cjs/exported-related/system-message/props.js.map +0 -7
  121. package/dist/cjs/exported-related/system-message/style.js +0 -72
  122. package/dist/cjs/exported-related/system-message/style.js.map +0 -7
  123. package/dist/cjs/exported-related/tile-button/TileButton.js +0 -140
  124. package/dist/cjs/exported-related/tile-button/TileButton.js.map +0 -7
  125. package/dist/cjs/exported-related/tile-button/index.js.map +0 -7
  126. package/dist/cjs/exported-related/tile-button/props.js +0 -92
  127. package/dist/cjs/exported-related/tile-button/props.js.map +0 -7
  128. package/dist/cjs/exported-related/tile-button/styled.js +0 -243
  129. package/dist/cjs/exported-related/tile-button/styled.js.map +0 -7
  130. package/dist/cjs/parts/chat-composer/ChatContainerComposer.js +0 -158
  131. package/dist/cjs/parts/chat-composer/ChatContainerComposer.js.map +0 -7
  132. package/dist/cjs/parts/chat-composer/index.js +0 -33
  133. package/dist/cjs/parts/chat-composer/index.js.map +0 -7
  134. package/dist/cjs/parts/chat-composer/styled.js +0 -99
  135. package/dist/cjs/parts/chat-composer/styled.js.map +0 -7
  136. package/dist/cjs/parts/chat-container/ChatContainer.js +0 -160
  137. package/dist/cjs/parts/chat-container/ChatContainer.js.map +0 -7
  138. package/dist/cjs/parts/chat-container/styled.js +0 -109
  139. package/dist/cjs/parts/chat-container/styled.js.map +0 -7
  140. package/dist/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +0 -118
  141. package/dist/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -7
  142. package/dist/cjs/parts/chat-container-messages-list/index.js +0 -33
  143. package/dist/cjs/parts/chat-container-messages-list/index.js.map +0 -7
  144. package/dist/cjs/parts/chat-container-messages-list/styled.js +0 -110
  145. package/dist/cjs/parts/chat-container-messages-list/styled.js.map +0 -7
  146. package/dist/cjs/parts/chat-container-messages-list/useActionRef.js +0 -61
  147. package/dist/cjs/parts/chat-container-messages-list/useActionRef.js.map +0 -7
  148. package/dist/cjs/parts/chat-container-messages-list/useChatContainerMessageList.js +0 -106
  149. package/dist/cjs/parts/chat-container-messages-list/useChatContainerMessageList.js.map +0 -7
  150. package/dist/cjs/parts/chat-container-messages-list/useFocusAndScrollHelpers.js +0 -93
  151. package/dist/cjs/parts/chat-container-messages-list/useFocusAndScrollHelpers.js.map +0 -7
  152. package/dist/cjs/parts/chat-container-messages-list/useGetNewMessages.js +0 -46
  153. package/dist/cjs/parts/chat-container-messages-list/useGetNewMessages.js.map +0 -7
  154. package/dist/cjs/parts/chat-container-messages-list/useGlobalEventListener.js +0 -59
  155. package/dist/cjs/parts/chat-container-messages-list/useGlobalEventListener.js.map +0 -7
  156. package/dist/cjs/parts/chat-container-messages-list/useKeyboard.js +0 -147
  157. package/dist/cjs/parts/chat-container-messages-list/useKeyboard.js.map +0 -7
  158. package/dist/cjs/parts/index.js.map +0 -7
  159. package/dist/cjs/react-desc-prop-types.js +0 -184
  160. package/dist/cjs/react-desc-prop-types.js.map +0 -7
  161. package/dist/cjs/styled.js +0 -42
  162. package/dist/cjs/styled.js.map +0 -7
  163. package/dist/cjs/tests/utils.js +0 -63
  164. package/dist/cjs/tests/utils.js.map +0 -7
  165. package/dist/esm/ChatDataTestids.js +0 -27
  166. package/dist/esm/ChatDataTestids.js.map +0 -7
  167. package/dist/esm/exported-related/bubble/ChatBubble.js +0 -64
  168. package/dist/esm/exported-related/bubble/ChatBubble.js.map +0 -7
  169. package/dist/esm/exported-related/bubble/ChatBubbleArrow.js +0 -68
  170. package/dist/esm/exported-related/bubble/ChatBubbleArrow.js.map +0 -7
  171. package/dist/esm/exported-related/bubble/index.js +0 -9
  172. package/dist/esm/exported-related/bubble/index.js.map +0 -7
  173. package/dist/esm/exported-related/bubble/props.js +0 -39
  174. package/dist/esm/exported-related/bubble/props.js.map +0 -7
  175. package/dist/esm/exported-related/bubble/styled.js +0 -117
  176. package/dist/esm/exported-related/bubble/styled.js.map +0 -7
  177. package/dist/esm/exported-related/chat-card/ChatCard.js +0 -34
  178. package/dist/esm/exported-related/chat-card/ChatCard.js.map +0 -7
  179. package/dist/esm/exported-related/chat-card/index.js +0 -7
  180. package/dist/esm/exported-related/chat-card/index.js.map +0 -7
  181. package/dist/esm/exported-related/chat-card/props.js +0 -19
  182. package/dist/esm/exported-related/chat-card/props.js.map +0 -7
  183. package/dist/esm/exported-related/chat-card/styled.js +0 -42
  184. package/dist/esm/exported-related/chat-card/styled.js.map +0 -7
  185. package/dist/esm/exported-related/chat-container-header/ChatContainerHeader.js +0 -46
  186. package/dist/esm/exported-related/chat-container-header/ChatContainerHeader.js.map +0 -7
  187. package/dist/esm/exported-related/chat-container-header/props.js +0 -14
  188. package/dist/esm/exported-related/chat-container-header/props.js.map +0 -7
  189. package/dist/esm/exported-related/chat-container-header/styled.js +0 -31
  190. package/dist/esm/exported-related/chat-container-header/styled.js.map +0 -7
  191. package/dist/esm/exported-related/chat-empty-state/ChatEmptyState.js +0 -44
  192. package/dist/esm/exported-related/chat-empty-state/ChatEmptyState.js.map +0 -7
  193. package/dist/esm/exported-related/chat-empty-state/props.js +0 -15
  194. package/dist/esm/exported-related/chat-empty-state/props.js.map +0 -7
  195. package/dist/esm/exported-related/chat-empty-state/styled.js +0 -18
  196. package/dist/esm/exported-related/chat-empty-state/styled.js.map +0 -7
  197. package/dist/esm/exported-related/chat-sidebar/SideBarChat.js +0 -73
  198. package/dist/esm/exported-related/chat-sidebar/SideBarChat.js.map +0 -7
  199. package/dist/esm/exported-related/chat-sidebar/index.js +0 -7
  200. package/dist/esm/exported-related/chat-sidebar/index.js.map +0 -7
  201. package/dist/esm/exported-related/chat-sidebar/props.js +0 -54
  202. package/dist/esm/exported-related/chat-sidebar/props.js.map +0 -7
  203. package/dist/esm/exported-related/chat-sidebar/sidebar-button/SidebarButton.js +0 -27
  204. package/dist/esm/exported-related/chat-sidebar/sidebar-button/SidebarButton.js.map +0 -7
  205. package/dist/esm/exported-related/chat-sidebar/sidebar-button/index.js.map +0 -7
  206. package/dist/esm/exported-related/chat-sidebar/sidebar-button/props.js +0 -23
  207. package/dist/esm/exported-related/chat-sidebar/sidebar-button/props.js.map +0 -7
  208. package/dist/esm/exported-related/chat-sidebar/sidebar-button/styled.js +0 -40
  209. package/dist/esm/exported-related/chat-sidebar/sidebar-button/styled.js.map +0 -7
  210. package/dist/esm/exported-related/chat-sidebar/styled.js +0 -28
  211. package/dist/esm/exported-related/chat-sidebar/styled.js.map +0 -7
  212. package/dist/esm/exported-related/floating-button/FloatingButton.js +0 -28
  213. package/dist/esm/exported-related/floating-button/FloatingButton.js.map +0 -7
  214. package/dist/esm/exported-related/floating-button/index.js.map +0 -7
  215. package/dist/esm/exported-related/floating-button/props.js +0 -18
  216. package/dist/esm/exported-related/floating-button/props.js.map +0 -7
  217. package/dist/esm/exported-related/floating-button/styled.js +0 -35
  218. package/dist/esm/exported-related/floating-button/styled.js.map +0 -7
  219. package/dist/esm/exported-related/floating-container/styled.js +0 -18
  220. package/dist/esm/exported-related/floating-container/styled.js.map +0 -7
  221. package/dist/esm/exported-related/grid-influencer/InfluencerContainer.js +0 -17
  222. package/dist/esm/exported-related/grid-influencer/InfluencerContainer.js.map +0 -7
  223. package/dist/esm/exported-related/grid-influencer/styled.js +0 -27
  224. package/dist/esm/exported-related/grid-influencer/styled.js.map +0 -7
  225. package/dist/esm/exported-related/index.js +0 -33
  226. package/dist/esm/exported-related/index.js.map +0 -7
  227. package/dist/esm/exported-related/message-delimiter/MessageDelimiter.js +0 -33
  228. package/dist/esm/exported-related/message-delimiter/MessageDelimiter.js.map +0 -7
  229. package/dist/esm/exported-related/message-delimiter/index.js +0 -10
  230. package/dist/esm/exported-related/message-delimiter/index.js.map +0 -7
  231. package/dist/esm/exported-related/message-delimiter/props.js +0 -21
  232. package/dist/esm/exported-related/message-delimiter/props.js.map +0 -7
  233. package/dist/esm/exported-related/message-delimiter/styled.js +0 -24
  234. package/dist/esm/exported-related/message-delimiter/styled.js.map +0 -7
  235. package/dist/esm/exported-related/system-message/SystemMessage.js +0 -30
  236. package/dist/esm/exported-related/system-message/SystemMessage.js.map +0 -7
  237. package/dist/esm/exported-related/system-message/index.js +0 -7
  238. package/dist/esm/exported-related/system-message/index.js.map +0 -7
  239. package/dist/esm/exported-related/system-message/props.js +0 -17
  240. package/dist/esm/exported-related/system-message/props.js.map +0 -7
  241. package/dist/esm/exported-related/system-message/style.js +0 -46
  242. package/dist/esm/exported-related/system-message/style.js.map +0 -7
  243. package/dist/esm/exported-related/tile-button/TileButton.js +0 -124
  244. package/dist/esm/exported-related/tile-button/TileButton.js.map +0 -7
  245. package/dist/esm/exported-related/tile-button/index.js +0 -7
  246. package/dist/esm/exported-related/tile-button/index.js.map +0 -7
  247. package/dist/esm/exported-related/tile-button/props.js +0 -66
  248. package/dist/esm/exported-related/tile-button/props.js.map +0 -7
  249. package/dist/esm/exported-related/tile-button/styled.js +0 -217
  250. package/dist/esm/exported-related/tile-button/styled.js.map +0 -7
  251. package/dist/esm/parts/chat-composer/ChatContainerComposer.js +0 -138
  252. package/dist/esm/parts/chat-composer/ChatContainerComposer.js.map +0 -7
  253. package/dist/esm/parts/chat-composer/index.js +0 -7
  254. package/dist/esm/parts/chat-composer/index.js.map +0 -7
  255. package/dist/esm/parts/chat-composer/styled.js +0 -73
  256. package/dist/esm/parts/chat-composer/styled.js.map +0 -7
  257. package/dist/esm/parts/chat-container/ChatContainer.js +0 -139
  258. package/dist/esm/parts/chat-container/ChatContainer.js.map +0 -7
  259. package/dist/esm/parts/chat-container/styled.js +0 -83
  260. package/dist/esm/parts/chat-container/styled.js.map +0 -7
  261. package/dist/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +0 -100
  262. package/dist/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -7
  263. package/dist/esm/parts/chat-container-messages-list/index.js +0 -7
  264. package/dist/esm/parts/chat-container-messages-list/index.js.map +0 -7
  265. package/dist/esm/parts/chat-container-messages-list/styled.js +0 -84
  266. package/dist/esm/parts/chat-container-messages-list/styled.js.map +0 -7
  267. package/dist/esm/parts/chat-container-messages-list/useActionRef.js +0 -35
  268. package/dist/esm/parts/chat-container-messages-list/useActionRef.js.map +0 -7
  269. package/dist/esm/parts/chat-container-messages-list/useChatContainerMessageList.js +0 -84
  270. package/dist/esm/parts/chat-container-messages-list/useChatContainerMessageList.js.map +0 -7
  271. package/dist/esm/parts/chat-container-messages-list/useFocusAndScrollHelpers.js +0 -67
  272. package/dist/esm/parts/chat-container-messages-list/useFocusAndScrollHelpers.js.map +0 -7
  273. package/dist/esm/parts/chat-container-messages-list/useGetNewMessages.js +0 -20
  274. package/dist/esm/parts/chat-container-messages-list/useGetNewMessages.js.map +0 -7
  275. package/dist/esm/parts/chat-container-messages-list/useGlobalEventListener.js +0 -33
  276. package/dist/esm/parts/chat-container-messages-list/useGlobalEventListener.js.map +0 -7
  277. package/dist/esm/parts/chat-container-messages-list/useKeyboard.js +0 -121
  278. package/dist/esm/parts/chat-container-messages-list/useKeyboard.js.map +0 -7
  279. package/dist/esm/parts/index.js +0 -5
  280. package/dist/esm/parts/index.js.map +0 -7
  281. package/dist/esm/react-desc-prop-types.js +0 -158
  282. package/dist/esm/react-desc-prop-types.js.map +0 -7
  283. package/dist/esm/styled.js +0 -16
  284. package/dist/esm/styled.js.map +0 -7
  285. package/dist/esm/tests/utils.js +0 -37
  286. package/dist/esm/tests/utils.js.map +0 -7
@@ -1,147 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
- mod
23
- ));
24
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
25
- var useKeyboard_exports = {};
26
- __export(useKeyboard_exports, {
27
- useKeyboard: () => useKeyboard
28
- });
29
- module.exports = __toCommonJS(useKeyboard_exports);
30
- var React = __toESM(require("react"));
31
- var import_react = __toESM(require("react"));
32
- const getIsNumber = (val) => Number.isInteger(val);
33
- const useKeyboard = ({
34
- propsWithDefault: { hasMoreItems, messages, bannerPosition, bannerRef },
35
- actionRef,
36
- virtualListRef,
37
- loadMoreRef,
38
- scrollAndFocus,
39
- onlyFocus,
40
- onScrollStop
41
- }) => {
42
- const handleKey = import_react.default.useCallback(
43
- (e) => {
44
- const { key, currentTarget } = e;
45
- const index = currentTarget.dataset?.index ? Number(currentTarget.dataset.index) : void 0;
46
- const isIndexNumber = getIsNumber(index);
47
- e.stopPropagation();
48
- switch (key) {
49
- case "ArrowUp":
50
- e.preventDefault();
51
- if (index && index > 0) {
52
- (virtualListRef.current?.querySelector(`[data-index="${index - 1}"]`)).focus();
53
- } else if (hasMoreItems === "top") {
54
- loadMoreRef.current?.focus();
55
- }
56
- break;
57
- case "ArrowDown":
58
- e.preventDefault();
59
- if (messages?.length && isIndexNumber && index < messages.length - 1) {
60
- (virtualListRef.current?.querySelector(`[data-index="${index + 1}"]`)).focus();
61
- }
62
- break;
63
- case "Home":
64
- e.preventDefault();
65
- scrollAndFocus(0);
66
- break;
67
- case "End":
68
- e.preventDefault();
69
- if (messages?.length)
70
- scrollAndFocus(messages.length - 1);
71
- break;
72
- case "Tab":
73
- if (hasMoreItems === "bottom" && !e.shiftKey) {
74
- e.preventDefault();
75
- loadMoreRef.current?.focus();
76
- } else if (hasMoreItems === "top" && e.shiftKey) {
77
- e.preventDefault();
78
- loadMoreRef.current?.focus();
79
- } else if (!e.shiftKey) {
80
- if (bannerPosition) {
81
- e.preventDefault();
82
- bannerRef?.current?.focusOnWrapper();
83
- }
84
- } else {
85
- e.preventDefault();
86
- virtualListRef.current?.focus();
87
- }
88
- break;
89
- default:
90
- break;
91
- }
92
- },
93
- [hasMoreItems, messages.length, scrollAndFocus, virtualListRef, loadMoreRef, bannerPosition, bannerRef]
94
- );
95
- const handleListKey = import_react.default.useCallback(
96
- (e) => {
97
- const { key } = e;
98
- switch (key) {
99
- case "ArrowUp":
100
- e.preventDefault();
101
- if (document.activeElement !== loadMoreRef.current) {
102
- onlyFocus(onScrollStop()?.shift());
103
- }
104
- break;
105
- case "ArrowDown":
106
- e.preventDefault();
107
- if (document.activeElement === loadMoreRef.current) {
108
- virtualListRef.current?.querySelector(`[data-index="0"]`)?.focus();
109
- } else {
110
- onlyFocus(onScrollStop()?.pop());
111
- }
112
- break;
113
- case "Home":
114
- e.preventDefault();
115
- scrollAndFocus(0);
116
- break;
117
- case "End":
118
- e.preventDefault();
119
- if (messages?.length)
120
- scrollAndFocus(messages.length - 1);
121
- break;
122
- case "Tab":
123
- if (document.activeElement !== loadMoreRef.current) {
124
- if (hasMoreItems === "bottom" && !e.shiftKey) {
125
- e.preventDefault();
126
- loadMoreRef.current?.focus();
127
- } else if (!e.shiftKey) {
128
- e.preventDefault();
129
- actionRef.current?.focusToComposer?.();
130
- }
131
- } else if (!e.shiftKey) {
132
- e.preventDefault();
133
- actionRef.current?.focusToComposer?.();
134
- } else {
135
- e.preventDefault();
136
- virtualListRef.current?.focus();
137
- }
138
- break;
139
- default:
140
- break;
141
- }
142
- },
143
- [actionRef, hasMoreItems, loadMoreRef, messages.length, onScrollStop, onlyFocus, scrollAndFocus, virtualListRef]
144
- );
145
- return import_react.default.useMemo(() => ({ handleKey, handleListKey }), [handleKey, handleListKey]);
146
- };
147
- //# sourceMappingURL=useKeyboard.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/parts/chat-container-messages-list/useKeyboard.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { type DebouncedFunc } from 'lodash';\nimport { DSChatT } from '../../react-desc-prop-types';\n\ntype UseKeyboardArgs = {\n propsWithDefault: DSChatT.MessagesListProps;\n actionRef: DSChatT.ActionRef;\n virtualListRef: React.MutableRefObject<HTMLDivElement | undefined>;\n loadMoreRef: React.MutableRefObject<HTMLButtonElement | undefined>;\n scrollAndFocus: (index: number, opts?: DSChatT.ScrollToIndexOptions) => void;\n onlyFocus: (index: number | string) => void;\n onScrollStop: DebouncedFunc<() => string[]>;\n // useVirtualHelpers: ReturnType<typeof useVirtual>;\n};\n\nconst getIsNumber = (val: unknown): val is number => Number.isInteger(val);\n\nexport const useKeyboard = ({\n propsWithDefault: { hasMoreItems, messages, bannerPosition, bannerRef },\n actionRef,\n virtualListRef,\n loadMoreRef,\n scrollAndFocus,\n onlyFocus,\n onScrollStop,\n}: UseKeyboardArgs) => {\n const handleKey = React.useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n const { key, currentTarget } = e;\n const index = currentTarget.dataset?.index ? Number(currentTarget.dataset.index) : undefined;\n const isIndexNumber = getIsNumber(index);\n e.stopPropagation();\n switch (key) {\n case 'ArrowUp':\n e.preventDefault();\n if (index && index > 0) {\n (virtualListRef.current?.querySelector(`[data-index=\"${index - 1}\"]`) as HTMLDivElement).focus();\n } else if (hasMoreItems === 'top') {\n loadMoreRef.current?.focus();\n }\n break;\n case 'ArrowDown':\n e.preventDefault();\n if (messages?.length && isIndexNumber && index < messages.length - 1) {\n (virtualListRef.current?.querySelector(`[data-index=\"${index + 1}\"]`) as HTMLDivElement).focus();\n }\n break;\n case 'Home':\n e.preventDefault();\n scrollAndFocus(0);\n break;\n case 'End':\n e.preventDefault();\n if (messages?.length) scrollAndFocus(messages.length - 1);\n break;\n case 'Tab':\n if (hasMoreItems === 'bottom' && !e.shiftKey) {\n e.preventDefault();\n loadMoreRef.current?.focus();\n } else if (hasMoreItems === 'top' && e.shiftKey) {\n e.preventDefault();\n loadMoreRef.current?.focus();\n } else if (!e.shiftKey) {\n if (bannerPosition) {\n e.preventDefault();\n bannerRef?.current?.focusOnWrapper();\n }\n } else {\n e.preventDefault();\n virtualListRef.current?.focus();\n }\n break;\n default:\n break;\n }\n },\n [hasMoreItems, messages.length, scrollAndFocus, virtualListRef, loadMoreRef, bannerPosition, bannerRef],\n );\n const handleListKey = React.useCallback(\n (e: React.KeyboardEvent) => {\n const { key } = e;\n switch (key) {\n case 'ArrowUp':\n e.preventDefault();\n if (document.activeElement !== loadMoreRef.current) {\n onlyFocus(onScrollStop()?.shift());\n }\n break;\n case 'ArrowDown':\n e.preventDefault();\n if (document.activeElement === loadMoreRef.current) {\n (virtualListRef.current?.querySelector(`[data-index=\"0\"]`) as HTMLDivElement)?.focus();\n } else {\n onlyFocus(onScrollStop()?.pop());\n }\n break;\n case 'Home':\n e.preventDefault();\n scrollAndFocus(0);\n break;\n case 'End':\n e.preventDefault();\n if (messages?.length) scrollAndFocus(messages.length - 1);\n break;\n case 'Tab':\n if (document.activeElement !== loadMoreRef.current) {\n if (hasMoreItems === 'bottom' && !e.shiftKey) {\n e.preventDefault();\n loadMoreRef.current?.focus();\n } else if (!e.shiftKey) {\n e.preventDefault();\n actionRef.current?.focusToComposer?.();\n }\n } else if (!e.shiftKey) {\n e.preventDefault();\n actionRef.current?.focusToComposer?.();\n } else {\n e.preventDefault();\n virtualListRef.current?.focus();\n }\n break;\n default:\n break;\n }\n },\n [actionRef, hasMoreItems, loadMoreRef, messages.length, onScrollStop, onlyFocus, scrollAndFocus, virtualListRef],\n );\n\n return React.useMemo(() => ({ handleKey, handleListKey }), [handleKey, handleListKey]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
6
- "names": ["React"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/parts/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export * from './chat-composer/ChatContainerComposer';\nexport * from './chat-container/ChatContainer';\nexport * from './chat-container-messages-list/ChatContainerMessagesList';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAc,kDAAd;AACA,0BAAc,2CADd;AAEA,0BAAc,qEAFd;",
6
- "names": []
7
- }
@@ -1,184 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
- mod
23
- ));
24
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
25
- var react_desc_prop_types_exports = {};
26
- __export(react_desc_prop_types_exports, {
27
- ChatComposerPropTypes: () => ChatComposerPropTypes,
28
- ChatContainerMessagesListPropTypes: () => ChatContainerMessagesListPropTypes,
29
- ChatContainerPropTypes: () => ChatContainerPropTypes,
30
- defaultProps: () => defaultProps,
31
- defaultPropsComposer: () => defaultPropsComposer,
32
- defaultPropsMessagesList: () => defaultPropsMessagesList
33
- });
34
- module.exports = __toCommonJS(react_desc_prop_types_exports);
35
- var React = __toESM(require("react"));
36
- var import_ds_utilities = require("@elliemae/ds-utilities");
37
- var import_ds_banner = require("@elliemae/ds-banner");
38
- function noop(..._args) {
39
- }
40
- const defaultPropsComposer = {
41
- placeholder: "Type your message",
42
- inputValue: "",
43
- ariaMaxLengthMessage: "",
44
- onChange: noop,
45
- onResize: noop,
46
- onSend: noop,
47
- onFocus: noop,
48
- onBlur: noop,
49
- onKeyDown: noop,
50
- maxHeight: 0,
51
- inputMaxLength: void 0,
52
- maxLengthMessage: void 0,
53
- buttonDisabled: false,
54
- dataTestid: "ds-chat-composer",
55
- actionRef: void 0
56
- };
57
- const ChatComposerPropTypes = {
58
- placeholder: import_ds_utilities.PropTypes.string.description("Input Placeholder").defaultValue(defaultPropsComposer.placeholder),
59
- inputValue: import_ds_utilities.PropTypes.string.description("Input value").defaultValue(defaultPropsComposer.inputValue),
60
- ariaMaxLengthMessage: import_ds_utilities.PropTypes.string.description("Aria message for Max length message when exceeded").defaultValue(defaultPropsComposer.maxLengthMessage),
61
- maxLengthMessage: import_ds_utilities.PropTypes.string.description("Max length message").defaultValue(defaultPropsComposer.maxLengthMessage),
62
- onChange: import_ds_utilities.PropTypes.func.description("Called when the user types").defaultValue(defaultPropsComposer.onChange),
63
- onResize: import_ds_utilities.PropTypes.func.description("Called the input changes his height").defaultValue(defaultPropsComposer.onResize),
64
- onSend: import_ds_utilities.PropTypes.func.description("Called when the click send").defaultValue(defaultPropsComposer.onSend),
65
- onFocus: import_ds_utilities.PropTypes.func.description("Input focus").defaultValue(defaultPropsComposer.onFocus),
66
- onBlur: import_ds_utilities.PropTypes.func.description("Input blur").defaultValue(defaultPropsComposer.onBlur),
67
- onKeyDown: import_ds_utilities.PropTypes.func.description("Input on key down").defaultValue(defaultPropsComposer.onKeyDown),
68
- maxHeight: import_ds_utilities.PropTypes.number.description("Max height of the composer. Use 0 for no limit").defaultValue(defaultPropsComposer.onBlur),
69
- inputMaxLength: import_ds_utilities.PropTypes.number.description("Max length of the composer. `undefined` for no limit").defaultValue(defaultPropsComposer.inputMaxLength),
70
- buttonDisabled: import_ds_utilities.PropTypes.bool.description("Control the disabled for the send button").defaultValue(defaultPropsComposer.buttonDisabled),
71
- dataTestid: import_ds_utilities.PropTypes.string.description("Data testid").defaultValue(defaultPropsComposer.placeholder),
72
- actionRef: import_ds_utilities.PropTypes.object.description(
73
- `Reference:
74
- {
75
- scrollToIndex?: (n: number, opts: { align: 'end' | 'center' | 'start' }) => void,
76
- getMessagesInView?: () => number[],
77
- focusToIndex?: (n: number) => void,
78
- focusToList?: () => void,
79
- focusToComposer?: () => void,
80
- focusToSend?: () => void,
81
- }
82
-
83
- `
84
- ).defaultValue(defaultPropsComposer.actionRef)
85
- };
86
- const defaultPropsMessagesList = {
87
- messages: [],
88
- actionRef: { current: {} },
89
- getMoreMessages: noop,
90
- sendingMessages: void 0,
91
- sendingText: "Sending",
92
- bannerPosition: void 0,
93
- bannerRef: void 0
94
- };
95
- const ChatContainerMessagesListPropTypes = {
96
- ...import_ds_utilities.globalAttributesPropTypes,
97
- messages: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.object).description("The array of out-of-the-box items you want to render inside the ChatMessageList").defaultValue(defaultPropsMessagesList.messages),
98
- actionRef: import_ds_utilities.PropTypes.object.description(
99
- `Reference:
100
- {
101
- scrollToIndex?: (n: number, opts: { align: 'end' | 'center' | 'start' }) => void,
102
- getMessagesInView: () => number[],
103
- focusToIndex: (n: number) => void,
104
- focusToIndexWithoutScroll: (n: number) => void,
105
- focusToList: () => void,
106
- focusToComposer: () => void,
107
- focusToSend: () => void,
108
- }
109
-
110
- `
111
- ).defaultValue(defaultPropsMessagesList.actionRef),
112
- onScrollEnds: import_ds_utilities.PropTypes.func.description(`Called when the scroll stops.`),
113
- isLoading: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description(
114
- "Keeps the load more space while the loading is in progress"
115
- ),
116
- hasMoreItems: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description(
117
- "Show Load More button at the `top` or `bottom` of the container"
118
- ),
119
- getMoreMessages: import_ds_utilities.PropTypes.func.description("Called when the user clicks on load more").defaultValue(defaultPropsMessagesList.getMoreMessages),
120
- sendingMessages: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.string), import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.number)]).description("Array of ids of sending messages").defaultValue(defaultPropsMessagesList.sendingMessages),
121
- sendingText: import_ds_utilities.PropTypes.string.description("Label description for messages in sending status").defaultValue(defaultPropsMessagesList.sendingText)
122
- };
123
- const defaultProps = {
124
- messagesListProps: defaultPropsMessagesList,
125
- composerProps: defaultPropsComposer,
126
- actionRef: void 0,
127
- autoScroll: false,
128
- device: "desktop",
129
- isLoading: void 0,
130
- hasMoreItems: void 0,
131
- getMoreMessages: noop,
132
- bannerPosition: void 0,
133
- bannerProps: {
134
- type: import_ds_banner.BANNER_TYPES.INFO,
135
- label: "Unread Messages",
136
- viewLabel: "View",
137
- onView: noop,
138
- onClose: noop
139
- },
140
- sendingMessages: void 0,
141
- sendingText: "Sending"
142
- };
143
- const ChatContainerPropTypes = {
144
- ...import_ds_utilities.globalAttributesPropTypes,
145
- messagesListProps: import_ds_utilities.PropTypes.object.description('ChatMessageList props "messages" / "onScrollEnds"').defaultValue(defaultProps.messagesListProps),
146
- composerProps: import_ds_utilities.PropTypes.object.description("Composer configuration").defaultValue(defaultProps.composerProps),
147
- autoScroll: import_ds_utilities.PropTypes.bool.description("Auto scroll to bottom on resize").defaultValue(defaultProps.autoScroll),
148
- device: import_ds_utilities.PropTypes.string.description("Option to render mobile or desktop style composer").defaultValue(defaultProps.device),
149
- isLoading: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description(
150
- "Show Loading messages indicator at the `top` or `bottom` of the container"
151
- ),
152
- hasMoreItems: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description(
153
- "Show Load More button at the `top` or `bottom` of the container"
154
- ),
155
- getMoreMessages: import_ds_utilities.PropTypes.func.description("Called when the user clicks on load more").defaultValue(defaultProps.getMoreMessages),
156
- bannerPosition: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description(
157
- "Show Loading messages indicator at the `top` or `bottom` of the container"
158
- ),
159
- bannerProps: import_ds_utilities.PropTypes.object.description(
160
- `Banner configuration:
161
- label: string;
162
- viewLabel: string;
163
- type: BANNER_TYPES;
164
- onView: () => void;
165
- onClose: () => void;
166
- `
167
- ).defaultValue(defaultProps.bannerProps),
168
- sendingMessages: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.string), import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.number)]).description("Array of ids of sending messages").defaultValue(defaultProps.sendingMessages),
169
- sendingText: import_ds_utilities.PropTypes.string.description("Label description for messages in sending status").defaultValue(defaultProps.sendingText),
170
- actionRef: import_ds_utilities.PropTypes.object.description(
171
- `Reference:
172
- {
173
- scrollToIndex: (n: number) => void,
174
- getMessagesInView: () => number[],
175
- focusToIndex: (n: number) => void,
176
- focusToList: () => void,
177
- focusToComposer: () => void,
178
- focusToSend: () => void,
179
- }
180
-
181
- `
182
- ).defaultValue(defaultProps.actionRef)
183
- };
184
- //# sourceMappingURL=react-desc-prop-types.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable max-lines */\nimport { type DebouncedFunc } from 'lodash';\nimport { useVirtual } from 'react-virtual';\nimport { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-utilities';\nimport { BANNER_TYPES } from '@elliemae/ds-banner';\nimport { BubblePropsT } from './exported-related/bubble/props';\n\n// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\nfunction noop<T extends unknown[]>(..._args: T): void {}\nexport declare namespace DSChatT {\n interface ChatBannerProps {\n label: string;\n viewLabel: string;\n type?: string;\n onView: () => void;\n onClose: () => void;\n }\n export type ScrollToIndexOptions = Parameters<ReturnType<typeof useVirtual>['scrollToIndex']>[1];\n export type ActionRef = React.MutableRefObject<{\n scrollToIndex?: (index: number, opts: ScrollToIndexOptions) => void;\n focusToIndex?: (index: number, opts: ScrollToIndexOptions) => void;\n getMessagesInView?: DebouncedFunc<() => string[]>;\n focusToIndexWithoutScroll?: (index?: number) => void;\n focusToList?: () => void;\n focusToComposer?: () => void;\n focusToSend?: () => void;\n }>;\n\n export interface ContainerProps {\n messagesListProps: Pick<MessagesListProps, 'messages' | 'onScrollEnds'>;\n composerProps: ComposerProps;\n actionRef?: ActionRef;\n autoScroll: boolean;\n device: 'desktop' | 'mobile';\n isLoading?: 'top' | 'bottom';\n hasMoreItems?: 'top' | 'bottom';\n getMoreMessages: () => void;\n bannerPosition?: 'top' | 'bottom';\n bannerProps?: ChatBannerProps;\n sendingMessages?: string[] | number[];\n sendingText: string;\n }\n\n export interface ComposerProps {\n placeholder?: string;\n inputValue?: string;\n ariaMaxLengthMessage?: string;\n maxLengthMessage?: string;\n onChange: (value: string) => void;\n onResize?: (value: number) => void;\n onSend: (value: string) => void;\n onFocus?: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;\n onBlur?: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;\n onKeyDown?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n maxHeight?: number;\n inputMaxLength: number | undefined;\n buttonDisabled: boolean;\n dataTestid?: string;\n actionRef?: ActionRef;\n }\n\n export interface MessagesListProps {\n messages: BubblePropsT[];\n actionRef: ActionRef;\n onScrollEnds?: (indexList: string[]) => void;\n isLoading?: 'top' | 'bottom';\n hasMoreItems?: 'top' | 'bottom';\n getMoreMessages: () => void;\n sendingMessages?: Array<string | number>;\n sendingText: string;\n bannerPosition?: 'top' | 'bottom';\n bannerRef?: React.MutableRefObject<{\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n focusOnWrapper: (...args: any[]) => void;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n focusOnLink: (...args: any[]) => void;\n }>;\n }\n\n export interface GetPaddingT {\n hasMoreItems: string | undefined;\n bannerPosition: string | undefined;\n isLoading: string | undefined;\n }\n}\n\nexport interface TextAreaProps {\n height: string | number;\n style: React.CSSProperties;\n}\n\nexport const defaultPropsComposer: DSChatT.ComposerProps = {\n placeholder: 'Type your message',\n inputValue: '',\n ariaMaxLengthMessage: '',\n onChange: noop,\n onResize: noop,\n onSend: noop,\n onFocus: noop,\n onBlur: noop,\n onKeyDown: noop,\n maxHeight: 0,\n inputMaxLength: undefined,\n maxLengthMessage: undefined,\n buttonDisabled: false,\n dataTestid: 'ds-chat-composer',\n actionRef: undefined,\n};\n\nexport const ChatComposerPropTypes = {\n placeholder: PropTypes.string.description('Input Placeholder').defaultValue(defaultPropsComposer.placeholder),\n inputValue: PropTypes.string.description('Input value').defaultValue(defaultPropsComposer.inputValue),\n ariaMaxLengthMessage: PropTypes.string\n .description('Aria message for Max length message when exceeded')\n .defaultValue(defaultPropsComposer.maxLengthMessage),\n maxLengthMessage: PropTypes.string\n .description('Max length message')\n .defaultValue(defaultPropsComposer.maxLengthMessage),\n onChange: PropTypes.func.description('Called when the user types').defaultValue(defaultPropsComposer.onChange),\n onResize: PropTypes.func\n .description('Called the input changes his height')\n .defaultValue(defaultPropsComposer.onResize),\n onSend: PropTypes.func.description('Called when the click send').defaultValue(defaultPropsComposer.onSend),\n onFocus: PropTypes.func.description('Input focus').defaultValue(defaultPropsComposer.onFocus),\n onBlur: PropTypes.func.description('Input blur').defaultValue(defaultPropsComposer.onBlur),\n onKeyDown: PropTypes.func.description('Input on key down').defaultValue(defaultPropsComposer.onKeyDown),\n maxHeight: PropTypes.number\n .description('Max height of the composer. Use 0 for no limit')\n .defaultValue(defaultPropsComposer.onBlur),\n inputMaxLength: PropTypes.number\n .description('Max length of the composer. `undefined` for no limit')\n .defaultValue(defaultPropsComposer.inputMaxLength),\n buttonDisabled: PropTypes.bool\n .description('Control the disabled for the send button')\n .defaultValue(defaultPropsComposer.buttonDisabled),\n dataTestid: PropTypes.string.description('Data testid').defaultValue(defaultPropsComposer.placeholder),\n actionRef: PropTypes.object\n .description(\n `Reference: \n { \n scrollToIndex?: (n: number, opts: { align: 'end' | 'center' | 'start' }) => void,\n getMessagesInView?: () => number[],\n focusToIndex?: (n: number) => void,\n focusToList?: () => void,\n focusToComposer?: () => void,\n focusToSend?: () => void,\n }\n \n `,\n )\n .defaultValue(defaultPropsComposer.actionRef),\n};\n\nexport const defaultPropsMessagesList: DSChatT.MessagesListProps = {\n messages: [],\n actionRef: { current: {} },\n // we don't want this to exist \"by default\" since this loads document.addEventListener\n // the code is already checking for this callback existence everytime it's invoked anyway\n // onScrollEnds: () => [],\n getMoreMessages: noop,\n sendingMessages: undefined,\n sendingText: 'Sending',\n bannerPosition: undefined,\n bannerRef: undefined,\n};\n\nexport const ChatContainerMessagesListPropTypes = {\n ...globalAttributesPropTypes,\n\n messages: PropTypes.arrayOf(PropTypes.object)\n .description('The array of out-of-the-box items you want to render inside the ChatMessageList')\n .defaultValue(defaultPropsMessagesList.messages),\n actionRef: PropTypes.object\n .description(\n `Reference: \n { \n scrollToIndex?: (n: number, opts: { align: 'end' | 'center' | 'start' }) => void,\n getMessagesInView: () => number[],\n focusToIndex: (n: number) => void,\n focusToIndexWithoutScroll: (n: number) => void,\n focusToList: () => void,\n focusToComposer: () => void,\n focusToSend: () => void,\n }\n \n `,\n )\n .defaultValue(defaultPropsMessagesList.actionRef),\n onScrollEnds: PropTypes.func.description(`Called when the scroll stops.`),\n isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n 'Keeps the load more space while the loading is in progress',\n ),\n hasMoreItems: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n 'Show Load More button at the `top` or `bottom` of the container',\n ),\n getMoreMessages: PropTypes.func\n .description('Called when the user clicks on load more')\n .defaultValue(defaultPropsMessagesList.getMoreMessages),\n sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)])\n .description('Array of ids of sending messages')\n .defaultValue(defaultPropsMessagesList.sendingMessages),\n sendingText: PropTypes.string\n .description('Label description for messages in sending status')\n .defaultValue(defaultPropsMessagesList.sendingText),\n};\n\nexport const defaultProps: DSChatT.ContainerProps = {\n messagesListProps: defaultPropsMessagesList,\n composerProps: defaultPropsComposer,\n actionRef: undefined,\n autoScroll: false,\n device: 'desktop',\n isLoading: undefined,\n hasMoreItems: undefined,\n getMoreMessages: noop,\n bannerPosition: undefined,\n bannerProps: {\n type: BANNER_TYPES.INFO,\n label: 'Unread Messages',\n viewLabel: 'View',\n onView: noop,\n onClose: noop,\n },\n sendingMessages: undefined,\n sendingText: 'Sending',\n};\n\nexport const ChatContainerPropTypes = {\n ...globalAttributesPropTypes,\n messagesListProps: PropTypes.object\n .description('ChatMessageList props \"messages\" / \"onScrollEnds\"')\n .defaultValue(defaultProps.messagesListProps),\n composerProps: PropTypes.object.description('Composer configuration').defaultValue(defaultProps.composerProps),\n autoScroll: PropTypes.bool.description('Auto scroll to bottom on resize').defaultValue(defaultProps.autoScroll),\n device: PropTypes.string\n .description('Option to render mobile or desktop style composer')\n .defaultValue(defaultProps.device),\n isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n 'Show Loading messages indicator at the `top` or `bottom` of the container',\n ),\n hasMoreItems: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n 'Show Load More button at the `top` or `bottom` of the container',\n ),\n getMoreMessages: PropTypes.func\n .description('Called when the user clicks on load more')\n .defaultValue(defaultProps.getMoreMessages),\n bannerPosition: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n 'Show Loading messages indicator at the `top` or `bottom` of the container',\n ),\n bannerProps: PropTypes.object\n .description(\n `Banner configuration:\n label: string;\n viewLabel: string;\n type: BANNER_TYPES;\n onView: () => void;\n onClose: () => void;\n `,\n )\n .defaultValue(defaultProps.bannerProps),\n sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)])\n .description('Array of ids of sending messages')\n .defaultValue(defaultProps.sendingMessages),\n sendingText: PropTypes.string\n .description('Label description for messages in sending status')\n .defaultValue(defaultProps.sendingText),\n actionRef: PropTypes.object\n .description(\n `Reference: \n { \n scrollToIndex: (n: number) => void,\n getMessagesInView: () => number[],\n focusToIndex: (n: number) => void,\n focusToList: () => void,\n focusToComposer: () => void,\n focusToSend: () => void,\n }\n \n `,\n )\n .defaultValue(defaultProps.actionRef),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
@@ -1,42 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
- mod
23
- ));
24
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
25
- var styled_exports = {};
26
- __export(styled_exports, {
27
- BOX_SHADOW: () => BOX_SHADOW,
28
- BOX_SHADOW_FLOATING: () => BOX_SHADOW_FLOATING,
29
- BOX_SHADOW_INSET: () => BOX_SHADOW_INSET,
30
- BUTTON_FLOATING: () => BUTTON_FLOATING,
31
- BUTTON_SIDEBAR_HEIGHT: () => BUTTON_SIDEBAR_HEIGHT,
32
- MIN_WIDTH_SIDEBAR: () => MIN_WIDTH_SIDEBAR
33
- });
34
- module.exports = __toCommonJS(styled_exports);
35
- var React = __toESM(require("react"));
36
- const MIN_WIDTH_SIDEBAR = 48;
37
- const BUTTON_SIDEBAR_HEIGHT = 48;
38
- const BUTTON_FLOATING = 56;
39
- const BOX_SHADOW = "0 5px 8px 0 rgba(53,60,70,0.55)";
40
- const BOX_SHADOW_FLOATING = "0 5px 8px 0 rgba(53,60,70,0.35)";
41
- const BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;
42
- //# sourceMappingURL=styled.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export const MIN_WIDTH_SIDEBAR = 48;\nexport const BUTTON_SIDEBAR_HEIGHT = 48;\nexport const BUTTON_FLOATING = 56;\nexport const BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nexport const BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\nexport const BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAC9B,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;",
6
- "names": []
7
- }
@@ -1,63 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
- mod
23
- ));
24
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
25
- var utils_exports = {};
26
- __export(utils_exports, {
27
- loadMsgs: () => loadMsgs
28
- });
29
- module.exports = __toCommonJS(utils_exports);
30
- var React = __toESM(require("react"));
31
- var import_bubble = require("../exported-related/bubble");
32
- const getRandomMessages = (q, key) => Array(q).fill().map((v, i) => {
33
- if (i > 5 && i % 22 === 0) {
34
- return {
35
- dsId: `${i}`,
36
- body: `This is a system message that notifies the user of some important things`,
37
- type: import_bubble.BUBBLE_TYPES.SYSTEM,
38
- title: "System Message",
39
- time: "4:50 pm"
40
- };
41
- }
42
- if (i > 5 && i % 16 === 0) {
43
- return {
44
- dsId: `${i}`,
45
- type: import_bubble.BUBBLE_TYPES.DELIMITER,
46
- title: "Mon, Apr 25, 12:43 PM",
47
- extraProps: { "data-testid": "custom-data-testid" }
48
- };
49
- }
50
- const isSender = i % 2 === 0;
51
- const chatBubbleType = isSender ? import_bubble.BUBBLE_TYPES.SENDER : import_bubble.BUBBLE_TYPES.RECIPIENT;
52
- const chatTitle = isSender ? "Robert Deniro" : "Al Pacino";
53
- return {
54
- dsId: `${i}`,
55
- body: `Message text ${key} Message text ${i}`,
56
- type: chatBubbleType,
57
- title: chatTitle,
58
- time: "4:50 pm",
59
- helpMessage: isSender ? "Delivered" : null
60
- };
61
- });
62
- const loadMsgs = (q) => getRandomMessages(q, "item_key");
63
- //# sourceMappingURL=utils.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/tests/utils.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { BUBBLE_TYPES } from '../exported-related/bubble';\n\nconst getRandomMessages = (q, key) =>\n Array(q)\n .fill()\n .map((v, i) => {\n if (i > 5 && i % 22 === 0) {\n return {\n dsId: `${i}`,\n body: `This is a system message that notifies the user of some important things`,\n type: BUBBLE_TYPES.SYSTEM,\n title: 'System Message',\n time: '4:50 pm',\n };\n }\n if (i > 5 && i % 16 === 0) {\n return {\n dsId: `${i}`,\n type: BUBBLE_TYPES.DELIMITER,\n title: 'Mon, Apr 25, 12:43 PM',\n extraProps: { 'data-testid': 'custom-data-testid' },\n };\n }\n const isSender = i % 2 === 0;\n const chatBubbleType = isSender ? BUBBLE_TYPES.SENDER : BUBBLE_TYPES.RECIPIENT;\n const chatTitle = isSender ? 'Robert Deniro' : 'Al Pacino';\n return {\n dsId: `${i}`,\n body: `Message text ${key} Message text ${i}`,\n type: chatBubbleType,\n title: chatTitle,\n time: '4:50 pm',\n helpMessage: isSender ? 'Delivered' : null,\n };\n });\n\nexport const loadMsgs = (q: number): unknown => getRandomMessages(q, 'item_key');\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAA6B;AAE7B,MAAM,oBAAoB,CAAC,GAAG,QAC5B,MAAM,CAAC,EACJ,KAAK,EACL,IAAI,CAAC,GAAG,MAAM;AACb,MAAI,IAAI,KAAK,IAAI,OAAO,GAAG;AACzB,WAAO;AAAA,MACL,MAAM,GAAG;AAAA,MACT,MAAM;AAAA,MACN,MAAM,2BAAa;AAAA,MACnB,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACA,MAAI,IAAI,KAAK,IAAI,OAAO,GAAG;AACzB,WAAO;AAAA,MACL,MAAM,GAAG;AAAA,MACT,MAAM,2BAAa;AAAA,MACnB,OAAO;AAAA,MACP,YAAY,EAAE,eAAe,qBAAqB;AAAA,IACpD;AAAA,EACF;AACA,QAAM,WAAW,IAAI,MAAM;AAC3B,QAAM,iBAAiB,WAAW,2BAAa,SAAS,2BAAa;AACrE,QAAM,YAAY,WAAW,kBAAkB;AAC/C,SAAO;AAAA,IACL,MAAM,GAAG;AAAA,IACT,MAAM,gBAAgB,oBAAoB;AAAA,IAC1C,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa,WAAW,cAAc;AAAA,EACxC;AACF,CAAC;AAEE,MAAM,WAAW,CAAC,MAAuB,kBAAkB,GAAG,UAAU;",
6
- "names": []
7
- }
@@ -1,27 +0,0 @@
1
- import * as React from "react";
2
- const ChatDataTestIds = {
3
- COMPOSER_TEXTAREA: "chat-composer-textarea",
4
- COMPOSER_SEND_BUTTON: "chat-composer-send-button",
5
- CARD_TITLE: "chat-card-title",
6
- CARD_WRAPPER: "chat-card-wrapper",
7
- CARD_TIME: "chat-card-time",
8
- CARD_RIGHT_ADDON: "chat-right-addon",
9
- CARD_CONTENT: "chat-card-content",
10
- LOADING_INDICATOR: "ds-chat-loading-indicator",
11
- HEADER_TITLE: "chat-header-title",
12
- HEADER_CHILDREN: "chat-header-children",
13
- THREAD_CONTAINER: "chat-thread-container",
14
- LOAD_MORE_BUTTON: "ds-chat-load-more-btn",
15
- FLOATING_BUTTON: "chat-floating-button",
16
- SYSTEM_MSG_TITLE: "chat-system-message-title",
17
- SYSTEM_MSG_BODY: "chat-system-message-body",
18
- SYSTEM_MSG_TIME: "chat-system-message-time",
19
- BUBBLE: "ds-chat-bubble",
20
- BUBBLE_TITLE: "chat-bubble-title",
21
- BUBBLE_BODY: "chat-bubble-body",
22
- BANNER: "ds-banner-container"
23
- };
24
- export {
25
- ChatDataTestIds
26
- };
27
- //# sourceMappingURL=ChatDataTestids.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ChatDataTestids.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ChatDataTestIds = {\n COMPOSER_TEXTAREA: 'chat-composer-textarea',\n COMPOSER_SEND_BUTTON: 'chat-composer-send-button',\n CARD_TITLE: 'chat-card-title',\n CARD_WRAPPER: 'chat-card-wrapper',\n CARD_TIME: 'chat-card-time',\n CARD_RIGHT_ADDON: 'chat-right-addon',\n CARD_CONTENT: 'chat-card-content',\n LOADING_INDICATOR: 'ds-chat-loading-indicator',\n HEADER_TITLE: 'chat-header-title',\n HEADER_CHILDREN: 'chat-header-children',\n THREAD_CONTAINER: 'chat-thread-container',\n LOAD_MORE_BUTTON: 'ds-chat-load-more-btn',\n FLOATING_BUTTON: 'chat-floating-button',\n SYSTEM_MSG_TITLE: 'chat-system-message-title',\n SYSTEM_MSG_BODY: 'chat-system-message-body',\n SYSTEM_MSG_TIME: 'chat-system-message-time',\n BUBBLE: 'ds-chat-bubble',\n BUBBLE_TITLE: 'chat-bubble-title',\n BUBBLE_BODY: 'chat-bubble-body',\n BANNER: 'ds-banner-container',\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,kBAAkB;AAAA,EAC7B,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,QAAQ;AACV;",
6
- "names": []
7
- }
@@ -1,64 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
4
- import { WarningCircleFill } from "@elliemae/ds-icons";
5
- import {
6
- StyledWrapper,
7
- StyledColoredBubble,
8
- StyledTitleBubble,
9
- StyledTitleLeftBubble,
10
- StyledTitleRightBubble,
11
- StyleBodyWrapper,
12
- StyleErrorMessage,
13
- StyleHelpMessage
14
- } from "./styled";
15
- import { BubblesPropTypes, defaultBubbleProps } from "./props";
16
- import { ChatBubbleArrow } from "./ChatBubbleArrow";
17
- const ChatBubble = (props) => {
18
- const propsWithDefault = useMemoMergePropsWithDefault(props, defaultBubbleProps);
19
- useValidateTypescriptPropTypes(propsWithDefault, BubblesPropTypes);
20
- const { dsId, type, title, time, body, errorMessage, helpMessage } = propsWithDefault;
21
- const bodyParts = React2.useMemo(() => typeof body === "string" ? body.split("\n") : [body], [body]);
22
- return /* @__PURE__ */ React2.createElement(StyledWrapper, {
23
- "data-testid": `ds-chat-bubble-${dsId}`
24
- }, /* @__PURE__ */ React2.createElement(StyledColoredBubble, {
25
- type
26
- }, /* @__PURE__ */ React2.createElement(StyledTitleBubble, {
27
- cols: [1, "auto"],
28
- gutter: "xs",
29
- alignItems: "flex-end",
30
- className: "sr-only"
31
- }, /* @__PURE__ */ React2.createElement(StyledTitleLeftBubble, {
32
- alignItems: "center",
33
- "data-testid": `chat-bubble-title-${dsId}`
34
- }, title), /* @__PURE__ */ React2.createElement(StyledTitleRightBubble, {
35
- alignItems: "center",
36
- type,
37
- "data-testid": `chat-bubble-time-${dsId}`
38
- }, time)), /* @__PURE__ */ React2.createElement(StyleBodyWrapper, {
39
- "data-testid": `chat-bubble-body-${dsId}`
40
- }, bodyParts.map((item, index) => /* @__PURE__ */ React2.createElement(React2.Fragment, {
41
- key: `${item}-${dsId}`
42
- }, item, index < bodyParts.length - 1 ? /* @__PURE__ */ React2.createElement("br", null) : null))), /* @__PURE__ */ React2.createElement(ChatBubbleArrow, {
43
- type
44
- })), errorMessage ? /* @__PURE__ */ React2.createElement(StyleErrorMessage, {
45
- "data-testid": `chat-bubble-error-message-${dsId}`,
46
- p: "xxs",
47
- gutter: "xxs",
48
- cols: [1, "auto"]
49
- }, /* @__PURE__ */ React2.createElement("span", null, errorMessage), /* @__PURE__ */ React2.createElement(WarningCircleFill, null)) : null, helpMessage ? /* @__PURE__ */ React2.createElement(StyleHelpMessage, {
50
- "data-testid": `chat-bubble-help-message-${dsId}`,
51
- p: "xxs",
52
- gutter: "xxs",
53
- cols: [1, "auto"]
54
- }, /* @__PURE__ */ React2.createElement("span", null, helpMessage)) : null);
55
- };
56
- ChatBubble.propTypes = BubblesPropTypes;
57
- ChatBubble.displayName = "ChatBubble";
58
- const ChatBubbleWithSchema = describe(ChatBubble);
59
- ChatBubbleWithSchema.propTypes = BubblesPropTypes;
60
- export {
61
- ChatBubble,
62
- ChatBubbleWithSchema
63
- };
64
- //# sourceMappingURL=ChatBubble.js.map