@elliemae/ds-chat 2.3.0-next.0 → 3.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (492) hide show
  1. package/dist/cjs/ChatDataTestids.js +56 -0
  2. package/dist/cjs/ChatDataTestids.js.map +7 -0
  3. package/dist/cjs/index.d.js +27 -0
  4. package/dist/cjs/index.d.js.map +7 -0
  5. package/dist/cjs/index.js +69 -0
  6. package/dist/cjs/index.js.map +7 -0
  7. package/dist/cjs/parts/bubble/ChatBubble.js +84 -0
  8. package/dist/cjs/parts/bubble/ChatBubble.js.map +7 -0
  9. package/dist/cjs/parts/bubble/ChatBubbleArrow.js +97 -0
  10. package/dist/cjs/parts/bubble/ChatBubbleArrow.js.map +7 -0
  11. package/dist/cjs/parts/bubble/config/useValidateProps.js +54 -0
  12. package/dist/cjs/parts/bubble/config/useValidateProps.js.map +7 -0
  13. package/dist/cjs/parts/bubble/index.js +38 -0
  14. package/dist/cjs/parts/bubble/index.js.map +7 -0
  15. package/dist/cjs/parts/bubble/props.js +69 -0
  16. package/dist/cjs/parts/bubble/props.js.map +7 -0
  17. package/dist/cjs/parts/bubble/styled.js +146 -0
  18. package/dist/cjs/parts/bubble/styled.js.map +7 -0
  19. package/dist/cjs/parts/chat-card/ChatCard.js +62 -0
  20. package/dist/cjs/parts/chat-card/ChatCard.js.map +7 -0
  21. package/dist/cjs/parts/chat-card/config/useValidateProps.js +38 -0
  22. package/dist/cjs/parts/chat-card/config/useValidateProps.js.map +7 -0
  23. package/dist/cjs/parts/chat-card/index.js +36 -0
  24. package/dist/cjs/parts/chat-card/index.js.map +7 -0
  25. package/dist/cjs/parts/chat-card/props.js +41 -0
  26. package/dist/cjs/parts/chat-card/props.js.map +7 -0
  27. package/dist/cjs/parts/chat-card/styled.js +71 -0
  28. package/dist/cjs/parts/chat-card/styled.js.map +7 -0
  29. package/dist/cjs/parts/chat-composer/ChatContainerComposer.js +157 -0
  30. package/dist/cjs/parts/chat-composer/ChatContainerComposer.js.map +7 -0
  31. package/dist/cjs/parts/chat-composer/config/useValidateProps.js +38 -0
  32. package/dist/cjs/parts/chat-composer/config/useValidateProps.js.map +7 -0
  33. package/dist/cjs/parts/chat-composer/index.js +36 -0
  34. package/dist/cjs/parts/chat-composer/index.js.map +7 -0
  35. package/dist/cjs/parts/chat-composer/props.js +79 -0
  36. package/dist/cjs/parts/chat-composer/props.js.map +7 -0
  37. package/dist/cjs/parts/chat-composer/styled.js +102 -0
  38. package/dist/cjs/parts/chat-composer/styled.js.map +7 -0
  39. package/dist/cjs/parts/chat-container/ChatContainer.js +157 -0
  40. package/dist/cjs/parts/chat-container/ChatContainer.js.map +7 -0
  41. package/dist/cjs/parts/chat-container/config/useValidateProps.js +38 -0
  42. package/dist/cjs/parts/chat-container/config/useValidateProps.js.map +7 -0
  43. package/dist/cjs/parts/chat-container/index.js +36 -0
  44. package/dist/cjs/parts/chat-container/index.js.map +7 -0
  45. package/dist/cjs/parts/chat-container/props.js +92 -0
  46. package/dist/cjs/parts/chat-container/props.js.map +7 -0
  47. package/dist/cjs/parts/chat-container/styled.js +110 -0
  48. package/dist/cjs/parts/chat-container/styled.js.map +7 -0
  49. package/dist/cjs/parts/chat-container-header/ChatContainerHeader.js +57 -0
  50. package/dist/cjs/parts/chat-container-header/ChatContainerHeader.js.map +7 -0
  51. package/dist/cjs/parts/chat-container-header/helpers.js +44 -0
  52. package/dist/cjs/parts/chat-container-header/helpers.js.map +7 -0
  53. package/dist/cjs/parts/chat-container-header/styled.js +59 -0
  54. package/dist/cjs/parts/chat-container-header/styled.js.map +7 -0
  55. package/dist/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +307 -0
  56. package/dist/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +7 -0
  57. package/dist/cjs/parts/chat-container-messages-list/config/useValidateProps.js +38 -0
  58. package/dist/cjs/parts/chat-container-messages-list/config/useValidateProps.js.map +7 -0
  59. package/dist/cjs/parts/chat-container-messages-list/index.js +36 -0
  60. package/dist/cjs/parts/chat-container-messages-list/index.js.map +7 -0
  61. package/dist/cjs/parts/chat-container-messages-list/props.js +68 -0
  62. package/dist/cjs/parts/chat-container-messages-list/props.js.map +7 -0
  63. package/dist/cjs/parts/chat-container-messages-list/styled.js +100 -0
  64. package/dist/cjs/parts/chat-container-messages-list/styled.js.map +7 -0
  65. package/dist/cjs/parts/chat-empty-state/ChatEmptyState.js +70 -0
  66. package/dist/cjs/parts/chat-empty-state/ChatEmptyState.js.map +7 -0
  67. package/dist/cjs/parts/chat-empty-state/config/useValidateProps.js +38 -0
  68. package/dist/cjs/parts/chat-empty-state/config/useValidateProps.js.map +7 -0
  69. package/dist/cjs/parts/chat-empty-state/props.js +44 -0
  70. package/dist/cjs/parts/chat-empty-state/props.js.map +7 -0
  71. package/dist/cjs/parts/chat-empty-state/styled.js +48 -0
  72. package/dist/cjs/parts/chat-empty-state/styled.js.map +7 -0
  73. package/dist/cjs/parts/chat-sidebar/SideBarChat.js +100 -0
  74. package/dist/cjs/parts/chat-sidebar/SideBarChat.js.map +7 -0
  75. package/dist/cjs/parts/chat-sidebar/config/useValidateProps.js +38 -0
  76. package/dist/cjs/parts/chat-sidebar/config/useValidateProps.js.map +7 -0
  77. package/dist/cjs/parts/chat-sidebar/index.js +36 -0
  78. package/dist/cjs/parts/chat-sidebar/index.js.map +7 -0
  79. package/dist/cjs/parts/chat-sidebar/props.js +84 -0
  80. package/dist/cjs/parts/chat-sidebar/props.js.map +7 -0
  81. package/dist/cjs/parts/chat-sidebar/styled.js +57 -0
  82. package/dist/cjs/parts/chat-sidebar/styled.js.map +7 -0
  83. package/dist/cjs/parts/floating-button/FloatingButton.js +48 -0
  84. package/dist/cjs/parts/floating-button/FloatingButton.js.map +7 -0
  85. package/dist/cjs/parts/floating-button/index.js +28 -0
  86. package/dist/cjs/parts/floating-button/index.js.map +7 -0
  87. package/dist/cjs/parts/floating-button/props.js +47 -0
  88. package/dist/cjs/parts/floating-button/props.js.map +7 -0
  89. package/dist/cjs/parts/floating-button/styled.js +64 -0
  90. package/dist/cjs/parts/floating-button/styled.js.map +7 -0
  91. package/dist/cjs/parts/floating-container/styled.js +47 -0
  92. package/dist/cjs/parts/floating-container/styled.js.map +7 -0
  93. package/dist/cjs/parts/grid-influencer/InfluencerContainer.js +43 -0
  94. package/dist/cjs/parts/grid-influencer/InfluencerContainer.js.map +7 -0
  95. package/dist/cjs/parts/grid-influencer/styled.js +56 -0
  96. package/dist/cjs/parts/grid-influencer/styled.js.map +7 -0
  97. package/dist/cjs/parts/message-delimiter/MessageDelimiter.js +55 -0
  98. package/dist/cjs/parts/message-delimiter/MessageDelimiter.js.map +7 -0
  99. package/dist/cjs/parts/message-delimiter/config/useValidateProps.js +38 -0
  100. package/dist/cjs/parts/message-delimiter/config/useValidateProps.js.map +7 -0
  101. package/dist/cjs/parts/message-delimiter/index.js +36 -0
  102. package/dist/cjs/parts/message-delimiter/index.js.map +7 -0
  103. package/dist/cjs/parts/message-delimiter/props.js +48 -0
  104. package/dist/cjs/parts/message-delimiter/props.js.map +7 -0
  105. package/dist/cjs/parts/message-delimiter/styled.js +53 -0
  106. package/dist/cjs/parts/message-delimiter/styled.js.map +7 -0
  107. package/dist/cjs/parts/sidebar-button/SidebarButton.js +55 -0
  108. package/dist/cjs/parts/sidebar-button/SidebarButton.js.map +7 -0
  109. package/dist/cjs/parts/sidebar-button/index.js +20 -0
  110. package/dist/cjs/parts/sidebar-button/index.js.map +7 -0
  111. package/dist/cjs/parts/sidebar-button/props.js +53 -0
  112. package/dist/cjs/parts/sidebar-button/props.js.map +7 -0
  113. package/dist/cjs/parts/sidebar-button/styled.js +69 -0
  114. package/dist/cjs/parts/sidebar-button/styled.js.map +7 -0
  115. package/dist/cjs/parts/system-message/SystemMessage.js +59 -0
  116. package/dist/cjs/parts/system-message/SystemMessage.js.map +7 -0
  117. package/dist/cjs/parts/system-message/config/useValidateProps.js +38 -0
  118. package/dist/cjs/parts/system-message/config/useValidateProps.js.map +7 -0
  119. package/dist/cjs/parts/system-message/index.js +36 -0
  120. package/dist/cjs/parts/system-message/index.js.map +7 -0
  121. package/dist/cjs/parts/system-message/props.js +46 -0
  122. package/dist/cjs/parts/system-message/props.js.map +7 -0
  123. package/dist/cjs/parts/system-message/style.js +75 -0
  124. package/dist/cjs/parts/system-message/style.js.map +7 -0
  125. package/dist/cjs/parts/tile-button/TileButton.js +137 -0
  126. package/dist/cjs/parts/tile-button/TileButton.js.map +7 -0
  127. package/dist/cjs/parts/tile-button/config/useValidateProps.js +38 -0
  128. package/dist/cjs/parts/tile-button/config/useValidateProps.js.map +7 -0
  129. package/dist/cjs/parts/tile-button/index.js +36 -0
  130. package/dist/cjs/parts/tile-button/index.js.map +7 -0
  131. package/dist/cjs/parts/tile-button/props.js +93 -0
  132. package/dist/cjs/parts/tile-button/props.js.map +7 -0
  133. package/dist/cjs/parts/tile-button/styled.js +247 -0
  134. package/dist/cjs/parts/tile-button/styled.js.map +7 -0
  135. package/dist/cjs/prop-types.js +60 -0
  136. package/dist/cjs/prop-types.js.map +7 -0
  137. package/dist/cjs/styled.js +45 -0
  138. package/dist/cjs/styled.js.map +7 -0
  139. package/dist/cjs/tests/utils.js +66 -0
  140. package/dist/cjs/tests/utils.js.map +7 -0
  141. package/dist/esm/ChatDataTestids.js +27 -0
  142. package/dist/esm/ChatDataTestids.js.map +7 -0
  143. package/dist/esm/index.d.js +2 -0
  144. package/dist/esm/index.d.js.map +7 -0
  145. package/dist/esm/index.js +40 -0
  146. package/dist/esm/index.js.map +7 -0
  147. package/dist/esm/parts/bubble/ChatBubble.js +64 -0
  148. package/dist/esm/parts/bubble/ChatBubble.js.map +7 -0
  149. package/dist/esm/parts/bubble/ChatBubbleArrow.js +68 -0
  150. package/dist/esm/parts/bubble/ChatBubbleArrow.js.map +7 -0
  151. package/dist/esm/parts/bubble/config/useValidateProps.js +25 -0
  152. package/dist/esm/parts/bubble/config/useValidateProps.js.map +7 -0
  153. package/dist/esm/parts/bubble/index.js +9 -0
  154. package/dist/esm/parts/bubble/index.js.map +7 -0
  155. package/dist/esm/parts/bubble/props.js +40 -0
  156. package/dist/esm/parts/bubble/props.js.map +7 -0
  157. package/dist/esm/parts/bubble/styled.js +117 -0
  158. package/dist/esm/parts/bubble/styled.js.map +7 -0
  159. package/dist/esm/parts/chat-card/ChatCard.js +33 -0
  160. package/dist/esm/parts/chat-card/ChatCard.js.map +7 -0
  161. package/dist/esm/parts/chat-card/config/useValidateProps.js +9 -0
  162. package/dist/esm/parts/chat-card/config/useValidateProps.js.map +7 -0
  163. package/dist/esm/parts/chat-card/index.js +7 -0
  164. package/dist/esm/parts/chat-card/index.js.map +7 -0
  165. package/dist/esm/parts/chat-card/props.js +12 -0
  166. package/dist/esm/parts/chat-card/props.js.map +7 -0
  167. package/dist/esm/parts/chat-card/styled.js +42 -0
  168. package/dist/esm/parts/chat-card/styled.js.map +7 -0
  169. package/dist/esm/parts/chat-composer/ChatContainerComposer.js +134 -0
  170. package/dist/esm/parts/chat-composer/ChatContainerComposer.js.map +7 -0
  171. package/dist/esm/parts/chat-composer/config/useValidateProps.js +9 -0
  172. package/dist/esm/parts/chat-composer/config/useValidateProps.js.map +7 -0
  173. package/dist/esm/parts/chat-composer/index.js +7 -0
  174. package/dist/esm/parts/chat-composer/index.js.map +7 -0
  175. package/dist/esm/parts/chat-composer/props.js +50 -0
  176. package/dist/esm/parts/chat-composer/props.js.map +7 -0
  177. package/dist/esm/parts/chat-composer/styled.js +73 -0
  178. package/dist/esm/parts/chat-composer/styled.js.map +7 -0
  179. package/dist/esm/parts/chat-container/ChatContainer.js +128 -0
  180. package/dist/esm/parts/chat-container/ChatContainer.js.map +7 -0
  181. package/dist/esm/parts/chat-container/config/useValidateProps.js +9 -0
  182. package/dist/esm/parts/chat-container/config/useValidateProps.js.map +7 -0
  183. package/dist/esm/parts/chat-container/index.js +7 -0
  184. package/dist/esm/parts/chat-container/index.js.map +7 -0
  185. package/dist/esm/parts/chat-container/props.js +65 -0
  186. package/dist/esm/parts/chat-container/props.js.map +7 -0
  187. package/dist/esm/parts/chat-container/styled.js +81 -0
  188. package/dist/esm/parts/chat-container/styled.js.map +7 -0
  189. package/dist/esm/parts/chat-container-header/ChatContainerHeader.js +32 -0
  190. package/dist/esm/parts/chat-container-header/ChatContainerHeader.js.map +7 -0
  191. package/dist/esm/parts/chat-container-header/helpers.js +15 -0
  192. package/dist/esm/parts/chat-container-header/helpers.js.map +7 -0
  193. package/dist/esm/parts/chat-container-header/styled.js +30 -0
  194. package/dist/esm/parts/chat-container-header/styled.js.map +7 -0
  195. package/dist/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +285 -0
  196. package/dist/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +7 -0
  197. package/dist/esm/parts/chat-container-messages-list/config/useValidateProps.js +9 -0
  198. package/dist/esm/parts/chat-container-messages-list/config/useValidateProps.js.map +7 -0
  199. package/dist/esm/parts/chat-container-messages-list/index.js +10 -0
  200. package/dist/esm/parts/chat-container-messages-list/index.js.map +7 -0
  201. package/dist/esm/parts/chat-container-messages-list/props.js +39 -0
  202. package/dist/esm/parts/chat-container-messages-list/props.js.map +7 -0
  203. package/dist/esm/parts/chat-container-messages-list/styled.js +71 -0
  204. package/dist/esm/parts/chat-container-messages-list/styled.js.map +7 -0
  205. package/dist/esm/parts/chat-empty-state/ChatEmptyState.js +41 -0
  206. package/dist/esm/parts/chat-empty-state/ChatEmptyState.js.map +7 -0
  207. package/dist/esm/parts/chat-empty-state/config/useValidateProps.js +9 -0
  208. package/dist/esm/parts/chat-empty-state/config/useValidateProps.js.map +7 -0
  209. package/dist/esm/parts/chat-empty-state/props.js +15 -0
  210. package/dist/esm/parts/chat-empty-state/props.js.map +7 -0
  211. package/dist/esm/parts/chat-empty-state/styled.js +19 -0
  212. package/dist/esm/parts/chat-empty-state/styled.js.map +7 -0
  213. package/dist/esm/parts/chat-sidebar/SideBarChat.js +71 -0
  214. package/dist/esm/parts/chat-sidebar/SideBarChat.js.map +7 -0
  215. package/dist/esm/parts/chat-sidebar/config/useValidateProps.js +9 -0
  216. package/dist/esm/parts/chat-sidebar/config/useValidateProps.js.map +7 -0
  217. package/dist/esm/parts/chat-sidebar/index.js +7 -0
  218. package/dist/esm/parts/chat-sidebar/index.js.map +7 -0
  219. package/dist/esm/parts/chat-sidebar/props.js +55 -0
  220. package/dist/esm/parts/chat-sidebar/props.js.map +7 -0
  221. package/dist/esm/parts/chat-sidebar/styled.js +28 -0
  222. package/dist/esm/parts/chat-sidebar/styled.js.map +7 -0
  223. package/dist/esm/parts/floating-button/FloatingButton.js +19 -0
  224. package/dist/esm/parts/floating-button/FloatingButton.js.map +7 -0
  225. package/dist/esm/parts/floating-button/index.js +3 -0
  226. package/dist/esm/parts/floating-button/index.js.map +7 -0
  227. package/dist/esm/parts/floating-button/props.js +18 -0
  228. package/dist/esm/parts/floating-button/props.js.map +7 -0
  229. package/dist/esm/parts/floating-button/styled.js +35 -0
  230. package/dist/esm/parts/floating-button/styled.js.map +7 -0
  231. package/dist/esm/parts/floating-container/styled.js +18 -0
  232. package/dist/esm/parts/floating-container/styled.js.map +7 -0
  233. package/dist/esm/parts/grid-influencer/InfluencerContainer.js +14 -0
  234. package/dist/esm/parts/grid-influencer/InfluencerContainer.js.map +7 -0
  235. package/dist/esm/parts/grid-influencer/styled.js +27 -0
  236. package/dist/esm/parts/grid-influencer/styled.js.map +7 -0
  237. package/dist/esm/parts/message-delimiter/MessageDelimiter.js +26 -0
  238. package/dist/esm/parts/message-delimiter/MessageDelimiter.js.map +7 -0
  239. package/dist/esm/parts/message-delimiter/config/useValidateProps.js +9 -0
  240. package/dist/esm/parts/message-delimiter/config/useValidateProps.js.map +7 -0
  241. package/dist/esm/parts/message-delimiter/index.js +10 -0
  242. package/dist/esm/parts/message-delimiter/index.js.map +7 -0
  243. package/dist/esm/parts/message-delimiter/props.js +19 -0
  244. package/dist/esm/parts/message-delimiter/props.js.map +7 -0
  245. package/dist/esm/parts/message-delimiter/styled.js +24 -0
  246. package/dist/esm/parts/message-delimiter/styled.js.map +7 -0
  247. package/dist/esm/parts/sidebar-button/SidebarButton.js +26 -0
  248. package/dist/esm/parts/sidebar-button/SidebarButton.js.map +7 -0
  249. package/dist/esm/parts/sidebar-button/index.js +2 -0
  250. package/dist/esm/parts/sidebar-button/index.js.map +7 -0
  251. package/dist/esm/parts/sidebar-button/props.js +24 -0
  252. package/dist/esm/parts/sidebar-button/props.js.map +7 -0
  253. package/dist/esm/parts/sidebar-button/styled.js +40 -0
  254. package/dist/esm/parts/sidebar-button/styled.js.map +7 -0
  255. package/dist/esm/parts/system-message/SystemMessage.js +30 -0
  256. package/dist/esm/parts/system-message/SystemMessage.js.map +7 -0
  257. package/dist/esm/parts/system-message/config/useValidateProps.js +9 -0
  258. package/dist/esm/parts/system-message/config/useValidateProps.js.map +7 -0
  259. package/dist/esm/parts/system-message/index.js +7 -0
  260. package/dist/esm/parts/system-message/index.js.map +7 -0
  261. package/dist/esm/parts/system-message/props.js +17 -0
  262. package/dist/esm/parts/system-message/props.js.map +7 -0
  263. package/dist/esm/parts/system-message/style.js +46 -0
  264. package/dist/esm/parts/system-message/style.js.map +7 -0
  265. package/dist/esm/parts/tile-button/TileButton.js +118 -0
  266. package/dist/esm/parts/tile-button/TileButton.js.map +7 -0
  267. package/dist/esm/parts/tile-button/config/useValidateProps.js +9 -0
  268. package/dist/esm/parts/tile-button/config/useValidateProps.js.map +7 -0
  269. package/dist/esm/parts/tile-button/index.js +7 -0
  270. package/dist/esm/parts/tile-button/index.js.map +7 -0
  271. package/dist/esm/parts/tile-button/props.js +64 -0
  272. package/dist/esm/parts/tile-button/props.js.map +7 -0
  273. package/dist/esm/parts/tile-button/styled.js +218 -0
  274. package/dist/esm/parts/tile-button/styled.js.map +7 -0
  275. package/dist/esm/prop-types.js +31 -0
  276. package/dist/esm/prop-types.js.map +7 -0
  277. package/dist/esm/styled.js +16 -0
  278. package/dist/esm/styled.js.map +7 -0
  279. package/dist/esm/tests/utils.js +37 -0
  280. package/dist/esm/tests/utils.js.map +7 -0
  281. package/{types → dist/types}/ChatDataTestids.d.ts +0 -0
  282. package/{types → dist/types}/index.d.d.ts +0 -0
  283. package/{types → dist/types}/index.d.ts +0 -0
  284. package/{types → dist/types}/parts/bubble/ChatBubble.d.ts +0 -0
  285. package/{types → dist/types}/parts/bubble/ChatBubbleArrow.d.ts +0 -0
  286. package/{types → dist/types}/parts/bubble/config/useValidateProps.d.ts +0 -0
  287. package/{types → dist/types}/parts/bubble/index.d.ts +0 -0
  288. package/{types → dist/types}/parts/bubble/props.d.ts +0 -0
  289. package/{types → dist/types}/parts/bubble/styled.d.ts +3 -3
  290. package/{types → dist/types}/parts/bubble/tests/ChatBubble.test.d.ts +0 -0
  291. package/{types → dist/types}/parts/chat-card/ChatCard.d.ts +0 -0
  292. package/{types → dist/types}/parts/chat-card/config/useValidateProps.d.ts +0 -0
  293. package/{types → dist/types}/parts/chat-card/index.d.ts +0 -0
  294. package/{types → dist/types}/parts/chat-card/props.d.ts +0 -0
  295. package/{types → dist/types}/parts/chat-card/styled.d.ts +1 -1
  296. package/{types → dist/types}/parts/chat-composer/ChatContainerComposer.d.ts +0 -3
  297. package/{types → dist/types}/parts/chat-composer/config/useValidateProps.d.ts +0 -0
  298. package/{types → dist/types}/parts/chat-composer/index.d.ts +0 -0
  299. package/{types → dist/types}/parts/chat-composer/tests/ChatContainerComposer.test.d.ts +0 -0
  300. package/{types → dist/types}/parts/chat-container/ChatContainer.d.ts +0 -0
  301. package/{types → dist/types}/parts/chat-container/config/useValidateProps.d.ts +0 -0
  302. package/{types → dist/types}/parts/chat-container/index.d.ts +0 -0
  303. package/{types → dist/types}/parts/chat-container/styled.d.ts +2 -2
  304. package/{types → dist/types}/parts/chat-container/tests/ChatContainer.test.d.ts +0 -0
  305. package/{types → dist/types}/parts/chat-container-header/ChatContainerHeader.d.ts +0 -0
  306. package/{types → dist/types}/parts/chat-container-header/helpers.d.ts +0 -0
  307. package/{types → dist/types}/parts/chat-container-header/styled.d.ts +3 -3
  308. package/{types → dist/types}/parts/chat-container-messages-list/ChatContainerMessagesList.d.ts +0 -0
  309. package/{types → dist/types}/parts/chat-container-messages-list/config/useValidateProps.d.ts +0 -0
  310. package/{types → dist/types}/parts/chat-container-messages-list/index.d.ts +0 -0
  311. package/{types → dist/types}/parts/chat-container-messages-list/styled.d.ts +0 -0
  312. package/{types → dist/types}/parts/chat-empty-state/ChatEmptyState.d.ts +0 -0
  313. package/{types → dist/types}/parts/chat-empty-state/config/useValidateProps.d.ts +0 -0
  314. package/{types → dist/types}/parts/chat-empty-state/props.d.ts +0 -0
  315. package/{types → dist/types}/parts/chat-empty-state/styled.d.ts +1 -1
  316. package/{types → dist/types}/parts/chat-sidebar/SideBarChat.d.ts +0 -0
  317. package/{types → dist/types}/parts/chat-sidebar/config/useValidateProps.d.ts +0 -0
  318. package/{types → dist/types}/parts/chat-sidebar/index.d.ts +0 -0
  319. package/{types → dist/types}/parts/chat-sidebar/props.d.ts +0 -0
  320. package/dist/types/parts/chat-sidebar/styled.d.ts +3 -0
  321. package/{types → dist/types}/parts/floating-button/FloatingButton.d.ts +0 -0
  322. package/{types → dist/types}/parts/floating-button/index.d.ts +0 -0
  323. package/{types → dist/types}/parts/floating-button/props.d.ts +0 -0
  324. package/{types → dist/types}/parts/floating-button/styled.d.ts +0 -0
  325. package/dist/types/parts/floating-container/styled.d.ts +2 -0
  326. package/{types → dist/types}/parts/grid-influencer/InfluencerContainer.d.ts +0 -0
  327. package/dist/types/parts/grid-influencer/styled.d.ts +3 -0
  328. package/{types → dist/types}/parts/message-delimiter/MessageDelimiter.d.ts +0 -0
  329. package/{types → dist/types}/parts/message-delimiter/config/useValidateProps.d.ts +0 -0
  330. package/{types → dist/types}/parts/message-delimiter/index.d.ts +0 -0
  331. package/{types → dist/types}/parts/message-delimiter/props.d.ts +0 -0
  332. package/{types → dist/types}/parts/message-delimiter/styled.d.ts +1 -1
  333. package/{types → dist/types}/parts/sidebar-button/SidebarButton.d.ts +0 -0
  334. package/{types → dist/types}/parts/sidebar-button/index.d.ts +0 -0
  335. package/{types → dist/types}/parts/sidebar-button/props.d.ts +0 -0
  336. package/{types → dist/types}/parts/sidebar-button/styled.d.ts +1 -1
  337. package/{types → dist/types}/parts/system-message/SystemMessage.d.ts +0 -0
  338. package/{types → dist/types}/parts/system-message/config/useValidateProps.d.ts +0 -0
  339. package/{types → dist/types}/parts/system-message/index.d.ts +0 -0
  340. package/{types → dist/types}/parts/system-message/props.d.ts +0 -0
  341. package/{types → dist/types}/parts/system-message/style.d.ts +2 -2
  342. package/{types → dist/types}/parts/tile-button/TileButton.d.ts +0 -0
  343. package/{types → dist/types}/parts/tile-button/config/useValidateProps.d.ts +0 -0
  344. package/{types → dist/types}/parts/tile-button/index.d.ts +0 -0
  345. package/{types → dist/types}/parts/tile-button/props.d.ts +0 -0
  346. package/{types → dist/types}/parts/tile-button/styled.d.ts +4 -4
  347. package/{types → dist/types}/prop-types.d.ts +0 -0
  348. package/{types → dist/types}/styled.d.ts +0 -0
  349. package/{types → dist/types}/tests/utils.d.ts +0 -0
  350. package/package.json +170 -162
  351. package/cjs/ChatDataTestids.js +0 -28
  352. package/cjs/index.d.js +0 -2
  353. package/cjs/index.js +0 -44
  354. package/cjs/parts/bubble/ChatBubble.js +0 -74
  355. package/cjs/parts/bubble/ChatBubbleArrow.js +0 -80
  356. package/cjs/parts/bubble/config/useValidateProps.js +0 -31
  357. package/cjs/parts/bubble/index.js +0 -12
  358. package/cjs/parts/bubble/props.js +0 -57
  359. package/cjs/parts/bubble/styled.js +0 -53
  360. package/cjs/parts/chat-card/ChatCard.js +0 -46
  361. package/cjs/parts/chat-card/config/useValidateProps.js +0 -11
  362. package/cjs/parts/chat-card/index.js +0 -10
  363. package/cjs/parts/chat-card/props.js +0 -14
  364. package/cjs/parts/chat-card/styled.js +0 -36
  365. package/cjs/parts/chat-composer/ChatContainerComposer.js +0 -164
  366. package/cjs/parts/chat-composer/config/useValidateProps.js +0 -11
  367. package/cjs/parts/chat-composer/index.js +0 -10
  368. package/cjs/parts/chat-composer/props.js +0 -44
  369. package/cjs/parts/chat-composer/styled.js +0 -34
  370. package/cjs/parts/chat-container/ChatContainer.js +0 -175
  371. package/cjs/parts/chat-container/config/useValidateProps.js +0 -11
  372. package/cjs/parts/chat-container/index.js +0 -10
  373. package/cjs/parts/chat-container/props.js +0 -49
  374. package/cjs/parts/chat-container/styled.js +0 -29
  375. package/cjs/parts/chat-container-header/ChatContainerHeader.js +0 -39
  376. package/cjs/parts/chat-container-header/helpers.js +0 -31
  377. package/cjs/parts/chat-container-header/styled.js +0 -24
  378. package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +0 -369
  379. package/cjs/parts/chat-container-messages-list/config/useValidateProps.js +0 -11
  380. package/cjs/parts/chat-container-messages-list/index.js +0 -10
  381. package/cjs/parts/chat-container-messages-list/props.js +0 -30
  382. package/cjs/parts/chat-container-messages-list/styled.js +0 -38
  383. package/cjs/parts/chat-empty-state/ChatEmptyState.js +0 -54
  384. package/cjs/parts/chat-empty-state/config/useValidateProps.js +0 -11
  385. package/cjs/parts/chat-empty-state/props.js +0 -17
  386. package/cjs/parts/chat-empty-state/styled.js +0 -22
  387. package/cjs/parts/chat-sidebar/SideBarChat.js +0 -99
  388. package/cjs/parts/chat-sidebar/config/useValidateProps.js +0 -11
  389. package/cjs/parts/chat-sidebar/index.js +0 -10
  390. package/cjs/parts/chat-sidebar/props.js +0 -42
  391. package/cjs/parts/chat-sidebar/styled.js +0 -21
  392. package/cjs/parts/floating-button/FloatingButton.js +0 -35
  393. package/cjs/parts/floating-button/index.js +0 -9
  394. package/cjs/parts/floating-button/props.js +0 -20
  395. package/cjs/parts/floating-button/styled.js +0 -18
  396. package/cjs/parts/floating-container/styled.js +0 -17
  397. package/cjs/parts/grid-influencer/InfluencerContainer.js +0 -23
  398. package/cjs/parts/grid-influencer/styled.js +0 -21
  399. package/cjs/parts/message-delimiter/MessageDelimiter.js +0 -41
  400. package/cjs/parts/message-delimiter/config/useValidateProps.js +0 -11
  401. package/cjs/parts/message-delimiter/index.js +0 -10
  402. package/cjs/parts/message-delimiter/props.js +0 -23
  403. package/cjs/parts/message-delimiter/styled.js +0 -24
  404. package/cjs/parts/sidebar-button/SidebarButton.js +0 -56
  405. package/cjs/parts/sidebar-button/index.js +0 -2
  406. package/cjs/parts/sidebar-button/props.js +0 -30
  407. package/cjs/parts/sidebar-button/styled.js +0 -25
  408. package/cjs/parts/system-message/SystemMessage.js +0 -44
  409. package/cjs/parts/system-message/config/useValidateProps.js +0 -11
  410. package/cjs/parts/system-message/index.js +0 -10
  411. package/cjs/parts/system-message/props.js +0 -19
  412. package/cjs/parts/system-message/style.js +0 -32
  413. package/cjs/parts/tile-button/TileButton.js +0 -107
  414. package/cjs/parts/tile-button/config/useValidateProps.js +0 -11
  415. package/cjs/parts/tile-button/index.js +0 -10
  416. package/cjs/parts/tile-button/props.js +0 -55
  417. package/cjs/parts/tile-button/styled.js +0 -95
  418. package/cjs/prop-types.js +0 -33
  419. package/cjs/styled.js +0 -17
  420. package/esm/ChatDataTestids.js +0 -24
  421. package/esm/index.d.js +0 -1
  422. package/esm/index.js +0 -14
  423. package/esm/parts/bubble/ChatBubble.js +0 -64
  424. package/esm/parts/bubble/ChatBubbleArrow.js +0 -72
  425. package/esm/parts/bubble/config/useValidateProps.js +0 -27
  426. package/esm/parts/bubble/index.js +0 -2
  427. package/esm/parts/bubble/props.js +0 -46
  428. package/esm/parts/bubble/styled.js +0 -37
  429. package/esm/parts/chat-card/ChatCard.js +0 -37
  430. package/esm/parts/chat-card/config/useValidateProps.js +0 -7
  431. package/esm/parts/chat-card/index.js +0 -1
  432. package/esm/parts/chat-card/props.js +0 -10
  433. package/esm/parts/chat-card/styled.js +0 -23
  434. package/esm/parts/chat-composer/ChatContainerComposer.js +0 -153
  435. package/esm/parts/chat-composer/config/useValidateProps.js +0 -7
  436. package/esm/parts/chat-composer/index.js +0 -1
  437. package/esm/parts/chat-composer/props.js +0 -39
  438. package/esm/parts/chat-composer/styled.js +0 -22
  439. package/esm/parts/chat-container/ChatContainer.js +0 -162
  440. package/esm/parts/chat-container/config/useValidateProps.js +0 -7
  441. package/esm/parts/chat-container/index.js +0 -1
  442. package/esm/parts/chat-container/props.js +0 -44
  443. package/esm/parts/chat-container/styled.js +0 -18
  444. package/esm/parts/chat-container-header/ChatContainerHeader.js +0 -31
  445. package/esm/parts/chat-container-header/helpers.js +0 -23
  446. package/esm/parts/chat-container-header/styled.js +0 -14
  447. package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +0 -357
  448. package/esm/parts/chat-container-messages-list/config/useValidateProps.js +0 -7
  449. package/esm/parts/chat-container-messages-list/index.js +0 -1
  450. package/esm/parts/chat-container-messages-list/props.js +0 -25
  451. package/esm/parts/chat-container-messages-list/styled.js +0 -25
  452. package/esm/parts/chat-empty-state/ChatEmptyState.js +0 -45
  453. package/esm/parts/chat-empty-state/config/useValidateProps.js +0 -7
  454. package/esm/parts/chat-empty-state/props.js +0 -12
  455. package/esm/parts/chat-empty-state/styled.js +0 -12
  456. package/esm/parts/chat-sidebar/SideBarChat.js +0 -88
  457. package/esm/parts/chat-sidebar/config/useValidateProps.js +0 -7
  458. package/esm/parts/chat-sidebar/index.js +0 -1
  459. package/esm/parts/chat-sidebar/props.js +0 -37
  460. package/esm/parts/chat-sidebar/styled.js +0 -12
  461. package/esm/parts/floating-button/FloatingButton.js +0 -27
  462. package/esm/parts/floating-button/index.js +0 -1
  463. package/esm/parts/floating-button/props.js +0 -15
  464. package/esm/parts/floating-button/styled.js +0 -10
  465. package/esm/parts/floating-container/styled.js +0 -9
  466. package/esm/parts/grid-influencer/InfluencerContainer.js +0 -14
  467. package/esm/parts/grid-influencer/styled.js +0 -12
  468. package/esm/parts/message-delimiter/MessageDelimiter.js +0 -32
  469. package/esm/parts/message-delimiter/config/useValidateProps.js +0 -7
  470. package/esm/parts/message-delimiter/index.js +0 -1
  471. package/esm/parts/message-delimiter/props.js +0 -18
  472. package/esm/parts/message-delimiter/styled.js +0 -14
  473. package/esm/parts/sidebar-button/SidebarButton.js +0 -45
  474. package/esm/parts/sidebar-button/index.js +0 -1
  475. package/esm/parts/sidebar-button/props.js +0 -21
  476. package/esm/parts/sidebar-button/styled.js +0 -15
  477. package/esm/parts/system-message/SystemMessage.js +0 -35
  478. package/esm/parts/system-message/config/useValidateProps.js +0 -7
  479. package/esm/parts/system-message/index.js +0 -1
  480. package/esm/parts/system-message/props.js +0 -14
  481. package/esm/parts/system-message/style.js +0 -20
  482. package/esm/parts/tile-button/TileButton.js +0 -97
  483. package/esm/parts/tile-button/config/useValidateProps.js +0 -7
  484. package/esm/parts/tile-button/index.js +0 -1
  485. package/esm/parts/tile-button/props.js +0 -50
  486. package/esm/parts/tile-button/styled.js +0 -78
  487. package/esm/prop-types.js +0 -28
  488. package/esm/styled.js +0 -8
  489. package/types/parts/chat-composer/styled.d.ts +0 -5
  490. package/types/parts/chat-sidebar/styled.d.ts +0 -3
  491. package/types/parts/floating-container/styled.d.ts +0 -1
  492. package/types/parts/grid-influencer/styled.d.ts +0 -3
