@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,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/bubble/ChatBubble.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { WarningCircleFill } from '@elliemae/ds-icons';\nimport {\n StyledWrapper,\n StyledColoredBubble,\n StyledTitleBubble,\n StyledTitleLeftBubble,\n StyledTitleRightBubble,\n StyleBodyWrapper,\n StyleErrorMessage,\n StyleHelpMessage,\n} from './styled';\nimport { BubblesPropTypes, BubblePropsT, defaultBubbleProps } from './props';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\n\nconst ChatBubble: React.ComponentType<BubblePropsT> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultBubbleProps);\n useValidateTypescriptPropTypes(propsWithDefault, BubblesPropTypes);\n\n const { dsId, type, title, time, body, errorMessage, helpMessage } = propsWithDefault;\n const bodyParts = React.useMemo(() => (typeof body === 'string' ? body.split('\\n') : [body]), [body]);\n return (\n <StyledWrapper data-testid={`ds-chat-bubble-${dsId}`}>\n <StyledColoredBubble type={type}>\n <StyledTitleBubble cols={[1, 'auto']} gutter=\"xs\" alignItems=\"flex-end\" className=\"sr-only\">\n <StyledTitleLeftBubble alignItems=\"center\" data-testid={`chat-bubble-title-${dsId}`}>\n {title}\n </StyledTitleLeftBubble>\n <StyledTitleRightBubble alignItems=\"center\" type={type} data-testid={`chat-bubble-time-${dsId}`}>\n {time}\n </StyledTitleRightBubble>\n </StyledTitleBubble>\n <StyleBodyWrapper data-testid={`chat-bubble-body-${dsId}`}>\n {bodyParts.map((item, index) => (\n <React.Fragment key={`${item}-${dsId}`}>\n {item}\n {index < bodyParts.length - 1 ? <br /> : null}\n </React.Fragment>\n ))}\n </StyleBodyWrapper>\n <ChatBubbleArrow type={type} />\n </StyledColoredBubble>\n {errorMessage ? (\n <StyleErrorMessage data-testid={`chat-bubble-error-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n <span>{errorMessage}</span>\n <WarningCircleFill />\n </StyleErrorMessage>\n ) : null}\n {helpMessage ? (\n <StyleHelpMessage data-testid={`chat-bubble-help-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n <span>{helpMessage}</span>\n </StyleHelpMessage>\n ) : null}\n </StyledWrapper>\n );\n};\n\nChatBubble.propTypes = BubblesPropTypes as WeakValidationMap<unknown>;\nChatBubble.displayName = 'ChatBubble';\nconst ChatBubbleWithSchema = describe(ChatBubble);\nChatBubbleWithSchema.propTypes = BubblesPropTypes as WeakValidationMap<unknown>;\n\nexport { ChatBubble, ChatBubbleWithSchema };\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAkC;AACzC,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAgC,0BAA0B;AACnE,SAAS,uBAAuB;AAEhC,MAAM,aAAgD,CAAC,UAAU;AAC/D,QAAM,mBAAmB,6BAA6B,OAAO,kBAAkB;AAC/E,iCAA+B,kBAAkB,gBAAgB;AAEjE,QAAM,EAAE,MAAM,MAAM,OAAO,MAAM,MAAM,cAAc,YAAY,IAAI;AACrE,QAAM,YAAYA,OAAM,QAAQ,MAAO,OAAO,SAAS,WAAW,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,GAAI,CAAC,IAAI,CAAC;AACpG,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAc,eAAa,kBAAkB;AAAA,KAC5C,gBAAAA,OAAA,cAAC;AAAA,IAAoB;AAAA,KACnB,gBAAAA,OAAA,cAAC;AAAA,IAAkB,MAAM,CAAC,GAAG,MAAM;AAAA,IAAG,QAAO;AAAA,IAAK,YAAW;AAAA,IAAW,WAAU;AAAA,KAChF,gBAAAA,OAAA,cAAC;AAAA,IAAsB,YAAW;AAAA,IAAS,eAAa,qBAAqB;AAAA,KAC1E,KACH,GACA,gBAAAA,OAAA,cAAC;AAAA,IAAuB,YAAW;AAAA,IAAS;AAAA,IAAY,eAAa,oBAAoB;AAAA,KACtF,IACH,CACF,GACA,gBAAAA,OAAA,cAAC;AAAA,IAAiB,eAAa,oBAAoB;AAAA,KAChD,UAAU,IAAI,CAAC,MAAM,UACpB,gBAAAA,OAAA,cAACA,OAAM,UAAN;AAAA,IAAe,KAAK,GAAG,QAAQ;AAAA,KAC7B,MACA,QAAQ,UAAU,SAAS,IAAI,gBAAAA,OAAA,cAAC,UAAG,IAAK,IAC3C,CACD,CACH,GACA,gBAAAA,OAAA,cAAC;AAAA,IAAgB;AAAA,GAAY,CAC/B,GACC,eACC,gBAAAA,OAAA,cAAC;AAAA,IAAkB,eAAa,6BAA6B;AAAA,IAAQ,GAAE;AAAA,IAAM,QAAO;AAAA,IAAM,MAAM,CAAC,GAAG,MAAM;AAAA,KACxG,gBAAAA,OAAA,cAAC,cAAM,YAAa,GACpB,gBAAAA,OAAA,cAAC,uBAAkB,CACrB,IACE,MACH,cACC,gBAAAA,OAAA,cAAC;AAAA,IAAiB,eAAa,4BAA4B;AAAA,IAAQ,GAAE;AAAA,IAAM,QAAO;AAAA,IAAM,MAAM,CAAC,GAAG,MAAM;AAAA,KACtG,gBAAAA,OAAA,cAAC,cAAM,WAAY,CACrB,IACE,IACN;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAChD,qBAAqB,YAAY;",
6
- "names": ["React"]
7
- }
@@ -1,68 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { StyledBubbleArrow } from "./styled";
4
- import { BUBBLE_TYPES, propsArrowBubble } from "./props";
5
- const ChatBubbleArrow = ({ type }) => /* @__PURE__ */ React2.createElement(StyledBubbleArrow, null, type === BUBBLE_TYPES.RECIPIENT ? /* @__PURE__ */ React2.createElement("svg", {
6
- width: "15px",
7
- height: "14px",
8
- viewBox: "0 0 15 14"
9
- }, /* @__PURE__ */ React2.createElement("defs", null, /* @__PURE__ */ React2.createElement("path", {
10
- d: "M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z",
11
- id: "path-chat-bubble"
12
- }), /* @__PURE__ */ React2.createElement("filter", {
13
- x: "-55.6%",
14
- y: "-50.0%",
15
- width: "211.1%",
16
- height: "225.0%",
17
- filterUnits: "objectBoundingBox",
18
- id: "filter-2"
19
- }, /* @__PURE__ */ React2.createElement("feOffset", {
20
- dx: "2.3",
21
- dy: "1.2",
22
- in: "SourceAlpha",
23
- result: "shadowOffsetOuter1"
24
- }), /* @__PURE__ */ React2.createElement("feGaussianBlur", {
25
- stdDeviation: "1.5",
26
- in: "shadowOffsetOuter1",
27
- result: "shadowBlurOuter1"
28
- }), /* @__PURE__ */ React2.createElement("feColorMatrix", {
29
- values: "0 0 0 0 0.207843137 \n 0 0 0 0 0.235294118 \n 0 0 0 0 0.274509804 \n 0 0 0 0.8 0",
30
- type: "matrix",
31
- in: "shadowBlurOuter1"
32
- }))), /* @__PURE__ */ React2.createElement("g", {
33
- id: "[DSK]-Visual-Design",
34
- stroke: "none",
35
- strokeWidth: "1",
36
- fill: "none",
37
- fillRule: "evenodd"
38
- }, /* @__PURE__ */ React2.createElement("g", {
39
- id: "Path-Copy",
40
- transform: "translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) "
41
- }, /* @__PURE__ */ React2.createElement("use", {
42
- fill: "black",
43
- fillOpacity: "1",
44
- filter: "url(#filter-2)",
45
- xlinkHref: "#path-chat-bubble"
46
- }), /* @__PURE__ */ React2.createElement("use", {
47
- fill: "#FFFFFF",
48
- fillRule: "evenodd",
49
- xlinkHref: "#path-chat-bubble"
50
- })))) : /* @__PURE__ */ React2.createElement("svg", {
51
- width: "9px",
52
- height: "8px",
53
- viewBox: "0 0 9 8"
54
- }, /* @__PURE__ */ React2.createElement("g", {
55
- stroke: "none",
56
- strokeWidth: "1",
57
- fill: "none",
58
- fillRule: "evenodd"
59
- }, /* @__PURE__ */ React2.createElement("path", {
60
- d: "M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z",
61
- id: "Path",
62
- fill: "#1E79C2"
63
- }))));
64
- ChatBubbleArrow.propTypes = propsArrowBubble;
65
- export {
66
- ChatBubbleArrow
67
- };
68
- //# sourceMappingURL=ChatBubbleArrow.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/bubble/ChatBubbleArrow.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { BUBBLE_TYPES, BubblePropsT, propsArrowBubble } from './props';\n\nexport const ChatBubbleArrow: React.ComponentType<Pick<BubblePropsT, 'type'>> = ({ type }) => (\n <StyledBubbleArrow>\n {type === BUBBLE_TYPES.RECIPIENT ? (\n <svg width=\"15px\" height=\"14px\" viewBox=\"0 0 15 14\">\n <defs>\n <path\n d=\"M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z\"\n id=\"path-chat-bubble\"\n ></path>\n <filter x=\"-55.6%\" y=\"-50.0%\" width=\"211.1%\" height=\"225.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-2\">\n <feOffset dx=\"2.3\" dy=\"1.2\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"></feOffset>\n <feGaussianBlur stdDeviation=\"1.5\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"></feGaussianBlur>\n <feColorMatrix\n values=\"0 0 0 0 0.207843137 \n 0 0 0 0 0.235294118 \n 0 0 0 0 0.274509804 \n 0 0 0 0.8 0\"\n type=\"matrix\"\n in=\"shadowBlurOuter1\"\n ></feColorMatrix>\n </filter>\n </defs>\n <g id=\"[DSK]-Visual-Design\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <g id=\"Path-Copy\" transform=\"translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) \">\n <use fill=\"black\" fillOpacity=\"1\" filter=\"url(#filter-2)\" xlinkHref=\"#path-chat-bubble\"></use>\n <use fill=\"#FFFFFF\" fillRule=\"evenodd\" xlinkHref=\"#path-chat-bubble\"></use>\n </g>\n </g>\n </svg>\n ) : (\n <svg width=\"9px\" height=\"8px\" viewBox=\"0 0 9 8\">\n <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <path\n d=\"M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z\"\n id=\"Path\"\n fill=\"#1E79C2\"\n ></path>\n </g>\n </svg>\n )}\n </StyledBubbleArrow>\n);\n\nChatBubbleArrow.propTypes = propsArrowBubble as WeakValidationMap<unknown>;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAkC;AACzC,SAAS,yBAAyB;AAClC,SAAS,cAA4B,wBAAwB;AAEtD,MAAM,kBAAmE,CAAC,EAAE,KAAK,MACtF,gBAAAA,OAAA,cAAC,yBACE,SAAS,aAAa,YACrB,gBAAAA,OAAA,cAAC;AAAA,EAAI,OAAM;AAAA,EAAO,QAAO;AAAA,EAAO,SAAQ;AAAA,GACtC,gBAAAA,OAAA,cAAC,cACC,gBAAAA,OAAA,cAAC;AAAA,EACC,GAAE;AAAA,EACF,IAAG;AAAA,CACJ,GACD,gBAAAA,OAAA,cAAC;AAAA,EAAO,GAAE;AAAA,EAAS,GAAE;AAAA,EAAS,OAAM;AAAA,EAAS,QAAO;AAAA,EAAS,aAAY;AAAA,EAAoB,IAAG;AAAA,GAC9F,gBAAAA,OAAA,cAAC;AAAA,EAAS,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,IAAG;AAAA,EAAc,QAAO;AAAA,CAAqB,GACzE,gBAAAA,OAAA,cAAC;AAAA,EAAe,cAAa;AAAA,EAAM,IAAG;AAAA,EAAqB,QAAO;AAAA,CAAmB,GACrF,gBAAAA,OAAA,cAAC;AAAA,EACC,QAAO;AAAA,EAIP,MAAK;AAAA,EACL,IAAG;AAAA,CACJ,CACH,CACF,GACA,gBAAAA,OAAA,cAAC;AAAA,EAAE,IAAG;AAAA,EAAsB,QAAO;AAAA,EAAO,aAAY;AAAA,EAAI,MAAK;AAAA,EAAO,UAAS;AAAA,GAC7E,gBAAAA,OAAA,cAAC;AAAA,EAAE,IAAG;AAAA,EAAY,WAAU;AAAA,GAC1B,gBAAAA,OAAA,cAAC;AAAA,EAAI,MAAK;AAAA,EAAQ,aAAY;AAAA,EAAI,QAAO;AAAA,EAAiB,WAAU;AAAA,CAAoB,GACxF,gBAAAA,OAAA,cAAC;AAAA,EAAI,MAAK;AAAA,EAAU,UAAS;AAAA,EAAU,WAAU;AAAA,CAAoB,CACvE,CACF,CACF,IAEA,gBAAAA,OAAA,cAAC;AAAA,EAAI,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,SAAQ;AAAA,GACpC,gBAAAA,OAAA,cAAC;AAAA,EAAE,QAAO;AAAA,EAAO,aAAY;AAAA,EAAI,MAAK;AAAA,EAAO,UAAS;AAAA,GACpD,gBAAAA,OAAA,cAAC;AAAA,EACC,GAAE;AAAA,EACF,IAAG;AAAA,EACH,MAAK;AAAA,CACN,CACH,CACF,CAEJ;AAGF,gBAAgB,YAAY;",
6
- "names": ["React"]
7
- }
@@ -1,9 +0,0 @@
1
- import * as React from "react";
2
- import { ChatBubble, ChatBubbleWithSchema } from "./ChatBubble";
3
- import { BUBBLE_TYPES } from "./props";
4
- export {
5
- BUBBLE_TYPES,
6
- ChatBubble,
7
- ChatBubbleWithSchema
8
- };
9
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/bubble/index.ts"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ChatBubble, ChatBubbleWithSchema } from './ChatBubble';\nexport { BUBBLE_TYPES } from './props';\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY,4BAA4B;AACjD,SAAS,oBAAoB;",
6
- "names": []
7
- }
@@ -1,39 +0,0 @@
1
- import * as React from "react";
2
- import { PropTypes } from "@elliemae/ds-utilities";
3
- function noop(..._args) {
4
- }
5
- const BUBBLE_TYPES = {
6
- SENDER: "SENDER",
7
- RECIPIENT: "RECIPIENT",
8
- DELIMITER: "DELIMITER",
9
- SYSTEM: "SYSTEM"
10
- };
11
- const defaultBubbleProps = {
12
- dsId: "",
13
- type: BUBBLE_TYPES.SENDER,
14
- time: "",
15
- body: "",
16
- onClick: noop,
17
- errorMessage: "",
18
- helpMessage: ""
19
- };
20
- const BubblesPropTypes = {
21
- dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("Unique id for bubble").defaultValue(defaultBubbleProps.dsId),
22
- type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.description("Define bubble type ").defaultValue(defaultBubbleProps.type),
23
- title: PropTypes.string.description("Title of the bubble").defaultValue(defaultBubbleProps.title),
24
- time: PropTypes.string.isRequired.description("Time of the bubble").defaultValue(defaultBubbleProps.title),
25
- body: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired.description("Bubble content").defaultValue(defaultBubbleProps.body),
26
- onClick: PropTypes.func.description("Callback when the bubble is tapped").defaultValue(defaultBubbleProps.onClick),
27
- errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description("Error message to display at bottom of the bubble").defaultValue(defaultBubbleProps.onClick),
28
- helpMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description("Help message to display at bottom of the bubble").defaultValue(defaultBubbleProps.onClick)
29
- };
30
- const propsArrowBubble = {
31
- type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.defaultValue(defaultBubbleProps.type)
32
- };
33
- export {
34
- BUBBLE_TYPES,
35
- BubblesPropTypes,
36
- defaultBubbleProps,
37
- propsArrowBubble
38
- };
39
- //# sourceMappingURL=props.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/bubble/props.ts"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\nimport React from 'react';\n\n// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\nfunction noop<T extends unknown[]>(..._args: T): void {}\nexport const BUBBLE_TYPES = {\n SENDER: 'SENDER',\n RECIPIENT: 'RECIPIENT',\n DELIMITER: 'DELIMITER',\n SYSTEM: 'SYSTEM',\n};\n\nexport type BubbleTypesKeys = keyof typeof BUBBLE_TYPES;\nexport type BubbleTypesValues = typeof BUBBLE_TYPES[BubbleTypesKeys];\n\nexport interface BubblePropsT {\n dsId: string | number;\n type: BubbleTypesValues;\n title?: string;\n body: string;\n time: string;\n errorMessage: string | React.ReactChild;\n helpMessage: string | React.ReactChild;\n onClick: (id: string | number) => void;\n}\n\nexport const defaultBubbleProps: BubblePropsT = {\n dsId: '',\n type: BUBBLE_TYPES.SENDER,\n time: '',\n body: '',\n onClick: noop,\n errorMessage: '',\n helpMessage: '',\n};\n\nexport const BubblesPropTypes = {\n dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n .description('Unique id for bubble')\n .defaultValue(defaultBubbleProps.dsId),\n type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])\n .isRequired.description('Define bubble type ')\n .defaultValue(defaultBubbleProps.type),\n title: PropTypes.string.description('Title of the bubble').defaultValue(defaultBubbleProps.title),\n time: PropTypes.string.isRequired.description('Time of the bubble').defaultValue(defaultBubbleProps.title),\n body: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .isRequired.description('Bubble content')\n .defaultValue(defaultBubbleProps.body),\n onClick: PropTypes.func.description('Callback when the bubble is tapped').defaultValue(defaultBubbleProps.onClick),\n errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .description('Error message to display at bottom of the bubble')\n .defaultValue(defaultBubbleProps.onClick),\n helpMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .description('Help message to display at bottom of the bubble')\n .defaultValue(defaultBubbleProps.onClick),\n};\n\nexport const propsArrowBubble = {\n type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.defaultValue(defaultBubbleProps.type),\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAI1B,SAAS,QAA6B,OAAgB;AAAC;AAChD,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AACV;AAgBO,MAAM,qBAAmC;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,aAAa;AAAA,EACnB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AACf;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAC3D,YAAY,sBAAsB,EAClC,aAAa,mBAAmB,IAAI;AAAA,EACvC,MAAM,UAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAChE,WAAW,YAAY,qBAAqB,EAC5C,aAAa,mBAAmB,IAAI;AAAA,EACvC,OAAO,UAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EAChG,MAAM,UAAU,OAAO,WAAW,YAAY,oBAAoB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EACzG,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAC5D,WAAW,YAAY,gBAAgB,EACvC,aAAa,mBAAmB,IAAI;AAAA,EACvC,SAAS,UAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,mBAAmB,OAAO;AAAA,EACjH,cAAc,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EACpE,YAAY,kDAAkD,EAC9D,aAAa,mBAAmB,OAAO;AAAA,EAC1C,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EACnE,YAAY,iDAAiD,EAC7D,aAAa,mBAAmB,OAAO;AAC5C;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,UAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAAE,WAAW,aAAa,mBAAmB,IAAI;AACtH;",
6
- "names": []
7
- }
@@ -1,117 +0,0 @@
1
- import * as React from "react";
2
- import { styled } from "@elliemae/ds-system";
3
- import { Grid } from "@elliemae/ds-grid";
4
- import { BUBBLE_TYPES } from "./props";
5
- const StyledWrapper = styled.div`
6
- min-width: 224px;
7
- border-radius: 10px;
8
- `;
9
- const StyledTitleBubble = styled(Grid)`
10
- padding-top: 6px;
11
- padding-left: 10px;
12
- padding-right: 10px;
13
- padding-bottom: 4px;
14
- `;
15
- const StyledTitleLeftBubble = styled(Grid)`
16
- font-size: 13px;
17
- font-weight: 600;
18
- `;
19
- const StyledTitleRightBubble = styled(Grid)`
20
- font-size: 13px;
21
- font-weight: 400;
22
- color: ${(props) => props.type === BUBBLE_TYPES.SENDER ? "#FFF" : "#657489"};
23
- `;
24
- const StyleBodyWrapper = styled.div`
25
- font-size: 13px;
26
- font-weight: 400;
27
- line-height: 15px;
28
- min-height: 18px;
29
- padding: 0px 10px 8px 10px;
30
- `;
31
- const StyleErrorMessage = styled.div`
32
- font-size: 12px;
33
- font-weight: 400;
34
- padding-top: ${(props) => props.theme.space.xxxs};
35
- color: ${(props) => props.theme.colors.danger[900]};
36
- align-items: flex-end;
37
- justify-content: center;
38
- text-align: right;
39
- line-height: 15px;
40
- svg {
41
- fill: ${(props) => props.theme.colors.danger[900]};
42
- }
43
- a {
44
- font-size: 12px;
45
- color: ${(props) => props.theme.colors.danger[900]};
46
- }
47
- .em-ds-icon {
48
- margin-left: 8px;
49
- }
50
- `;
51
- const StyleHelpMessage = styled(StyleErrorMessage)`
52
- font-size: 12px;
53
- line-height: 15px;
54
- color: ${(props) => props.theme.colors.neutral[500]};
55
- svg {
56
- fill: ${(props) => props.theme.colors.danger[500]};
57
- }
58
- a {
59
- font-size: 12px;
60
- color: ${(props) => props.theme.colors.danger[500]};
61
- }
62
- `;
63
- const StyledBubbleArrow = styled.div`
64
- display: block;
65
- content: '';
66
- position: absolute;
67
- bottom: 10px;
68
- height: 15px;
69
- `;
70
- const StyledColoredBubble = styled.div`
71
- min-width: 224px;
72
- border-radius: 10px;
73
- position: relative;
74
-
75
- ${(props) => props.type === BUBBLE_TYPES.SENDER ? `
76
- border: 1px solid ${props.theme.colors.brand["700"]};
77
- background: ${props.theme.colors.brand[600]};
78
- color: ${props.theme.colors.neutral["000"]};
79
- ${StyledBubbleArrow}{
80
- right: -9px;
81
- bottom: 6px;
82
- svg{
83
- fill: ${props.theme.colors.brand[600]};
84
- }
85
- }
86
-
87
- a {
88
- color: #FFF;
89
- }
90
-
91
- ` : `
92
- box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);
93
- background: ${props.theme.colors.neutral["000"]};
94
- color: ${props.theme.colors.neutral[700]};
95
-
96
- ${StyledBubbleArrow}{
97
- left: -11px;
98
- bottom: 6px;
99
- svg{
100
- fill: ${props.theme.colors.neutral["000"]};
101
- }
102
- }
103
-
104
- `}
105
- `;
106
- export {
107
- StyleBodyWrapper,
108
- StyleErrorMessage,
109
- StyleHelpMessage,
110
- StyledBubbleArrow,
111
- StyledColoredBubble,
112
- StyledTitleBubble,
113
- StyledTitleLeftBubble,
114
- StyledTitleRightBubble,
115
- StyledWrapper
116
- };
117
- //# sourceMappingURL=styled.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/bubble/styled.ts"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUBBLE_TYPES } from './props';\n\n// Bubble WRAPPER\nexport const StyledWrapper = styled.div`\n min-width: 224px;\n border-radius: 10px;\n`;\n\n// Bubble HEADER\nexport const StyledTitleBubble = styled(Grid)`\n padding-top: 6px;\n padding-left: 10px;\n padding-right: 10px;\n padding-bottom: 4px;\n`;\n\nexport const StyledTitleLeftBubble = styled(Grid)`\n font-size: 13px;\n font-weight: 600;\n`;\nexport const StyledTitleRightBubble = styled(Grid)<{ type: string }>`\n font-size: 13px;\n font-weight: 400;\n color: ${(props) => (props.type === BUBBLE_TYPES.SENDER ? '#FFF' : '#657489')};\n`;\n\nexport const StyleBodyWrapper = styled.div`\n font-size: 13px;\n font-weight: 400;\n line-height: 15px;\n min-height: 18px;\n padding: 0px 10px 8px 10px;\n`;\n\nexport const StyleErrorMessage = styled.div`\n font-size: 12px;\n font-weight: 400;\n padding-top: ${(props) => props.theme.space.xxxs};\n color: ${(props) => props.theme.colors.danger[900]};\n align-items: flex-end;\n justify-content: center;\n text-align: right;\n line-height: 15px;\n svg {\n fill: ${(props) => props.theme.colors.danger[900]};\n }\n a {\n font-size: 12px;\n color: ${(props) => props.theme.colors.danger[900]};\n }\n .em-ds-icon {\n margin-left: 8px;\n }\n`;\n\nexport const StyleHelpMessage = styled(StyleErrorMessage)`\n font-size: 12px;\n line-height: 15px;\n color: ${(props) => props.theme.colors.neutral[500]};\n svg {\n fill: ${(props) => props.theme.colors.danger[500]};\n }\n a {\n font-size: 12px;\n color: ${(props) => props.theme.colors.danger[500]};\n }\n`;\n\n// bubble sender/ recipient\nexport const StyledBubbleArrow = styled.div`\n display: block;\n content: '';\n position: absolute;\n bottom: 10px;\n height: 15px;\n`;\n\nexport const StyledColoredBubble = styled.div<{ type: string }>`\n min-width: 224px;\n border-radius: 10px;\n position: relative;\n\n ${(props) =>\n props.type === BUBBLE_TYPES.SENDER\n ? `\n border: 1px solid ${props.theme.colors.brand['700']};\n background: ${props.theme.colors.brand[600]};\n color: ${props.theme.colors.neutral['000']};\n ${StyledBubbleArrow}{ \n right: -9px;\n bottom: 6px;\n svg{\n fill: ${props.theme.colors.brand[600]};\n }\n }\n\n a {\n color: #FFF;\n }\n\n `\n : `\n box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);\n background: ${props.theme.colors.neutral['000']};\n color: ${props.theme.colors.neutral[700]};\n\n ${StyledBubbleArrow}{ \n left: -11px;\n bottom: 6px;\n svg{\n fill: ${props.theme.colors.neutral['000']};\n }\n }\n\n `}\n`;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAGtB,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAM7B,MAAM,oBAAoB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrC,MAAM,wBAAwB,OAAO,IAAI;AAAA;AAAA;AAAA;AAIzC,MAAM,yBAAyB,OAAO,IAAI;AAAA;AAAA;AAAA,WAGtC,CAAC,UAAW,MAAM,SAAS,aAAa,SAAS,SAAS;AAAA;AAG9D,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA,iBAGvB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WACnC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,aAIpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3C,MAAM,mBAAmB,OAAO,iBAAiB;AAAA;AAAA;AAAA,WAG7C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,YAErC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,aAIpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAK3C,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKtC,CAAC,UACD,MAAM,SAAS,aAAa,SACxB;AAAA,4BACoB,MAAM,MAAM,OAAO,MAAM;AAAA,sBAC/B,MAAM,MAAM,OAAO,MAAM;AAAA,iBAC9B,MAAM,MAAM,OAAO,QAAQ;AAAA,UAClC;AAAA;AAAA;AAAA;AAAA,wBAIc,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASzC;AAAA;AAAA,sBAEc,MAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,UAElC;AAAA;AAAA;AAAA;AAAA,wBAIc,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,34 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
4
- import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
5
- import { propTypes, defaultProps } from "./props";
6
- import { Wrapper, MainContent, Title, Content, Time, RightAddon } from "./styled";
7
- const ChatCard = (props) => {
8
- const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
9
- useValidateTypescriptPropTypes(propsWithDefault, propTypes);
10
- const { title, content, time, rightAddon } = props;
11
- return /* @__PURE__ */ React2.createElement(Wrapper, {
12
- cols: ["1fr", "auto"],
13
- "data-testid": "chat-card-wrapper"
14
- }, /* @__PURE__ */ React2.createElement(MainContent, null, /* @__PURE__ */ React2.createElement(Title, {
15
- "data-testid": "chat-card-title"
16
- }, title), /* @__PURE__ */ React2.createElement(Content, {
17
- "data-testid": "chat-card-content"
18
- }, /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
19
- value: content
20
- })), time && /* @__PURE__ */ React2.createElement(Time, {
21
- "data-testid": "chat-card-time"
22
- }, time)), rightAddon && /* @__PURE__ */ React2.createElement(RightAddon, {
23
- "data-testid": "chat-card-right-addon"
24
- }, rightAddon));
25
- };
26
- ChatCard.propTypes = propTypes;
27
- ChatCard.displayName = "ChatCard";
28
- const ChatCardWithSchema = describe(ChatCard);
29
- ChatCardWithSchema.propTypes = propTypes;
30
- export {
31
- ChatCard,
32
- ChatCardWithSchema
33
- };
34
- //# sourceMappingURL=ChatCard.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-card/ChatCard.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes, CardPropTypes, defaultProps } from './props';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled';\n\nconst ChatCard: React.ComponentType<CardPropTypes> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, propTypes);\n\n const { title, content, time, rightAddon } = props;\n return (\n <Wrapper cols={['1fr', 'auto']} data-testid=\"chat-card-wrapper\">\n <MainContent>\n <Title data-testid=\"chat-card-title\">{title}</Title>\n <Content data-testid=\"chat-card-content\">\n <SimpleTruncatedTooltipText value={content} />\n </Content>\n {time && <Time data-testid=\"chat-card-time\">{time}</Time>}\n </MainContent>\n {rightAddon && <RightAddon data-testid=\"chat-card-right-addon\">{rightAddon}</RightAddon>}\n </Wrapper>\n );\n};\n\nChatCard.propTypes = propTypes as WeakValidationMap<unknown>;\nChatCard.displayName = 'ChatCard';\nconst ChatCardWithSchema = describe(ChatCard);\nChatCardWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { ChatCard, ChatCardWithSchema };\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAkC;AACzC,SAAS,UAAU,gCAAgC,oCAAoC;AAEvF,SAAS,kCAAkC;AAC3C,SAAS,WAA0B,oBAAoB;AACvD,SAAS,SAAS,aAAa,OAAO,SAAS,MAAM,kBAAkB;AAEvE,MAAM,WAA+C,CAAC,UAAU;AAC9D,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,SAAS;AAE1D,QAAM,EAAE,OAAO,SAAS,MAAM,WAAW,IAAI;AAC7C,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAQ,MAAM,CAAC,OAAO,MAAM;AAAA,IAAG,eAAY;AAAA,KAC1C,gBAAAA,OAAA,cAAC,mBACC,gBAAAA,OAAA,cAAC;AAAA,IAAM,eAAY;AAAA,KAAmB,KAAM,GAC5C,gBAAAA,OAAA,cAAC;AAAA,IAAQ,eAAY;AAAA,KACnB,gBAAAA,OAAA,cAAC;AAAA,IAA2B,OAAO;AAAA,GAAS,CAC9C,GACC,QAAQ,gBAAAA,OAAA,cAAC;AAAA,IAAK,eAAY;AAAA,KAAkB,IAAK,CACpD,GACC,cAAc,gBAAAA,OAAA,cAAC;AAAA,IAAW,eAAY;AAAA,KAAyB,UAAW,CAC7E;AAEJ;AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,MAAM,qBAAqB,SAAS,QAAQ;AAC5C,mBAAmB,YAAY;",
6
- "names": ["React"]
7
- }
@@ -1,7 +0,0 @@
1
- import * as React from "react";
2
- import { ChatCard, ChatCardWithSchema } from "./ChatCard";
3
- export {
4
- ChatCard,
5
- ChatCardWithSchema
6
- };
7
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-card/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ChatCard, ChatCardWithSchema } from './ChatCard';\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU,0BAA0B;",
6
- "names": []
7
- }
@@ -1,19 +0,0 @@
1
- import * as React from "react";
2
- import { PropTypes } from "@elliemae/ds-utilities";
3
- const defaultProps = {
4
- title: "",
5
- content: "",
6
- time: "",
7
- rightAddon: /* @__PURE__ */ React.createElement(React.Fragment, null)
8
- };
9
- const propTypes = {
10
- title: PropTypes.string.isRequired.description(`Card's title`),
11
- content: PropTypes.string.description(`Card's content`),
12
- time: PropTypes.string.description("Time"),
13
- rightAddon: PropTypes.element.description("Right addon, badge or icon")
14
- };
15
- export {
16
- defaultProps,
17
- propTypes
18
- };
19
- //# sourceMappingURL=props.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-card/props.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const defaultProps: CardPropTypes = {\n title: '',\n content: '',\n time: '',\n rightAddon: <></>,\n};\n\nexport const propTypes = {\n title: PropTypes.string.isRequired.description(`Card's title`),\n content: PropTypes.string.description(`Card's content`),\n time: PropTypes.string.description('Time'),\n rightAddon: PropTypes.element.description('Right addon, badge or icon'),\n};\n\nexport interface CardPropTypes {\n title: string;\n content: string;\n time: string;\n rightAddon: JSX.Element;\n}\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAEnB,MAAM,eAA8B;AAAA,EACzC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,wDAAE;AAChB;AAEO,MAAM,YAAY;AAAA,EACvB,OAAO,UAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,SAAS,UAAU,OAAO,YAAY,gBAAgB;AAAA,EACtD,MAAM,UAAU,OAAO,YAAY,MAAM;AAAA,EACzC,YAAY,UAAU,QAAQ,YAAY,4BAA4B;AACxE;",
6
- "names": []
7
- }
@@ -1,42 +0,0 @@
1
- import * as React from "react";
2
- import { styled } from "@elliemae/ds-system";
3
- import { Grid } from "@elliemae/ds-grid";
4
- const Wrapper = styled(Grid)`
5
- min-width: 248px;
6
- border: 1px;
7
- border-bottom: 1px solid #ccc;
8
- padding: 12px 12px;
9
- `;
10
- const MainContent = styled.div``;
11
- const Title = styled.p`
12
- font-size: 16px;
13
- font-weight: 600;
14
- margin: 0;
15
- `;
16
- const Content = styled.p`
17
- font-size: 12px;
18
- font-weight: 400;
19
- line-height: 1;
20
- margin: 0;
21
- `;
22
- const Time = styled.p`
23
- font-size: 12px;
24
- font-weight: 100;
25
- margin: 0;
26
- margin-top: 8px;
27
- font-weight: ${(props) => props.theme.fontWeights.regular};
28
- color: ${(props) => props.theme.colors.neutral["500"]};
29
- `;
30
- const RightAddon = styled.div`
31
- height: fit-content;
32
- margin-left: 12px;
33
- `;
34
- export {
35
- Content,
36
- MainContent,
37
- RightAddon,
38
- Time,
39
- Title,
40
- Wrapper
41
- };
42
- //# sourceMappingURL=styled.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-card/styled.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const Wrapper = styled(Grid)`\n min-width: 248px;\n border: 1px;\n border-bottom: 1px solid #ccc;\n padding: 12px 12px;\n`;\n\nexport const MainContent = styled.div``;\n\nexport const Title = styled.p`\n font-size: 16px;\n font-weight: 600;\n margin: 0;\n`;\n\nexport const Content = styled.p`\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n margin: 0;\n`;\n\nexport const Time = styled.p`\n font-size: 12px;\n font-weight: 100;\n margin: 0;\n margin-top: 8px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['500']};\n`;\n\nexport const RightAddon = styled.div`\n height: fit-content;\n margin-left: 12px;\n`;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAEd,MAAM,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,cAAc,OAAO;AAE3B,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,46 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import {
4
- describe,
5
- useValidateTypescriptPropTypes,
6
- useMemoMergePropsWithDefault,
7
- useGetGlobalAttributes
8
- } from "@elliemae/ds-utilities";
9
- import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
10
- import {
11
- StyledChatContainerContentHeader,
12
- StyledChatContainerContentHeaderLabel,
13
- StyledChatContainerContentHeaderActions
14
- } from "./styled";
15
- import { defaultProps, propTypes } from "./props";
16
- const ChatContainerHeader = (props) => {
17
- const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
18
- useValidateTypescriptPropTypes(propsWithDefault, propTypes);
19
- const globalsAttr = useGetGlobalAttributes(propsWithDefault);
20
- const { title, children } = propsWithDefault;
21
- return /* @__PURE__ */ React2.createElement(StyledChatContainerContentHeader, {
22
- alignItems: "center",
23
- cols: ["minmax(calc(100% - 64px), 1fr)", children ? "auto" : "0px"],
24
- role: "heading",
25
- ...globalsAttr
26
- }, /* @__PURE__ */ React2.createElement(StyledChatContainerContentHeaderLabel, {
27
- "data-testid": "chat-container-header-title",
28
- pl: "xxs",
29
- pr: "xxs"
30
- }, /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
31
- value: title
32
- })), /* @__PURE__ */ React2.createElement(StyledChatContainerContentHeaderActions, {
33
- cols: React2.Children.toArray(children).filter(Boolean).map(() => "32px"),
34
- justifyContent: "flex-end",
35
- "data-testid": "chat-container-header-children"
36
- }, children));
37
- };
38
- ChatContainerHeader.propTypes = propTypes;
39
- ChatContainerHeader.displayName = "ChatContainerHeader";
40
- const ChatContainerHeaderWithSchema = describe(ChatContainerHeader);
41
- ChatContainerHeaderWithSchema.propTypes = propTypes;
42
- export {
43
- ChatContainerHeader,
44
- ChatContainerHeaderWithSchema
45
- };
46
- //# sourceMappingURL=ChatContainerHeader.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-container-header/ChatContainerHeader.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n} from '@elliemae/ds-utilities';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n StyledChatContainerContentHeader,\n StyledChatContainerContentHeaderLabel,\n StyledChatContainerContentHeaderActions,\n} from './styled';\nimport { defaultProps, propTypes, HeaderProps } from './props';\n\nconst ChatContainerHeader: React.ComponentType<HeaderProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, propTypes);\n\n const globalsAttr = useGetGlobalAttributes(propsWithDefault);\n\n const { title, children } = propsWithDefault;\n\n return (\n <StyledChatContainerContentHeader\n alignItems=\"center\"\n cols={['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px']}\n role=\"heading\"\n {...globalsAttr}\n >\n <StyledChatContainerContentHeaderLabel data-testid=\"chat-container-header-title\" pl=\"xxs\" pr=\"xxs\">\n <SimpleTruncatedTooltipText value={title} />\n </StyledChatContainerContentHeaderLabel>\n <StyledChatContainerContentHeaderActions\n cols={React.Children.toArray(children)\n .filter(Boolean)\n .map(() => '32px')}\n justifyContent=\"flex-end\"\n data-testid=\"chat-container-header-children\"\n >\n {children}\n </StyledChatContainerContentHeaderActions>\n </StyledChatContainerContentHeader>\n );\n};\n\nChatContainerHeader.propTypes = propTypes as WeakValidationMap<unknown>;\nChatContainerHeader.displayName = 'ChatContainerHeader';\nconst ChatContainerHeaderWithSchema = describe(ChatContainerHeader);\nChatContainerHeaderWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema };\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAkC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc,iBAA8B;AAErD,MAAM,sBAAwD,CAAC,UAAU;AACvE,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,SAAS;AAE1D,QAAM,cAAc,uBAAuB,gBAAgB;AAE3D,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,SACE,gBAAAA,OAAA,cAAC;AAAA,IACC,YAAW;AAAA,IACX,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,IAClE,MAAK;AAAA,IACJ,GAAG;AAAA,KAEJ,gBAAAA,OAAA,cAAC;AAAA,IAAsC,eAAY;AAAA,IAA8B,IAAG;AAAA,IAAM,IAAG;AAAA,KAC3F,gBAAAA,OAAA,cAAC;AAAA,IAA2B,OAAO;AAAA,GAAO,CAC5C,GACA,gBAAAA,OAAA,cAAC;AAAA,IACC,MAAMA,OAAM,SAAS,QAAQ,QAAQ,EAClC,OAAO,OAAO,EACd,IAAI,MAAM,MAAM;AAAA,IACnB,gBAAe;AAAA,IACf,eAAY;AAAA,KAEX,QACH,CACF;AAEJ;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,gCAAgC,SAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
6
- "names": ["React"]
7
- }
@@ -1,14 +0,0 @@
1
- import * as React from "react";
2
- import { PropTypes } from "@elliemae/ds-utilities";
3
- const defaultProps = {
4
- title: ""
5
- };
6
- const propTypes = {
7
- title: PropTypes.string.isRequired.description(`Card's title`),
8
- children: PropTypes.node.description("Childrens")
9
- };
10
- export {
11
- defaultProps,
12
- propTypes
13
- };
14
- //# sourceMappingURL=props.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-container-header/props.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\n\nexport const defaultProps: HeaderProps = {\n title: '',\n};\n\nexport const propTypes = {\n title: PropTypes.string.isRequired.description(`Card's title`),\n children: PropTypes.node.description('Childrens'),\n};\n\nexport interface HeaderProps {\n title: string;\n children?: React.ReactChild;\n}\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAEnB,MAAM,eAA4B;AAAA,EACvC,OAAO;AACT;AAEO,MAAM,YAAY;AAAA,EACvB,OAAO,UAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,UAAU,UAAU,KAAK,YAAY,WAAW;AAClD;",
6
- "names": []
7
- }
@@ -1,31 +0,0 @@
1
- import * as React from "react";
2
- import { styled } from "@elliemae/ds-system";
3
- import { Grid } from "@elliemae/ds-grid";
4
- const StyledChatContainerContentHeaderActions = styled(Grid)`
5
- max-width: 80px;
6
- `;
7
- const StyledChatContainerContentHeader = styled(Grid)`
8
- width: 100%;
9
- min-height: 48px;
10
- border-bottom: 1px solid ${(props) => props.theme.colors.neutral["200"]};
11
- background: ${(props) => props.theme.colors.neutral["050"]};
12
- ${StyledChatContainerContentHeaderActions} {
13
- & button {
14
- background: transparent;
15
- }
16
- }
17
- `;
18
- const StyledChatContainerContentHeaderLabel = styled(Grid)`
19
- justify-content: center;
20
- align-items: center;
21
- font-weight: bold;
22
- font-size: 18px;
23
- color: ${(props) => props.theme.colors.neutral["700"]};
24
- line-height: 1.6;
25
- `;
26
- export {
27
- StyledChatContainerContentHeader,
28
- StyledChatContainerContentHeaderActions,
29
- StyledChatContainerContentHeaderLabel
30
- };
31
- //# sourceMappingURL=styled.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-container-header/styled.ts"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid)`\n max-width: 80px;\n`;\n\nexport const StyledChatContainerContentHeader = styled(Grid)`\n width: 100%;\n min-height: 48px;\n border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n background: ${(props) => props.theme.colors.neutral['050']};\n ${StyledChatContainerContentHeaderActions} {\n & button {\n background: transparent;\n }\n }\n`;\n\nexport const StyledChatContainerContentHeaderLabel = styled(Grid)`\n justify-content: center;\n align-items: center;\n font-weight: bold;\n font-size: 18px;\n color: ${(props) => props.theme.colors.neutral['700']};\n line-height: 1.6;\n`;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAEd,MAAM,0CAA0C,OAAO,IAAI;AAAA;AAAA;AAI3D,MAAM,mCAAmC,OAAO,IAAI;AAAA;AAAA;AAAA,6BAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAClD;AAAA;AAAA;AAAA;AAAA;AAAA;AAOG,MAAM,wCAAwC,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,WAKrD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,44 +0,0 @@
1
- import * as React from "react";
2
- import React2, { useMemo } from "react";
3
- import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
4
- import { Grid } from "@elliemae/ds-grid";
5
- import { Communications } from "@elliemae/ds-icons";
6
- import { emptyStateProps, defaultProps } from "./props";
7
- import { ChatEmptyStateWrapper, MessageWrapper } from "./styled";
8
- const ChatEmptyState = (props) => {
9
- const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
10
- useValidateTypescriptPropTypes(propsWithDefault, emptyStateProps);
11
- const { label, action } = propsWithDefault;
12
- const MainContent = useMemo(
13
- () => /* @__PURE__ */ React2.createElement(Grid, {
14
- alignItems: "center",
15
- justifyContent: "center"
16
- }, /* @__PURE__ */ React2.createElement(Grid, {
17
- alignItems: "center",
18
- justifyContent: "center"
19
- }, /* @__PURE__ */ React2.createElement(Communications, {
20
- size: "xxl",
21
- color: ["neutral", 400]
22
- })), /* @__PURE__ */ React2.createElement(Grid, {
23
- alignItems: "center",
24
- justifyContent: "center"
25
- }, /* @__PURE__ */ React2.createElement(MessageWrapper, null, label)), /* @__PURE__ */ React2.createElement(Grid, {
26
- alignItems: "center",
27
- justifyContent: "center"
28
- }, action)),
29
- [label, action]
30
- );
31
- return /* @__PURE__ */ React2.createElement(ChatEmptyStateWrapper, {
32
- alignItems: "center",
33
- justifyContent: "center"
34
- }, MainContent);
35
- };
36
- ChatEmptyState.propTypes = emptyStateProps;
37
- ChatEmptyState.displayName = "ChatEmptyState";
38
- const ChatEmptyStateWithSchema = describe(ChatEmptyState);
39
- ChatEmptyStateWithSchema.propTypes = emptyStateProps;
40
- export {
41
- ChatEmptyState,
42
- ChatEmptyStateWithSchema
43
- };
44
- //# sourceMappingURL=ChatEmptyState.js.map