@elliemae/ds-chat 1.57.1 → 2.0.0-alpha.11

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 (406) hide show
  1. package/cjs/index.d.js +0 -1
  2. package/cjs/index.js +37 -94
  3. package/cjs/parts/bubble/ChatBubble.js +35 -42
  4. package/cjs/parts/bubble/ChatBubbleArrow.js +67 -73
  5. package/cjs/parts/bubble/config/useValidateProps.js +2 -3
  6. package/cjs/parts/bubble/index.js +5 -17
  7. package/cjs/parts/bubble/props.js +5 -6
  8. package/cjs/parts/bubble/styled.js +14 -38
  9. package/cjs/parts/chat-card/ChatCard.js +24 -25
  10. package/cjs/parts/chat-card/config/useValidateProps.js +1 -2
  11. package/cjs/parts/chat-card/index.js +3 -13
  12. package/cjs/parts/chat-card/props.js +1 -2
  13. package/cjs/parts/chat-card/styled.js +7 -12
  14. package/cjs/parts/chat-composer/ChatContainerComposer.js +65 -77
  15. package/cjs/parts/chat-composer/config/useValidateProps.js +1 -2
  16. package/cjs/parts/chat-composer/index.js +3 -17
  17. package/cjs/parts/chat-composer/props.js +2 -5
  18. package/cjs/parts/chat-composer/styled.js +10 -31
  19. package/cjs/parts/chat-container/ChatContainer.js +89 -106
  20. package/cjs/parts/chat-container/config/useValidateProps.js +1 -2
  21. package/cjs/parts/chat-container/index.js +3 -43
  22. package/cjs/parts/chat-container/props.js +6 -7
  23. package/cjs/parts/chat-container/styled.js +10 -32
  24. package/cjs/parts/chat-container-header/ChatContainerHeader.js +15 -15
  25. package/cjs/parts/chat-container-header/styled.js +6 -13
  26. package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +114 -125
  27. package/cjs/parts/chat-container-messages-list/config/useValidateProps.js +1 -2
  28. package/cjs/parts/chat-container-messages-list/index.js +3 -32
  29. package/cjs/parts/chat-container-messages-list/props.js +3 -6
  30. package/cjs/parts/chat-container-messages-list/styled.js +12 -47
  31. package/cjs/parts/chat-empty-state/ChatEmptyState.js +38 -37
  32. package/cjs/parts/chat-empty-state/config/useValidateProps.js +1 -2
  33. package/cjs/parts/chat-empty-state/props.js +2 -3
  34. package/cjs/parts/chat-empty-state/styled.js +4 -7
  35. package/cjs/parts/chat-sidebar/SideBarChat.js +50 -60
  36. package/cjs/parts/chat-sidebar/config/useValidateProps.js +1 -2
  37. package/cjs/parts/chat-sidebar/index.js +3 -26
  38. package/cjs/parts/chat-sidebar/props.js +3 -8
  39. package/cjs/parts/chat-sidebar/styled.js +4 -9
  40. package/cjs/parts/floating-button/FloatingButton.js +17 -20
  41. package/cjs/parts/floating-button/index.js +2 -10
  42. package/cjs/parts/floating-button/props.js +2 -3
  43. package/cjs/parts/floating-button/styled.js +5 -18
  44. package/cjs/parts/floating-container/styled.js +2 -5
  45. package/cjs/parts/grid-influencer/InfluencerContainer.js +11 -65
  46. package/cjs/parts/grid-influencer/styled.js +4 -17
  47. package/cjs/parts/message-delimiter/MessageDelimiter.js +23 -22
  48. package/cjs/parts/message-delimiter/config/useValidateProps.js +1 -2
  49. package/cjs/parts/message-delimiter/index.js +3 -12
  50. package/cjs/parts/message-delimiter/props.js +2 -3
  51. package/cjs/parts/message-delimiter/styled.js +5 -16
  52. package/cjs/parts/sidebar-button/SidebarButton.js +31 -30
  53. package/cjs/parts/sidebar-button/index.js +0 -1
  54. package/cjs/parts/sidebar-button/props.js +6 -6
  55. package/cjs/parts/sidebar-button/styled.js +4 -11
  56. package/cjs/parts/system-message/SystemMessage.js +25 -24
  57. package/cjs/parts/system-message/config/useValidateProps.js +1 -2
  58. package/cjs/parts/system-message/index.js +3 -12
  59. package/cjs/parts/system-message/props.js +2 -3
  60. package/cjs/parts/system-message/style.js +9 -26
  61. package/cjs/parts/tile-button/TileButton.js +85 -82
  62. package/cjs/parts/tile-button/config/useValidateProps.js +1 -2
  63. package/cjs/parts/tile-button/index.js +3 -15
  64. package/cjs/parts/tile-button/props.js +10 -11
  65. package/cjs/parts/tile-button/styled.js +18 -67
  66. package/cjs/prop-types.js +2 -3
  67. package/cjs/styled.js +6 -7
  68. package/esm/index.d.js +0 -1
  69. package/esm/index.js +0 -57
  70. package/esm/parts/bubble/ChatBubble.js +27 -35
  71. package/esm/parts/bubble/ChatBubbleArrow.js +65 -71
  72. package/esm/parts/bubble/config/useValidateProps.js +2 -3
  73. package/esm/parts/bubble/index.js +0 -12
  74. package/esm/parts/bubble/props.js +4 -5
  75. package/esm/parts/bubble/styled.js +13 -37
  76. package/esm/parts/chat-card/ChatCard.js +18 -19
  77. package/esm/parts/chat-card/config/useValidateProps.js +1 -2
  78. package/esm/parts/chat-card/index.js +0 -10
  79. package/esm/parts/chat-card/props.js +1 -2
  80. package/esm/parts/chat-card/styled.js +7 -12
  81. package/esm/parts/chat-composer/ChatContainerComposer.js +56 -69
  82. package/esm/parts/chat-composer/config/useValidateProps.js +1 -2
  83. package/esm/parts/chat-composer/index.js +0 -14
  84. package/esm/parts/chat-composer/props.js +2 -5
  85. package/esm/parts/chat-composer/styled.js +9 -30
  86. package/esm/parts/chat-container/ChatContainer.js +79 -97
  87. package/esm/parts/chat-container/config/useValidateProps.js +1 -2
  88. package/esm/parts/chat-container/index.js +0 -40
  89. package/esm/parts/chat-container/props.js +2 -3
  90. package/esm/parts/chat-container/styled.js +6 -28
  91. package/esm/parts/chat-container-header/ChatContainerHeader.js +13 -14
  92. package/esm/parts/chat-container-header/styled.js +6 -13
  93. package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +102 -113
  94. package/esm/parts/chat-container-messages-list/config/useValidateProps.js +1 -2
  95. package/esm/parts/chat-container-messages-list/index.js +0 -29
  96. package/esm/parts/chat-container-messages-list/props.js +3 -6
  97. package/esm/parts/chat-container-messages-list/styled.js +11 -46
  98. package/esm/parts/chat-empty-state/ChatEmptyState.js +30 -30
  99. package/esm/parts/chat-empty-state/config/useValidateProps.js +1 -2
  100. package/esm/parts/chat-empty-state/props.js +2 -3
  101. package/esm/parts/chat-empty-state/styled.js +4 -7
  102. package/esm/parts/chat-sidebar/SideBarChat.js +38 -50
  103. package/esm/parts/chat-sidebar/config/useValidateProps.js +1 -2
  104. package/esm/parts/chat-sidebar/index.js +0 -23
  105. package/esm/parts/chat-sidebar/props.js +3 -8
  106. package/esm/parts/chat-sidebar/styled.js +4 -9
  107. package/esm/parts/floating-button/FloatingButton.js +13 -17
  108. package/esm/parts/floating-button/index.js +0 -8
  109. package/esm/parts/floating-button/props.js +2 -3
  110. package/esm/parts/floating-button/styled.js +5 -18
  111. package/esm/parts/floating-container/styled.js +2 -5
  112. package/esm/parts/grid-influencer/InfluencerContainer.js +7 -62
  113. package/esm/parts/grid-influencer/styled.js +4 -17
  114. package/esm/parts/message-delimiter/MessageDelimiter.js +16 -15
  115. package/esm/parts/message-delimiter/config/useValidateProps.js +1 -2
  116. package/esm/parts/message-delimiter/index.js +0 -9
  117. package/esm/parts/message-delimiter/props.js +2 -3
  118. package/esm/parts/message-delimiter/styled.js +5 -16
  119. package/esm/parts/sidebar-button/SidebarButton.js +26 -26
  120. package/esm/parts/sidebar-button/index.js +0 -1
  121. package/esm/parts/sidebar-button/props.js +3 -4
  122. package/esm/parts/sidebar-button/styled.js +4 -11
  123. package/esm/parts/system-message/SystemMessage.js +18 -17
  124. package/esm/parts/system-message/config/useValidateProps.js +1 -2
  125. package/esm/parts/system-message/index.js +0 -9
  126. package/esm/parts/system-message/props.js +2 -3
  127. package/esm/parts/system-message/style.js +9 -26
  128. package/esm/parts/tile-button/TileButton.js +76 -76
  129. package/esm/parts/tile-button/config/useValidateProps.js +1 -2
  130. package/esm/parts/tile-button/index.js +0 -12
  131. package/esm/parts/tile-button/props.js +5 -10
  132. package/esm/parts/tile-button/styled.js +18 -67
  133. package/esm/prop-types.js +2 -3
  134. package/esm/styled.js +6 -7
  135. package/package.json +289 -18
  136. package/types/index.d.d.ts +37 -0
  137. package/types/index.d.ts +13 -0
  138. package/types/parts/bubble/ChatBubble.d.ts +17 -0
  139. package/types/parts/bubble/ChatBubbleArrow.d.ts +8 -0
  140. package/types/parts/bubble/config/useValidateProps.d.ts +2 -0
  141. package/types/parts/bubble/index.d.ts +2 -0
  142. package/types/parts/bubble/props.d.ts +43 -0
  143. package/types/parts/bubble/styled.d.ts +10 -0
  144. package/types/parts/chat-card/ChatCard.d.ts +13 -0
  145. package/types/parts/chat-card/config/useValidateProps.d.ts +2 -0
  146. package/types/parts/chat-card/index.d.ts +1 -0
  147. package/types/parts/chat-card/props.d.ts +13 -0
  148. package/types/parts/chat-card/styled.d.ts +7 -0
  149. package/types/parts/chat-composer/ChatContainerComposer.d.ts +22 -0
  150. package/types/parts/chat-composer/config/useValidateProps.d.ts +2 -0
  151. package/types/parts/chat-composer/index.d.ts +1 -0
  152. package/types/parts/chat-composer/props.d.ts +35 -0
  153. package/types/parts/chat-composer/styled.d.ts +64 -0
  154. package/types/parts/chat-container/ChatContainer.d.ts +22 -0
  155. package/types/parts/chat-container/config/useValidateProps.d.ts +2 -0
  156. package/types/parts/chat-container/index.d.ts +1 -0
  157. package/types/parts/chat-container/props.d.ts +39 -0
  158. package/types/parts/chat-container/styled.d.ts +8 -0
  159. package/types/parts/chat-container-header/ChatContainerHeader.d.ts +2 -0
  160. package/types/parts/chat-container-header/styled.d.ts +4 -0
  161. package/types/parts/chat-container-messages-list/ChatContainerMessagesList.d.ts +18 -0
  162. package/types/parts/chat-container-messages-list/config/useValidateProps.d.ts +2 -0
  163. package/types/parts/chat-container-messages-list/index.d.ts +1 -0
  164. package/types/parts/chat-container-messages-list/props.d.ts +23 -0
  165. package/types/parts/chat-container-messages-list/styled.d.ts +11 -0
  166. package/types/parts/chat-empty-state/ChatEmptyState.d.ts +12 -0
  167. package/types/parts/chat-empty-state/config/useValidateProps.d.ts +2 -0
  168. package/types/parts/chat-empty-state/props.d.ts +10 -0
  169. package/types/parts/chat-empty-state/styled.d.ts +4 -0
  170. package/types/parts/chat-sidebar/SideBarChat.d.ts +18 -0
  171. package/types/parts/chat-sidebar/config/useValidateProps.d.ts +2 -0
  172. package/types/parts/chat-sidebar/index.d.ts +1 -0
  173. package/types/parts/chat-sidebar/props.d.ts +22 -0
  174. package/types/parts/chat-sidebar/styled.d.ts +3 -0
  175. package/types/parts/floating-button/FloatingButton.d.ts +9 -0
  176. package/types/parts/floating-button/index.d.ts +1 -0
  177. package/types/parts/floating-button/props.d.ts +7 -0
  178. package/types/parts/floating-button/styled.d.ts +1 -0
  179. package/types/parts/floating-container/styled.d.ts +2 -0
  180. package/types/parts/grid-influencer/InfluencerContainer.d.ts +2 -0
  181. package/types/parts/grid-influencer/styled.d.ts +3 -0
  182. package/types/parts/message-delimiter/MessageDelimiter.d.ts +14 -0
  183. package/types/parts/message-delimiter/config/useValidateProps.d.ts +2 -0
  184. package/types/parts/message-delimiter/index.d.ts +1 -0
  185. package/types/parts/message-delimiter/props.d.ts +13 -0
  186. package/types/parts/message-delimiter/styled.d.ts +6 -0
  187. package/types/parts/sidebar-button/SidebarButton.d.ts +13 -0
  188. package/types/parts/sidebar-button/index.d.ts +0 -0
  189. package/types/parts/sidebar-button/props.d.ts +18 -0
  190. package/types/parts/sidebar-button/styled.d.ts +4 -0
  191. package/types/parts/system-message/SystemMessage.d.ts +13 -0
  192. package/types/parts/system-message/config/useValidateProps.d.ts +2 -0
  193. package/types/parts/system-message/index.d.ts +1 -0
  194. package/types/parts/system-message/props.d.ts +11 -0
  195. package/types/parts/system-message/style.d.ts +7 -0
  196. package/types/parts/tile-button/TileButton.d.ts +26 -0
  197. package/types/parts/tile-button/config/useValidateProps.d.ts +2 -0
  198. package/types/parts/tile-button/index.d.ts +1 -0
  199. package/types/parts/tile-button/props.d.ts +40 -0
  200. package/types/parts/tile-button/styled.d.ts +10 -0
  201. package/types/prop-types.d.ts +14 -0
  202. package/types/styled.d.ts +6 -0
  203. package/cjs/index.d.js.map +0 -1
  204. package/cjs/index.js.map +0 -1
  205. package/cjs/parts/bubble/ChatBubble.js.map +0 -1
  206. package/cjs/parts/bubble/ChatBubbleArrow.js.map +0 -1
  207. package/cjs/parts/bubble/config/useValidateProps.js.map +0 -1
  208. package/cjs/parts/bubble/index.js.map +0 -1
  209. package/cjs/parts/bubble/props.js.map +0 -1
  210. package/cjs/parts/bubble/styled.js.map +0 -1
  211. package/cjs/parts/chat-card/ChatCard.js.map +0 -1
  212. package/cjs/parts/chat-card/config/useValidateProps.js.map +0 -1
  213. package/cjs/parts/chat-card/index.js.map +0 -1
  214. package/cjs/parts/chat-card/props.js.map +0 -1
  215. package/cjs/parts/chat-card/styled.js.map +0 -1
  216. package/cjs/parts/chat-composer/ChatContainerComposer.js.map +0 -1
  217. package/cjs/parts/chat-composer/config/useValidateProps.js.map +0 -1
  218. package/cjs/parts/chat-composer/index.js.map +0 -1
  219. package/cjs/parts/chat-composer/props.js.map +0 -1
  220. package/cjs/parts/chat-composer/styled.js.map +0 -1
  221. package/cjs/parts/chat-container/ChatContainer.js.map +0 -1
  222. package/cjs/parts/chat-container/config/useValidateProps.js.map +0 -1
  223. package/cjs/parts/chat-container/index.js.map +0 -1
  224. package/cjs/parts/chat-container/props.js.map +0 -1
  225. package/cjs/parts/chat-container/styled.js.map +0 -1
  226. package/cjs/parts/chat-container-header/ChatContainerHeader.js.map +0 -1
  227. package/cjs/parts/chat-container-header/helpers.js +0 -28
  228. package/cjs/parts/chat-container-header/helpers.js.map +0 -1
  229. package/cjs/parts/chat-container-header/styled.js.map +0 -1
  230. package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -1
  231. package/cjs/parts/chat-container-messages-list/config/useValidateProps.js.map +0 -1
  232. package/cjs/parts/chat-container-messages-list/index.js.map +0 -1
  233. package/cjs/parts/chat-container-messages-list/props.js.map +0 -1
  234. package/cjs/parts/chat-container-messages-list/styled.js.map +0 -1
  235. package/cjs/parts/chat-empty-state/ChatEmptyState.js.map +0 -1
  236. package/cjs/parts/chat-empty-state/config/useValidateProps.js.map +0 -1
  237. package/cjs/parts/chat-empty-state/props.js.map +0 -1
  238. package/cjs/parts/chat-empty-state/styled.js.map +0 -1
  239. package/cjs/parts/chat-sidebar/SideBarChat.js.map +0 -1
  240. package/cjs/parts/chat-sidebar/config/useValidateProps.js.map +0 -1
  241. package/cjs/parts/chat-sidebar/index.js.map +0 -1
  242. package/cjs/parts/chat-sidebar/props.js.map +0 -1
  243. package/cjs/parts/chat-sidebar/styled.js.map +0 -1
  244. package/cjs/parts/floating-button/FloatingButton.js.map +0 -1
  245. package/cjs/parts/floating-button/index.js.map +0 -1
  246. package/cjs/parts/floating-button/props.js.map +0 -1
  247. package/cjs/parts/floating-button/styled.js.map +0 -1
  248. package/cjs/parts/floating-container/styled.js.map +0 -1
  249. package/cjs/parts/grid-influencer/InfluencerContainer.js.map +0 -1
  250. package/cjs/parts/grid-influencer/styled.js.map +0 -1
  251. package/cjs/parts/message-delimiter/MessageDelimiter.js.map +0 -1
  252. package/cjs/parts/message-delimiter/config/useValidateProps.js.map +0 -1
  253. package/cjs/parts/message-delimiter/index.js.map +0 -1
  254. package/cjs/parts/message-delimiter/props.js.map +0 -1
  255. package/cjs/parts/message-delimiter/styled.js.map +0 -1
  256. package/cjs/parts/sidebar-button/SidebarButton.js.map +0 -1
  257. package/cjs/parts/sidebar-button/index.js.map +0 -1
  258. package/cjs/parts/sidebar-button/props.js.map +0 -1
  259. package/cjs/parts/sidebar-button/styled.js.map +0 -1
  260. package/cjs/parts/system-message/SystemMessage.js.map +0 -1
  261. package/cjs/parts/system-message/config/useValidateProps.js.map +0 -1
  262. package/cjs/parts/system-message/index.js.map +0 -1
  263. package/cjs/parts/system-message/props.js.map +0 -1
  264. package/cjs/parts/system-message/style.js.map +0 -1
  265. package/cjs/parts/tile-button/TileButton.js.map +0 -1
  266. package/cjs/parts/tile-button/config/useValidateProps.js.map +0 -1
  267. package/cjs/parts/tile-button/index.js.map +0 -1
  268. package/cjs/parts/tile-button/props.js.map +0 -1
  269. package/cjs/parts/tile-button/styled.js.map +0 -1
  270. package/cjs/prop-types.js.map +0 -1
  271. package/cjs/styled.js.map +0 -1
  272. package/esm/index.d.js.map +0 -1
  273. package/esm/index.js.map +0 -1
  274. package/esm/parts/bubble/ChatBubble.js.map +0 -1
  275. package/esm/parts/bubble/ChatBubbleArrow.js.map +0 -1
  276. package/esm/parts/bubble/config/useValidateProps.js.map +0 -1
  277. package/esm/parts/bubble/index.js.map +0 -1
  278. package/esm/parts/bubble/props.js.map +0 -1
  279. package/esm/parts/bubble/styled.js.map +0 -1
  280. package/esm/parts/chat-card/ChatCard.js.map +0 -1
  281. package/esm/parts/chat-card/config/useValidateProps.js.map +0 -1
  282. package/esm/parts/chat-card/index.js.map +0 -1
  283. package/esm/parts/chat-card/props.js.map +0 -1
  284. package/esm/parts/chat-card/styled.js.map +0 -1
  285. package/esm/parts/chat-composer/ChatContainerComposer.js.map +0 -1
  286. package/esm/parts/chat-composer/config/useValidateProps.js.map +0 -1
  287. package/esm/parts/chat-composer/index.js.map +0 -1
  288. package/esm/parts/chat-composer/props.js.map +0 -1
  289. package/esm/parts/chat-composer/styled.js.map +0 -1
  290. package/esm/parts/chat-container/ChatContainer.js.map +0 -1
  291. package/esm/parts/chat-container/config/useValidateProps.js.map +0 -1
  292. package/esm/parts/chat-container/index.js.map +0 -1
  293. package/esm/parts/chat-container/props.js.map +0 -1
  294. package/esm/parts/chat-container/styled.js.map +0 -1
  295. package/esm/parts/chat-container-header/ChatContainerHeader.js.map +0 -1
  296. package/esm/parts/chat-container-header/helpers.js +0 -20
  297. package/esm/parts/chat-container-header/helpers.js.map +0 -1
  298. package/esm/parts/chat-container-header/styled.js.map +0 -1
  299. package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -1
  300. package/esm/parts/chat-container-messages-list/config/useValidateProps.js.map +0 -1
  301. package/esm/parts/chat-container-messages-list/index.js.map +0 -1
  302. package/esm/parts/chat-container-messages-list/props.js.map +0 -1
  303. package/esm/parts/chat-container-messages-list/styled.js.map +0 -1
  304. package/esm/parts/chat-empty-state/ChatEmptyState.js.map +0 -1
  305. package/esm/parts/chat-empty-state/config/useValidateProps.js.map +0 -1
  306. package/esm/parts/chat-empty-state/props.js.map +0 -1
  307. package/esm/parts/chat-empty-state/styled.js.map +0 -1
  308. package/esm/parts/chat-sidebar/SideBarChat.js.map +0 -1
  309. package/esm/parts/chat-sidebar/config/useValidateProps.js.map +0 -1
  310. package/esm/parts/chat-sidebar/index.js.map +0 -1
  311. package/esm/parts/chat-sidebar/props.js.map +0 -1
  312. package/esm/parts/chat-sidebar/styled.js.map +0 -1
  313. package/esm/parts/floating-button/FloatingButton.js.map +0 -1
  314. package/esm/parts/floating-button/index.js.map +0 -1
  315. package/esm/parts/floating-button/props.js.map +0 -1
  316. package/esm/parts/floating-button/styled.js.map +0 -1
  317. package/esm/parts/floating-container/styled.js.map +0 -1
  318. package/esm/parts/grid-influencer/InfluencerContainer.js.map +0 -1
  319. package/esm/parts/grid-influencer/styled.js.map +0 -1
  320. package/esm/parts/message-delimiter/MessageDelimiter.js.map +0 -1
  321. package/esm/parts/message-delimiter/config/useValidateProps.js.map +0 -1
  322. package/esm/parts/message-delimiter/index.js.map +0 -1
  323. package/esm/parts/message-delimiter/props.js.map +0 -1
  324. package/esm/parts/message-delimiter/styled.js.map +0 -1
  325. package/esm/parts/sidebar-button/SidebarButton.js.map +0 -1
  326. package/esm/parts/sidebar-button/index.js.map +0 -1
  327. package/esm/parts/sidebar-button/props.js.map +0 -1
  328. package/esm/parts/sidebar-button/styled.js.map +0 -1
  329. package/esm/parts/system-message/SystemMessage.js.map +0 -1
  330. package/esm/parts/system-message/config/useValidateProps.js.map +0 -1
  331. package/esm/parts/system-message/index.js.map +0 -1
  332. package/esm/parts/system-message/props.js.map +0 -1
  333. package/esm/parts/system-message/style.js.map +0 -1
  334. package/esm/parts/tile-button/TileButton.js.map +0 -1
  335. package/esm/parts/tile-button/config/useValidateProps.js.map +0 -1
  336. package/esm/parts/tile-button/index.js.map +0 -1
  337. package/esm/parts/tile-button/props.js.map +0 -1
  338. package/esm/parts/tile-button/styled.js.map +0 -1
  339. package/esm/prop-types.js.map +0 -1
  340. package/esm/styled.js.map +0 -1
  341. package/parts/bubble/ChatBubble/package.json +0 -10
  342. package/parts/bubble/ChatBubbleArrow/package.json +0 -10
  343. package/parts/bubble/config/useValidateProps/package.json +0 -10
  344. package/parts/bubble/package.json +0 -10
  345. package/parts/bubble/props/package.json +0 -10
  346. package/parts/bubble/styled/package.json +0 -10
  347. package/parts/chat-card/ChatCard/package.json +0 -10
  348. package/parts/chat-card/config/useValidateProps/package.json +0 -10
  349. package/parts/chat-card/package.json +0 -10
  350. package/parts/chat-card/props/package.json +0 -10
  351. package/parts/chat-card/styled/package.json +0 -10
  352. package/parts/chat-composer/ChatContainerComposer/package.json +0 -10
  353. package/parts/chat-composer/config/useValidateProps/package.json +0 -10
  354. package/parts/chat-composer/package.json +0 -10
  355. package/parts/chat-composer/props/package.json +0 -10
  356. package/parts/chat-composer/styled/package.json +0 -10
  357. package/parts/chat-container/ChatContainer/package.json +0 -10
  358. package/parts/chat-container/config/useValidateProps/package.json +0 -10
  359. package/parts/chat-container/package.json +0 -10
  360. package/parts/chat-container/props/package.json +0 -10
  361. package/parts/chat-container/styled/package.json +0 -10
  362. package/parts/chat-container-header/ChatContainerHeader/package.json +0 -10
  363. package/parts/chat-container-header/helpers/package.json +0 -10
  364. package/parts/chat-container-header/styled/package.json +0 -10
  365. package/parts/chat-container-messages-list/ChatContainerMessagesList/package.json +0 -10
  366. package/parts/chat-container-messages-list/config/useValidateProps/package.json +0 -10
  367. package/parts/chat-container-messages-list/package.json +0 -10
  368. package/parts/chat-container-messages-list/props/package.json +0 -10
  369. package/parts/chat-container-messages-list/styled/package.json +0 -10
  370. package/parts/chat-empty-state/ChatEmptyState/package.json +0 -10
  371. package/parts/chat-empty-state/config/useValidateProps/package.json +0 -10
  372. package/parts/chat-empty-state/props/package.json +0 -10
  373. package/parts/chat-empty-state/styled/package.json +0 -10
  374. package/parts/chat-sidebar/SideBarChat/package.json +0 -10
  375. package/parts/chat-sidebar/config/useValidateProps/package.json +0 -10
  376. package/parts/chat-sidebar/package.json +0 -10
  377. package/parts/chat-sidebar/props/package.json +0 -10
  378. package/parts/chat-sidebar/styled/package.json +0 -10
  379. package/parts/floating-button/FloatingButton/package.json +0 -10
  380. package/parts/floating-button/package.json +0 -10
  381. package/parts/floating-button/props/package.json +0 -10
  382. package/parts/floating-button/styled/package.json +0 -10
  383. package/parts/floating-container/styled/package.json +0 -10
  384. package/parts/grid-influencer/InfluencerContainer/package.json +0 -10
  385. package/parts/grid-influencer/styled/package.json +0 -10
  386. package/parts/message-delimiter/MessageDelimiter/package.json +0 -10
  387. package/parts/message-delimiter/config/useValidateProps/package.json +0 -10
  388. package/parts/message-delimiter/package.json +0 -10
  389. package/parts/message-delimiter/props/package.json +0 -10
  390. package/parts/message-delimiter/styled/package.json +0 -10
  391. package/parts/sidebar-button/SidebarButton/package.json +0 -10
  392. package/parts/sidebar-button/package.json +0 -10
  393. package/parts/sidebar-button/props/package.json +0 -10
  394. package/parts/sidebar-button/styled/package.json +0 -10
  395. package/parts/system-message/SystemMessage/package.json +0 -10
  396. package/parts/system-message/config/useValidateProps/package.json +0 -10
  397. package/parts/system-message/package.json +0 -10
  398. package/parts/system-message/props/package.json +0 -10
  399. package/parts/system-message/style/package.json +0 -10
  400. package/parts/tile-button/TileButton/package.json +0 -10
  401. package/parts/tile-button/config/useValidateProps/package.json +0 -10
  402. package/parts/tile-button/package.json +0 -10
  403. package/parts/tile-button/props/package.json +0 -10
  404. package/parts/tile-button/styled/package.json +0 -10
  405. package/prop-types/package.json +0 -10
  406. package/styled/package.json +0 -10
