@elliemae/ds-chat 2.2.0 → 2.3.0-alpha.3

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 (282) hide show
  1. package/cjs/ChatDataTestids.js +54 -26
  2. package/cjs/ChatDataTestids.js.map +7 -0
  3. package/cjs/index.d.js +27 -2
  4. package/cjs/index.d.js.map +7 -0
  5. package/cjs/index.js +69 -44
  6. package/cjs/index.js.map +7 -0
  7. package/cjs/parts/bubble/ChatBubble.js +74 -64
  8. package/cjs/parts/bubble/ChatBubble.js.map +7 -0
  9. package/cjs/parts/bubble/ChatBubbleArrow.js +96 -79
  10. package/cjs/parts/bubble/ChatBubbleArrow.js.map +7 -0
  11. package/cjs/parts/bubble/config/useValidateProps.js +47 -24
  12. package/cjs/parts/bubble/config/useValidateProps.js.map +7 -0
  13. package/cjs/parts/bubble/index.js +38 -12
  14. package/cjs/parts/bubble/index.js.map +7 -0
  15. package/cjs/parts/bubble/props.js +60 -48
  16. package/cjs/parts/bubble/props.js.map +7 -0
  17. package/cjs/parts/bubble/styled.js +141 -48
  18. package/cjs/parts/bubble/styled.js.map +7 -0
  19. package/cjs/parts/chat-card/ChatCard.js +55 -39
  20. package/cjs/parts/chat-card/ChatCard.js.map +7 -0
  21. package/cjs/parts/chat-card/config/useValidateProps.js +36 -9
  22. package/cjs/parts/chat-card/config/useValidateProps.js.map +7 -0
  23. package/cjs/parts/chat-card/index.js +36 -10
  24. package/cjs/parts/chat-card/index.js.map +7 -0
  25. package/cjs/parts/chat-card/props.js +39 -12
  26. package/cjs/parts/chat-card/props.js.map +7 -0
  27. package/cjs/parts/chat-card/styled.js +71 -36
  28. package/cjs/parts/chat-card/styled.js.map +7 -0
  29. package/cjs/parts/chat-composer/ChatContainerComposer.js +92 -99
  30. package/cjs/parts/chat-composer/ChatContainerComposer.js.map +7 -0
  31. package/cjs/parts/chat-composer/config/useValidateProps.js +36 -9
  32. package/cjs/parts/chat-composer/config/useValidateProps.js.map +7 -0
  33. package/cjs/parts/chat-composer/index.js +36 -10
  34. package/cjs/parts/chat-composer/index.js.map +7 -0
  35. package/cjs/parts/chat-composer/props.js +73 -38
  36. package/cjs/parts/chat-composer/props.js.map +7 -0
  37. package/cjs/parts/chat-composer/styled.js +102 -34
  38. package/cjs/parts/chat-composer/styled.js.map +7 -0
  39. package/cjs/parts/chat-container/ChatContainer.js +122 -140
  40. package/cjs/parts/chat-container/ChatContainer.js.map +7 -0
  41. package/cjs/parts/chat-container/config/useValidateProps.js +36 -9
  42. package/cjs/parts/chat-container/config/useValidateProps.js.map +7 -0
  43. package/cjs/parts/chat-container/index.js +36 -10
  44. package/cjs/parts/chat-container/index.js.map +7 -0
  45. package/cjs/parts/chat-container/props.js +85 -42
  46. package/cjs/parts/chat-container/props.js.map +7 -0
  47. package/cjs/parts/chat-container/styled.js +104 -23
  48. package/cjs/parts/chat-container/styled.js.map +7 -0
  49. package/cjs/parts/chat-container-header/ChatContainerHeader.js +48 -30
  50. package/cjs/parts/chat-container-header/ChatContainerHeader.js.map +7 -0
  51. package/cjs/parts/chat-container-header/helpers.js +38 -25
  52. package/cjs/parts/chat-container-header/helpers.js.map +7 -0
  53. package/cjs/parts/chat-container-header/styled.js +59 -24
  54. package/cjs/parts/chat-container-header/styled.js.map +7 -0
  55. package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +163 -225
  56. package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +7 -0
  57. package/cjs/parts/chat-container-messages-list/config/useValidateProps.js +36 -9
  58. package/cjs/parts/chat-container-messages-list/config/useValidateProps.js.map +7 -0
  59. package/cjs/parts/chat-container-messages-list/index.js +36 -10
  60. package/cjs/parts/chat-container-messages-list/index.js.map +7 -0
  61. package/cjs/parts/chat-container-messages-list/props.js +62 -24
  62. package/cjs/parts/chat-container-messages-list/props.js.map +7 -0
  63. package/cjs/parts/chat-container-messages-list/styled.js +100 -38
  64. package/cjs/parts/chat-container-messages-list/styled.js.map +7 -0
  65. package/cjs/parts/chat-empty-state/ChatEmptyState.js +58 -42
  66. package/cjs/parts/chat-empty-state/ChatEmptyState.js.map +7 -0
  67. package/cjs/parts/chat-empty-state/config/useValidateProps.js +36 -9
  68. package/cjs/parts/chat-empty-state/config/useValidateProps.js.map +7 -0
  69. package/cjs/parts/chat-empty-state/props.js +39 -12
  70. package/cjs/parts/chat-empty-state/props.js.map +7 -0
  71. package/cjs/parts/chat-empty-state/styled.js +47 -21
  72. package/cjs/parts/chat-empty-state/styled.js.map +7 -0
  73. package/cjs/parts/chat-sidebar/SideBarChat.js +82 -81
  74. package/cjs/parts/chat-sidebar/SideBarChat.js.map +7 -0
  75. package/cjs/parts/chat-sidebar/config/useValidateProps.js +36 -9
  76. package/cjs/parts/chat-sidebar/config/useValidateProps.js.map +7 -0
  77. package/cjs/parts/chat-sidebar/index.js +36 -10
  78. package/cjs/parts/chat-sidebar/index.js.map +7 -0
  79. package/cjs/parts/chat-sidebar/props.js +72 -30
  80. package/cjs/parts/chat-sidebar/props.js.map +7 -0
  81. package/cjs/parts/chat-sidebar/styled.js +56 -20
  82. package/cjs/parts/chat-sidebar/styled.js.map +7 -0
  83. package/cjs/parts/floating-button/FloatingButton.js +47 -34
  84. package/cjs/parts/floating-button/FloatingButton.js.map +7 -0
  85. package/cjs/parts/floating-button/index.js +28 -9
  86. package/cjs/parts/floating-button/index.js.map +7 -0
  87. package/cjs/parts/floating-button/props.js +42 -15
  88. package/cjs/parts/floating-button/props.js.map +7 -0
  89. package/cjs/parts/floating-button/styled.js +63 -17
  90. package/cjs/parts/floating-button/styled.js.map +7 -0
  91. package/cjs/parts/floating-container/styled.js +47 -17
  92. package/cjs/parts/floating-container/styled.js.map +7 -0
  93. package/cjs/parts/grid-influencer/InfluencerContainer.js +41 -21
  94. package/cjs/parts/grid-influencer/InfluencerContainer.js.map +7 -0
  95. package/cjs/parts/grid-influencer/styled.js +56 -21
  96. package/cjs/parts/grid-influencer/styled.js.map +7 -0
  97. package/cjs/parts/message-delimiter/MessageDelimiter.js +53 -39
  98. package/cjs/parts/message-delimiter/MessageDelimiter.js.map +7 -0
  99. package/cjs/parts/message-delimiter/config/useValidateProps.js +36 -9
  100. package/cjs/parts/message-delimiter/config/useValidateProps.js.map +7 -0
  101. package/cjs/parts/message-delimiter/index.js +36 -10
  102. package/cjs/parts/message-delimiter/index.js.map +7 -0
  103. package/cjs/parts/message-delimiter/props.js +44 -19
  104. package/cjs/parts/message-delimiter/props.js.map +7 -0
  105. package/cjs/parts/message-delimiter/styled.js +53 -24
  106. package/cjs/parts/message-delimiter/styled.js.map +7 -0
  107. package/cjs/parts/sidebar-button/SidebarButton.js +52 -53
  108. package/cjs/parts/sidebar-button/SidebarButton.js.map +7 -0
  109. package/cjs/parts/sidebar-button/index.js +20 -2
  110. package/cjs/parts/sidebar-button/index.js.map +7 -0
  111. package/cjs/parts/sidebar-button/props.js +49 -26
  112. package/cjs/parts/sidebar-button/props.js.map +7 -0
  113. package/cjs/parts/sidebar-button/styled.js +68 -24
  114. package/cjs/parts/sidebar-button/styled.js.map +7 -0
  115. package/cjs/parts/system-message/SystemMessage.js +55 -40
  116. package/cjs/parts/system-message/SystemMessage.js.map +7 -0
  117. package/cjs/parts/system-message/config/useValidateProps.js +36 -9
  118. package/cjs/parts/system-message/config/useValidateProps.js.map +7 -0
  119. package/cjs/parts/system-message/index.js +36 -10
  120. package/cjs/parts/system-message/index.js.map +7 -0
  121. package/cjs/parts/system-message/props.js +42 -15
  122. package/cjs/parts/system-message/props.js.map +7 -0
  123. package/cjs/parts/system-message/style.js +75 -32
  124. package/cjs/parts/system-message/style.js.map +7 -0
  125. package/cjs/parts/tile-button/TileButton.js +98 -68
  126. package/cjs/parts/tile-button/TileButton.js.map +7 -0
  127. package/cjs/parts/tile-button/config/useValidateProps.js +36 -9
  128. package/cjs/parts/tile-button/config/useValidateProps.js.map +7 -0
  129. package/cjs/parts/tile-button/index.js +36 -10
  130. package/cjs/parts/tile-button/index.js.map +7 -0
  131. package/cjs/parts/tile-button/props.js +83 -45
  132. package/cjs/parts/tile-button/props.js.map +7 -0
  133. package/cjs/parts/tile-button/styled.js +229 -77
  134. package/cjs/parts/tile-button/styled.js.map +7 -0
  135. package/cjs/prop-types.js +53 -26
  136. package/cjs/prop-types.js.map +7 -0
  137. package/cjs/styled.js +42 -14
  138. package/cjs/styled.js.map +7 -0
  139. package/cjs/tests/utils.js +66 -0
  140. package/cjs/tests/utils.js.map +7 -0
  141. package/esm/ChatDataTestids.js +25 -22
  142. package/esm/ChatDataTestids.js.map +7 -0
  143. package/esm/index.d.js +2 -1
  144. package/esm/index.d.js.map +7 -0
  145. package/esm/index.js +40 -14
  146. package/esm/index.js.map +7 -0
  147. package/esm/parts/bubble/ChatBubble.js +51 -51
  148. package/esm/parts/bubble/ChatBubble.js.map +7 -0
  149. package/esm/parts/bubble/ChatBubbleArrow.js +67 -71
  150. package/esm/parts/bubble/ChatBubbleArrow.js.map +7 -0
  151. package/esm/parts/bubble/config/useValidateProps.js +17 -19
  152. package/esm/parts/bubble/config/useValidateProps.js.map +7 -0
  153. package/esm/parts/bubble/index.js +9 -2
  154. package/esm/parts/bubble/index.js.map +7 -0
  155. package/esm/parts/bubble/props.js +30 -36
  156. package/esm/parts/bubble/props.js.map +7 -0
  157. package/esm/parts/bubble/styled.js +112 -32
  158. package/esm/parts/bubble/styled.js.map +7 -0
  159. package/esm/parts/chat-card/ChatCard.js +23 -27
  160. package/esm/parts/chat-card/ChatCard.js.map +7 -0
  161. package/esm/parts/chat-card/config/useValidateProps.js +6 -4
  162. package/esm/parts/chat-card/config/useValidateProps.js.map +7 -0
  163. package/esm/parts/chat-card/index.js +7 -1
  164. package/esm/parts/chat-card/index.js.map +7 -0
  165. package/esm/parts/chat-card/props.js +10 -8
  166. package/esm/parts/chat-card/props.js.map +7 -0
  167. package/esm/parts/chat-card/styled.js +42 -23
  168. package/esm/parts/chat-card/styled.js.map +7 -0
  169. package/esm/parts/chat-composer/ChatContainerComposer.js +65 -84
  170. package/esm/parts/chat-composer/ChatContainerComposer.js.map +7 -0
  171. package/esm/parts/chat-composer/config/useValidateProps.js +6 -4
  172. package/esm/parts/chat-composer/config/useValidateProps.js.map +7 -0
  173. package/esm/parts/chat-composer/index.js +7 -1
  174. package/esm/parts/chat-composer/index.js.map +7 -0
  175. package/esm/parts/chat-composer/props.js +37 -26
  176. package/esm/parts/chat-composer/props.js.map +7 -0
  177. package/esm/parts/chat-composer/styled.js +73 -22
  178. package/esm/parts/chat-composer/styled.js.map +7 -0
  179. package/esm/parts/chat-container/ChatContainer.js +88 -122
  180. package/esm/parts/chat-container/ChatContainer.js.map +7 -0
  181. package/esm/parts/chat-container/config/useValidateProps.js +6 -4
  182. package/esm/parts/chat-container/config/useValidateProps.js.map +7 -0
  183. package/esm/parts/chat-container/index.js +7 -1
  184. package/esm/parts/chat-container/index.js.map +7 -0
  185. package/esm/parts/chat-container/props.js +52 -31
  186. package/esm/parts/chat-container/props.js.map +7 -0
  187. package/esm/parts/chat-container/styled.js +79 -16
  188. package/esm/parts/chat-container/styled.js.map +7 -0
  189. package/esm/parts/chat-container-header/ChatContainerHeader.js +22 -21
  190. package/esm/parts/chat-container-header/ChatContainerHeader.js.map +7 -0
  191. package/esm/parts/chat-container-header/helpers.js +9 -17
  192. package/esm/parts/chat-container-header/helpers.js.map +7 -0
  193. package/esm/parts/chat-container-header/styled.js +30 -14
  194. package/esm/parts/chat-container-header/styled.js.map +7 -0
  195. package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +138 -210
  196. package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +7 -0
  197. package/esm/parts/chat-container-messages-list/config/useValidateProps.js +6 -4
  198. package/esm/parts/chat-container-messages-list/config/useValidateProps.js.map +7 -0
  199. package/esm/parts/chat-container-messages-list/index.js +10 -1
  200. package/esm/parts/chat-container-messages-list/index.js.map +7 -0
  201. package/esm/parts/chat-container-messages-list/props.js +31 -17
  202. package/esm/parts/chat-container-messages-list/props.js.map +7 -0
  203. package/esm/parts/chat-container-messages-list/styled.js +71 -25
  204. package/esm/parts/chat-container-messages-list/styled.js.map +7 -0
  205. package/esm/parts/chat-empty-state/ChatEmptyState.js +25 -29
  206. package/esm/parts/chat-empty-state/ChatEmptyState.js.map +7 -0
  207. package/esm/parts/chat-empty-state/config/useValidateProps.js +6 -4
  208. package/esm/parts/chat-empty-state/config/useValidateProps.js.map +7 -0
  209. package/esm/parts/chat-empty-state/props.js +10 -7
  210. package/esm/parts/chat-empty-state/props.js.map +7 -0
  211. package/esm/parts/chat-empty-state/styled.js +18 -11
  212. package/esm/parts/chat-empty-state/styled.js.map +7 -0
  213. package/esm/parts/chat-sidebar/SideBarChat.js +50 -67
  214. package/esm/parts/chat-sidebar/SideBarChat.js.map +7 -0
  215. package/esm/parts/chat-sidebar/config/useValidateProps.js +6 -4
  216. package/esm/parts/chat-sidebar/config/useValidateProps.js.map +7 -0
  217. package/esm/parts/chat-sidebar/index.js +7 -1
  218. package/esm/parts/chat-sidebar/index.js.map +7 -0
  219. package/esm/parts/chat-sidebar/props.js +39 -21
  220. package/esm/parts/chat-sidebar/props.js.map +7 -0
  221. package/esm/parts/chat-sidebar/styled.js +27 -11
  222. package/esm/parts/chat-sidebar/styled.js.map +7 -0
  223. package/esm/parts/floating-button/FloatingButton.js +18 -26
  224. package/esm/parts/floating-button/FloatingButton.js.map +7 -0
  225. package/esm/parts/floating-button/index.js +3 -1
  226. package/esm/parts/floating-button/index.js.map +7 -0
  227. package/esm/parts/floating-button/props.js +11 -8
  228. package/esm/parts/floating-button/props.js.map +7 -0
  229. package/esm/parts/floating-button/styled.js +34 -9
  230. package/esm/parts/floating-button/styled.js.map +7 -0
  231. package/esm/parts/floating-container/styled.js +18 -9
  232. package/esm/parts/floating-container/styled.js.map +7 -0
  233. package/esm/parts/grid-influencer/InfluencerContainer.js +12 -12
  234. package/esm/parts/grid-influencer/InfluencerContainer.js.map +7 -0
  235. package/esm/parts/grid-influencer/styled.js +27 -12
  236. package/esm/parts/grid-influencer/styled.js.map +7 -0
  237. package/esm/parts/message-delimiter/MessageDelimiter.js +20 -26
  238. package/esm/parts/message-delimiter/MessageDelimiter.js.map +7 -0
  239. package/esm/parts/message-delimiter/config/useValidateProps.js +6 -4
  240. package/esm/parts/message-delimiter/config/useValidateProps.js.map +7 -0
  241. package/esm/parts/message-delimiter/index.js +10 -1
  242. package/esm/parts/message-delimiter/index.js.map +7 -0
  243. package/esm/parts/message-delimiter/props.js +15 -14
  244. package/esm/parts/message-delimiter/props.js.map +7 -0
  245. package/esm/parts/message-delimiter/styled.js +24 -14
  246. package/esm/parts/message-delimiter/styled.js.map +7 -0
  247. package/esm/parts/sidebar-button/SidebarButton.js +22 -41
  248. package/esm/parts/sidebar-button/SidebarButton.js.map +7 -0
  249. package/esm/parts/sidebar-button/index.js +2 -1
  250. package/esm/parts/sidebar-button/index.js.map +7 -0
  251. package/esm/parts/sidebar-button/props.js +18 -15
  252. package/esm/parts/sidebar-button/props.js.map +7 -0
  253. package/esm/parts/sidebar-button/styled.js +39 -14
  254. package/esm/parts/sidebar-button/styled.js.map +7 -0
  255. package/esm/parts/system-message/SystemMessage.js +22 -27
  256. package/esm/parts/system-message/SystemMessage.js.map +7 -0
  257. package/esm/parts/system-message/config/useValidateProps.js +6 -4
  258. package/esm/parts/system-message/config/useValidateProps.js.map +7 -0
  259. package/esm/parts/system-message/index.js +7 -1
  260. package/esm/parts/system-message/index.js.map +7 -0
  261. package/esm/parts/system-message/props.js +13 -10
  262. package/esm/parts/system-message/props.js.map +7 -0
  263. package/esm/parts/system-message/style.js +46 -20
  264. package/esm/parts/system-message/style.js.map +7 -0
  265. package/esm/parts/tile-button/TileButton.js +75 -54
  266. package/esm/parts/tile-button/TileButton.js.map +7 -0
  267. package/esm/parts/tile-button/config/useValidateProps.js +6 -4
  268. package/esm/parts/tile-button/config/useValidateProps.js.map +7 -0
  269. package/esm/parts/tile-button/index.js +7 -1
  270. package/esm/parts/tile-button/index.js.map +7 -0
  271. package/esm/parts/tile-button/props.js +47 -33
  272. package/esm/parts/tile-button/props.js.map +7 -0
  273. package/esm/parts/tile-button/styled.js +200 -60
  274. package/esm/parts/tile-button/styled.js.map +7 -0
  275. package/esm/prop-types.js +19 -16
  276. package/esm/prop-types.js.map +7 -0
  277. package/esm/styled.js +13 -5
  278. package/esm/styled.js.map +7 -0
  279. package/esm/tests/utils.js +37 -0
  280. package/esm/tests/utils.js.map +7 -0
  281. package/package.json +10 -10
  282. package/types/parts/chat-composer/ChatContainerComposer.d.ts +0 -3