@@ -0,0 +1,146 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var styled_exports = {};
29
+ __export(styled_exports, {
30
+ StyleBodyWrapper: () => StyleBodyWrapper,
31
+ StyleErrorMessage: () => StyleErrorMessage,
32
+ StyleHelpMessage: () => StyleHelpMessage,
33
+ StyledBubbleArrow: () => StyledBubbleArrow,
34
+ StyledColoredBubble: () => StyledColoredBubble,
35
+ StyledTitleBubble: () => StyledTitleBubble,
36
+ StyledTitleLeftBubble: () => StyledTitleLeftBubble,
37
+ StyledTitleRightBubble: () => StyledTitleRightBubble,
38
+ StyledWrapper: () => StyledWrapper
39
+ });
40
+ var React = __toESM(require("react"));
41
+ var import_styled_components = __toESM(require("styled-components"));
42
+ var import_ds_grid = require("@elliemae/ds-grid");
43
+ var import_props = require("./props");
44
+ const StyledWrapper = import_styled_components.default.div`
45
+ min-width: 224px;
46
+ border-radius: 10px;
47
+ `;
48
+ const StyledTitleBubble = (0, import_styled_components.default)(import_ds_grid.Grid)`
49
+ padding-top: 6px;
50
+ padding-left: 10px;
51
+ padding-right: 10px;
52
+ padding-bottom: 4px;
53
+ `;
54
+ const StyledTitleLeftBubble = (0, import_styled_components.default)(import_ds_grid.Grid)`
55
+ font-size: 13px;
56
+ font-weight: 600;
57
+ `;
58
+ const StyledTitleRightBubble = (0, import_styled_components.default)(import_ds_grid.Grid)`
59
+ font-size: 13px;
60
+ font-weight: 400;
61
+ color: ${(props) => props.type === import_props.BUBBLE_TYPES.SENDER ? "#FFF" : "#657489"};
62
+ `;
63
+ const StyleBodyWrapper = import_styled_components.default.div`
64
+ font-size: 13px;
65
+ font-weight: 400;
66
+ line-height: 15px;
67
+ min-height: 18px;
68
+ padding: 0px 10px 8px 10px;
69
+ `;
70
+ const StyleErrorMessage = import_styled_components.default.div`
71
+ font-size: 12px;
72
+ font-weight: 400;
73
+ padding-top: ${(props) => props.theme.space.xxxs};
74
+ color: ${(props) => props.theme.colors.danger[900]};
75
+ align-items: flex-end;
76
+ justify-content: center;
77
+ text-align: right;
78
+ line-height: 15px;
79
+ svg {
80
+ fill: ${(props) => props.theme.colors.danger[900]};
81
+ }
82
+ a {
83
+ font-size: 12px;
84
+ color: ${(props) => props.theme.colors.danger[900]};
85
+ }
86
+ .em-ds-icon {
87
+ margin-left: 8px;
88
+ }
89
+ `;
90
+ const StyleHelpMessage = (0, import_styled_components.default)(StyleErrorMessage)`
91
+ font-size: 12px;
92
+ line-height: 15px;
93
+ color: ${(props) => props.theme.colors.neutral[500]};
94
+ svg {
95
+ fill: ${(props) => props.theme.colors.danger[500]};
96
+ }
97
+ a {
98
+ font-size: 12px;
99
+ color: ${(props) => props.theme.colors.danger[500]};
100
+ }
101
+ `;
102
+ const StyledBubbleArrow = import_styled_components.default.div`
103
+ display: block;
104
+ content: '';
105
+ position: absolute;
106
+ bottom: 10px;
107
+ height: 15px;
108
+ `;
109
+ const StyledColoredBubble = import_styled_components.default.div`
110
+ min-width: 224px;
111
+ border-radius: 10px;
112
+ position: relative;
113
+
114
+ ${(props) => props.type === import_props.BUBBLE_TYPES.SENDER ? `
115
+ border: 1px solid ${props.theme.colors.brand["700"]};
116
+ background: ${props.theme.colors.brand[600]};
117
+ color: ${props.theme.colors.neutral["000"]};
118
+ ${StyledBubbleArrow}{
119
+ right: -9px;
120
+ bottom: 6px;
121
+ svg{
122
+ fill: ${props.theme.colors.brand[600]};
123
+ }
124
+ }
125
+
126
+ a {
127
+ color: #FFF;
128
+ }
129
+
130
+ ` : `
131
+ box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);
132
+ background: ${props.theme.colors.neutral["000"]};
133
+ color: ${props.theme.colors.neutral[700]};
134
+
135
+ ${StyledBubbleArrow}{
136
+ left: -11px;
137
+ bottom: 6px;
138
+ svg{
139
+ fill: ${props.theme.colors.neutral["000"]};
140
+ }
141
+ }
142
+
143
+ `}
144
+ `;
145
+ module.exports = __toCommonJS(styled_exports);
146
+ //# sourceMappingURL=styled.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/parts/bubble/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "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 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", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,+BAAmB;AACnB,qBAAqB;AACrB,mBAA6B;AAGtB,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAAA;AAM7B,MAAM,oBAAoB,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjC,MAAM,wBAAwB,sCAAO;AAAA;AAAA;AAAA;AAIrC,MAAM,yBAAyB,sCAAO;AAAA;AAAA;AAAA,WAGlC,CAAC,UAAW,MAAM,SAAS,0BAAa,SAAS,SAAS;AAAA;AAG9D,MAAM,mBAAmB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,MAAM,oBAAoB,iCAAO;AAAA;AAAA;AAAA,iBAGvB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WACnC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,aAIpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3C,MAAM,mBAAmB,sCAAO;AAAA;AAAA;AAAA,WAG5B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,YAErC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,aAIpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAK3C,MAAM,oBAAoB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,MAAM,sBAAsB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKtC,CAAC,UACD,MAAM,SAAS,0BAAa,SACxB;AAAA,4BACoB,MAAM,MAAM,OAAO,MAAM;AAAA,sBAC/B,MAAM,MAAM,OAAO,MAAM;AAAA,iBAC9B,MAAM,MAAM,OAAO,QAAQ;AAAA,UAClC;AAAA;AAAA;AAAA;AAAA,wBAIc,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASzC;AAAA;AAAA,sBAEc,MAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,UAElC;AAAA;AAAA;AAAA;AAAA,wBAIc,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;",
6
+ "names": []
7
+ }
@@ -0,0 +1,62 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var ChatCard_exports = {};
29
+ __export(ChatCard_exports, {
30
+ ChatCard: () => ChatCard,
31
+ ChatCardWithSchema: () => ChatCardWithSchema
32
+ });
33
+ var React = __toESM(require("react"));
34
+ var import_react = __toESM(require("react"));
35
+ var import_react_desc = require("react-desc");
36
+ var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
37
+ var import_props = require("./props");
38
+ var import_useValidateProps = require("./config/useValidateProps");
39
+ var import_styled = require("./styled");
40
+ const ChatCard = (props) => {
41
+ (0, import_useValidateProps.useValidateProps)(props, ChatCardWithSchema.toJSON());
42
+ const { title, content, time, rightAddon } = props;
43
+ return /* @__PURE__ */ import_react.default.createElement(import_styled.Wrapper, {
44
+ cols: ["1fr", "auto"],
45
+ "data-testid": "chat-card-wrapper"
46
+ }, /* @__PURE__ */ import_react.default.createElement(import_styled.MainContent, null, /* @__PURE__ */ import_react.default.createElement(import_styled.Title, {
47
+ "data-testid": "chat-card-title"
48
+ }, title), /* @__PURE__ */ import_react.default.createElement(import_styled.Content, {
49
+ "data-testid": "chat-card-content"
50
+ }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
51
+ value: content
52
+ })), time && /* @__PURE__ */ import_react.default.createElement(import_styled.Time, {
53
+ "data-testid": "chat-card-time"
54
+ }, time)), rightAddon && /* @__PURE__ */ import_react.default.createElement(import_styled.RightAddon, {
55
+ "data-testid": "chat-card-right-addon"
56
+ }, rightAddon));
57
+ };
58
+ ChatCard.propTypes = import_props.propTypes;
59
+ const ChatCardWithSchema = (0, import_react_desc.describe)(ChatCard);
60
+ ChatCardWithSchema.propTypes = import_props.propTypes;
61
+ module.exports = __toCommonJS(ChatCard_exports);
62
+ //# sourceMappingURL=ChatCard.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/parts/chat-card/ChatCard.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "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", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AAEzB,uCAA2C;AAC3C,mBAAyC;AACzC,8BAAiC;AACjC,oBAAuE;AAEvE,MAAM,WAAW,CAAC,UAAsC;AACtD,gDAAiB,OAAO,mBAAmB;AAC3C,QAAM,EAAE,OAAO,SAAS,MAAM,eAAe;AAC7C,SACE,mDAAC,uBAAD;AAAA,IAAS,MAAM,CAAC,OAAO;AAAA,IAAS,eAAY;AAAA,KAC1C,mDAAC,2BAAD,MACE,mDAAC,qBAAD;AAAA,IAAO,eAAY;AAAA,KAAmB,QACtC,mDAAC,uBAAD;AAAA,IAAS,eAAY;AAAA,KACnB,mDAAC,6DAAD;AAAA,IAA4B,OAAO;AAAA,OAEpC,QAAQ,mDAAC,oBAAD;AAAA,IAAM,eAAY;AAAA,KAAkB,QAE9C,cAAc,mDAAC,0BAAD;AAAA,IAAY,eAAY;AAAA,KAAyB;AAAA;AAKtE,SAAS,YAAY;AACrB,MAAM,qBAAqB,gCAAS;AACpC,mBAAmB,YAAY;",
6
+ "names": []
7
+ }
@@ -0,0 +1,38 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var useValidateProps_exports = {};
29
+ __export(useValidateProps_exports, {
30
+ useValidateProps: () => useValidateProps
31
+ });
32
+ var React = __toESM(require("react"));
33
+ var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
34
+ const useValidateProps = (props, schema) => {
35
+ (0, import_ds_props_helpers.useValidatePropTypes)(props, schema);
36
+ };
37
+ module.exports = __toCommonJS(useValidateProps_exports);
38
+ //# sourceMappingURL=useValidateProps.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../src/parts/chat-card/config/useValidateProps.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "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", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAqC;AAG9B,MAAM,mBAAmB,CAAC,OAAsB,WAA0B;AAC/E,oDAAqB,OAAO;AAAA;",
6
+ "names": []
7
+ }
@@ -0,0 +1,36 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var chat_card_exports = {};
29
+ __export(chat_card_exports, {
30
+ ChatCard: () => import_ChatCard.ChatCard,
31
+ ChatCardWithSchema: () => import_ChatCard.ChatCardWithSchema
32
+ });
33
+ var React = __toESM(require("react"));
34
+ var import_ChatCard = require("./ChatCard");
35
+ module.exports = __toCommonJS(chat_card_exports);
36
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/parts/chat-card/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["export { ChatCard, ChatCardWithSchema } from './ChatCard';\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAA6C;",
6
+ "names": []
7
+ }
@@ -0,0 +1,41 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var props_exports = {};
29
+ __export(props_exports, {
30
+ propTypes: () => propTypes
31
+ });
32
+ var React = __toESM(require("react"));
33
+ var import_react_desc = require("react-desc");
34
+ const propTypes = {
35
+ title: import_react_desc.PropTypes.string.isRequired.description(`Card's title`),
36
+ content: import_react_desc.PropTypes.string.description(`Card's content`),
37
+ time: import_react_desc.PropTypes.string.description("Time"),
38
+ rightAddon: import_react_desc.PropTypes.element.description("Right addon, badge or icon")
39
+ };
40
+ module.exports = __toCommonJS(props_exports);
41
+ //# sourceMappingURL=props.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/parts/chat-card/props.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "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", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,YAAY;AAAA,EACvB,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAC/C,SAAS,4BAAU,OAAO,YAAY;AAAA,EACtC,MAAM,4BAAU,OAAO,YAAY;AAAA,EACnC,YAAY,4BAAU,QAAQ,YAAY;AAAA;",
6
+ "names": []
7
+ }
@@ -0,0 +1,71 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var styled_exports = {};
29
+ __export(styled_exports, {
30
+ Content: () => Content,
31
+ MainContent: () => MainContent,
32
+ RightAddon: () => RightAddon,
33
+ Time: () => Time,
34
+ Title: () => Title,
35
+ Wrapper: () => Wrapper
36
+ });
37
+ var React = __toESM(require("react"));
38
+ var import_styled_components = __toESM(require("styled-components"));
39
+ var import_ds_grid = require("@elliemae/ds-grid");
40
+ const Wrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
41
+ min-width: 248px;
42
+ border: 1px;
43
+ border-bottom: 1px solid #ccc;
44
+ padding: 12px 12px;
45
+ `;
46
+ const MainContent = import_styled_components.default.div``;
47
+ const Title = import_styled_components.default.p`
48
+ font-size: 16px;
49
+ font-weight: 600;
50
+ margin: 0;
51
+ `;
52
+ const Content = import_styled_components.default.p`
53
+ font-size: 12px;
54
+ font-weight: 400;
55
+ line-height: 1;
56
+ margin: 0;
57
+ `;
58
+ const Time = import_styled_components.default.p`
59
+ font-size: 12px;
60
+ font-weight: 100;
61
+ margin: 0;
62
+ margin-top: 8px;
63
+ font-weight: ${(props) => props.theme.fontWeights.regular};
64
+ color: ${(props) => props.theme.colors.neutral["500"]};
65
+ `;
66
+ const RightAddon = import_styled_components.default.div`
67
+ height: fit-content;
68
+ margin-left: 12px;
69
+ `;
70
+ module.exports = __toCommonJS(styled_exports);
71
+ //# sourceMappingURL=styled.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/parts/chat-card/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "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", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AAEd,MAAM,UAAU,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,MAAM,cAAc,iCAAO;AAE3B,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,UAAU,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,MAAM,OAAO,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,aAAa,iCAAO;AAAA;AAAA;AAAA;",
6
+ "names": []
7
+ }
@@ -0,0 +1,157 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var ChatContainerComposer_exports = {};
29
+ __export(ChatContainerComposer_exports, {
30
+ ChatComposer: () => ChatComposer,
31
+ ChatComposerWithSchema: () => ChatComposerWithSchema
32
+ });
33
+ var React = __toESM(require("react"));
34
+ var import_react = __toESM(require("react"));
35
+ var import_ds_grid = require("@elliemae/ds-grid");
36
+ var import_react_desc = require("react-desc");
37
+ var import_ds_icons = require("@elliemae/ds-icons");
38
+ var import_styled = require("./styled");
39
+ var import_useValidateProps = require("./config/useValidateProps");
40
+ var import_props = require("./props");
41
+ const ChatComposer = (props) => {
42
+ (0, import_useValidateProps.useValidateProps)(props, ChatComposerWithSchema.toJSON());
43
+ const {
44
+ inputValue,
45
+ onChange,
46
+ onResize,
47
+ onSend,
48
+ onFocus,
49
+ onBlur,
50
+ onKeyDown,
51
+ maxHeight = 300,
52
+ placeholder,
53
+ inputMaxLength,
54
+ maxLengthMessage,
55
+ buttonDisabled,
56
+ dataTestid,
57
+ actionRef
58
+ } = props;
59
+ const COMPOSER_MIN_HEIGHT = 32;
60
+ const input = import_react.default.useRef();
61
+ const inputSize = import_react.default.useRef();
62
+ const inputSend = import_react.default.useRef();
63
+ const [height, setHeight] = import_react.default.useState(32);
64
+ const internalMaxHeight = import_react.default.useMemo(() => maxHeight - 24, [maxHeight]);
65
+ const [showScroll, setShowScroll] = import_react.default.useState(true);
66
+ import_react.default.useEffect(() => {
67
+ const newHeight = inputSize.current?.scrollHeight > internalMaxHeight ? internalMaxHeight : inputSize.current?.scrollHeight;
68
+ if (newHeight !== height && newHeight > COMPOSER_MIN_HEIGHT)
69
+ onResize(newHeight);
70
+ setHeight(newHeight);
71
+ setShowScroll(inputSize.current?.scrollHeight - inputSize.current?.clientHeight > 5);
72
+ }, [inputValue, internalMaxHeight, height, onResize]);
73
+ import_react.default.useEffect(() => {
74
+ if (actionRef && actionRef.current) {
75
+ actionRef.current.focusToComposer = () => {
76
+ input.current.focus();
77
+ };
78
+ actionRef.current.focusToSend = () => {
79
+ inputSend.current.focus();
80
+ };
81
+ }
82
+ }, [actionRef]);
83
+ const handleChange = import_react.default.useCallback((e) => {
84
+ onChange(e.target.value);
85
+ }, [onChange]);
86
+ const heightProps = { height, overflow: showScroll ? "auto" : "hidden" };
87
+ const inputLength = String(inputValue || "").length;
88
+ const hasError = import_react.default.useMemo(() => inputLength > inputMaxLength, [inputLength, inputMaxLength]);
89
+ return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainerContentComposer, {
90
+ rows: ["auto", "15px"],
91
+ maxHeight: `${maxHeight}px`,
92
+ "data-testid": dataTestid
93
+ }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
94
+ cols: ["1fr", "24px"],
95
+ style: { height: heightProps.height },
96
+ justifyContent: "center",
97
+ alignItems: "flex-end",
98
+ gutter: "xxs"
99
+ }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledComposerInput, {
100
+ ref: input,
101
+ onChange: handleChange,
102
+ style: { ...heightProps },
103
+ value: inputValue,
104
+ onFocus,
105
+ onBlur,
106
+ onKeyDown,
107
+ placeholder,
108
+ "aria-label": "Message to send",
109
+ "data-testid": "chat-composer-textarea",
110
+ name: "chat-composer-textarea",
111
+ id: "chat-composer-textarea"
112
+ }), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
113
+ height: "32px",
114
+ alignItems: "center"
115
+ }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledComposerButton, {
116
+ buttonType: "text",
117
+ icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.PaperAirplane, {
118
+ width: 18,
119
+ height: 18
120
+ }),
121
+ onClick: onSend,
122
+ size: "s",
123
+ disabled: !inputValue || buttonDisabled || hasError,
124
+ "data-testid": "chat-composer-send-button",
125
+ "aria-label": "Send",
126
+ innerRef: inputSend
127
+ }))), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledComposerInput, {
128
+ ref: inputSize,
129
+ style: {
130
+ height: 32,
131
+ visibility: "hidden",
132
+ pointerEvents: "none",
133
+ position: "absolute",
134
+ top: 0,
135
+ width: input.current?.clientWidth
136
+ },
137
+ onChange: handleChange,
138
+ value: inputValue
139
+ }), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
140
+ cols: ["1fr", "24px"],
141
+ justifyContent: "flex-end",
142
+ alignItems: "center",
143
+ gutter: "xxs",
144
+ pb: "xxs"
145
+ }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledCounterArea, {
146
+ hasError,
147
+ "data-testid": "composer-counter-area"
148
+ }, inputMaxLength && hasError ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledCounterErrorA11y, {
149
+ role: "alert"
150
+ }, maxLengthMessage || `You have entered ${inputLength} characters and have exceeded the limit by ${inputLength - inputMaxLength}. Please limit to less than ${inputMaxLength} characters. `), maxLengthMessage || `Please limit to less than ${inputMaxLength} characters. `) : "", inputMaxLength && !maxLengthMessage ? ` ${inputLength} / ${inputMaxLength}` : ""), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null)));
151
+ };
152
+ ChatComposer.propTypes = import_props.composerProps;
153
+ ChatComposer.defaultProps = import_props.defaultComposerPros;
154
+ const ChatComposerWithSchema = (0, import_react_desc.describe)(ChatComposer);
155
+ ChatComposerWithSchema.propTypes = import_props.composerProps;
156
+ module.exports = __toCommonJS(ChatContainerComposer_exports);
157
+ //# sourceMappingURL=ChatContainerComposer.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/parts/chat-composer/ChatContainerComposer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "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\n// eslint-disable-next-line complexity\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 onKeyDown,\n maxHeight = 300,\n placeholder,\n inputMaxLength,\n maxLengthMessage,\n buttonDisabled,\n dataTestid,\n actionRef,\n } = props;\n\n const COMPOSER_MIN_HEIGHT = 32;\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 if (newHeight !== height && newHeight > COMPOSER_MIN_HEIGHT) onResize(newHeight);\n setHeight(newHeight);\n setShowScroll(inputSize.current?.scrollHeight - inputSize.current?.clientHeight > 5);\n }, [inputValue, internalMaxHeight, height, 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 return (\n <StyledChatContainerContentComposer rows={['auto', '15px']} maxHeight={`${maxHeight}px`} data-testid={dataTestid}>\n <Grid\n cols={['1fr', '24px']}\n style={{ height: heightProps.height }}\n justifyContent=\"center\"\n alignItems=\"flex-end\"\n gutter=\"xxs\"\n >\n <StyledComposerInput\n ref={input}\n onChange={handleChange}\n style={{ ...heightProps }}\n value={inputValue}\n onFocus={onFocus}\n onBlur={onBlur}\n onKeyDown={onKeyDown}\n placeholder={placeholder}\n aria-label=\"Message to send\"\n data-testid=\"chat-composer-textarea\"\n name=\"chat-composer-textarea\"\n id=\"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 />\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 ||\n `You have entered ${inputLength} characters and have exceeded the limit by ${\n inputLength - inputMaxLength\n }. Please limit to less than ${inputMaxLength} characters. `}\n </StyledCounterErrorA11y>\n {maxLengthMessage || `Please limit to less than ${inputMaxLength} characters. `}\n </>\n ) : (\n ''\n )}\n {inputMaxLength && !maxLengthMessage ? ` ${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", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,qBAAqB;AACrB,wBAAyB;AACzB,sBAA8B;AAC9B,oBAMO;AACP,8BAAiC;AAEjC,mBAAsE;AAGtE,MAAM,eAAe,CAAC,UAA0C;AAC9D,gDAAiB,OAAO,uBAAuB;AAE/C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,sBAAsB;AAC5B,QAAM,QAAQ,qBAAM;AACpB,QAAM,YAAY,qBAAM;AACxB,QAAM,YAAY,qBAAM;AACxB,QAAM,CAAC,QAAQ,aAAa,qBAAM,SAAS;AAC3C,QAAM,oBAAoB,qBAAM,QAAQ,MAAM,YAAY,IAAI,CAAC;AAC/D,QAAM,CAAC,YAAY,iBAAiB,qBAAM,SAAS;AAEnD,uBAAM,UAAU,MAAM;AACpB,UAAM,YACJ,UAAU,SAAS,eAAe,oBAAoB,oBAAoB,UAAU,SAAS;AAC/F,QAAI,cAAc,UAAU,YAAY;AAAqB,eAAS;AACtE,cAAU;AACV,kBAAc,UAAU,SAAS,eAAe,UAAU,SAAS,eAAe;AAAA,KACjF,CAAC,YAAY,mBAAmB,QAAQ;AAE3C,uBAAM,UAAU,MAAM;AACpB,QAAI,aAAa,UAAU,SAAS;AAClC,gBAAU,QAAQ,kBAAkB,MAAM;AACxC,cAAM,QAAQ;AAAA;AAEhB,gBAAU,QAAQ,cAAc,MAAM;AACpC,kBAAU,QAAQ;AAAA;AAAA;AAAA,KAGrB,CAAC;AAEJ,QAAM,eAAe,qBAAM,YACzB,CAAC,MAAM;AACL,aAAS,EAAE,OAAO;AAAA,KAEpB,CAAC;AAEH,QAAM,cAAc,EAAE,QAAQ,UAAU,aAAa,SAAS;AAE9D,QAAM,cAAc,OAAO,cAAc,IAAI;AAC7C,QAAM,WAAW,qBAAM,QAAQ,MAAM,cAAc,gBAAgB,CAAC,aAAa;AACjF,SACE,mDAAC,kDAAD;AAAA,IAAoC,MAAM,CAAC,QAAQ;AAAA,IAAS,WAAW,GAAG;AAAA,IAAe,eAAa;AAAA,KACpG,mDAAC,qBAAD;AAAA,IACE,MAAM,CAAC,OAAO;AAAA,IACd,OAAO,EAAE,QAAQ,YAAY;AAAA,IAC7B,gBAAe;AAAA,IACf,YAAW;AAAA,IACX,QAAO;AAAA,KAEP,mDAAC,mCAAD;AAAA,IACE,KAAK;AAAA,IACL,UAAU;AAAA,IACV,OAAO,KAAK;AAAA,IACZ,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAW;AAAA,IACX,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,IAAG;AAAA,MAGL,mDAAC,qBAAD;AAAA,IAAM,QAAO;AAAA,IAAO,YAAW;AAAA,KAC7B,mDAAC,oCAAD;AAAA,IACE,YAAW;AAAA,IACX,MAAM,mDAAC,+BAAD;AAAA,MAAe,OAAO;AAAA,MAAI,QAAQ;AAAA;AAAA,IACxC,SAAS;AAAA,IACT,MAAK;AAAA,IACL,UAAU,CAAC,cAAc,kBAAkB;AAAA,IAC3C,eAAY;AAAA,IACZ,cAAW;AAAA,IACX,UAAU;AAAA,QAIhB,mDAAC,mCAAD;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,UAAU;AAAA,MACV,KAAK;AAAA,MACL,OAAO,MAAM,SAAS;AAAA;AAAA,IAExB,UAAU;AAAA,IACV,OAAO;AAAA,MAET,mDAAC,qBAAD;AAAA,IAAM,MAAM,CAAC,OAAO;AAAA,IAAS,gBAAe;AAAA,IAAW,YAAW;AAAA,IAAS,QAAO;AAAA,IAAM,IAAG;AAAA,KACzF,mDAAC,iCAAD;AAAA,IAAmB;AAAA,IAAoB,eAAY;AAAA,KAChD,kBAAkB,WACjB,wFACE,mDAAC,sCAAD;AAAA,IAAwB,MAAK;AAAA,KAC1B,oBACC,oBAAoB,yDAClB,cAAc,6CACe,gCAElC,oBAAoB,6BAA6B,iCAGpD,IAED,kBAAkB,CAAC,mBAAmB,IAAI,iBAAiB,mBAAmB,KAEjF,mDAAC,qBAAD;AAAA;AAMR,aAAa,YAAY;AACzB,aAAa,eAAe;AAC5B,MAAM,yBAAyB,gCAAS;AACxC,uBAAuB,YAAY;",
6
+ "names": []
7
+ }