@@ -1 +0,0 @@
1
- {"version":3,"file":"prop-types.js","sources":["../../src/prop-types.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { ChatProps } from './index.d';\n\nexport const defaultProps: ChatProps = {\n expanded: false,\n expandedWidth: 348,\n openedItem: undefined,\n onFooterExpand: noop,\n onFooterClose: noop,\n floating: false,\n onHeaderExpand: noop,\n onHeaderClose: noop,\n title: 'Header Title',\n};\n\nexport const chatProps = {\n containerProps: PropTypes.shape({}).defaultValue({}),\n expanded: PropTypes.bool\n .description('Whether to show the chat expanded or collapsed')\n .defaultValue(defaultProps.expanded),\n expandedWidth: PropTypes.number\n .description('Total width attached to the expanded Chat')\n .defaultValue(defaultProps.expandedWidth),\n openedItem: PropTypes.string\n .description('The id of the chat item you want to be opened')\n .defaultValue(defaultProps.openedItem),\n messages: PropTypes.arrayOf(PropTypes.object)\n .description(\n 'The array of out-of-the-box items you want to render inside the container list of the chat',\n )\n .defaultValue(defaultProps.openedItem),\n onFooterExpand: PropTypes.func\n .description('The function to call when the chat is opened via the footer')\n .defaultValue(defaultProps.onFooterExpand),\n onFooterClose: PropTypes.func\n .description('The function to call when the chat is closed via the footer')\n .defaultValue(defaultProps.onFooterClose),\n onHeaderExpand: PropTypes.func\n .description('The function to call when the chat is opened via the header')\n .defaultValue(defaultProps.onHeaderExpand),\n onHeaderClose: PropTypes.func\n .description('The function to call when the chat is closed via the header')\n .defaultValue(defaultProps.onHeaderClose),\n floating: PropTypes.bool\n .description('Whether to show the chat as floating chat or not')\n .defaultValue(defaultProps.floating),\n};\n"],"names":["defaultProps","expanded","expandedWidth","openedItem","undefined","onFooterExpand","noop","onFooterClose","floating","onHeaderExpand","onHeaderClose","title","chatProps","containerProps","PropTypes","shape","defaultValue","bool","description","number","string","messages","arrayOf","object","func"],"mappings":";;;;;;;IAIaA,YAAuB,GAAG;AACrCC,EAAAA,QAAQ,EAAE,KAD2B;AAErCC,EAAAA,aAAa,EAAE,GAFsB;AAGrCC,EAAAA,UAAU,EAAEC,SAHyB;AAIrCC,EAAAA,cAAc,EAAEC,WAJqB;AAKrCC,EAAAA,aAAa,EAAED,WALsB;AAMrCE,EAAAA,QAAQ,EAAE,KAN2B;AAOrCC,EAAAA,cAAc,EAAEH,WAPqB;AAQrCI,EAAAA,aAAa,EAAEJ,WARsB;AASrCK,EAAAA,KAAK,EAAE;AAT8B;IAY1BC,SAAS,GAAG;AACvBC,EAAAA,cAAc,EAAEC,mBAAS,CAACC,KAAV,CAAgB,EAAhB,EAAoBC,YAApB,CAAiC,EAAjC,CADO;AAEvBf,EAAAA,QAAQ,EAAEa,mBAAS,CAACG,IAAV,CACPC,WADO,CACK,gDADL,EAEPF,YAFO,CAEMhB,YAAY,CAACC,QAFnB,CAFa;AAKvBC,EAAAA,aAAa,EAAEY,mBAAS,CAACK,MAAV,CACZD,WADY,CACA,2CADA,EAEZF,YAFY,CAEChB,YAAY,CAACE,aAFd,CALQ;AAQvBC,EAAAA,UAAU,EAAEW,mBAAS,CAACM,MAAV,CACTF,WADS,CACG,+CADH,EAETF,YAFS,CAEIhB,YAAY,CAACG,UAFjB,CARW;AAWvBkB,EAAAA,QAAQ,EAAEP,mBAAS,CAACQ,OAAV,CAAkBR,mBAAS,CAACS,MAA5B,EACPL,WADO,CAEN,4FAFM,EAIPF,YAJO,CAIMhB,YAAY,CAACG,UAJnB,CAXa;AAgBvBE,EAAAA,cAAc,EAAES,mBAAS,CAACU,IAAV,CACbN,WADa,CACD,6DADC,EAEbF,YAFa,CAEAhB,YAAY,CAACK,cAFb,CAhBO;AAmBvBE,EAAAA,aAAa,EAAEO,mBAAS,CAACU,IAAV,CACZN,WADY,CACA,6DADA,EAEZF,YAFY,CAEChB,YAAY,CAACO,aAFd,CAnBQ;AAsBvBE,EAAAA,cAAc,EAAEK,mBAAS,CAACU,IAAV,CACbN,WADa,CACD,6DADC,EAEbF,YAFa,CAEAhB,YAAY,CAACS,cAFb,CAtBO;AAyBvBC,EAAAA,aAAa,EAAEI,mBAAS,CAACU,IAAV,CACZN,WADY,CACA,6DADA,EAEZF,YAFY,CAEChB,YAAY,CAACU,aAFd,CAzBQ;AA4BvBF,EAAAA,QAAQ,EAAEM,mBAAS,CAACG,IAAV,CACPC,WADO,CACK,kDADL,EAEPF,YAFO,CAEMhB,YAAY,CAACQ,QAFnB;AA5Ba;;;;;"}
package/cjs/styled.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../src/styled.tsx"],"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"],"names":["MIN_WIDTH_SIDEBAR","BUTTON_SIDEBAR_HEIGHT","BUTTON_FLOATING","BOX_SHADOW","BOX_SHADOW_FLOATING","BOX_SHADOW_INSET"],"mappings":";;;;IAAaA,iBAAiB,GAAG;IACpBC,qBAAqB,GAAG;IACxBC,eAAe,GAAG;IAClBC,UAAU,GAAG;IACbC,mBAAmB,GAAG;IACtBC,gBAAgB;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/esm/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChatBubble.js","sources":["../../../../src/parts/bubble/ChatBubble.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\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 { propsBubbles, BubbleProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\n\nconst ChatBubble = (props: BubbleProps): JSX.Element => {\n useValidateProps(props, ChatBubbleWithSchema.toJSON());\n\n const { dsId, type, title, time, body, errorMessage, helpMessage } = props;\n const bodyParts = React.useMemo(() => (typeof body === 'string' ? body.split('\\n') : [body]), [body]);\n\n return (\n <StyledWrapper data-testid={`ds-chat-bubble-${dsId}`} type={type}>\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}>\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};\nChatBubble.propTypes = propsBubbles;\n\nconst ChatBubbleWithSchema = describe(ChatBubble);\nChatBubbleWithSchema.propTypes = propsBubbles;\n\nexport { ChatBubble, ChatBubbleWithSchema };\n"],"names":["ChatBubble","props","useValidateProps","ChatBubbleWithSchema","toJSON","dsId","type","title","time","body","errorMessage","helpMessage","bodyParts","React","useMemo","split","map","item","index","length","propTypes","propsBubbles","describe"],"mappings":";;;;;;;;;;;;;IAiBMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAqC;AACtDC,EAAAA,gBAAgB,CAACD,KAAD,EAAQE,oBAAoB,CAACC,MAArB,EAAR,CAAhB;AAEA,MAAQC,IAAR,GAAqEJ,KAArE,CAAQI,IAAR;AAAA,MAAcC,IAAd,GAAqEL,KAArE,CAAcK,IAAd;AAAA,MAAoBC,KAApB,GAAqEN,KAArE,CAAoBM,KAApB;AAAA,MAA2BC,IAA3B,GAAqEP,KAArE,CAA2BO,IAA3B;AAAA,MAAiCC,IAAjC,GAAqER,KAArE,CAAiCQ,IAAjC;AAAA,MAAuCC,YAAvC,GAAqET,KAArE,CAAuCS,YAAvC;AAAA,MAAqDC,WAArD,GAAqEV,KAArE,CAAqDU,WAArD;AACA,MAAMC,SAAS,GAAGC,KAAK,CAACC,OAAN,CAAc;AAAA,WAAO,OAAOL,IAAP,KAAgB,QAAhB,GAA2BA,IAAI,CAACM,KAAL,CAAW,IAAX,CAA3B,GAA8C,CAACN,IAAD,CAArD;AAAA,GAAd,EAA4E,CAACA,IAAD,CAA5E,CAAlB;AAEA,sBACE,oBAAC,aAAD;AAAe,4CAA+BJ,IAA/B,CAAf;AAAsD,IAAA,IAAI,EAAEC;AAA5D,kBACE,oBAAC,mBAAD;AAAqB,IAAA,IAAI,EAAEA;AAA3B,kBACE,oBAAC,iBAAD;AAAmB,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ,CAAzB;AAAsC,IAAA,MAAM,EAAC,IAA7C;AAAkD,IAAA,UAAU,EAAC,UAA7D;AAAwE,IAAA,SAAS,EAAC;AAAlF,kBACE,oBAAC,qBAAD;AAAuB,IAAA,UAAU,EAAC,QAAlC;AAA2C,+CAAkCD,IAAlC;AAA3C,KACGE,KADH,CADF,eAIE,oBAAC,sBAAD;AAAwB,IAAA,UAAU,EAAC,QAAnC;AAA4C,IAAA,IAAI,EAAED,IAAlD;AAAwD,8CAAiCD,IAAjC;AAAxD,KACGG,IADH,CAJF,CADF,eASE,oBAAC,gBAAD;AAAkB,8CAAiCH,IAAjC;AAAlB,KACGO,SAAS,CAACI,GAAV,CAAc,UAACC,IAAD,EAAOC,KAAP;AAAA,wBACb,oBAAC,KAAD,CAAO,QAAP;AAAgB,MAAA,GAAG,EAAED;AAArB,OACGA,IADH,EAEGC,KAAK,GAAGN,SAAS,CAACO,MAAV,GAAmB,CAA3B,gBAA+B,+BAA/B,GAAwC,IAF3C,CADa;AAAA,GAAd,CADH,CATF,eAiBE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEb;AAAvB,IAjBF,CADF,EAoBGI,YAAY,gBACX,oBAAC,iBAAD;AAAmB,uDAA0CL,IAA1C,CAAnB;AAAqE,IAAA,CAAC,EAAC,KAAvE;AAA6E,IAAA,MAAM,EAAC,KAApF;AAA0F,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAAhG,kBACE,kCAAOK,YAAP,CADF,eAEE,oBAAC,iBAAD,OAFF,CADW,GAKT,IAzBN,EA0BGC,WAAW,gBACV,oBAAC,gBAAD;AAAkB,sDAAyCN,IAAzC,CAAlB;AAAmE,IAAA,CAAC,EAAC,KAArE;AAA2E,IAAA,MAAM,EAAC,KAAlF;AAAwF,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAA9F,kBACE,kCAAOM,WAAP,CADF,CADU,GAIR,IA9BN,CADF;AAkCD;;AACDX,UAAU,CAACoB,SAAX,GAAuBC,YAAvB;IAEMlB,oBAAoB,GAAGmB,QAAQ,CAACtB,UAAD;AACrCG,oBAAoB,CAACiB,SAArB,GAAiCC,YAAjC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChatBubbleArrow.js","sources":["../../../../src/parts/bubble/ChatBubbleArrow.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { BUBBLE_TYPES, BubbleProps, propsArrowBubble } from './props';\n\nexport const ChatBubbleArrow = ({ type }: Pick<BubbleProps, 'type'>): JSX.Element => (\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-1\"\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-1\"></use>\n <use fill=\"#FFFFFF\" fillRule=\"evenodd\" xlinkHref=\"#path-1\"></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;\n"],"names":["ChatBubbleArrow","type","BUBBLE_TYPES","RECIPIENT","propTypes","propsArrowBubble"],"mappings":";;;;;;;;;IAIaA,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,sBAC7B,oBAAC,iBAAD,QACGA,IAAI,KAAKC,YAAY,CAACC,SAAtB,gBACC;AAAK,IAAA,KAAK,EAAC,MAAX;AAAkB,IAAA,MAAM,EAAC,MAAzB;AAAgC,IAAA,OAAO,EAAC;AAAxC,kBACE,+CACE;AACE,IAAA,CAAC,EAAC,qLADJ;AAEE,IAAA,EAAE,EAAC;AAFL,IADF,eAKE;AAAQ,IAAA,CAAC,EAAC,QAAV;AAAmB,IAAA,CAAC,EAAC,QAArB;AAA8B,IAAA,KAAK,EAAC,QAApC;AAA6C,IAAA,MAAM,EAAC,QAApD;AAA6D,IAAA,WAAW,EAAC,mBAAzE;AAA6F,IAAA,EAAE,EAAC;AAAhG,kBACE;AAAU,IAAA,EAAE,EAAC,KAAb;AAAmB,IAAA,EAAE,EAAC,KAAtB;AAA4B,IAAA,EAAE,EAAC,aAA/B;AAA6C,IAAA,MAAM,EAAC;AAApD,IADF,eAEE;AAAgB,IAAA,YAAY,EAAC,KAA7B;AAAmC,IAAA,EAAE,EAAC,oBAAtC;AAA2D,IAAA,MAAM,EAAC;AAAlE,IAFF,eAGE;AACE,IAAA,MAAM,EAAC,iFADT;AAKE,IAAA,IAAI,EAAC,QALP;AAME,IAAA,EAAE,EAAC;AANL,IAHF,CALF,CADF,eAmBE;AAAG,IAAA,EAAE,EAAC,qBAAN;AAA4B,IAAA,MAAM,EAAC,MAAnC;AAA0C,IAAA,WAAW,EAAC,GAAtD;AAA0D,IAAA,IAAI,EAAC,MAA/D;AAAsE,IAAA,QAAQ,EAAC;AAA/E,kBACE;AAAG,IAAA,EAAE,EAAC,WAAN;AAAkB,IAAA,SAAS,EAAC;AAA5B,kBACE;AAAK,IAAA,IAAI,EAAC,OAAV;AAAkB,IAAA,WAAW,EAAC,GAA9B;AAAkC,IAAA,MAAM,EAAC,gBAAzC;AAA0D,IAAA,SAAS,EAAC;AAApE,IADF,eAEE;AAAK,IAAA,IAAI,EAAC,SAAV;AAAoB,IAAA,QAAQ,EAAC,SAA7B;AAAuC,IAAA,SAAS,EAAC;AAAjD,IAFF,CADF,CAnBF,CADD,gBA4BC;AAAK,IAAA,KAAK,EAAC,KAAX;AAAiB,IAAA,MAAM,EAAC,KAAxB;AAA8B,IAAA,OAAO,EAAC;AAAtC,kBACE;AAAG,IAAA,MAAM,EAAC,MAAV;AAAiB,IAAA,WAAW,EAAC,GAA7B;AAAiC,IAAA,IAAI,EAAC,MAAtC;AAA6C,IAAA,QAAQ,EAAC;AAAtD,kBACE;AACE,IAAA,CAAC,EAAC,yKADJ;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,IAAI,EAAC;AAHP,IADF,CADF,CA7BJ,CAD6B;AAAA;AA2C/BH,eAAe,CAACI,SAAhB,GAA4BC,gBAA5B;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/bubble/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { BubbleProps } from '../props';\n\nconst throwError = (message: string): void => {\n throw new Error(\n `Bubble:: ${message}\n `,\n );\n};\n\nexport const useValidateProps = (props: BubbleProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n if (typeof props.title === 'undefined') {\n throwError(`Please provide a title property to use this component.`);\n }\n if (typeof props.time === 'undefined') {\n throwError(`Please provide a time property to use this component.`);\n }\n if (typeof props.body === 'undefined') {\n throwError(`Please provide a body property to use this component.`);\n }\n if (typeof props.type === 'undefined') {\n throwError(`Please provide a type property to use this component.`);\n }\n};\n"],"names":["throwError","message","Error","useValidateProps","props","schema","useValidatePropTypes","title","time","body","type"],"mappings":";;AAGA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,OAAD,EAA2B;AAC5C,QAAM,IAAIC,KAAJ,oBACQD,OADR,UAAN;AAID,CALD;;IAOaE,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAqBC,MAArB,EAA+C;AAC7EC,EAAAA,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;;AACA,MAAI,OAAOD,KAAK,CAACG,KAAb,KAAuB,WAA3B,EAAwC;AACtCP,IAAAA,UAAU,0DAAV;AACD;;AACD,MAAI,OAAOI,KAAK,CAACI,IAAb,KAAsB,WAA1B,EAAuC;AACrCR,IAAAA,UAAU,yDAAV;AACD;;AACD,MAAI,OAAOI,KAAK,CAACK,IAAb,KAAsB,WAA1B,EAAuC;AACrCT,IAAAA,UAAU,yDAAV;AACD;;AACD,MAAI,OAAOI,KAAK,CAACM,IAAb,KAAsB,WAA1B,EAAuC;AACrCV,IAAAA,UAAU,yDAAV;AACD;AACF;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/bubble/props.ts"],"sourcesContent":["import propTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport React from 'react';\n\n/**\n *\n * BUBBLE\n *\n */\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 BubbleProps {\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: BubbleProps = {\n dsId: undefined,\n type: BUBBLE_TYPES.SENDER,\n title: undefined,\n time: undefined,\n body: undefined,\n onClick: noop,\n errorMessage: undefined,\n helpMessage: undefined,\n};\n\nexport const propsBubbles = {\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.isRequired.description('Title of the bubble').defaultValue(defaultBubbleProps.title),\n time: PropTypes.string.isRequired.description('Time of the bubble').defaultValue(defaultBubbleProps.title),\n body: PropTypes.oneOf(['string', 'element'])\n .isRequired.description('Bubble content')\n .defaultValue(defaultBubbleProps.body),\n onClick: PropTypes.string.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\n/**\n *\n * BUBBLE ARROW\n *\n */\nexport const propsArrowBubble = {\n type: propTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]),\n};\n"],"names":["BUBBLE_TYPES","SENDER","RECIPIENT","DELIMITER","SYSTEM","defaultBubbleProps","dsId","undefined","type","title","time","body","onClick","noop","errorMessage","helpMessage","propsBubbles","PropTypes","oneOfType","string","number","description","defaultValue","oneOf","isRequired","element","propsArrowBubble","propTypes"],"mappings":";;;;AAKA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG;AAC1BC,EAAAA,MAAM,EAAE,QADkB;AAE1BC,EAAAA,SAAS,EAAE,WAFe;AAG1BC,EAAAA,SAAS,EAAE,WAHe;AAI1BC,EAAAA,MAAM,EAAE;AAJkB;IAqBfC,kBAA+B,GAAG;AAC7CC,EAAAA,IAAI,EAAEC,SADuC;AAE7CC,EAAAA,IAAI,EAAER,YAAY,CAACC,MAF0B;AAG7CQ,EAAAA,KAAK,EAAEF,SAHsC;AAI7CG,EAAAA,IAAI,EAAEH,SAJuC;AAK7CI,EAAAA,IAAI,EAAEJ,SALuC;AAM7CK,EAAAA,OAAO,EAAEC,IANoC;AAO7CC,EAAAA,YAAY,EAAEP,SAP+B;AAQ7CQ,EAAAA,WAAW,EAAER;AARgC;IAWlCS,YAAY,GAAG;AAC1BV,EAAAA,IAAI,EAAEW,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACG,MAA7B,CAApB,EACHC,WADG,CACS,sBADT,EAEHC,YAFG,CAEUjB,kBAAkB,CAACC,IAF7B,CADoB;AAI1BE,EAAAA,IAAI,EAAES,SAAS,CAACM,KAAV,CAAgB,CAACvB,YAAY,CAACE,SAAd,EAAyBF,YAAY,CAACC,MAAtC,CAAhB,EACHuB,UADG,CACQH,WADR,CACoB,qBADpB,EAEHC,YAFG,CAEUjB,kBAAkB,CAACG,IAF7B,CAJoB;AAO1BC,EAAAA,KAAK,EAAEQ,SAAS,CAACE,MAAV,CAAiBK,UAAjB,CAA4BH,WAA5B,CAAwC,qBAAxC,EAA+DC,YAA/D,CAA4EjB,kBAAkB,CAACI,KAA/F,CAPmB;AAQ1BC,EAAAA,IAAI,EAAEO,SAAS,CAACE,MAAV,CAAiBK,UAAjB,CAA4BH,WAA5B,CAAwC,oBAAxC,EAA8DC,YAA9D,CAA2EjB,kBAAkB,CAACI,KAA9F,CARoB;AAS1BE,EAAAA,IAAI,EAAEM,SAAS,CAACM,KAAV,CAAgB,CAAC,QAAD,EAAW,SAAX,CAAhB,EACHC,UADG,CACQH,WADR,CACoB,gBADpB,EAEHC,YAFG,CAEUjB,kBAAkB,CAACM,IAF7B,CAToB;AAY1BC,EAAAA,OAAO,EAAEK,SAAS,CAACE,MAAV,CAAiBE,WAAjB,CAA6B,oCAA7B,EAAmEC,YAAnE,CAAgFjB,kBAAkB,CAACO,OAAnG,CAZiB;AAa1BE,EAAAA,YAAY,EAAEG,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACQ,OAA7B,CAApB,EACXJ,WADW,CACC,kDADD,EAEXC,YAFW,CAEEjB,kBAAkB,CAACO,OAFrB,CAbY;AAgB1BG,EAAAA,WAAW,EAAEE,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACQ,OAA7B,CAApB,EACVJ,WADU,CACE,iDADF,EAEVC,YAFU,CAEGjB,kBAAkB,CAACO,OAFtB;AAhBa;AAqB5B;AACA;AACA;AACA;AACA;;IACac,gBAAgB,GAAG;AAC9BlB,EAAAA,IAAI,EAAEmB,UAAS,CAACJ,KAAV,CAAgB,CAACvB,YAAY,CAACE,SAAd,EAAyBF,YAAY,CAACC,MAAtC,CAAhB;AADwB;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/bubble/styled.ts"],"sourcesContent":["/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUBBLE_TYPES } from './props';\n\n// Bubble WRAPPER\nexport const StyledWrapper = styled.div<any>`\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)`\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<any>`\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<any>`\n font-size: 12px;\n font-weight: 400;\n padding-top: ${(props) => props.theme.space.xxxs};\n padding-bottom: ${(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<any>`\n display: block;\n content: '';\n position: absolute;\n bottom: 10px;\n height: 15px;\n`;\n\nexport const StyledColoredBubble = styled.div<any>`\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"],"names":["StyledWrapper","styled","div","StyledTitleBubble","Grid","StyledTitleLeftBubble","StyledTitleRightBubble","props","type","BUBBLE_TYPES","SENDER","StyleBodyWrapper","StyleErrorMessage","theme","space","xxxs","colors","danger","StyleHelpMessage","neutral","StyledBubbleArrow","StyledColoredBubble","brand"],"mappings":";;;;;;;AAAA;;IAMaA,aAAa,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;;IAMbC,iBAAiB,gBAAGF,MAAM,CAACG,IAAD,CAAT;AAAA;AAAA;IAOjBC,qBAAqB,gBAAGJ,MAAM,CAACG,IAAD,CAAT;AAAA;AAAA;IAIrBE,sBAAsB,gBAAGL,MAAM,CAACG,IAAD,CAAT;AAAA;AAAA,mDAGxB,UAACG,KAAD;AAAA,SAAYA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACC,MAA5B,GAAqC,MAArC,GAA8C,SAA1D;AAAA,CAHwB;IAMtBC,gBAAgB,gBAAGV,MAAM,CAACC,GAAV;AAAA;AAAA;IAQhBU,iBAAiB,gBAAGX,MAAM,CAACC,GAAV;AAAA;AAAA,+OAGb,UAACK,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYC,KAAZ,CAAkBC,IAA7B;AAAA,CAHa,EAIV,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYC,KAAZ,CAAkBC,IAA7B;AAAA,CAJU,EAKnB,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CALmB,EAWlB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAXkB,EAejB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAfiB;IAsBjBC,gBAAgB,gBAAGjB,MAAM,CAACW,iBAAD,CAAT;AAAA;AAAA,gGAGlB,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAHkB,EAKjB,UAACZ,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CALiB,EAShB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CATgB;;IAchBG,iBAAiB,gBAAGnB,MAAM,CAACC,GAAV;AAAA;AAAA;IAQjBmB,mBAAmB,gBAAGpB,MAAM,CAACC,GAAV;AAAA;AAAA,kEAK5B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACC,MAA5B,yCAEwBH,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,KAAzB,CAFxB,oCAGkBf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,GAAzB,CAHlB,+BAIaf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CAJb,wBAKMC,iBALN,wHASoBb,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,GAAzB,CATpB,mLAoBkBf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CApBlB,+BAqBaZ,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,GAA3B,CArBb,0BAuBMC,iBAvBN,wHA2BoBb,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CA3BpB,wCADA;AAAA,CAL4B;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChatCard.js","sources":["../../../../src/parts/chat-card/ChatCard.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes, CardPropTypes } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled';\n\nconst ChatCard = (props: CardPropTypes): JSX.Element => {\n useValidateProps(props, ChatCardWithSchema.toJSON());\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;\nconst ChatCardWithSchema = describe(ChatCard);\nChatCardWithSchema.propTypes = propTypes;\n\nexport { ChatCard, ChatCardWithSchema };\n"],"names":["ChatCard","props","useValidateProps","ChatCardWithSchema","toJSON","title","content","time","rightAddon","propTypes","describe"],"mappings":";;;;;;;;;;IAQMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAuC;AACtDC,EAAAA,gBAAgB,CAACD,KAAD,EAAQE,kBAAkB,CAACC,MAAnB,EAAR,CAAhB;AACA,MAAQC,KAAR,GAA6CJ,KAA7C,CAAQI,KAAR;AAAA,MAAeC,OAAf,GAA6CL,KAA7C,CAAeK,OAAf;AAAA,MAAwBC,IAAxB,GAA6CN,KAA7C,CAAwBM,IAAxB;AAAA,MAA8BC,UAA9B,GAA6CP,KAA7C,CAA8BO,UAA9B;AACA,sBACE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,CAAf;AAAgC,mBAAY;AAA5C,kBACE,oBAAC,WAAD,qBACE,oBAAC,KAAD;AAAO,mBAAY;AAAnB,KAAsCH,KAAtC,CADF,eAEE,oBAAC,OAAD;AAAS,mBAAY;AAArB,kBACE,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEC;AAAnC,IADF,CAFF,EAKGC,IAAI,iBAAI,oBAAC,IAAD;AAAM,mBAAY;AAAlB,KAAoCA,IAApC,CALX,CADF,EAQGC,UAAU,iBAAI,oBAAC,UAAD;AAAY,mBAAY;AAAxB,KAAiDA,UAAjD,CARjB,CADF;AAYD;;AAEDR,QAAQ,CAACS,SAAT,GAAqBA,SAArB;IACMN,kBAAkB,GAAGO,QAAQ,CAACV,QAAD;AACnCG,kBAAkB,CAACM,SAAnB,GAA+BA,SAA/B;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-card/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { CardPropTypes } from '../props';\n\nexport const useValidateProps = (props: CardPropTypes, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAuBC,MAAvB,EAAiD;AAC/EC,EAAAA,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/chat-card/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\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"],"names":["propTypes","title","PropTypes","string","isRequired","description","content","time","rightAddon","element"],"mappings":";;IAEaA,SAAS,GAAG;AACvBC,EAAAA,KAAK,EAAEC,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,gBADgB;AAEvBC,EAAAA,OAAO,EAAEJ,SAAS,CAACC,MAAV,CAAiBE,WAAjB,kBAFc;AAGvBE,EAAAA,IAAI,EAAEL,SAAS,CAACC,MAAV,CAAiBE,WAAjB,CAA6B,MAA7B,CAHiB;AAIvBG,EAAAA,UAAU,EAAEN,SAAS,CAACO,OAAV,CAAkBJ,WAAlB,CAA8B,4BAA9B;AAJW;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-card/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\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"],"names":["Wrapper","styled","Grid","MainContent","div","Title","p","Content","Time","props","theme","fontWeights","regular","colors","neutral","RightAddon"],"mappings":";;;IAGaA,OAAO,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA;IAOPC,WAAW,gBAAGF,MAAM,CAACG,GAAV;AAAA;AAAA;IAEXC,KAAK,gBAAGJ,MAAM,CAACK,CAAV;AAAA;AAAA;IAMLC,OAAO,gBAAGN,MAAM,CAACK,CAAV;AAAA;AAAA;IAOPE,IAAI,gBAAGP,MAAM,CAACK,CAAV;AAAA;AAAA,4FAKA,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,WAAZ,CAAwBC,OAAnC;AAAA,CALA,EAMN,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CANM;IASJC,UAAU,gBAAGd,MAAM,CAACG,GAAV;AAAA;AAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChatContainerComposer.js","sources":["../../../../src/parts/chat-composer/ChatContainerComposer.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe } from 'react-desc';\nimport { PaperAirplane } from '@elliemae/ds-icons';\nimport {\n StyledChatContainerContentComposer,\n StyledComposerInput,\n StyledComposerButton,\n StyledCounterArea,\n StyledCounterErrorA11y,\n} from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nimport { defaultComposerPros, composerProps, ChatComposerProps } from './props';\n\nconst ChatComposer = (props: ChatComposerProps): JSX.Element => {\n useValidateProps(props, ChatComposerWithSchema.toJSON());\n\n const {\n inputValue,\n onChange,\n onResize,\n onSend,\n onFocus,\n onBlur,\n maxHeight = 300,\n placeholder,\n inputMaxLength,\n maxLengthMessage,\n buttonDisabled,\n dataTestid,\n actionRef,\n } = props;\n\n const input = React.useRef<HTMLTextAreaElement>();\n const inputSize = React.useRef<HTMLTextAreaElement>();\n const inputSend = React.useRef<HTMLButtonElement>();\n const [height, setHeight] = React.useState(32);\n const internalMaxHeight = React.useMemo(() => maxHeight - 24, [maxHeight]);\n const [showScroll, setShowScroll] = React.useState(true);\n\n React.useEffect(() => {\n const newHeight =\n inputSize.current?.scrollHeight > internalMaxHeight ? internalMaxHeight : inputSize.current?.scrollHeight;\n onResize(newHeight);\n setHeight(newHeight);\n setShowScroll(inputSize.current?.scrollHeight - inputSize.current?.clientHeight > 5);\n }, [inputValue, internalMaxHeight, onResize]);\n\n React.useEffect(() => {\n if (actionRef && actionRef.current) {\n actionRef.current.focusToComposer = () => {\n input.current.focus();\n };\n actionRef.current.focusToSend = () => {\n inputSend.current.focus();\n };\n }\n }, [actionRef]);\n\n const handleChange = React.useCallback(\n (e) => {\n onChange(e.target.value);\n },\n [onChange],\n );\n const heightProps = { height, overflow: showScroll ? 'auto' : 'hidden' };\n\n const inputLength = String(inputValue || '').length;\n const hasError = React.useMemo(() => inputLength > inputMaxLength, [inputLength, inputMaxLength]);\n\n return (\n <StyledChatContainerContentComposer rows={['auto', '15px']} maxHeight={`${maxHeight}px`} data-testid={dataTestid}>\n <Grid cols={['1fr', '24px']} justifyContent=\"center\" alignItems=\"flex-end\" gutter=\"xxs\">\n <StyledComposerInput\n ref={input}\n onChange={handleChange}\n style={{ ...heightProps }}\n value={inputValue}\n onFocus={onFocus}\n onBlur={onBlur}\n placeholder={placeholder}\n aria-label=\"Message to send\"\n data-testid=\"chat-composer-textarea\"\n />\n\n <Grid height=\"32px\" alignItems=\"center\">\n <StyledComposerButton\n buttonType=\"text\"\n icon={<PaperAirplane width={18} height={18} />}\n onClick={onSend}\n size=\"s\"\n disabled={!inputValue || buttonDisabled || hasError}\n data-testid=\"chat-composer-send-button\"\n aria-label=\"Send\"\n innerRef={inputSend}\n />\n </Grid>\n </Grid>\n <StyledComposerInput\n ref={inputSize}\n style={{\n height: 32,\n visibility: 'hidden',\n pointerEvents: 'none',\n position: 'absolute',\n top: 0,\n width: input.current?.clientWidth,\n }}\n onChange={handleChange}\n value={inputValue}\n // maxLength={inputMaxLength}\n />\n <Grid cols={['1fr', '24px']} justifyContent=\"flex-end\" alignItems=\"center\" gutter=\"xxs\" pb=\"xxs\">\n <StyledCounterArea hasError={hasError} data-testid=\"composer-counter-area\">\n {inputMaxLength && hasError ? (\n <>\n <StyledCounterErrorA11y role=\"alert\">\n {maxLengthMessage || `You have exceeded the character limit by ${inputLength - inputMaxLength}`}\n </StyledCounterErrorA11y>\n {maxLengthMessage || `Please limit to less than ${inputMaxLength} characters. `}\n </>\n ) : (\n ''\n )}\n {inputMaxLength ? ` ${inputLength} / ${inputMaxLength}` : ''}\n </StyledCounterArea>\n <Grid />\n </Grid>\n </StyledChatContainerContentComposer>\n );\n};\n\nChatComposer.propTypes = composerProps;\nChatComposer.defaultProps = defaultComposerPros;\nconst ChatComposerWithSchema = describe(ChatComposer);\nChatComposerWithSchema.propTypes = composerProps;\n\nexport { ChatComposer, ChatComposerWithSchema };\n"],"names":["ChatComposer","props","useValidateProps","ChatComposerWithSchema","toJSON","inputValue","onChange","onResize","onSend","onFocus","onBlur","maxHeight","placeholder","inputMaxLength","maxLengthMessage","buttonDisabled","dataTestid","actionRef","input","React","useRef","inputSize","inputSend","useState","height","setHeight","internalMaxHeight","useMemo","showScroll","setShowScroll","useEffect","newHeight","current","scrollHeight","clientHeight","focusToComposer","focus","focusToSend","handleChange","useCallback","e","target","value","heightProps","overflow","inputLength","String","length","hasError","visibility","pointerEvents","position","top","width","clientWidth","propTypes","composerProps","defaultProps","defaultComposerPros","describe"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-composer/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatComposerProps } from '../props';\n\nexport const useValidateProps = (props: ChatComposerProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA2BC,MAA3B,EAAqD;AACnFC,EAAAA,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/chat-composer/props.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\n\nexport interface TextAreaProps {\n height: string | number;\n style: React.CSSProperties;\n}\n\nexport const defaultComposerPros: ChatComposerProps = {\n placeholder: 'Type your message',\n inputValue: '',\n onChange: noop,\n onResize: noop,\n onSend: noop,\n onFocus: noop,\n onBlur: noop,\n maxHeight: 0,\n inputMaxLength: undefined,\n maxLengthMessage: undefined,\n buttonDisabled: false,\n dataTestid: 'ds-chat-composer',\n actionRef: noop,\n};\n\nexport interface ChatComposerProps {\n placeholder?: string;\n inputValue?: 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 maxHeight?: number;\n inputMaxLength: number | undefined;\n buttonDisabled: boolean;\n dataTestid?: string;\n actionRef: PropTypes.func;\n}\n\nexport const composerProps = {\n placeholder: PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),\n inputValue: PropTypes.string.description('Input value').defaultValue(defaultComposerPros.inputValue),\n maxLengthMessage: PropTypes.string\n .description('Max length message')\n .defaultValue(defaultComposerPros.maxLengthMessage),\n onChange: PropTypes.func.description('Called when the user types').defaultValue(defaultComposerPros.onChange),\n onResize: PropTypes.func\n .description('Called the input changes his height')\n .defaultValue(defaultComposerPros.onResize),\n onSend: PropTypes.func.description('Called when the click send').defaultValue(defaultComposerPros.onSend),\n onFocus: PropTypes.func.description('Input focus').defaultValue(defaultComposerPros.onFocus),\n onBlur: PropTypes.func.description('Input blur').defaultValue(defaultComposerPros.onBlur),\n maxHeight: PropTypes.number\n .description('Max height of the composer. Use 0 for no limit')\n .defaultValue(defaultComposerPros.onBlur),\n inputMaxLength: PropTypes.number\n .description('Max length of the composer. `undefined` for no limit')\n .defaultValue(defaultComposerPros.inputMaxLength),\n buttonDisabled: PropTypes.bool\n .description('Control the disabled for the send button')\n .defaultValue(defaultComposerPros.buttonDisabled),\n dataTestid: PropTypes.string.description('Data testid').defaultValue(defaultComposerPros.placeholder),\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(defaultComposerPros.actionRef),\n};\n"],"names":["defaultComposerPros","placeholder","inputValue","onChange","noop","onResize","onSend","onFocus","onBlur","maxHeight","inputMaxLength","undefined","maxLengthMessage","buttonDisabled","dataTestid","actionRef","composerProps","PropTypes","string","description","defaultValue","func","number","bool","object"],"mappings":";;;IASaA,mBAAsC,GAAG;AACpDC,EAAAA,WAAW,EAAE,mBADuC;AAEpDC,EAAAA,UAAU,EAAE,EAFwC;AAGpDC,EAAAA,QAAQ,EAAEC,IAH0C;AAIpDC,EAAAA,QAAQ,EAAED,IAJ0C;AAKpDE,EAAAA,MAAM,EAAEF,IAL4C;AAMpDG,EAAAA,OAAO,EAAEH,IAN2C;AAOpDI,EAAAA,MAAM,EAAEJ,IAP4C;AAQpDK,EAAAA,SAAS,EAAE,CARyC;AASpDC,EAAAA,cAAc,EAAEC,SAToC;AAUpDC,EAAAA,gBAAgB,EAAED,SAVkC;AAWpDE,EAAAA,cAAc,EAAE,KAXoC;AAYpDC,EAAAA,UAAU,EAAE,kBAZwC;AAapDC,EAAAA,SAAS,EAAEX;AAbyC;IAgCzCY,aAAa,GAAG;AAC3Bf,EAAAA,WAAW,EAAEgB,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B,EAAkDC,YAAlD,CAA+DpB,mBAAmB,CAACC,WAAnF,CADc;AAE3BC,EAAAA,UAAU,EAAEe,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDpB,mBAAmB,CAACE,UAA7E,CAFe;AAG3BU,EAAAA,gBAAgB,EAAEK,SAAS,CAACC,MAAV,CACfC,WADe,CACH,oBADG,EAEfC,YAFe,CAEFpB,mBAAmB,CAACY,gBAFlB,CAHS;AAM3BT,EAAAA,QAAQ,EAAEc,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsEpB,mBAAmB,CAACG,QAA1F,CANiB;AAO3BE,EAAAA,QAAQ,EAAEY,SAAS,CAACI,IAAV,CACPF,WADO,CACK,qCADL,EAEPC,YAFO,CAEMpB,mBAAmB,CAACK,QAF1B,CAPiB;AAU3BC,EAAAA,MAAM,EAAEW,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsEpB,mBAAmB,CAACM,MAA1F,CAVmB;AAW3BC,EAAAA,OAAO,EAAEU,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,aAA3B,EAA0CC,YAA1C,CAAuDpB,mBAAmB,CAACO,OAA3E,CAXkB;AAY3BC,EAAAA,MAAM,EAAES,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,YAA3B,EAAyCC,YAAzC,CAAsDpB,mBAAmB,CAACQ,MAA1E,CAZmB;AAa3BC,EAAAA,SAAS,EAAEQ,SAAS,CAACK,MAAV,CACRH,WADQ,CACI,gDADJ,EAERC,YAFQ,CAEKpB,mBAAmB,CAACQ,MAFzB,CAbgB;AAgB3BE,EAAAA,cAAc,EAAEO,SAAS,CAACK,MAAV,CACbH,WADa,CACD,sDADC,EAEbC,YAFa,CAEApB,mBAAmB,CAACU,cAFpB,CAhBW;AAmB3BG,EAAAA,cAAc,EAAEI,SAAS,CAACM,IAAV,CACbJ,WADa,CACD,0CADC,EAEbC,YAFa,CAEApB,mBAAmB,CAACa,cAFpB,CAnBW;AAsB3BC,EAAAA,UAAU,EAAEG,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDpB,mBAAmB,CAACC,WAA7E,CAtBe;AAuB3Bc,EAAAA,SAAS,EAAEE,SAAS,CAACO,MAAV,CACRL,WADQ,oTAcRC,YAdQ,CAcKpB,mBAAmB,CAACe,SAdzB;AAvBgB;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-composer/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSButton } from '@elliemae/ds-button';\nimport { TextAreaProps } from './props';\n\n// Composer\nexport const StyledChatContainerContentComposer = styled(Grid)`\n width: 100%;\n min-height: 56px;\n background: ${(props) => props.theme.colors.neutral['050']};\n padding: ${(props) => props.theme.space.xxs};\n padding-bottom: 3px;\n padding-top: 6px;\n padding-left: ${(props) => props.theme.space.xs};\n max-height: ${(props) => props.maxHeight};\n border-top: 1px solid #cbcfd7;\n`;\n\nexport const StyledComposerInput = styled.textarea<any>`\n padding: ${(props) => props.theme.space.xxs};\n resize: none;\n min-height: 32px;\n border-radius: 2px;\n border: solid 1px #cbcfd7;\n color: #25292f;\n height: ${(props: TextAreaProps) => (typeof props.height === 'number' ? `${props.height}px` : props.height)};\n min-width: 244px;\n overflow-y: auto;\n font-size: 13px;\n font-weight: 400;\n line-height: 1;\n transition: height 0.3s;\n &:focus {\n outline: none;\n border: 1px solid ${(props) => props.theme.colors.brand[600]};\n box-shadow: inset 0 0 0 1px #8cc2ed;\n border-radius: 2px;\n }\n`;\nexport const StyledComposerButton = styled(DSButton)`\n &:disabled {\n background: none;\n svg {\n fill: #5d6775;\n }\n }\n svg {\n fill: ${(props) => props.theme.colors.brand[600]};\n }\n &:focus {\n background: ${(props) => props.theme.colors.brand[200]};\n }\n`;\n\nexport const StyledCounterArea = styled(Grid)`\n text-align: right;\n font-size: 11px;\n height: 15px;\n align-items: center;\n font-style: italic;\n ${(props) => (props.hasError ? `color:${props.theme.colors.danger[900]};` : '')}\n position:relative;\n`;\n\nexport const StyledCounterErrorA11y = styled.span`\n width: 1px;\n height: 1px;\n position: absolute;\n clip: rect(1px, 1px, 1px, 1px);\n`;\n"],"names":["StyledChatContainerContentComposer","styled","Grid","props","theme","colors","neutral","space","xxs","xs","maxHeight","StyledComposerInput","textarea","height","brand","StyledComposerButton","DSButton","StyledCounterArea","hasError","danger","StyledCounterErrorA11y","span"],"mappings":";;;;AAKA;IACaA,kCAAkC,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,mKAG/B,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAH+B,EAIlC,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,GAA7B;AAAA,CAJkC,EAO7B,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBE,EAA7B;AAAA,CAP6B,EAQ/B,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACO,SAAjB;AAAA,CAR+B;IAYlCC,mBAAmB,gBAAGV,MAAM,CAACW,QAAV;AAAA;AAAA,4TACnB,UAACT,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,GAA7B;AAAA,CADmB,EAOpB,UAACL,KAAD;AAAA,SAA2B,OAAOA,KAAK,CAACU,MAAb,KAAwB,QAAxB,aAAsCV,KAAK,CAACU,MAA5C,UAAyDV,KAAK,CAACU,MAA1F;AAAA,CAPoB,EAgBR,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBS,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAhBQ;IAqBnBC,oBAAoB,gBAAGd,MAAM,CAACe,QAAD,CAAT;AAAA;AAAA,+FAQrB,UAACb,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBS,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CARqB,EAWf,UAACX,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBS,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAXe;IAepBG,iBAAiB,gBAAGhB,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,iHAM1B,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACe,QAAN,mBAA0Bf,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBc,MAAnB,CAA0B,GAA1B,CAA1B,SAA8D,EAA1E;AAAA,CAN0B;IAUjBC,sBAAsB,gBAAGnB,MAAM,CAACoB,IAAV;AAAA;AAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChatContainer.js","sources":["../../../../src/parts/chat-container/ChatContainer.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React from 'react';\nimport { noop } from 'lodash';\nimport { describe } from 'react-desc';\nimport DSIndeterminateProgressIndicator from '@elliemae/ds-indeterminate-progress-indicator';\nimport DSBanner, { BANNER_TYPES } from '@elliemae/ds-banner';\nimport { ChatComposer } from '../chat-composer';\nimport { ChatContainerMessagesList } from '../chat-container-messages-list';\nimport { ChatContainerProps, defaultProps, containerProps } from './props';\nimport { StyledChatContainerContent, StyledIndicatorContainer, MobileStyledChatContainerContent } from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst ChatContainer = (props: ChatContainerProps): JSX.Element => {\n useValidateProps(props, ChatContainerWithSchema.toTypescript());\n\n const {\n sendingText,\n sendingMessages,\n bannerPosition,\n bannerProps,\n messagesListProps,\n composerProps,\n composerProps: { onResize: onComposerResize },\n actionRef,\n autoScroll,\n device,\n isLoading,\n hasMoreItems,\n getMoreMessages,\n } = props;\n\n const containerRef = React.useRef<HTMLElement>();\n const listRef = React.useRef({ scrollToIndex: noop });\n const onResize = React.useCallback(\n (height: number) => {\n if (onComposerResize) onComposerResize(height);\n if (autoScroll) {\n listRef.current.scrollToIndex(messagesListProps.messages.length - 1, {\n align: 'end',\n });\n }\n },\n [onComposerResize, messagesListProps.messages, autoScroll],\n );\n const Container = device === 'desktop' ? StyledChatContainerContent : MobileStyledChatContainerContent;\n\n return (\n <Container rows={['minmax(0, 1fr)', 'auto']} ref={containerRef} role=\"region\" aria-label=\"chat window\">\n <div style={{ position: 'relative', overflow: 'hidden' }}>\n <ChatContainerMessagesList\n {...messagesListProps}\n actionRef={actionRef || listRef}\n isLoading={isLoading}\n hasMoreItems={hasMoreItems}\n getMoreMessages={getMoreMessages}\n sendingMessages={sendingMessages}\n sendingText={sendingText}\n />\n {['top', 'bottom'].includes(isLoading) ? (\n <StyledIndicatorContainer isLoading={isLoading}>\n <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n </StyledIndicatorContainer>\n ) : null}\n <StyledIndicatorContainer isLoading={bannerPosition}>\n <DSBanner\n showCloseButton\n label={bannerProps.label || 'Unread messages'}\n containerProps={{ id: 'ds-chat-banner' }}\n actionLink={{\n label: bannerProps.viewLabel || 'View',\n onClick: bannerProps.onView,\n }}\n onClose={bannerProps.onClose}\n isOpen\n type={BANNER_TYPES.INFO}\n />\n </StyledIndicatorContainer>\n {sendingMessages && sendingMessages.length > 0 ? (\n <StyledIndicatorContainer isLoading=\"bottom\" linear>\n <DSIndeterminateProgressIndicator processing title=\"Loading\" lineOnly />\n </StyledIndicatorContainer>\n ) : null}\n </div>\n <ChatComposer\n {...composerProps}\n onResize={onResize}\n maxHeight={(containerRef.current?.clientHeight || 0) / 2}\n actionRef={actionRef || listRef}\n />\n </Container>\n );\n};\n\nChatContainer.propTypes = containerProps;\nChatContainer.defaultProps = defaultProps;\nconst ChatContainerWithSchema = describe(ChatContainer);\nChatContainerWithSchema.propTypes = containerProps;\n\nexport { ChatContainer, ChatContainerWithSchema };\n"],"names":["ChatContainer","props","useValidateProps","ChatContainerWithSchema","toTypescript","sendingText","sendingMessages","bannerPosition","bannerProps","messagesListProps","composerProps","onComposerResize","onResize","actionRef","autoScroll","device","isLoading","hasMoreItems","getMoreMessages","containerRef","React","useRef","listRef","scrollToIndex","noop","useCallback","height","current","messages","length","align","Container","StyledChatContainerContent","MobileStyledChatContainerContent","position","overflow","includes","label","id","viewLabel","onClick","onView","onClose","BANNER_TYPES","INFO","clientHeight","propTypes","containerProps","defaultProps","describe"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-container/config/useValidateProps.tsx"],"sourcesContent":["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatContainerProps } from '../props';\n\nexport const useValidateProps = (props: ChatContainerProps, schema: unknown): void => {\n useValidateTypescriptPropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidateTypescriptPropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA4BC,MAA5B,EAAsD;AACpFC,EAAAA,8BAA8B,CAACF,KAAD,EAAQC,MAAR,CAA9B;AACD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/chat-container/props.ts"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport {\n ChatContainerMessagesListProps,\n defaultProps as defaultListProps,\n} from '../chat-container-messages-list/props';\nimport { defaultComposerPros, ChatComposerProps } from '../chat-composer/props';\n\ninterface ChatBannerProps {\n label: string;\n viewLabel: string;\n onView: () => void;\n onClose: () => void;\n}\nexport interface ChatContainerProps {\n messagesListProps: Pick<ChatContainerMessagesListProps, 'messages' | 'onScrollEnds'>;\n composerProps: ChatComposerProps;\n actionRef: PropTypes.func;\n autoScroll: boolean;\n device: 'desktop' | 'mobile';\n isLoading?: 'top' | 'bottom';\n hasMoreItems?: 'top' | 'bottom';\n getMoreMessages: PropTypes.func;\n bannerPosition?: 'top' | 'bottom';\n bannerProps?: ChatBannerProps;\n sendingMessages?: string[] | number[];\n sendingText: string;\n}\n\nexport const defaultProps: ChatContainerProps = {\n messagesListProps: defaultListProps,\n composerProps: defaultComposerPros,\n actionRef: undefined,\n autoScroll: false,\n device: 'desktop',\n isLoading: undefined,\n hasMoreItems: undefined,\n getMoreMessages: noop,\n bannerPosition: undefined,\n bannerProps: {\n label: 'Unread Messages',\n viewLabel: 'View',\n onView: noop,\n onClose: noop,\n },\n sendingMessages: undefined,\n sendingText: 'Sending',\n};\n\nexport const containerProps = {\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.description('Banner configuration').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"],"names":["defaultProps","messagesListProps","defaultListProps","composerProps","defaultComposerPros","actionRef","undefined","autoScroll","device","isLoading","hasMoreItems","getMoreMessages","noop","bannerPosition","bannerProps","label","viewLabel","onView","onClose","sendingMessages","sendingText","containerProps","PropTypes","object","description","defaultValue","bool","string","oneOf","func","oneOfType","arrayOf","number"],"mappings":";;;;;IA6BaA,YAAgC,GAAG;AAC9CC,EAAAA,iBAAiB,EAAEC,cAD2B;AAE9CC,EAAAA,aAAa,EAAEC,mBAF+B;AAG9CC,EAAAA,SAAS,EAAEC,SAHmC;AAI9CC,EAAAA,UAAU,EAAE,KAJkC;AAK9CC,EAAAA,MAAM,EAAE,SALsC;AAM9CC,EAAAA,SAAS,EAAEH,SANmC;AAO9CI,EAAAA,YAAY,EAAEJ,SAPgC;AAQ9CK,EAAAA,eAAe,EAAEC,IAR6B;AAS9CC,EAAAA,cAAc,EAAEP,SAT8B;AAU9CQ,EAAAA,WAAW,EAAE;AACXC,IAAAA,KAAK,EAAE,iBADI;AAEXC,IAAAA,SAAS,EAAE,MAFA;AAGXC,IAAAA,MAAM,EAAEL,IAHG;AAIXM,IAAAA,OAAO,EAAEN;AAJE,GAViC;AAgB9CO,EAAAA,eAAe,EAAEb,SAhB6B;AAiB9Cc,EAAAA,WAAW,EAAE;AAjBiC;IAoBnCC,cAAc,GAAG;AAC5BpB,EAAAA,iBAAiB,EAAEqB,SAAS,CAACC,MAAV,CAChBC,WADgB,CACJ,mDADI,EAEhBC,YAFgB,CAEHzB,YAAY,CAACC,iBAFV,CADS;AAI5BE,EAAAA,aAAa,EAAEmB,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,wBAA7B,EAAuDC,YAAvD,CAAoEzB,YAAY,CAACG,aAAjF,CAJa;AAK5BI,EAAAA,UAAU,EAAEe,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,iCAA3B,EAA8DC,YAA9D,CAA2EzB,YAAY,CAACO,UAAxF,CALgB;AAM5BC,EAAAA,MAAM,EAAEc,SAAS,CAACK,MAAV,CACLH,WADK,CACO,mDADP,EAELC,YAFK,CAEQzB,YAAY,CAACQ,MAFrB,CANoB;AAS5BC,EAAAA,SAAS,EAAEa,SAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBtB,SAAlB,CAAhB,EAA8CkB,WAA9C,CACT,2EADS,CATiB;AAY5Bd,EAAAA,YAAY,EAAEY,SAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBtB,SAAlB,CAAhB,EAA8CkB,WAA9C,CACZ,iEADY,CAZc;AAe5Bb,EAAAA,eAAe,EAAEW,SAAS,CAACO,IAAV,CACdL,WADc,CACF,0CADE,EAEdC,YAFc,CAEDzB,YAAY,CAACW,eAFZ,CAfW;AAkB5BE,EAAAA,cAAc,EAAES,SAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBtB,SAAlB,CAAhB,EAA8CkB,WAA9C,CACd,2EADc,CAlBY;AAqB5BV,EAAAA,WAAW,EAAEQ,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,sBAA7B,EAAqDC,YAArD,CAAkEzB,YAAY,CAACc,WAA/E,CArBe;AAsB5BK,EAAAA,eAAe,EAAEG,SAAS,CAACQ,SAAV,CAAoB,CAACR,SAAS,CAACS,OAAV,CAAkBT,SAAS,CAACK,MAA5B,CAAD,EAAsCL,SAAS,CAACS,OAAV,CAAkBT,SAAS,CAACU,MAA5B,CAAtC,CAApB,EACdR,WADc,CACF,kCADE,EAEdC,YAFc,CAEDzB,YAAY,CAACmB,eAFZ,CAtBW;AAyB5BC,EAAAA,WAAW,EAAEE,SAAS,CAACK,MAAV,CACVH,WADU,CACE,kDADF,EAEVC,YAFU,CAEGzB,YAAY,CAACoB,WAFhB,CAzBe;AA4B5Bf,EAAAA,SAAS,EAAEiB,SAAS,CAACC,MAAV,CACRC,WADQ,oTAcRC,YAdQ,CAcKzB,YAAY,CAACK,SAdlB;AA5BiB;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-container/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledTitleRightBubble, StyledTitleLeftBubble, StyleBodyWrapper } from '../bubble/styled';\nimport { StyledComposerInput } from '../chat-composer/styled';\nimport { Wrapper, Title, Time, Message } from '../system-message/style';\nexport const CONTAINER_WIDTH = 300;\n\nexport const StyledChatContainerContent = styled(Grid)`\n height: 100%;\n min-width: ${CONTAINER_WIDTH}px;\n overflow: hidden;\n background: ${(props) => props.theme.colors.neutral['050']};\n position: relative;\n`;\nexport const StyledIndicatorContainer = styled.div<{\n isLoading?: 'top' | 'bottom';\n linear?: boolean;\n}>`\n transition: 0.4s ease-in-out;\n position: absolute;\n visibility: hidden;\n pointer-events: none;\n width: calc(100% + ${(props) => props.theme.space.xxs * 2});\n padding: 0 ${(props) => (!props.linear ? props.theme.space.xxs : 0)};\n left: -${(props) => props.theme.space.xxs};\n right: -${(props) => props.theme.space.xxs};\n background: ${(props) => props.theme.colors.neutral['000']};\n ${(props) =>\n props.isLoading === 'top'\n ? `\n top: -41px;\n transform: translate(0, 41px);\n visibility: visible;\n pointer-events: auto\n `\n : ''}\n ${(props) =>\n props.isLoading === 'bottom'\n ? `\n bottom: -41px;\n transform: translate(0, -41px);\n visibility: visible;\n pointer-events: auto;\n `\n : ''}\n`;\n\nexport const MobileStyledChatContainerContent = styled(StyledChatContainerContent)`\n ${StyledTitleLeftBubble},\n ${StyleBodyWrapper} {\n font-size: 16px;\n }\n\n ${StyledTitleRightBubble} {\n font-size: 13px;\n }\n\n ${Wrapper} {\n background-color: #fff;\n box-shadow: -0 1px 3px rgba(53, 60, 70, 0.8);\n }\n\n ${Title},\n ${Message} {\n font-size: 16px;\n text-align: left;\n }\n\n ${Time} {\n font-size: 13px;\n }\n\n ${StyledComposerInput} {\n font-size: 16px;\n }\n`;\n"],"names":["CONTAINER_WIDTH","StyledChatContainerContent","styled","Grid","props","theme","colors","neutral","StyledIndicatorContainer","div","space","xxs","linear","isLoading","MobileStyledChatContainerContent","StyledTitleLeftBubble","StyleBodyWrapper","StyledTitleRightBubble","Wrapper","Title","Message","Time","StyledComposerInput"],"mappings":";;;;;;;;;;;IAKaA,eAAe,GAAG;IAElBC,0BAA0B,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,wFAExBH,eAFwB,EAIvB,UAACI,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJuB;IAO1BC,wBAAwB,gBAAGN,MAAM,CAACO,GAAV;AAAA;AAAA,oLAQd,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYK,KAAZ,CAAkBC,GAAlB,GAAwB,CAAnC;AAAA,CARc,EAStB,UAACP,KAAD;AAAA,SAAY,CAACA,KAAK,CAACQ,MAAP,GAAgBR,KAAK,CAACC,KAAN,CAAYK,KAAZ,CAAkBC,GAAlC,GAAwC,CAApD;AAAA,CATsB,EAU1B,UAACP,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYK,KAAZ,CAAkBC,GAA7B;AAAA,CAV0B,EAWzB,UAACP,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYK,KAAZ,CAAkBC,GAA7B;AAAA,CAXyB,EAYrB,UAACP,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAZqB,EAajC,UAACH,KAAD;AAAA,SACAA,KAAK,CAACS,SAAN,KAAoB,KAApB,6GAOI,EARJ;AAAA,CAbiC,EAsBjC,UAACT,KAAD;AAAA,SACAA,KAAK,CAACS,SAAN,KAAoB,QAApB,kHAOI,EARJ;AAAA,CAtBiC;IAiCxBC,gCAAgC,gBAAGZ,MAAM,CAACD,0BAAD,CAAT;AAAA;AAAA,iNACzCc,qBADyC,EAEzCC,gBAFyC,EAMzCC,sBANyC,EAUzCC,OAVyC,EAezCC,KAfyC,EAgBzCC,OAhByC,EAqBzCC,IArByC,EAyBzCC,mBAzByC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChatContainerHeader.js","sources":["../../../../src/parts/chat-container-header/ChatContainerHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n StyledChatContainerContentHeader,\n StyledChatContainerContentHeaderLabel,\n StyledChatContainerContentHeaderActions,\n} from './styled';\nimport { validHeaderChilds } from './helpers';\n\nexport const ChatContainerHeader: React.ComponentType = (props: any) => {\n const { title, floating, children } = props;\n\n return (\n <StyledChatContainerContentHeader\n alignItems=\"center\"\n cols={['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px']}\n floating={floating}\n role=\"heading\"\n >\n <StyledChatContainerContentHeaderLabel data-testid=\"chat-container-header-title\" pl=\"xxs\" pr=\"xxs\">\n <SimpleTruncatedTooltipText value={title} />\n </StyledChatContainerContentHeaderLabel>\n <StyledChatContainerContentHeaderActions\n cols={validHeaderChilds(children)}\n justifyContent=\"flex-end\"\n data-testid=\"chat-container-header-children\"\n >\n {children}\n </StyledChatContainerContentHeaderActions>\n </StyledChatContainerContentHeader>\n );\n};\n"],"names":["ChatContainerHeader","props","title","floating","children","validHeaderChilds"],"mappings":";;;;;;;IASaA,mBAAwC,GAAG,SAA3CA,mBAA2C,CAACC,KAAD,EAAgB;AACtE,MAAQC,KAAR,GAAsCD,KAAtC,CAAQC,KAAR;AAAA,MAAeC,QAAf,GAAsCF,KAAtC,CAAeE,QAAf;AAAA,MAAyBC,QAAzB,GAAsCH,KAAtC,CAAyBG,QAAzB;AAEA,sBACE,oBAAC,gCAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,IAAA,IAAI,EAAE,CAAC,gCAAD,EAAmCA,QAAQ,GAAG,MAAH,GAAY,KAAvD,CAFR;AAGE,IAAA,QAAQ,EAAED,QAHZ;AAIE,IAAA,IAAI,EAAC;AAJP,kBAME,oBAAC,qCAAD;AAAuC,mBAAY,6BAAnD;AAAiF,IAAA,EAAE,EAAC,KAApF;AAA0F,IAAA,EAAE,EAAC;AAA7F,kBACE,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAED;AAAnC,IADF,CANF,eASE,oBAAC,uCAAD;AACE,IAAA,IAAI,EAAEG,iBAAiB,CAACD,QAAD,CADzB;AAEE,IAAA,cAAc,EAAC,UAFjB;AAGE,mBAAY;AAHd,KAKGA,QALH,CATF,CADF;AAmBD;;;;"}
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
-
3
- var validHeaderChilds = function validHeaderChilds(children) {
4
- return React.Children.toArray(children).filter(function (e) {
5
- if (Array.isArray(e.props.children)) {
6
- return false;
7
- }
8
-
9
- if (e.props.children === undefined && e.$$typeof.toString() === 'Symbol(react.element)') {
10
- return true;
11
- }
12
-
13
- return !!e.props.children;
14
- }).map(function () {
15
- return '32px';
16
- });
17
- };
18
-
19
- export { validHeaderChilds };
20
- //# sourceMappingURL=helpers.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"helpers.js","sources":["../../../../src/parts/chat-container-header/helpers.tsx"],"sourcesContent":["import React from 'react';\n\ninterface validParamT {\n childs: React.ReactChild | React.ReactFragment | React.ReactPortal;\n}\n\nexport const validHeaderChilds = (children: validParamT): any =>\n React.Children.toArray(children)\n .filter((e) => {\n if (Array.isArray(e.props.children)) {\n return false;\n }\n if (e.props.children === undefined && e.$$typeof.toString() === 'Symbol(react.element)') {\n return true;\n }\n return !!e.props.children;\n })\n .map(() => '32px');\n"],"names":["validHeaderChilds","children","React","Children","toArray","filter","e","Array","isArray","props","undefined","$$typeof","toString","map"],"mappings":";;IAMaA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD;AAAA,SAC/BC,KAAK,CAACC,QAAN,CAAeC,OAAf,CAAuBH,QAAvB,EACGI,MADH,CACU,UAACC,CAAD,EAAO;AACb,QAAIC,KAAK,CAACC,OAAN,CAAcF,CAAC,CAACG,KAAF,CAAQR,QAAtB,CAAJ,EAAqC;AACnC,aAAO,KAAP;AACD;;AACD,QAAIK,CAAC,CAACG,KAAF,CAAQR,QAAR,KAAqBS,SAArB,IAAkCJ,CAAC,CAACK,QAAF,CAAWC,QAAX,OAA0B,uBAAhE,EAAyF;AACvF,aAAO,IAAP;AACD;;AACD,WAAO,CAAC,CAACN,CAAC,CAACG,KAAF,CAAQR,QAAjB;AACD,GATH,EAUGY,GAVH,CAUO;AAAA,WAAM,MAAN;AAAA,GAVP,CAD+B;AAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-container-header/styled.ts"],"sourcesContent":["import styled from 'styled-components';\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`;\n"],"names":["StyledChatContainerContentHeaderActions","styled","Grid","StyledChatContainerContentHeader","props","theme","colors","neutral","StyledChatContainerContentHeaderLabel"],"mappings":";;;IAGaA,uCAAuC,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA;IAIvCC,gCAAgC,gBAAGF,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,wHAGhB,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHgB,EAI7B,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJ6B,EAKzCP,uCALyC;IAYhCQ,qCAAqC,gBAAGP,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,8FAKvC,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CALuC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChatContainerMessagesList.js","sources":["../../../../src/parts/chat-container-messages-list/ChatContainerMessagesList.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n/* eslint-disable max-lines */\nimport React, { CSSProperties } from 'react';\nimport { describe } from 'react-desc';\nimport { useVirtual } from 'react-virtual';\nimport DSButton from '@elliemae/ds-button';\nimport { ChatBubble, BUBBLE_TYPES } from '../bubble';\nimport { MessageDelimiter } from '../message-delimiter';\nimport { SystemMessage } from '../system-message';\nimport {\n StyledWrapperListItem,\n StyledChatContainerContentList,\n StyledChatContainerContentListScroll,\n StyledWrapper,\n StyledLoadMoreContainer,\n ListItem,\n} from './styled';\nimport { defaultProps, listProps, ChatContainerMessagesListProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst getPadding = (hasMoreItems) => {\n const padding = {\n paddingStart: 0,\n paddingEnd: -5,\n };\n if (hasMoreItems === 'top') padding.paddingStart = 42;\n else if (hasMoreItems === 'bottom') padding.paddingEnd = 42;\n return padding;\n};\n\nconst ChatContainerMessagesList = (props: ChatContainerMessagesListProps): JSX.Element => {\n useValidateProps(props, ChatContainerMessagesListWithSchema.toTypescript());\n\n const { sendingText, sendingMessages, messages, actionRef, onScrollEnds, getMoreMessages, hasMoreItems, isLoading } =\n props;\n const virtualListRef = React.useRef<HTMLDivElement>();\n // estimateSize should not be really required given what was stated on\n // https://github.com/tannerlinsley/react-virtual/issues/23\n const {\n scrollToIndex: vScroll,\n totalSize,\n virtualItems,\n } = useVirtual({\n size: messages.length,\n parentRef: virtualListRef,\n overscan: 15,\n ...getPadding(hasMoreItems),\n estimateSize: React.useCallback(() => 80, []),\n });\n\n const onScrollStop = React.useCallback((): number[] => {\n const { bottom, top } = virtualListRef.current.getBoundingClientRect();\n const list = virtualListRef.current.querySelectorAll(\n '[data-element=\"chat-element-list-item\"]',\n ) as NodeListOf<HTMLDivElement>;\n const indexList = [];\n list.forEach((item: HTMLDivElement) => {\n const { top: itemTop } = item.getBoundingClientRect();\n if (itemTop < bottom && itemTop > top) indexList.push(item.dataset.index);\n });\n if (onScrollEnds) onScrollEnds(indexList);\n return indexList;\n }, [onScrollEnds]);\n\n const scrollAndFocus = React.useCallback(\n (index: number) => {\n vScroll(index, { align: 'center' });\n setTimeout(() => {\n (virtualListRef.current.querySelector(`[data-index=\"${index}\"]`) as HTMLDivElement).focus();\n }, 300);\n },\n [vScroll],\n );\n\n React.useEffect(() => {\n if (actionRef && actionRef.current) {\n actionRef.current.scrollToIndex = (a, b = { align: 'center' }) => {\n vScroll(a, b);\n };\n actionRef.current.getMessagesInView = onScrollStop;\n actionRef.current.focusToIndex = (a, b = { align: 'center' }) => {\n scrollAndFocus(a);\n };\n actionRef.current.focusToList = (a, b = { align: 'center' }) => {\n virtualListRef.current?.focus();\n };\n }\n }, [actionRef, onScrollStop, scrollAndFocus, vScroll]);\n\n const handleKey = React.useCallback(\n (e) => {\n e.preventDefault();\n const { key } = e;\n const index = Number(e.currentTarget.dataset.index);\n switch (key) {\n case 'ArrowUp':\n if (index > 0)\n (virtualListRef.current.querySelector(`[data-index=\"${index - 1}\"]`) as HTMLDivElement).focus();\n break;\n case 'ArrowDown':\n if (index < messages.length - 1) {\n (virtualListRef.current.querySelector(`[data-index=\"${index + 1}\"]`) as HTMLDivElement).focus();\n }\n break;\n case 'Home':\n scrollAndFocus(0);\n break;\n case 'End':\n scrollAndFocus(messages.length - 1);\n break;\n case 'Tab':\n actionRef.current.focusToComposer();\n break;\n default:\n break;\n }\n },\n [actionRef, messages.length, scrollAndFocus],\n );\n\n React.useEffect(() => {\n let handlerCallback = null;\n const localVirtualRef = virtualListRef.current;\n const onScroll = () => {\n if (handlerCallback) clearTimeout(handlerCallback);\n handlerCallback = setTimeout(onScrollStop, 300);\n };\n if (onScrollEnds) {\n virtualListRef.current.addEventListener('scroll', onScroll);\n }\n return () => {\n if (handlerCallback) clearTimeout(handlerCallback);\n if (onScrollEnds) localVirtualRef.removeEventListener('scroll', onScroll);\n };\n }, [onScrollStop, onScrollEnds]);\n\n const render = React.useMemo(\n () =>\n virtualItems.map((virtualItem) => {\n const { index, measureRef, start } = virtualItem;\n const row = messages[index];\n const isSending = sendingMessages && sendingMessages.find((m) => m === row.dsId);\n const style: CSSProperties = {\n position: 'absolute',\n top: 0,\n left: 0,\n transform: `translateY(${start}px)`,\n width: '100%',\n };\n\n return (\n <ListItem\n data-element=\"chat-element-list-item\"\n data-index={index}\n key={`ds-chat-bubble-${index}-${row.dsId}-${row.type}`}\n style={style}\n ref={measureRef}\n tabIndex={0}\n onKeyDown={handleKey}\n role=\"listitem\"\n >\n <StyledWrapperListItem type={row.type}>\n {row.type === BUBBLE_TYPES.SENDER || row.type === BUBBLE_TYPES.RECIPIENT ? (\n // eslint-disable-next-line\n <ChatBubble {...(row as any)} helpMessage={isSending ? sendingText : row.helpMessage} />\n ) : null}\n {row.type === BUBBLE_TYPES.DELIMITER ? <MessageDelimiter {...(row as any)} /> : null}\n {row.type === BUBBLE_TYPES.SYSTEM ? <SystemMessage {...(row as any)} /> : null}\n </StyledWrapperListItem>\n </ListItem>\n );\n }),\n [virtualItems, messages, sendingMessages, handleKey, sendingText],\n );\n\n return (\n <StyledWrapper>\n <StyledChatContainerContentList\n data-testid=\"chat-thread-container\"\n tabIndex={0}\n aria-live=\"polite\"\n ref={virtualListRef}\n role=\"list\"\n onKeyDown={handleKey}\n >\n <StyledChatContainerContentListScroll height={`${totalSize}px`}>\n {render}\n {!isLoading && hasMoreItems ? (\n <StyledLoadMoreContainer hasMoreItems={hasMoreItems}>\n <DSButton labelText=\"Load More\" buttonType=\"secondary\" onClick={getMoreMessages} />\n </StyledLoadMoreContainer>\n ) : null}\n </StyledChatContainerContentListScroll>\n </StyledChatContainerContentList>\n </StyledWrapper>\n );\n};\n\nChatContainerMessagesList.propTypes = listProps;\nChatContainerMessagesList.defaultProps = defaultProps;\nconst ChatContainerMessagesListWithSchema = describe(ChatContainerMessagesList);\nChatContainerMessagesListWithSchema.propTypes = listProps;\n\nexport { ChatContainerMessagesList, ChatContainerMessagesListWithSchema };\n"],"names":["getPadding","hasMoreItems","padding","paddingStart","paddingEnd","ChatContainerMessagesList","props","useValidateProps","ChatContainerMessagesListWithSchema","toTypescript","sendingText","sendingMessages","messages","actionRef","onScrollEnds","getMoreMessages","isLoading","virtualListRef","React","useRef","useVirtual","size","length","parentRef","overscan","estimateSize","useCallback","vScroll","scrollToIndex","totalSize","virtualItems","onScrollStop","current","getBoundingClientRect","bottom","top","list","querySelectorAll","indexList","forEach","item","itemTop","push","dataset","index","scrollAndFocus","align","setTimeout","querySelector","focus","useEffect","a","b","getMessagesInView","focusToIndex","focusToList","handleKey","e","preventDefault","key","Number","currentTarget","focusToComposer","handlerCallback","localVirtualRef","onScroll","clearTimeout","addEventListener","removeEventListener","render","useMemo","map","virtualItem","measureRef","start","row","isSending","find","m","dsId","style","position","left","transform","width","type","BUBBLE_TYPES","SENDER","RECIPIENT","helpMessage","DELIMITER","SYSTEM","propTypes","listProps","defaultProps","describe"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-container-messages-list/config/useValidateProps.tsx"],"sourcesContent":["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatContainerMessagesListProps } from '../props';\n\nexport const useValidateProps = (props: ChatContainerMessagesListProps, schema: unknown): void => {\n useValidateTypescriptPropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidateTypescriptPropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAwCC,MAAxC,EAAkE;AAChGC,EAAAA,8BAA8B,CAACF,KAAD,EAAQC,MAAR,CAA9B;AACD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/chat-container-messages-list/props.ts"],"sourcesContent":["import { Ref } from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { BubbleProps } from '../bubble/props';\n\ninterface ActionRef {\n scrollToIndex: (n: number, b: { align: 'end' | 'center' | 'start' }) => void;\n getMessagesInView: () => number[];\n}\nexport interface ChatContainerMessagesListProps {\n messages: BubbleProps[];\n actionRef: any;\n onScrollEnds: (indexList: number[]) => number[];\n isLoading?: 'top' | 'bottom';\n hasMoreItems?: 'top' | 'bottom';\n getMoreMessages: PropTypes.func;\n sendingMessages?: Array<string | number>;\n sendingText: string;\n}\n\nexport const defaultProps: ChatContainerMessagesListProps = {\n messages: [],\n actionRef: noop,\n onScrollEnds: () => [],\n getMoreMessages: noop,\n sendingMessages: undefined,\n sendingText: 'Sending',\n};\n\nexport const listProps = {\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(defaultProps.messages),\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 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(defaultProps.getMoreMessages),\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};\n"],"names":["defaultProps","messages","actionRef","noop","onScrollEnds","getMoreMessages","sendingMessages","undefined","sendingText","listProps","PropTypes","arrayOf","object","description","defaultValue","func","isLoading","oneOf","hasMoreItems","oneOfType","string","number"],"mappings":";;;IAoBaA,YAA4C,GAAG;AAC1DC,EAAAA,QAAQ,EAAE,EADgD;AAE1DC,EAAAA,SAAS,EAAEC,IAF+C;AAG1DC,EAAAA,YAAY,EAAE;AAAA,WAAM,EAAN;AAAA,GAH4C;AAI1DC,EAAAA,eAAe,EAAEF,IAJyC;AAK1DG,EAAAA,eAAe,EAAEC,SALyC;AAM1DC,EAAAA,WAAW,EAAE;AAN6C;IAS/CC,SAAS,GAAG;AACvBR,EAAAA,QAAQ,EAAES,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B,EACPC,WADO,CACK,iFADL,EAEPC,YAFO,CAEMd,YAAY,CAACC,QAFnB,CADa;AAIvBC,EAAAA,SAAS,EAAEQ,SAAS,CAACE,MAAV,CACRC,WADQ,oTAcRC,YAdQ,CAcKd,YAAY,CAACE,SAdlB,CAJY;AAmBvBE,EAAAA,YAAY,EAAEM,SAAS,CAACK,IAAV,CAAeF,WAAf,iCAnBS;AAoBvBG,EAAAA,SAAS,EAAEN,SAAS,CAACO,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBV,SAAlB,CAAhB,EAA8CM,WAA9C,CACT,4DADS,CApBY;AAuBvBK,EAAAA,YAAY,EAAER,SAAS,CAACO,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBV,SAAlB,CAAhB,EAA8CM,WAA9C,CACZ,iEADY,CAvBS;AA0BvBR,EAAAA,eAAe,EAAEK,SAAS,CAACK,IAAV,CACdF,WADc,CACF,0CADE,EAEdC,YAFc,CAEDd,YAAY,CAACK,eAFZ,CA1BM;AA6BvBC,EAAAA,eAAe,EAAEI,SAAS,CAACS,SAAV,CAAoB,CAACT,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACU,MAA5B,CAAD,EAAsCV,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACW,MAA5B,CAAtC,CAApB,EACdR,WADc,CACF,kCADE,EAEdC,YAFc,CAEDd,YAAY,CAACM,eAFZ,CA7BM;AAgCvBE,EAAAA,WAAW,EAAEE,SAAS,CAACU,MAAV,CACVP,WADU,CACE,kDADF,EAEVC,YAFU,CAEGd,YAAY,CAACQ,WAFhB;AAhCU;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-container-messages-list/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BUBBLE_TYPES } from '../bubble/index';\nimport { BubbleProps } from '../bubble/props';\n\nexport const StyledWrapper = styled.div`\n width: 100%;\n height: 100%;\n`;\n\n// list\nexport const StyledWrapperListItem = styled.div<Partial<BubbleProps>>`\n min-width: 100%;\n ${(props) =>\n props.type === BUBBLE_TYPES.SENDER &&\n `padding: ${props.theme.space.xxs} ${props.theme.space.xxs} ${props.theme.space.xxs} 13%\n `};\n ${(props) =>\n props.type === BUBBLE_TYPES.RECIPIENT &&\n `padding: ${props.theme.space.xxs} 13% ${props.theme.space.xxs}\n ${props.theme.space.xxs}\n `};\n ${(props) =>\n props.type === BUBBLE_TYPES.SYSTEM &&\n `padding: ${props.theme.space.xxs} 0px\n `};\n`;\n\nexport const StyledChatContainerContentList = styled.div`\n width: 100%;\n height: 100%;\n padding: ${(props) => props.theme.space.xs};\n padding-bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n`;\nexport const StyledChatContainerContentListScroll = styled.div<{ height: string }>`\n width: 100%;\n height: ${(props) => props.height};\n position: relative;\n`;\n\nexport const StyledLoadMoreContainer = styled.div<{ hasMoreItems?: 'top' | 'bottom' }>`\n position: absolute;\n width: calc(100% + ${(props) => props.theme.space.xxs});\n padding: ${(props) => props.theme.space.xxs};\n left: -${(props) => props.theme.space.xxs};\n right: -${(props) => props.theme.space.xxs};\n display: grid;\n justify-content: center;\n align-items: center;\n ${(props) => (props.hasMoreItems === 'top' ? 'top: 0;' : '')}\n ${(props) => (props.hasMoreItems === 'bottom' ? 'bottom: 0;' : '')}\n`;\nexport const ListItem = styled.div`\n &:focus,\n &:focus-visible {\n outline: none;\n &:after {\n content: '';\n display: block;\n position: absolute;\n pointer-events: none;\n background: rgba(255, 255, 255, 0.5);\n width: calc(100% + ${(props) => props.theme.space.xxs});\n height: 100%;\n }\n }\n`;\n"],"names":["StyledWrapper","styled","div","StyledWrapperListItem","props","type","BUBBLE_TYPES","SENDER","theme","space","xxs","RECIPIENT","SYSTEM","StyledChatContainerContentList","xs","StyledChatContainerContentListScroll","height","StyledLoadMoreContainer","hasMoreItems","ListItem"],"mappings":";;;;;;;;;;;;;;IAIaA,aAAa,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;;IAMbC,qBAAqB,gBAAGF,MAAM,CAACC,GAAV;AAAA;AAAA,uCAE9B,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACC,MAA5B,uBACYH,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,cACqCN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GADvD,cAC8DN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GADhF,aADA;AAAA,CAF8B,EAM9B,UAACN,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACK,SAA5B,uBACYP,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,kBACyCN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD3D,mBAEEN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAFpB,SADA;AAAA,CAN8B,EAW9B,UAACN,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACM,MAA5B,uBACYR,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,aADA;AAAA,CAX8B;IAiBrBG,8BAA8B,gBAAGZ,MAAM,CAACC,GAAV;AAAA;AAAA,gGAG9B,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBK,EAA7B;AAAA,CAH8B;IAQ9BC,oCAAoC,gBAAGd,MAAM,CAACC,GAAV;AAAA;AAAA,kDAErC,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACY,MAAjB;AAAA,CAFqC;IAMpCC,uBAAuB,gBAAGhB,MAAM,CAACC,GAAV;AAAA;AAAA,uJAEb,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAFa,EAGvB,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAHuB,EAIzB,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAJyB,EAKxB,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CALwB,EAShC,UAACN,KAAD;AAAA,SAAYA,KAAK,CAACc,YAAN,KAAuB,KAAvB,GAA+B,SAA/B,GAA2C,EAAvD;AAAA,CATgC,EAUhC,UAACd,KAAD;AAAA,SAAYA,KAAK,CAACc,YAAN,KAAuB,QAAvB,GAAkC,YAAlC,GAAiD,EAA7D;AAAA,CAVgC;IAYvBC,QAAQ,gBAAGlB,MAAM,CAACC,GAAV;AAAA;AAAA,4LAUM,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAVN;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChatEmptyState.js","sources":["../../../../src/parts/chat-empty-state/ChatEmptyState.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Communications } from '@elliemae/ds-icons';\nimport { ChatEmptyStateProps, emptyStateProps, defaultProps } from './props';\nimport { ChatEmptyStateWrapper, MessageWrapper } from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst ChatEmptyState = (props: ChatEmptyStateProps): JSX.Element => {\n useValidateProps(props, ChatEmptyStateListWithSchema.toJSON());\n const { label, action } = props;\n const MainContent = useMemo(\n () => (\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <Communications size=\"xxl\" color={['neutral', 400]} />\n </Grid>\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <MessageWrapper>{label}</MessageWrapper>\n </Grid>\n <Grid alignItems=\"center\" justifyContent=\"center\">\n {action}\n </Grid>\n </Grid>\n ),\n [label, action],\n );\n return (\n <ChatEmptyStateWrapper alignItems=\"center\" justifyContent=\"center\">\n {MainContent}\n </ChatEmptyStateWrapper>\n );\n};\n\nChatEmptyState.propTypes = emptyStateProps;\nChatEmptyState.defaultProps = defaultProps;\nconst ChatEmptyStateListWithSchema = describe(ChatEmptyState);\nChatEmptyStateListWithSchema.propTypes = emptyStateProps;\n\nexport { ChatEmptyState, ChatEmptyStateListWithSchema };\n"],"names":["ChatEmptyState","props","useValidateProps","ChatEmptyStateListWithSchema","toJSON","label","action","MainContent","useMemo","propTypes","emptyStateProps","defaultProps","describe"],"mappings":";;;;;;;;;;IAQMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA6C;AAClEC,EAAAA,gBAAgB,CAACD,KAAD,EAAQE,4BAA4B,CAACC,MAA7B,EAAR,CAAhB;AACA,MAAQC,KAAR,GAA0BJ,KAA1B,CAAQI,KAAR;AAAA,MAAeC,MAAf,GAA0BL,KAA1B,CAAeK,MAAf;AACA,MAAMC,WAAW,GAAGC,OAAO,CACzB;AAAA,wBACE,oBAAC,IAAD;AAAM,MAAA,UAAU,EAAC,QAAjB;AAA0B,MAAA,cAAc,EAAC;AAAzC,oBACE,oBAAC,IAAD;AAAM,MAAA,UAAU,EAAC,QAAjB;AAA0B,MAAA,cAAc,EAAC;AAAzC,oBACE,oBAAC,cAAD;AAAgB,MAAA,IAAI,EAAC,KAArB;AAA2B,MAAA,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ;AAAlC,MADF,CADF,eAIE,oBAAC,IAAD;AAAM,MAAA,UAAU,EAAC,QAAjB;AAA0B,MAAA,cAAc,EAAC;AAAzC,oBACE,oBAAC,cAAD,QAAiBH,KAAjB,CADF,CAJF,eAOE,oBAAC,IAAD;AAAM,MAAA,UAAU,EAAC,QAAjB;AAA0B,MAAA,cAAc,EAAC;AAAzC,OACGC,MADH,CAPF,CADF;AAAA,GADyB,EAczB,CAACD,KAAD,EAAQC,MAAR,CAdyB,CAA3B;AAgBA,sBACE,oBAAC,qBAAD;AAAuB,IAAA,UAAU,EAAC,QAAlC;AAA2C,IAAA,cAAc,EAAC;AAA1D,KACGC,WADH,CADF;AAKD;;AAEDP,cAAc,CAACS,SAAf,GAA2BC,eAA3B;AACAV,cAAc,CAACW,YAAf,GAA8BA,YAA9B;IACMR,4BAA4B,GAAGS,QAAQ,CAACZ,cAAD;AAC7CG,4BAA4B,CAACM,SAA7B,GAAyCC,eAAzC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-empty-state/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatEmptyStateProps } from '../props';\n\nexport const useValidateProps = (props: ChatEmptyStateProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA6BC,MAA7B,EAAuD;AACrFC,EAAAA,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/chat-empty-state/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface ChatEmptyStateProps {\n label: string;\n action: React.FC;\n}\n\nexport const defaultProps: ChatEmptyStateProps = {\n label: 'No Messages Yet',\n action: null,\n};\n\nexport const emptyStateProps = {\n label: PropTypes.arrayOf(PropTypes.string)\n .description('No Message to show text helper')\n .defaultValue(defaultProps.label),\n action: PropTypes.node.description('action element').defaultValue(defaultProps.action),\n};\n"],"names":["defaultProps","label","action","emptyStateProps","PropTypes","arrayOf","string","description","defaultValue","node"],"mappings":";;IAOaA,YAAiC,GAAG;AAC/CC,EAAAA,KAAK,EAAE,iBADwC;AAE/CC,EAAAA,MAAM,EAAE;AAFuC;IAKpCC,eAAe,GAAG;AAC7BF,EAAAA,KAAK,EAAEG,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B,EACJC,WADI,CACQ,gCADR,EAEJC,YAFI,CAESR,YAAY,CAACC,KAFtB,CADsB;AAI7BC,EAAAA,MAAM,EAAEE,SAAS,CAACK,IAAV,CAAeF,WAAf,CAA2B,gBAA3B,EAA6CC,YAA7C,CAA0DR,YAAY,CAACE,MAAvE;AAJqB;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-empty-state/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const CONTAINER_WIDTH = 300;\n\nexport const ChatEmptyStateWrapper = styled(Grid)`\n height: 100%;\n min-width: ${CONTAINER_WIDTH}px;\n overflow: hidden;\n background: ${(props) => props.theme.colors.neutral['050']};\n`;\n\nexport const MessageWrapper = styled.p`\n font-size: 18px;\n`;\n"],"names":["CONTAINER_WIDTH","ChatEmptyStateWrapper","styled","Grid","props","theme","colors","neutral","MessageWrapper","p"],"mappings":";;;IAGaA,eAAe,GAAG;IAElBC,qBAAqB,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,sEAEnBH,eAFmB,EAIlB,UAACI,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJkB;IAOrBC,cAAc,gBAAGN,MAAM,CAACO,CAAV;AAAA;AAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SideBarChat.js","sources":["../../../../src/parts/chat-sidebar/SideBarChat.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';\nimport { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled';\nimport { TileButton } from '../tile-button';\nimport { SidebarButton } from '../sidebar-button/SidebarButton';\nimport { CharSidebarProps, defaultProps, chatSidebarProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst FooterChat = ({\n expanded,\n onFooterClose,\n onFooterExpand,\n footerButtonExtraProps,\n}: Pick<CharSidebarProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'>) => (\n <SidebarButton\n dsId=\"sidebar_footer\"\n label={null}\n Icon={!expanded ? MenuCollapse : MenuExpand}\n onClick={expanded ? onFooterClose : onFooterExpand}\n aria-pressed={expanded}\n aria-label={footerButtonExtraProps['aria-label']}\n />\n);\n\nconst SideBarChat = (props: CharSidebarProps): JSX.Element => {\n useValidateProps(props, SideBarChatWithSchema.toJSON());\n const {\n sidebarItems,\n expanded,\n onFooterClose,\n onFooterExpand,\n selectedItem,\n footerButtonExtraProps,\n tooltipPlacement,\n enableTooltipWhenIsClosed,\n } = props;\n return (\n <StyledSideBarContainer rows={[1, 'auto']}>\n <StyledSideBarButtonsContainer>\n {sidebarItems.map((p) => (\n <TileButton\n {...p}\n selected={selectedItem === p.dsId}\n tooltipPlacement={tooltipPlacement}\n disableTooltip={enableTooltipWhenIsClosed ? false : !expanded}\n />\n ))}\n </StyledSideBarButtonsContainer>\n <FooterChat\n expanded={expanded}\n onFooterClose={onFooterClose}\n onFooterExpand={onFooterExpand}\n footerButtonExtraProps={footerButtonExtraProps}\n />\n </StyledSideBarContainer>\n );\n};\n\nSideBarChat.propTypes = chatSidebarProps;\nSideBarChat.defaultProps = defaultProps;\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps;\n\nexport { SideBarChat, SideBarChatWithSchema };\n"],"names":["FooterChat","expanded","onFooterClose","onFooterExpand","footerButtonExtraProps","MenuCollapse","MenuExpand","SideBarChat","props","useValidateProps","SideBarChatWithSchema","toJSON","sidebarItems","selectedItem","tooltipPlacement","enableTooltipWhenIsClosed","map","p","dsId","propTypes","chatSidebarProps","defaultProps","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,UAAU,GAAG,SAAbA,UAAa;AAAA,MACjBC,QADiB,QACjBA,QADiB;AAAA,MAEjBC,aAFiB,QAEjBA,aAFiB;AAAA,MAGjBC,cAHiB,QAGjBA,cAHiB;AAAA,MAIjBC,sBAJiB,QAIjBA,sBAJiB;AAAA,sBAMjB,oBAAC,aAAD;AACE,IAAA,IAAI,EAAC,gBADP;AAEE,IAAA,KAAK,EAAE,IAFT;AAGE,IAAA,IAAI,EAAE,CAACH,QAAD,GAAYI,YAAZ,GAA2BC,UAHnC;AAIE,IAAA,OAAO,EAAEL,QAAQ,GAAGC,aAAH,GAAmBC,cAJtC;AAKE,oBAAcF,QALhB;AAME,kBAAYG,sBAAsB,CAAC,YAAD;AANpC,IANiB;AAAA,CAAnB;;IAgBMG,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAA0C;AAC5DC,EAAAA,gBAAgB,CAACD,KAAD,EAAQE,qBAAqB,CAACC,MAAtB,EAAR,CAAhB;AACA,MACEC,YADF,GASIJ,KATJ,CACEI,YADF;AAAA,MAEEX,QAFF,GASIO,KATJ,CAEEP,QAFF;AAAA,MAGEC,aAHF,GASIM,KATJ,CAGEN,aAHF;AAAA,MAIEC,cAJF,GASIK,KATJ,CAIEL,cAJF;AAAA,MAKEU,YALF,GASIL,KATJ,CAKEK,YALF;AAAA,MAMET,sBANF,GASII,KATJ,CAMEJ,sBANF;AAAA,MAOEU,gBAPF,GASIN,KATJ,CAOEM,gBAPF;AAAA,MAQEC,yBARF,GASIP,KATJ,CAQEO,yBARF;AAUA,sBACE,oBAAC,sBAAD;AAAwB,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAA9B,kBACE,oBAAC,6BAAD,QACGH,YAAY,CAACI,GAAb,CAAiB,UAACC,CAAD;AAAA,wBAChB,oBAAC,UAAD,eACMA,CADN;AAEE,MAAA,QAAQ,EAAEJ,YAAY,KAAKI,CAAC,CAACC,IAF/B;AAGE,MAAA,gBAAgB,EAAEJ,gBAHpB;AAIE,MAAA,cAAc,EAAEC,yBAAyB,GAAG,KAAH,GAAW,CAACd;AAJvD,OADgB;AAAA,GAAjB,CADH,CADF,eAWE,oBAAC,UAAD;AACE,IAAA,QAAQ,EAAEA,QADZ;AAEE,IAAA,aAAa,EAAEC,aAFjB;AAGE,IAAA,cAAc,EAAEC,cAHlB;AAIE,IAAA,sBAAsB,EAAEC;AAJ1B,IAXF,CADF;AAoBD;;AAEDG,WAAW,CAACY,SAAZ,GAAwBC,gBAAxB;AACAb,WAAW,CAACc,YAAZ,GAA2BA,YAA3B;IACMX,qBAAqB,GAAGY,QAAQ,CAACf,WAAD;AACtCG,qBAAqB,CAACS,SAAtB,GAAkCC,gBAAlC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-sidebar/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { CharSidebarProps } from '../props';\n\nexport const useValidateProps = (props: CharSidebarProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA0BC,MAA1B,EAAoD;AAClFC,EAAAA,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/chat-sidebar/props.ts"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { TileButtonProps } from '../tile-button/props';\n\nexport interface CharSidebarProps {\n sidebarItems: TileButtonProps[];\n expanded: boolean;\n selectedItem: undefined;\n onFooterClose: () => void;\n onFooterExpand: () => void;\n onHeaderExpand: () => void;\n onHeaderClose: () => void;\n footerButtonExtraProps: Record<string, any>;\n tooltipPlacement:\n | 'top-start'\n | 'top'\n | 'top-end'\n | 'right-start'\n | 'right'\n | 'right-end'\n | 'bottom-end'\n | 'bottom'\n | 'bottom-start'\n | 'left-end'\n | 'left'\n | 'left-start';\n enableTooltipWhenIsClosed: boolean;\n}\n\nexport const defaultProps: CharSidebarProps = {\n expanded: false,\n selectedItem: undefined,\n sidebarItems: [],\n onFooterExpand: noop,\n onFooterClose: noop,\n onHeaderExpand: noop,\n onHeaderClose: noop,\n footerButtonExtraProps: { 'aria-label': 'expand or collapse button' },\n tooltipPlacement: 'right',\n enableTooltipWhenIsClosed: false,\n};\n\nexport const chatSidebarProps = {\n sidebarItems: PropTypes.arrayOf(PropTypes.object)\n .description('The array of out-of-the-box items you want to render inside the sidebar nav of the chat')\n .defaultValue(defaultProps.sidebarItems),\n expanded: PropTypes.bool\n .description('Whether to show the chat expanded or collapsed')\n .defaultValue(defaultProps.expanded),\n selectedItem: PropTypes.string\n .description('The id of the chat item you want to be opened')\n .defaultValue(defaultProps.selectedItem),\n tooltipPlacement: PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ])\n .description('start placement preferences, as per popperjs placement option')\n .defaultValue(\"'right'\"),\n enableTooltipWhenIsClosed: PropTypes.bool\n .description('Enable tooltip when is closed')\n .defaultValue(defaultProps.onFooterExpand),\n onFooterExpand: PropTypes.func\n .description('The function to call when the chat is opened via the footer')\n .defaultValue(defaultProps.onFooterExpand),\n onFooterClose: PropTypes.func\n .description('The function to call when the chat is closed via the footer')\n .defaultValue(defaultProps.onFooterClose),\n onHeaderExpand: PropTypes.func\n .description('The function to call when the chat is opened via the header')\n .defaultValue(defaultProps.onHeaderExpand),\n onHeaderClose: PropTypes.func\n .description('The function to call when the chat is closed via the header')\n .defaultValue(defaultProps.onHeaderClose),\n footerButtonExtraProps: PropTypes.object\n .description('Expand/collapse footer button extra props')\n .defaultValue(defaultProps.footerButtonExtraProps),\n};\n"],"names":["defaultProps","expanded","selectedItem","undefined","sidebarItems","onFooterExpand","noop","onFooterClose","onHeaderExpand","onHeaderClose","footerButtonExtraProps","tooltipPlacement","enableTooltipWhenIsClosed","chatSidebarProps","PropTypes","arrayOf","object","description","defaultValue","bool","string","oneOf","func"],"mappings":";;;IA8BaA,YAA8B,GAAG;AAC5CC,EAAAA,QAAQ,EAAE,KADkC;AAE5CC,EAAAA,YAAY,EAAEC,SAF8B;AAG5CC,EAAAA,YAAY,EAAE,EAH8B;AAI5CC,EAAAA,cAAc,EAAEC,IAJ4B;AAK5CC,EAAAA,aAAa,EAAED,IAL6B;AAM5CE,EAAAA,cAAc,EAAEF,IAN4B;AAO5CG,EAAAA,aAAa,EAAEH,IAP6B;AAQ5CI,EAAAA,sBAAsB,EAAE;AAAE,kBAAc;AAAhB,GARoB;AAS5CC,EAAAA,gBAAgB,EAAE,OAT0B;AAU5CC,EAAAA,yBAAyB,EAAE;AAViB;IAajCC,gBAAgB,GAAG;AAC9BT,EAAAA,YAAY,EAAEU,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B,EACXC,WADW,CACC,yFADD,EAEXC,YAFW,CAEElB,YAAY,CAACI,YAFf,CADgB;AAI9BH,EAAAA,QAAQ,EAAEa,SAAS,CAACK,IAAV,CACPF,WADO,CACK,gDADL,EAEPC,YAFO,CAEMlB,YAAY,CAACC,QAFnB,CAJoB;AAO9BC,EAAAA,YAAY,EAAEY,SAAS,CAACM,MAAV,CACXH,WADW,CACC,+CADD,EAEXC,YAFW,CAEElB,YAAY,CAACE,YAFf,CAPgB;AAU9BS,EAAAA,gBAAgB,EAAEG,SAAS,CAACO,KAAV,CAAgB,CAChC,WADgC,EAEhC,KAFgC,EAGhC,SAHgC,EAIhC,aAJgC,EAKhC,OALgC,EAMhC,WANgC,EAOhC,YAPgC,EAQhC,QARgC,EAShC,cATgC,EAUhC,UAVgC,EAWhC,MAXgC,EAYhC,YAZgC,CAAhB,EAcfJ,WAde,CAcH,+DAdG,EAefC,YAfe,CAeF,SAfE,CAVY;AA0B9BN,EAAAA,yBAAyB,EAAEE,SAAS,CAACK,IAAV,CACxBF,WADwB,CACZ,+BADY,EAExBC,YAFwB,CAEXlB,YAAY,CAACK,cAFF,CA1BG;AA6B9BA,EAAAA,cAAc,EAAES,SAAS,CAACQ,IAAV,CACbL,WADa,CACD,6DADC,EAEbC,YAFa,CAEAlB,YAAY,CAACK,cAFb,CA7Bc;AAgC9BE,EAAAA,aAAa,EAAEO,SAAS,CAACQ,IAAV,CACZL,WADY,CACA,6DADA,EAEZC,YAFY,CAEClB,YAAY,CAACO,aAFd,CAhCe;AAmC9BC,EAAAA,cAAc,EAAEM,SAAS,CAACQ,IAAV,CACbL,WADa,CACD,6DADC,EAEbC,YAFa,CAEAlB,YAAY,CAACQ,cAFb,CAnCc;AAsC9BC,EAAAA,aAAa,EAAEK,SAAS,CAACQ,IAAV,CACZL,WADY,CACA,6DADA,EAEZC,YAFY,CAEClB,YAAY,CAACS,aAFd,CAtCe;AAyC9BC,EAAAA,sBAAsB,EAAEI,SAAS,CAACE,MAAV,CACrBC,WADqB,CACT,2CADS,EAErBC,YAFqB,CAERlB,YAAY,CAACU,sBAFL;AAzCM;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-sidebar/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MIN_WIDTH_SIDEBAR, BUTTON_SIDEBAR_HEIGHT } from '../../styled';\n\n// Sidebar\nexport const StyledSideBarContainer = styled(Grid)`\n height: 100%;\n width: ${MIN_WIDTH_SIDEBAR}px;\n background: ${(props) => props.theme.colors.neutral['050']};\n border-right: 1px solid ${(props) => props.theme.colors.neutral['100']};\n overflow: hidden;\n`;\n\nexport const StyledSideBarButtonsContainer = styled(Grid)`\n overflow-y: auto;\n align-items: flex-start;\n justify-content: flex-start;\n grid-template-rows: repeat(auto-fill, ${BUTTON_SIDEBAR_HEIGHT}px);\n overflow-x: hidden;\n\n scrollbar-width: thin;\n &::-webkit-scrollbar {\n width: 6px;\n }\n`;\n"],"names":["StyledSideBarContainer","styled","Grid","MIN_WIDTH_SIDEBAR","props","theme","colors","neutral","StyledSideBarButtonsContainer","BUTTON_SIDEBAR_HEIGHT"],"mappings":";;;;IAKaA,sBAAsB,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,8FAExBC,iBAFwB,EAGnB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHmB,EAIP,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJO;IAQtBC,6BAA6B,gBAAGP,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,8LAIAO,qBAJA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"FloatingButton.js","sources":["../../../../src/parts/floating-button/FloatingButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Comments } from '@elliemae/ds-icons';\nimport { StyledFloatingButton } from './styled';\nimport { defaultFloatingButton, propsFloatingButton, FloatingButtonProps } from './props';\n\nexport const FloatingButton = ({ onClick }: FloatingButtonProps): JSX.Element => (\n <StyledFloatingButton data-testid=\"chat-floating-button\" onClick={onClick}>\n <Comments size=\"l\" />\n </StyledFloatingButton>\n);\n\nFloatingButton.propTypes = propsFloatingButton;\nFloatingButton.defaultProps = defaultFloatingButton;\n"],"names":["FloatingButton","onClick","propTypes","propsFloatingButton","defaultProps","defaultFloatingButton"],"mappings":";;;;;;;;IAKaA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,sBAC5B,oBAAC,oBAAD;AAAsB,mBAAY,sBAAlC;AAAyD,IAAA,OAAO,EAAEA;AAAlE,kBACE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC;AAAf,IADF,CAD4B;AAAA;AAM9BD,cAAc,CAACE,SAAf,GAA2BC,mBAA3B;AACAH,cAAc,CAACI,YAAf,GAA8BC,qBAA9B;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/floating-button/props.ts"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\n\nexport interface FloatingButtonProps {\n onClick: () => void;\n}\n\nexport const defaultFloatingButton: FloatingButtonProps = {\n onClick: noop,\n};\n\nexport const propsFloatingButton = {\n onClick: PropTypes.func\n .description('The function to call when the chat is opened via the footer')\n .defaultValue(defaultFloatingButton.onClick),\n};\n"],"names":["defaultFloatingButton","onClick","noop","propsFloatingButton","PropTypes","func","description","defaultValue"],"mappings":";;;IAOaA,qBAA0C,GAAG;AACxDC,EAAAA,OAAO,EAAEC;AAD+C;IAI7CC,mBAAmB,GAAG;AACjCF,EAAAA,OAAO,EAAEG,SAAS,CAACC,IAAV,CACNC,WADM,CACM,6DADN,EAENC,YAFM,CAEOP,qBAAqB,CAACC,OAF7B;AADwB;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/floating-button/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nconst BUTTON_FLOATING = 56;\nconst BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nconst BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\nconst BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;\n\nexport const StyledFloatingButton = styled.button`\n outline: none;\n cursor: pointer;\n height: ${BUTTON_FLOATING}px;\n width: ${BUTTON_FLOATING}px;\n border: none;\n background: ${(props) => props.theme.colors.brand[600]};\n border-radius: 50%;\n box-shadow: ${BOX_SHADOW_FLOATING};\n &:hover {\n background: ${(props) => props.theme.colors.brand[700]};\n }\n &:focus {\n border: 2px solid ${(props) => props.theme.colors.brand[700]};\n box-shadow: inset 0 0 0 2px ${(props) => props.theme.colors.neutral['000']},\n ${BOX_SHADOW};\n }\n &:active {\n background: ${(props) => props.theme.colors.brand[800]};\n box-shadow: inset 0 0 0 0, ${BOX_SHADOW_FLOATING};\n }\n svg {\n fill: ${(props) => props.theme.colors.neutral['000']};\n }\n`;\n"],"names":["BUTTON_FLOATING","BOX_SHADOW","BOX_SHADOW_FLOATING","StyledFloatingButton","styled","button","props","theme","colors","brand","neutral"],"mappings":";;AAEA,IAAMA,eAAe,GAAG,EAAxB;AACA,IAAMC,UAAU,GAAG,iCAAnB;AACA,IAAMC,mBAAmB,GAAG,iCAA5B;IAGaC,oBAAoB,gBAAGC,MAAM,CAACC,MAAV;AAAA;AAAA,kSAGrBL,eAHqB,EAItBA,eAJsB,EAMjB,UAACM,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CANiB,EAQjBP,mBARiB,EAUf,UAACI,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAVe,EAaT,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAbS,EAcC,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAdD,EAezBT,UAfyB,EAkBf,UAACK,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAlBe,EAmBAP,mBAnBA,EAsBrB,UAACI,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAtBqB;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/floating-container/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BOX_SHADOW } from '../../styled';\n\n// Floating\nexport const StyledFloatingContainer = styled(Grid)`\n position: fixed;\n bottom: 24px;\n right: 24px;\n border-radius: 4px;\n z-index: 1;\n box-shadow: ${BOX_SHADOW};\n background: ${(nestedProps) => nestedProps.theme.colors.neutral['050']};\n width: 348px;\n`;\n"],"names":["StyledFloatingContainer","styled","Grid","BOX_SHADOW","nestedProps","theme","colors","neutral"],"mappings":";;;;IAKaA,uBAAuB,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,uHAMpBC,UANoB,EAOpB,UAACC,WAAD;AAAA,SAAiBA,WAAW,CAACC,KAAZ,CAAkBC,MAAlB,CAAyBC,OAAzB,CAAiC,KAAjC,CAAjB;AAAA,CAPoB;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"InfluencerContainer.js","sources":["../../../../src/parts/grid-influencer/InfluencerContainer.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { StyledChatContainer } from './styled';\nimport { ChatContainer } from '../chat-container/ChatContainer';\nimport { SideBarChat } from '../chat-sidebar/SideBarChat';\n\nexport const InfluencerContainer: React.ComponentType<any> = (props) =>\n React.useMemo(\n () =>\n props.floating ? null : (\n <StyledChatContainer\n cols={['auto', props.expanded ? 1 : '0px']}\n expanded={props.expanded}\n expandedWidth={props.expandedWidth}\n >\n <SideBarChat />\n {props.expanded ? <ChatContainer /> : <div />}\n </StyledChatContainer>\n ),\n [props.floating, props.expanded, props.expandedWidth],\n );\n"],"names":["InfluencerContainer","props","React","useMemo","floating","expanded","expandedWidth"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAMaA,mBAA6C,GAAG,SAAhDA,mBAAgD,CAACC,KAAD;AAAA,SAC3DC,KAAK,CAACC,OAAN,CACE;AAAA,WACEF,KAAK,CAACG,QAAN,GAAiB,IAAjB,gBACE,oBAAC,mBAAD;AACE,MAAA,IAAI,EAAE,CAAC,MAAD,EAASH,KAAK,CAACI,QAAN,GAAiB,CAAjB,GAAqB,KAA9B,CADR;AAEE,MAAA,QAAQ,EAAEJ,KAAK,CAACI,QAFlB;AAGE,MAAA,aAAa,EAAEJ,KAAK,CAACK;AAHvB,oBAKE,oBAAC,WAAD,OALF,EAMGL,KAAK,CAACI,QAAN,gBAAiB,oBAAC,aAAD,OAAjB,gBAAqC,gCANxC,CAFJ;AAAA,GADF,EAYE,CAACJ,KAAK,CAACG,QAAP,EAAiBH,KAAK,CAACI,QAAvB,EAAiCJ,KAAK,CAACK,aAAvC,CAZF,CAD2D;AAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/grid-influencer/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MIN_WIDTH_SIDEBAR } from '../../styled';\n\nexport const StyledChatContainer = styled(Grid)`\n height: 100%;\n width: ${(props) =>\n props.expanded ? `${props.expandedWidth}px` : `${MIN_WIDTH_SIDEBAR}px`};\n background: ${(props) => props.theme.colors.neutral['050']};\n box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};\n transition: width ${(props) => (props.expanded ? 'ease-out' : 'ease-in')}\n 350ms;\n`;\n\nexport const StyledChatContainerContent = styled(Grid)`\n height: 100%;\n overflow: hidden;\n background: ${(props) => props.theme.colors.neutral['050']};\n ${(props) =>\n props.floating\n ? `\n width: ${props.expandedWidth}px;\n`\n : `\n width: ${props.expandedWidth - MIN_WIDTH_SIDEBAR}px;\n`}\n`;\n"],"names":["StyledChatContainer","styled","Grid","props","expanded","expandedWidth","MIN_WIDTH_SIDEBAR","theme","colors","neutral","StyledChatContainerContent","floating"],"mappings":";;;;IAIaA,mBAAmB,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,uGAErB,UAACC,KAAD;AAAA,SACPA,KAAK,CAACC,QAAN,aAAoBD,KAAK,CAACE,aAA1B,oBAAiDC,iBAAjD,OADO;AAAA,CAFqB,EAIhB,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJgB,EAKL,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CALK,EAMV,UAACN,KAAD;AAAA,SAAYA,KAAK,CAACC,QAAN,GAAiB,UAAjB,GAA8B,SAA1C;AAAA,CANU;IAUnBM,0BAA0B,gBAAGT,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,yDAGvB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHuB,EAInC,UAACN,KAAD;AAAA,SACAA,KAAK,CAACQ,QAAN,wBAEOR,KAAK,CAACE,aAFb,kCAKOF,KAAK,CAACE,aAAN,GAAsBC,iBAL7B,UADA;AAAA,CAJmC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MessageDelimiter.js","sources":["../../../../src/parts/message-delimiter/MessageDelimiter.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { Wrapper, Line, Text } from './styled';\nimport { defaultProps, messageDelimiterProps, MessageDelimiterProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst MessageDelimiter = (props: MessageDelimiterProps): JSX.Element => {\n useValidateProps(props, MessageDelimiterWithSchema.toJSON());\n const { title, size, extraProps, verticalMargin } = props;\n return (\n <Wrapper cols={['1fr', 'auto', '1fr']}>\n <Line />\n <Text size={size} verticalMargin={verticalMargin} data-testid={extraProps['data-testid']}>\n {title}\n </Text>\n <Line />\n </Wrapper>\n );\n};\n\nMessageDelimiter.defaultProps = defaultProps;\nMessageDelimiter.propTypes = messageDelimiterProps;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],"names":["MessageDelimiter","props","useValidateProps","MessageDelimiterWithSchema","toJSON","title","size","extraProps","verticalMargin","defaultProps","propTypes","messageDelimiterProps","describe"],"mappings":";;;;;;;;;IAMMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA+C;AACtEC,EAAAA,gBAAgB,CAACD,KAAD,EAAQE,0BAA0B,CAACC,MAA3B,EAAR,CAAhB;AACA,MAAQC,KAAR,GAAoDJ,KAApD,CAAQI,KAAR;AAAA,MAAeC,IAAf,GAAoDL,KAApD,CAAeK,IAAf;AAAA,MAAqBC,UAArB,GAAoDN,KAApD,CAAqBM,UAArB;AAAA,MAAiCC,cAAjC,GAAoDP,KAApD,CAAiCO,cAAjC;AACA,sBACE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;AAAf,kBACE,oBAAC,IAAD,OADF,eAEE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEF,IAAZ;AAAkB,IAAA,cAAc,EAAEE,cAAlC;AAAkD,mBAAaD,UAAU,CAAC,aAAD;AAAzE,KACGF,KADH,CAFF,eAKE,oBAAC,IAAD,OALF,CADF;AASD;;AAEDL,gBAAgB,CAACS,YAAjB,GAAgCA,YAAhC;AACAT,gBAAgB,CAACU,SAAjB,GAA6BC,qBAA7B;IACMR,0BAA0B,GAAGS,QAAQ,CAACZ,gBAAD;AAC3CG,0BAA0B,CAACO,SAA3B,GAAuCC,qBAAvC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/message-delimiter/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { MessageDelimiterProps } from '../props';\n\nexport const useValidateProps = (props: MessageDelimiterProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA+BC,MAA/B,EAAyD;AACvFC,EAAAA,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/message-delimiter/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface MessageDelimiterProps {\n title: string;\n size?: 's' | 'l';\n verticalMargin?: number | string;\n extraProps?: {};\n}\n\nexport const defaultProps: MessageDelimiterProps = {\n title: '',\n size: 's',\n verticalMargin: '0px',\n extraProps: { 'data-testid': 'chat-message-delimiter-title' },\n};\n\nexport const messageDelimiterProps = {\n title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n extraProps: PropTypes.object.description('extra props for delimiter'),\n verticalMargin: PropTypes.oneOf(['string', 'number']).description(\n 'Configurable css vertical margin property for flexibilty',\n ),\n};\n"],"names":["defaultProps","title","size","verticalMargin","extraProps","messageDelimiterProps","PropTypes","string","isRequired","description","oneOf","defaultValue","object"],"mappings":";;IASaA,YAAmC,GAAG;AACjDC,EAAAA,KAAK,EAAE,EAD0C;AAEjDC,EAAAA,IAAI,EAAE,GAF2C;AAGjDC,EAAAA,cAAc,EAAE,KAHiC;AAIjDC,EAAAA,UAAU,EAAE;AAAE,mBAAe;AAAjB;AAJqC;IAOtCC,qBAAqB,GAAG;AACnCJ,EAAAA,KAAK,EAAEK,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,kCAAxC,CAD4B;AAEnCP,EAAAA,IAAI,EAAEI,SAAS,CAACI,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BD,WAA5B,CAAwC,uBAAxC,EAAiEE,YAAjE,CAA8E,GAA9E,CAF6B;AAGnCP,EAAAA,UAAU,EAAEE,SAAS,CAACM,MAAV,CAAiBH,WAAjB,CAA6B,2BAA7B,CAHuB;AAInCN,EAAAA,cAAc,EAAEG,SAAS,CAACI,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,EAAsCD,WAAtC,CACd,0DADc;AAJmB;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/message-delimiter/styled.tsx"],"sourcesContent":["import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { MessageDelimiterProps } from './props';\n\nconst Wrapper = styled(Grid)`\n align-items: center;\n justify-content: center;\n width: 100%;\n min-height: 8px;\n`;\n\nconst Line = styled.span`\n border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nconst Text = styled.p<Pick<MessageDelimiterProps, 'size' | 'verticalMargin'>>`\n color: ${(props) => props.theme.colors.neutral['600']};\n font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n margin: ${(props) =>\n typeof props.verticalMargin === 'number' ? `${props.verticalMargin}px 8px` : `${props.verticalMargin} 8px`};\n`;\n\nexport { Wrapper, Line, Text };\n"],"names":["Wrapper","styled","Grid","Line","span","props","theme","colors","neutral","Text","p","size","fontWeights","semibold","verticalMargin"],"mappings":";;;IAIMA,OAAO,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA;IAOPC,IAAI,gBAAGF,MAAM,CAACG,IAAV;AAAA;AAAA,mCACgB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADhB;IAIJC,IAAI,gBAAGR,MAAM,CAACS,CAAV;AAAA;AAAA,gEACC,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADD,EAEK,UAACH,KAAD;AAAA,SAAYA,KAAK,CAACM,IAAN,KAAe,GAAf,GAAqB,MAArB,GAA8B,MAA1C;AAAA,CAFL,EAGO,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBC,QAAnC;AAAA,CAHP,EAIE,UAACR,KAAD;AAAA,SACR,OAAOA,KAAK,CAACS,cAAb,KAAgC,QAAhC,aAA8CT,KAAK,CAACS,cAApD,wBAAgFT,KAAK,CAACS,cAAtF,SADQ;AAAA,CAJF;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SidebarButton.js","sources":["../../../../src/parts/sidebar-button/SidebarButton.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from './styled';\nimport { propsSidebarButton, defaultSidebarButton, SidebarButtonProps } from './props';\n\nexport const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }: SidebarButtonProps): JSX.Element => {\n const handleClick = React.useCallback(() => {\n onClick(dsId);\n }, [onClick, dsId]);\n\n return (\n <StyledSidebarButton key={dsId} data-testid={`sidebar-button-${dsId}`} onClick={handleClick} {...rest}>\n <StyledSidebarButtonIcon alignItems=\"center\" justifyContent=\"center\">\n <Icon size=\"m\" />\n </StyledSidebarButtonIcon>\n {label && <StyledSidebarButtonLabel>{label}</StyledSidebarButtonLabel>}\n </StyledSidebarButton>\n );\n};\n\nSidebarButton.propTypes = propsSidebarButton;\nSidebarButton.defaultProps = defaultSidebarButton;\n"],"names":["SidebarButton","label","dsId","onClick","Icon","rest","handleClick","React","useCallback","propTypes","propsSidebarButton","defaultProps","defaultSidebarButton"],"mappings":";;;;;;;;;;;;;;IAIaA,aAAa,GAAG,SAAhBA,aAAgB,OAA8E;AAAA,MAA3EC,KAA2E,QAA3EA,KAA2E;AAAA,MAApEC,IAAoE,QAApEA,IAAoE;AAAA,MAA9DC,OAA8D,QAA9DA,OAA8D;AAAA,MAArDC,IAAqD,QAArDA,IAAqD;AAAA,MAA5CC,IAA4C;;AACzG,MAAMC,WAAW,GAAGC,KAAK,CAACC,WAAN,CAAkB,YAAM;AAC1CL,IAAAA,OAAO,CAACD,IAAD,CAAP;AACD,GAFmB,EAEjB,CAACC,OAAD,EAAUD,IAAV,CAFiB,CAApB;AAIA,sBACE,oBAAC,mBAAD;AAAqB,IAAA,GAAG,EAAEA,IAA1B;AAAgC,4CAA+BA,IAA/B,CAAhC;AAAuE,IAAA,OAAO,EAAEI;AAAhF,KAAiGD,IAAjG,gBACE,oBAAC,uBAAD;AAAyB,IAAA,UAAU,EAAC,QAApC;AAA6C,IAAA,cAAc,EAAC;AAA5D,kBACE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAC;AAAX,IADF,CADF,EAIGJ,KAAK,iBAAI,oBAAC,wBAAD,QAA2BA,KAA3B,CAJZ,CADF;AAQD;AAEDD,aAAa,CAACS,SAAd,GAA0BC,kBAA1B;AACAV,aAAa,CAACW,YAAd,GAA6BC,oBAA7B;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/sidebar-button/props.ts"],"sourcesContent":["import React from 'react';\nimport propsTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface SidebarButtonProps {\n Icon: React.FC<{ size: string }>;\n dsId: string | number;\n label: string;\n onClick?: (dsId: string | number) => void;\n title: string;\n}\n\nexport const defaultSidebarButton: SidebarButtonProps = {\n Icon: Comments,\n dsId: undefined,\n label: '',\n onClick: noop,\n title: '',\n};\n\nexport const propsSidebarButton = {\n Icon: PropTypes.element.description('Icon component').defaultValue(defaultSidebarButton.Icon),\n dsId: PropTypes.oneOfType([propsTypes.number, propsTypes.string])\n .description('Unique id for the button')\n .defaultValue(defaultSidebarButton.dsId),\n label: PropTypes.string.description('It will display under the icon').defaultValue(defaultSidebarButton.label),\n title: PropTypes.string.description('Tooltip').defaultValue(defaultSidebarButton.title),\n onClick: PropTypes.func\n .description('The function to call when the is clicked')\n .defaultValue(defaultSidebarButton.onClick),\n};\n"],"names":["defaultSidebarButton","Icon","Comments","dsId","undefined","label","onClick","noop","title","propsSidebarButton","PropTypes","element","description","defaultValue","oneOfType","propsTypes","number","string","func"],"mappings":";;;;;IAcaA,oBAAwC,GAAG;AACtDC,EAAAA,IAAI,EAAEC,QADgD;AAEtDC,EAAAA,IAAI,EAAEC,SAFgD;AAGtDC,EAAAA,KAAK,EAAE,EAH+C;AAItDC,EAAAA,OAAO,EAAEC,IAJ6C;AAKtDC,EAAAA,KAAK,EAAE;AAL+C;IAQ3CC,kBAAkB,GAAG;AAChCR,EAAAA,IAAI,EAAES,SAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,gBAA9B,EAAgDC,YAAhD,CAA6Db,oBAAoB,CAACC,IAAlF,CAD0B;AAEhCE,EAAAA,IAAI,EAAEO,SAAS,CAACI,SAAV,CAAoB,CAACC,UAAU,CAACC,MAAZ,EAAoBD,UAAU,CAACE,MAA/B,CAApB,EACHL,WADG,CACS,0BADT,EAEHC,YAFG,CAEUb,oBAAoB,CAACG,IAF/B,CAF0B;AAKhCE,EAAAA,KAAK,EAAEK,SAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,gCAA7B,EAA+DC,YAA/D,CAA4Eb,oBAAoB,CAACK,KAAjG,CALyB;AAMhCG,EAAAA,KAAK,EAAEE,SAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,SAA7B,EAAwCC,YAAxC,CAAqDb,oBAAoB,CAACQ,KAA1E,CANyB;AAOhCF,EAAAA,OAAO,EAAEI,SAAS,CAACQ,IAAV,CACNN,WADM,CACM,0CADN,EAENC,YAFM,CAEOb,oBAAoB,CAACM,OAF5B;AAPuB;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/sidebar-button/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR } from '../../styled';\n\n// Buttons\nexport const StyledSidebarButton = styled.button`\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n height: ${BUTTON_SIDEBAR_HEIGHT}px;\n width: ${MIN_WIDTH_SIDEBAR}px;\n position: relative;\n border: 0;\n background: transparent;\n &:focus,\n &:hover {\n background: ${(props) => props.theme.colors.neutral['080']};\n }\n cursor: pointer;\n border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n\n svg {\n fill: ${(props) => props.theme.colors.neutral[500]};\n }\n`;\n\nexport const StyledSidebarButtonIcon = styled(Grid)`\n position: relative;\n`;\n\nexport const StyledSidebarButtonLabel = styled.div`\n width: 30px;\n text-transform: uppercase;\n overflow: hidden;\n text-align: center;\n`;\n"],"names":["StyledSidebarButton","styled","button","BUTTON_SIDEBAR_HEIGHT","MIN_WIDTH_SIDEBAR","props","theme","colors","neutral","StyledSidebarButtonIcon","Grid","StyledSidebarButtonLabel","div"],"mappings":";;;;IAKaA,mBAAmB,gBAAGC,MAAM,CAACC,MAAV;AAAA;AAAA,sPAKpBC,qBALoB,EAMrBC,iBANqB,EAYd,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAZc,EAeH,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAfG,EAkBpB,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAlBoB;IAsBnBC,uBAAuB,gBAAGR,MAAM,CAACS,IAAD,CAAT;AAAA;AAAA;IAIvBC,wBAAwB,gBAAGV,MAAM,CAACW,GAAV;AAAA;AAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SystemMessage.js","sources":["../../../../src/parts/system-message/SystemMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { Wrapper, Header, Title, Time, Message } from './style';\nimport { SystemMessageProps, systemMessageProps, defaultProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst SystemMessage = (props: SystemMessageProps): JSX.Element => {\n useValidateProps(props, SystemMessageWithSchema.toJSON());\n const { title, time, body } = props;\n return (\n <Wrapper rows={['auto', 'auto']}>\n <Header cols={['1fr', 'auto', '1fr']}>\n <span />\n <Title data-testid=\"chat-system-message-title\">{title}</Title>\n <Time data-testid=\"chat-system-message-time\">{time}</Time>\n </Header>\n <Message data-testid=\"chat-system-message-body\">{body}</Message>\n </Wrapper>\n );\n};\n\nSystemMessage.defaultProps = defaultProps;\nSystemMessage.propTypes = systemMessageProps;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps;\n\nexport { SystemMessage, SystemMessageWithSchema };\n"],"names":["SystemMessage","props","useValidateProps","SystemMessageWithSchema","toJSON","title","time","body","defaultProps","propTypes","systemMessageProps","describe"],"mappings":";;;;;;;;;IAMMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA4C;AAChEC,EAAAA,gBAAgB,CAACD,KAAD,EAAQE,uBAAuB,CAACC,MAAxB,EAAR,CAAhB;AACA,MAAQC,KAAR,GAA8BJ,KAA9B,CAAQI,KAAR;AAAA,MAAeC,IAAf,GAA8BL,KAA9B,CAAeK,IAAf;AAAA,MAAqBC,IAArB,GAA8BN,KAA9B,CAAqBM,IAArB;AACA,sBACE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;AAAf,kBACE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;AAAd,kBACE,iCADF,eAEE,oBAAC,KAAD;AAAO,mBAAY;AAAnB,KAAgDF,KAAhD,CAFF,eAGE,oBAAC,IAAD;AAAM,mBAAY;AAAlB,KAA8CC,IAA9C,CAHF,CADF,eAME,oBAAC,OAAD;AAAS,mBAAY;AAArB,KAAiDC,IAAjD,CANF,CADF;AAUD;;AAEDP,aAAa,CAACQ,YAAd,GAA6BA,YAA7B;AACAR,aAAa,CAACS,SAAd,GAA0BC,kBAA1B;IACMP,uBAAuB,GAAGQ,QAAQ,CAACX,aAAD;AACxCG,uBAAuB,CAACM,SAAxB,GAAoCC,kBAApC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/system-message/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { SystemMessageProps } from '../props';\n\nexport const useValidateProps = (props: SystemMessageProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA4BC,MAA5B,EAAsD;AACpFC,EAAAA,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}