@@ -1,44 +1,48 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('core-js/modules/esnext.async-iterator.filter.js');
6
- require('core-js/modules/esnext.iterator.constructor.js');
7
- require('core-js/modules/esnext.iterator.filter.js');
8
- require('core-js/modules/esnext.async-iterator.for-each.js');
9
- require('core-js/modules/esnext.iterator.for-each.js');
10
- var _jsx = require('@babel/runtime/helpers/jsx');
11
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
12
- var React = require('react');
13
- var lodash = require('lodash');
14
- var reactDesc = require('react-desc');
15
- var DSIndeterminateProgressIndicator = require('@elliemae/ds-indeterminate-progress-indicator');
16
- var DSBanner = require('@elliemae/ds-banner');
17
- var ChatContainerComposer = require('../chat-composer/ChatContainerComposer.js');
18
- var ChatContainerMessagesList = require('../chat-container-messages-list/ChatContainerMessagesList.js');
19
- var props = require('./props.js');
20
- var styled = require('./styled.js');
21
- var useValidateProps = require('./config/useValidateProps.js');
22
- var jsxRuntime = require('react/jsx-runtime');
23
-
24
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
25
-
26
- var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
27
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
28
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
29
- var DSIndeterminateProgressIndicator__default = /*#__PURE__*/_interopDefaultLegacy(DSIndeterminateProgressIndicator);
30
- var DSBanner__default = /*#__PURE__*/_interopDefaultLegacy(DSBanner);
31
-
32
- var _DSIndeterminateProgr;
33
-
34
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
35
-
36
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
37
-
38
- const ChatContainer = props$1 => {
39
- var _messagesListProps$me2, _containerRef$current;
40
-
41
- useValidateProps.useValidateProps(props$1, props.containerProps);
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 ChatContainer_exports = {};
29
+ __export(ChatContainer_exports, {
30
+ ChatContainer: () => ChatContainer,
31
+ ChatContainerWithSchema: () => ChatContainerWithSchema
32
+ });
33
+ var React = __toESM(require("react"));
34
+ var import_react = __toESM(require("react"));
35
+ var import_lodash = require("lodash");
36
+ var import_react_desc = require("react-desc");
37
+ var import_ds_indeterminate_progress_indicator = __toESM(require("@elliemae/ds-indeterminate-progress-indicator"));
38
+ var import_ds_banner = __toESM(require("@elliemae/ds-banner"));
39
+ var import_chat_composer = require("../chat-composer");
40
+ var import_chat_container_messages_list = require("../chat-container-messages-list");
41
+ var import_props = require("./props");
42
+ var import_styled = require("./styled");
43
+ var import_useValidateProps = require("./config/useValidateProps");
44
+ const ChatContainer = (props) => {
45
+ (0, import_useValidateProps.useValidateProps)(props, import_props.containerProps);
42
46
  const {
43
47
  sendingText,
44
48
  sendingMessages,
@@ -46,130 +50,108 @@ const ChatContainer = props$1 => {
46
50
  bannerProps,
47
51
  messagesListProps,
48
52
  composerProps,
49
- composerProps: {
50
- onResize: onComposerResize,
51
- onKeyDown: onComposerKeyDown
52
- },
53
+ composerProps: { onResize: onComposerResize, onKeyDown: onComposerKeyDown },
53
54
  actionRef,
54
55
  device,
55
56
  isLoading,
56
57
  hasMoreItems,
57
58
  getMoreMessages,
58
59
  ariaLabel
59
- } = props$1;
60
- const bannerRef = React__default["default"].useRef({
61
- focusOnWrapper: lodash.noop,
62
- focusOnLink: lodash.noop
63
- });
64
- const containerRef = React__default["default"].useRef();
65
- const listRef = React__default["default"].useRef({
66
- scrollToIndex: lodash.noop
67
- });
68
- const onResize = React__default["default"].useCallback(height => {
69
- if (onComposerResize) onComposerResize(height);
70
- /*
71
- setTimeout is used to equal the animation duration from the
72
- composer text area when increase its size
73
- */
74
-
60
+ } = props;
61
+ const bannerRef = import_react.default.useRef({ focusOnWrapper: import_lodash.noop, focusOnLink: import_lodash.noop });
62
+ const containerRef = import_react.default.useRef();
63
+ const listRef = import_react.default.useRef({ scrollToIndex: import_lodash.noop });
64
+ const onResize = import_react.default.useCallback((height) => {
65
+ if (onComposerResize)
66
+ onComposerResize(height);
75
67
  setTimeout(() => {
76
68
  actionRef.current.scrollToIndex(messagesListProps.messages.length - 1, {
77
- align: 'start'
69
+ align: "start"
78
70
  });
79
71
  }, 50);
80
72
  }, [onComposerResize, messagesListProps.messages, actionRef]);
81
- const Container = device === 'desktop' ? styled.StyledChatContainerContent : styled.MobileStyledChatContainerContent;
82
- const handleTabs = React__default["default"].useCallback(e => {
83
- if (onComposerKeyDown) onComposerKeyDown(e);else {
73
+ const Container = device === "desktop" ? import_styled.StyledChatContainerContent : import_styled.MobileStyledChatContainerContent;
74
+ const handleTabs = import_react.default.useCallback((e) => {
75
+ if (onComposerKeyDown)
76
+ onComposerKeyDown(e);
77
+ else {
84
78
  const ref = actionRef || listRef;
85
-
86
- if (e.shiftKey && e.key === 'Tab') {
87
- var _messagesListProps$me;
88
-
89
- if (((_messagesListProps$me = messagesListProps.messages) === null || _messagesListProps$me === void 0 ? void 0 : _messagesListProps$me.length) > 0) {
79
+ if (e.shiftKey && e.key === "Tab") {
80
+ if (messagesListProps.messages?.length > 0) {
90
81
  e.preventDefault();
91
-
92
- if (['top', 'bottom'].includes(bannerPosition)) {
82
+ if (["top", "bottom"].includes(bannerPosition)) {
93
83
  bannerRef.current.focusOnWrapper();
94
84
  } else {
95
- var _ref$current;
96
-
97
85
  const last = ref.current.getMessagesInView().pop();
98
- (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focusToIndexWithoutScroll(last);
86
+ ref.current?.focusToIndexWithoutScroll(last);
99
87
  }
100
88
  }
101
89
  }
102
90
  }
103
- }, [actionRef, onComposerKeyDown, bannerPosition, (_messagesListProps$me2 = messagesListProps.messages) === null || _messagesListProps$me2 === void 0 ? void 0 : _messagesListProps$me2.length]); // Map actions
104
-
105
- React__default["default"].useEffect(() => {
91
+ }, [actionRef, onComposerKeyDown, bannerPosition, messagesListProps.messages?.length]);
92
+ import_react.default.useEffect(() => {
106
93
  if (actionRef && actionRef.current) {
107
94
  actionRef.current.focusOnBanner = bannerRef.current.focusOnWrapper;
108
95
  actionRef.current.focusOnBannerLink = bannerRef.current.focusOnLink;
109
96
  }
110
97
  }, [actionRef]);
111
- return /*#__PURE__*/jsxRuntime.jsxs(Container, {
112
- rows: ['minmax(0, 1fr)', 'auto'],
98
+ return /* @__PURE__ */ import_react.default.createElement(Container, {
99
+ rows: ["minmax(0, 1fr)", "auto"],
113
100
  ref: containerRef,
114
101
  role: "region",
115
- "aria-label": ariaLabel,
116
- children: [/*#__PURE__*/_jsx__default["default"]("div", {
117
- style: {
118
- position: 'relative',
119
- overflow: 'hidden'
120
- }
121
- }, void 0, /*#__PURE__*/jsxRuntime.jsx(ChatContainerMessagesList.ChatContainerMessagesList, _objectSpread(_objectSpread({}, messagesListProps), {}, {
122
- actionRef: actionRef || listRef,
123
- isLoading: isLoading,
124
- hasMoreItems: hasMoreItems,
125
- getMoreMessages: getMoreMessages,
126
- sendingMessages: sendingMessages,
127
- sendingText: sendingText,
128
- bannerPosition: bannerPosition,
129
- bannerRef: bannerRef
130
- })), ['top', 'bottom'].includes(isLoading) ? /*#__PURE__*/_jsx__default["default"](styled.StyledIndicatorContainer, {
131
- isLoading: isLoading,
132
- "data-testid": "ds-chat-loading-indicator"
133
- }, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx__default["default"](DSIndeterminateProgressIndicator__default["default"], {
134
- processing: true,
135
- title: "Loading"
136
- }))) : null, /*#__PURE__*/_jsx__default["default"](styled.StyledIndicatorContainer, {
137
- linear: true,
138
- isLoading: bannerPosition
139
- }, void 0, /*#__PURE__*/_jsx__default["default"](DSBanner__default["default"], {
140
- showCloseButton: true,
141
- label: bannerProps.label || 'Unread messages',
142
- containerProps: {
143
- id: 'ds-chat-banner'
144
- },
145
- actionLink: {
146
- label: bannerProps.viewLabel || 'View',
147
- onClick: bannerProps.onView
148
- },
149
- onClose: bannerProps.onClose,
150
- isOpen: true,
151
- type: bannerProps.type || DSBanner.BANNER_TYPES.INFO,
152
- actionRef: bannerRef
153
- })), sendingMessages && sendingMessages.length > 0 ? /*#__PURE__*/_jsx__default["default"](styled.StyledIndicatorContainer, {
154
- isLoading: "bottom",
155
- linear: true,
156
- "data-testid": "ds-chat-loading-indicator"
157
- }, void 0, /*#__PURE__*/_jsx__default["default"](DSIndeterminateProgressIndicator__default["default"], {
158
- processing: true,
159
- title: sendingText,
160
- lineOnly: true
161
- })) : null), /*#__PURE__*/jsxRuntime.jsx(ChatContainerComposer.ChatComposer, _objectSpread(_objectSpread({}, composerProps), {}, {
162
- onKeyDown: handleTabs,
163
- onResize: onResize,
164
- maxHeight: (((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.clientHeight) || 0) / 2,
165
- actionRef: actionRef || listRef
166
- }))]
167
- });
102
+ "aria-label": ariaLabel
103
+ }, /* @__PURE__ */ import_react.default.createElement("div", {
104
+ style: { position: "relative", overflow: "hidden" }
105
+ }, /* @__PURE__ */ import_react.default.createElement(import_chat_container_messages_list.ChatContainerMessagesList, {
106
+ ...messagesListProps,
107
+ actionRef: actionRef || listRef,
108
+ isLoading,
109
+ hasMoreItems,
110
+ getMoreMessages,
111
+ sendingMessages,
112
+ sendingText,
113
+ bannerPosition,
114
+ bannerRef
115
+ }), ["top", "bottom"].includes(isLoading) ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyledIndicatorContainer, {
116
+ isLoading,
117
+ "data-testid": "ds-chat-loading-indicator"
118
+ }, /* @__PURE__ */ import_react.default.createElement(import_ds_indeterminate_progress_indicator.default, {
119
+ processing: true,
120
+ title: "Loading"
121
+ })) : null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledIndicatorContainer, {
122
+ linear: true,
123
+ isLoading: bannerPosition
124
+ }, /* @__PURE__ */ import_react.default.createElement(import_ds_banner.default, {
125
+ showCloseButton: true,
126
+ label: bannerProps.label || "Unread messages",
127
+ containerProps: { id: "ds-chat-banner" },
128
+ actionLink: {
129
+ label: bannerProps.viewLabel || "View",
130
+ onClick: bannerProps.onView
131
+ },
132
+ onClose: bannerProps.onClose,
133
+ isOpen: true,
134
+ type: bannerProps.type || import_ds_banner.BANNER_TYPES.INFO,
135
+ actionRef: bannerRef
136
+ })), sendingMessages && sendingMessages.length > 0 ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyledIndicatorContainer, {
137
+ isLoading: "bottom",
138
+ linear: true,
139
+ "data-testid": "ds-chat-loading-indicator"
140
+ }, /* @__PURE__ */ import_react.default.createElement(import_ds_indeterminate_progress_indicator.default, {
141
+ processing: true,
142
+ title: sendingText,
143
+ lineOnly: true
144
+ })) : null), /* @__PURE__ */ import_react.default.createElement(import_chat_composer.ChatComposer, {
145
+ ...composerProps,
146
+ onKeyDown: handleTabs,
147
+ onResize,
148
+ maxHeight: (containerRef.current?.clientHeight || 0) / 2,
149
+ actionRef: actionRef || listRef
150
+ }));
168
151
  };
169
-
170
- ChatContainer.defaultProps = props.defaultProps;
171
- const ChatContainerWithSchema = reactDesc.describe(ChatContainer);
172
- ChatContainerWithSchema.propTypes = props.containerProps;
173
-
174
- exports.ChatContainer = ChatContainer;
175
- exports.ChatContainerWithSchema = ChatContainerWithSchema;
152
+ ChatContainer.propTypes = import_props.containerProps;
153
+ ChatContainer.defaultProps = import_props.defaultProps;
154
+ const ChatContainerWithSchema = (0, import_react_desc.describe)(ChatContainer);
155
+ ChatContainerWithSchema.propTypes = import_props.containerProps;
156
+ module.exports = __toCommonJS(ChatContainer_exports);
157
+ //# sourceMappingURL=ChatContainer.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/parts/chat-container/ChatContainer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["/* eslint-disable max-lines */\n/* 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, containerProps);\n\n const {\n sendingText,\n sendingMessages,\n bannerPosition,\n bannerProps,\n messagesListProps,\n composerProps,\n composerProps: { onResize: onComposerResize, onKeyDown: onComposerKeyDown },\n actionRef,\n device,\n isLoading,\n hasMoreItems,\n getMoreMessages,\n ariaLabel,\n } = props;\n const bannerRef = React.useRef({ focusOnWrapper: noop, focusOnLink: noop });\n const containerRef = React.useRef<HTMLElement>();\n const listRef = React.useRef({ scrollToIndex: noop });\n\n const onResize = React.useCallback(\n (height: number) => {\n if (onComposerResize) onComposerResize(height);\n /*\n setTimeout is used to equal the animation duration from the \n composer text area when increase its size\n */\n setTimeout(() => {\n actionRef.current.scrollToIndex(messagesListProps.messages.length - 1, {\n align: 'start',\n });\n }, 50);\n },\n [onComposerResize, messagesListProps.messages, actionRef],\n );\n const Container = device === 'desktop' ? StyledChatContainerContent : MobileStyledChatContainerContent;\n const handleTabs = React.useCallback(\n (e: React.KeyboardEvent) => {\n if (onComposerKeyDown) onComposerKeyDown(e);\n else {\n const ref = actionRef || listRef;\n if (e.shiftKey && e.key === 'Tab') {\n if (messagesListProps.messages?.length > 0) {\n e.preventDefault();\n if (['top', 'bottom'].includes(bannerPosition)) {\n bannerRef.current.focusOnWrapper();\n } else {\n const last = ref.current.getMessagesInView().pop();\n ref.current?.focusToIndexWithoutScroll(last);\n }\n }\n }\n }\n },\n [actionRef, onComposerKeyDown, bannerPosition, messagesListProps.messages?.length],\n );\n\n // Map actions\n React.useEffect(() => {\n if (actionRef && actionRef.current) {\n actionRef.current.focusOnBanner = bannerRef.current.focusOnWrapper;\n actionRef.current.focusOnBannerLink = bannerRef.current.focusOnLink;\n }\n }, [actionRef]);\n\n return (\n <Container rows={['minmax(0, 1fr)', 'auto']} ref={containerRef} role=\"region\" aria-label={ariaLabel}>\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 bannerPosition={bannerPosition}\n bannerRef={bannerRef}\n />\n {['top', 'bottom'].includes(isLoading) ? (\n <StyledIndicatorContainer isLoading={isLoading} data-testid=\"ds-chat-loading-indicator\">\n <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n </StyledIndicatorContainer>\n ) : null}\n <StyledIndicatorContainer linear 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={bannerProps.type || BANNER_TYPES.INFO}\n actionRef={bannerRef}\n />\n </StyledIndicatorContainer>\n {sendingMessages && sendingMessages.length > 0 ? (\n <StyledIndicatorContainer isLoading=\"bottom\" linear data-testid=\"ds-chat-loading-indicator\">\n <DSIndeterminateProgressIndicator processing title={sendingText} lineOnly />\n </StyledIndicatorContainer>\n ) : null}\n </div>\n <ChatComposer\n {...composerProps}\n onKeyDown={handleTabs}\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", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,oBAAqB;AACrB,wBAAyB;AACzB,iDAA6C;AAC7C,uBAAuC;AACvC,2BAA6B;AAC7B,0CAA0C;AAC1C,mBAAiE;AACjE,oBAAuG;AACvG,8BAAiC;AAEjC,MAAM,gBAAgB,CAAC,UAA2C;AAChE,gDAAiB,OAAO;AAExB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe,EAAE,UAAU,kBAAkB,WAAW;AAAA,IACxD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AACJ,QAAM,YAAY,qBAAM,OAAO,EAAE,gBAAgB,oBAAM,aAAa;AACpE,QAAM,eAAe,qBAAM;AAC3B,QAAM,UAAU,qBAAM,OAAO,EAAE,eAAe;AAE9C,QAAM,WAAW,qBAAM,YACrB,CAAC,WAAmB;AAClB,QAAI;AAAkB,uBAAiB;AAKvC,eAAW,MAAM;AACf,gBAAU,QAAQ,cAAc,kBAAkB,SAAS,SAAS,GAAG;AAAA,QACrE,OAAO;AAAA;AAAA,OAER;AAAA,KAEL,CAAC,kBAAkB,kBAAkB,UAAU;AAEjD,QAAM,YAAY,WAAW,YAAY,2CAA6B;AACtE,QAAM,aAAa,qBAAM,YACvB,CAAC,MAA2B;AAC1B,QAAI;AAAmB,wBAAkB;AAAA,SACpC;AACH,YAAM,MAAM,aAAa;AACzB,UAAI,EAAE,YAAY,EAAE,QAAQ,OAAO;AACjC,YAAI,kBAAkB,UAAU,SAAS,GAAG;AAC1C,YAAE;AACF,cAAI,CAAC,OAAO,UAAU,SAAS,iBAAiB;AAC9C,sBAAU,QAAQ;AAAA,iBACb;AACL,kBAAM,OAAO,IAAI,QAAQ,oBAAoB;AAC7C,gBAAI,SAAS,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA,KAMjD,CAAC,WAAW,mBAAmB,gBAAgB,kBAAkB,UAAU;AAI7E,uBAAM,UAAU,MAAM;AACpB,QAAI,aAAa,UAAU,SAAS;AAClC,gBAAU,QAAQ,gBAAgB,UAAU,QAAQ;AACpD,gBAAU,QAAQ,oBAAoB,UAAU,QAAQ;AAAA;AAAA,KAEzD,CAAC;AAEJ,SACE,mDAAC,WAAD;AAAA,IAAW,MAAM,CAAC,kBAAkB;AAAA,IAAS,KAAK;AAAA,IAAc,MAAK;AAAA,IAAS,cAAY;AAAA,KACxF,mDAAC,OAAD;AAAA,IAAK,OAAO,EAAE,UAAU,YAAY,UAAU;AAAA,KAC5C,mDAAC,+DAAD;AAAA,OACM;AAAA,IACJ,WAAW,aAAa;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAED,CAAC,OAAO,UAAU,SAAS,aAC1B,mDAAC,wCAAD;AAAA,IAA0B;AAAA,IAAsB,eAAY;AAAA,KAC1D,mDAAC,oDAAD;AAAA,IAAkC,YAAU;AAAA,IAAC,OAAM;AAAA,QAEnD,MACJ,mDAAC,wCAAD;AAAA,IAA0B,QAAM;AAAA,IAAC,WAAW;AAAA,KAC1C,mDAAC,0BAAD;AAAA,IACE,iBAAe;AAAA,IACf,OAAO,YAAY,SAAS;AAAA,IAC5B,gBAAgB,EAAE,IAAI;AAAA,IACtB,YAAY;AAAA,MACV,OAAO,YAAY,aAAa;AAAA,MAChC,SAAS,YAAY;AAAA;AAAA,IAEvB,SAAS,YAAY;AAAA,IACrB,QAAM;AAAA,IACN,MAAM,YAAY,QAAQ,8BAAa;AAAA,IACvC,WAAW;AAAA,OAGd,mBAAmB,gBAAgB,SAAS,IAC3C,mDAAC,wCAAD;AAAA,IAA0B,WAAU;AAAA,IAAS,QAAM;AAAA,IAAC,eAAY;AAAA,KAC9D,mDAAC,oDAAD;AAAA,IAAkC,YAAU;AAAA,IAAC,OAAO;AAAA,IAAa,UAAQ;AAAA,QAEzE,OAEN,mDAAC,mCAAD;AAAA,OACM;AAAA,IACJ,WAAW;AAAA,IACX;AAAA,IACA,WAAY,cAAa,SAAS,gBAAgB,KAAK;AAAA,IACvD,WAAW,aAAa;AAAA;AAAA;AAMhC,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,MAAM,0BAA0B,gCAAS;AACzC,wBAAwB,YAAY;",
6
+ "names": []
7
+ }
@@ -1,11 +1,38 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var dsPropsHelpers = require('@elliemae/ds-props-helpers');
6
-
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");
7
34
  const useValidateProps = (props, propTypes) => {
8
- dsPropsHelpers.useValidateTypescriptPropTypes(props, propTypes);
35
+ (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes);
9
36
  };
10
-
11
- exports.useValidateProps = useValidateProps;
37
+ module.exports = __toCommonJS(useValidateProps_exports);
38
+ //# sourceMappingURL=useValidateProps.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../src/parts/chat-container/config/useValidateProps.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatContainerProps } from '../props';\n\nexport const useValidateProps = (props: ChatContainerProps, propTypes: unknown): void => {\n useValidateTypescriptPropTypes(props, propTypes);\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAGxC,MAAM,mBAAmB,CAAC,OAA2B,cAA6B;AACvF,8DAA+B,OAAO;AAAA;",
6
+ "names": []
7
+ }
@@ -1,10 +1,36 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var ChatContainer = require('./ChatContainer.js');
6
-
7
-
8
-
9
- exports.ChatContainer = ChatContainer.ChatContainer;
10
- exports.ChatContainerWithSchema = ChatContainer.ChatContainerWithSchema;
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_container_exports = {};
29
+ __export(chat_container_exports, {
30
+ ChatContainer: () => import_ChatContainer.ChatContainer,
31
+ ChatContainerWithSchema: () => import_ChatContainer.ChatContainerWithSchema
32
+ });
33
+ var React = __toESM(require("react"));
34
+ var import_ChatContainer = require("./ChatContainer");
35
+ module.exports = __toCommonJS(chat_container_exports);
36
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/parts/chat-container/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["export { ChatContainer, ChatContainerWithSchema } from './ChatContainer';\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAuD;",
6
+ "names": []
7
+ }
@@ -1,49 +1,92 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var reactDesc = require('react-desc');
6
- var lodash = require('lodash');
7
- var DSBanner = require('@elliemae/ds-banner');
8
- var props = require('../chat-container-messages-list/props.js');
9
- var props$1 = require('../chat-composer/props.js');
10
-
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
+ containerProps: () => containerProps,
31
+ defaultProps: () => defaultProps
32
+ });
33
+ var React = __toESM(require("react"));
34
+ var import_react_desc = require("react-desc");
35
+ var import_lodash = require("lodash");
36
+ var import_ds_banner = require("@elliemae/ds-banner");
37
+ var import_props = require("../chat-container-messages-list/props");
38
+ var import_props2 = require("../chat-composer/props");
11
39
  const defaultProps = {
12
- messagesListProps: props.defaultProps,
13
- composerProps: props$1.defaultComposerPros,
14
- actionRef: undefined,
40
+ messagesListProps: import_props.defaultProps,
41
+ composerProps: import_props2.defaultComposerPros,
42
+ actionRef: void 0,
15
43
  autoScroll: false,
16
- device: 'desktop',
17
- isLoading: undefined,
18
- hasMoreItems: undefined,
19
- getMoreMessages: lodash.noop,
20
- bannerPosition: undefined,
44
+ device: "desktop",
45
+ isLoading: void 0,
46
+ hasMoreItems: void 0,
47
+ getMoreMessages: import_lodash.noop,
48
+ bannerPosition: void 0,
21
49
  bannerProps: {
22
- type: DSBanner.BANNER_TYPES.INFO,
23
- label: 'Unread Messages',
24
- viewLabel: 'View',
25
- onView: lodash.noop,
26
- onClose: lodash.noop
50
+ type: import_ds_banner.BANNER_TYPES.INFO,
51
+ label: "Unread Messages",
52
+ viewLabel: "View",
53
+ onView: import_lodash.noop,
54
+ onClose: import_lodash.noop
27
55
  },
28
- sendingMessages: undefined,
29
- sendingText: 'Sending',
30
- ariaLabel: 'Chat window'
56
+ sendingMessages: void 0,
57
+ sendingText: "Sending",
58
+ ariaLabel: "Chat window"
31
59
  };
32
60
  const containerProps = {
33
- messagesListProps: reactDesc.PropTypes.object.description('ChatMessageList props "messages" / "onScrollEnds"').defaultValue(defaultProps.messagesListProps),
34
- composerProps: reactDesc.PropTypes.object.description('Composer configuration').defaultValue(defaultProps.composerProps),
35
- autoScroll: reactDesc.PropTypes.bool.description('Auto scroll to bottom on resize').defaultValue(defaultProps.autoScroll),
36
- device: reactDesc.PropTypes.string.description('Option to render mobile or desktop style composer').defaultValue(defaultProps.device),
37
- isLoading: reactDesc.PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Loading messages indicator at the `top` or `bottom` of the container'),
38
- hasMoreItems: reactDesc.PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Load More button at the `top` or `bottom` of the container'),
39
- getMoreMessages: reactDesc.PropTypes.func.description('Called when the user clicks on load more').defaultValue(defaultProps.getMoreMessages),
40
- bannerPosition: reactDesc.PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Loading messages indicator at the `top` or `bottom` of the container'),
41
- bannerProps: reactDesc.PropTypes.object.description("Banner configuration:\n label: string;\n viewLabel: string;\n type: BANNER_TYPES;\n onView: () => void;\n onClose: () => void;\n ").defaultValue(defaultProps.bannerProps),
42
- sendingMessages: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string), reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number)]).description('Array of ids of sending messages').defaultValue(defaultProps.sendingMessages),
43
- sendingText: reactDesc.PropTypes.string.description('Label description for messages in sending status').defaultValue(defaultProps.sendingText),
44
- actionRef: reactDesc.PropTypes.object.description("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 ").defaultValue(defaultProps.actionRef),
45
- ariaLabel: reactDesc.PropTypes.string.description('Aria Label description for chat container').defaultValue(defaultProps.ariaLabel)
61
+ messagesListProps: import_react_desc.PropTypes.object.description('ChatMessageList props "messages" / "onScrollEnds"').defaultValue(defaultProps.messagesListProps),
62
+ composerProps: import_react_desc.PropTypes.object.description("Composer configuration").defaultValue(defaultProps.composerProps),
63
+ autoScroll: import_react_desc.PropTypes.bool.description("Auto scroll to bottom on resize").defaultValue(defaultProps.autoScroll),
64
+ device: import_react_desc.PropTypes.string.description("Option to render mobile or desktop style composer").defaultValue(defaultProps.device),
65
+ isLoading: import_react_desc.PropTypes.oneOf(["top", "bottom", void 0]).description("Show Loading messages indicator at the `top` or `bottom` of the container"),
66
+ hasMoreItems: import_react_desc.PropTypes.oneOf(["top", "bottom", void 0]).description("Show Load More button at the `top` or `bottom` of the container"),
67
+ getMoreMessages: import_react_desc.PropTypes.func.description("Called when the user clicks on load more").defaultValue(defaultProps.getMoreMessages),
68
+ bannerPosition: import_react_desc.PropTypes.oneOf(["top", "bottom", void 0]).description("Show Loading messages indicator at the `top` or `bottom` of the container"),
69
+ bannerProps: import_react_desc.PropTypes.object.description(`Banner configuration:
70
+ label: string;
71
+ viewLabel: string;
72
+ type: BANNER_TYPES;
73
+ onView: () => void;
74
+ onClose: () => void;
75
+ `).defaultValue(defaultProps.bannerProps),
76
+ sendingMessages: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string), import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.number)]).description("Array of ids of sending messages").defaultValue(defaultProps.sendingMessages),
77
+ sendingText: import_react_desc.PropTypes.string.description("Label description for messages in sending status").defaultValue(defaultProps.sendingText),
78
+ actionRef: import_react_desc.PropTypes.object.description(`Reference:
79
+ {
80
+ scrollToIndex: (n: number) => void,
81
+ getMessagesInView: () => number[],
82
+ focusToIndex: (n: number) => void,
83
+ focusToList: () => void,
84
+ focusToComposer: () => void,
85
+ focusToSend: () => void,
86
+ }
87
+
88
+ `).defaultValue(defaultProps.actionRef),
89
+ ariaLabel: import_react_desc.PropTypes.string.description("Aria Label description for chat container").defaultValue(defaultProps.ariaLabel)
46
90
  };
47
-
48
- exports.containerProps = containerProps;
49
- exports.defaultProps = defaultProps;
91
+ module.exports = __toCommonJS(props_exports);
92
+ //# sourceMappingURL=props.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../src/parts/chat-container/props.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { BANNER_TYPES } from '@elliemae/ds-banner';\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 type?: BANNER_TYPES;\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 ariaLabel: 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 type: BANNER_TYPES.INFO,\n label: 'Unread Messages',\n viewLabel: 'View',\n onView: noop,\n onClose: noop,\n },\n sendingMessages: undefined,\n sendingText: 'Sending',\n ariaLabel: 'Chat window',\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\n .description(\n `Banner configuration:\n label: string;\n viewLabel: string;\n type: BANNER_TYPES;\n onView: () => void;\n onClose: () => void;\n `,\n )\n .defaultValue(defaultProps.bannerProps),\n sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)])\n .description('Array of ids of sending messages')\n .defaultValue(defaultProps.sendingMessages),\n sendingText: PropTypes.string\n .description('Label description for messages in sending status')\n .defaultValue(defaultProps.sendingText),\n actionRef: PropTypes.object\n .description(\n `Reference: \n { \n scrollToIndex: (n: number) => void,\n getMessagesInView: () => number[],\n focusToIndex: (n: number) => void,\n focusToList: () => void,\n focusToComposer: () => void,\n focusToSend: () => void,\n }\n \n `,\n )\n .defaultValue(defaultProps.actionRef),\n ariaLabel: PropTypes.string\n .description('Aria Label description for chat container')\n .defaultValue(defaultProps.ariaLabel),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,oBAAqB;AACrB,uBAA6B;AAC7B,mBAGO;AACP,oBAAuD;AAyBhD,MAAM,eAAmC;AAAA,EAC9C,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa;AAAA,IACX,MAAM,8BAAa;AAAA,IACnB,OAAO;AAAA,IACP,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AAAA;AAGN,MAAM,iBAAiB;AAAA,EAC5B,mBAAmB,4BAAU,OAC1B,YAAY,qDACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,4BAAU,OAAO,YAAY,0BAA0B,aAAa,aAAa;AAAA,EAChG,YAAY,4BAAU,KAAK,YAAY,mCAAmC,aAAa,aAAa;AAAA,EACpG,QAAQ,4BAAU,OACf,YAAY,qDACZ,aAAa,aAAa;AAAA,EAC7B,WAAW,4BAAU,MAAM,CAAC,OAAO,UAAU,SAAY,YACvD;AAAA,EAEF,cAAc,4BAAU,MAAM,CAAC,OAAO,UAAU,SAAY,YAC1D;AAAA,EAEF,iBAAiB,4BAAU,KACxB,YAAY,4CACZ,aAAa,aAAa;AAAA,EAC7B,gBAAgB,4BAAU,MAAM,CAAC,OAAO,UAAU,SAAY,YAC5D;AAAA,EAEF,aAAa,4BAAU,OACpB,YACC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQD,aAAa,aAAa;AAAA,EAC7B,iBAAiB,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,SAAS,4BAAU,QAAQ,4BAAU,UACpG,YAAY,oCACZ,aAAa,aAAa;AAAA,EAC7B,aAAa,4BAAU,OACpB,YAAY,oDACZ,aAAa,aAAa;AAAA,EAC7B,WAAW,4BAAU,OAClB,YACC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAYD,aAAa,aAAa;AAAA,EAC7B,WAAW,4BAAU,OAClB,YAAY,6CACZ,aAAa,aAAa;AAAA;",
6
+ "names": []
7
+ }