@elliemae/ds-chat 2.3.0-next.10 → 2.3.0-next.15

package/cjs/exported-related/chat-container-header/ChatContainerHeader.js

@@ -3,16 +3,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.constructor.js');
+require('core-js/modules/esnext.async-iterator.to-array.js');
+require('core-js/modules/esnext.iterator.to-array.js');
+var React = require('react');
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var styled = require('./styled.js');
 var props = require('./props.js');
-var helpers = require('./helpers.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const ChatContainerHeader = props$1 => {
   const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.defaultProps);
@@ -32,7 +40,7 @@ const ChatContainerHeader = props$1 => {
   }, void 0, /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
     value: title
   })), /*#__PURE__*/_jsx__default["default"](styled.StyledChatContainerContentHeaderActions, {
-    cols: helpers.validHeaderChilds(children),
+    cols: React__default["default"].Children.toArray(children).filter(Boolean).map(() => '32px'),
     justifyContent: "flex-end",
     "data-testid": "chat-container-header-children"
   }, void 0, children));

package/cjs/exported-related/chat-container-header/props.js

@@ -3,11 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var jsxRuntime = require('react/jsx-runtime');
 
 const defaultProps = {
-  title: '',
-  children: /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {})
+  title: ''
 };
 const propTypes = {
   title: dsPropsHelpers.PropTypes.string.isRequired.description("Card's title"),

package/cjs/exported-related/chat-container-header/styled.js

@@ -17,7 +17,7 @@ const StyledChatContainerContentHeader = /*#__PURE__*/styled__default["default"]
 })(["width:100%;min-height:48px;border-bottom:1px solid ", ";background:", ";", "{& button{background:transparent;}}"], props => props.theme.colors.neutral['200'], props => props.theme.colors.neutral['050'], StyledChatContainerContentHeaderActions);
 const StyledChatContainerContentHeaderLabel = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-rsxerm-2"
-})(["justify-content:center;align-items:center;font-weight:bold;font-size:18px;color:", ";"], props => props.theme.colors.neutral['700']);
+})(["justify-content:center;align-items:center;font-weight:bold;font-size:18px;color:", ";line-height:1.6;"], props => props.theme.colors.neutral['700']);
 
 exports.StyledChatContainerContentHeader = StyledChatContainerContentHeader;
 exports.StyledChatContainerContentHeaderActions = StyledChatContainerContentHeaderActions;

package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js

@@ -26,6 +26,7 @@ var MessageDelimiter = require('../../exported-related/message-delimiter/Message
 var SystemMessage = require('../../exported-related/system-message/SystemMessage.js');
 var styled = require('./styled.js');
 var reactDescPropTypes = require('../../react-desc-prop-types.js');
+var useGetNewMessages = require('./useGetNewMessages.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -89,6 +90,7 @@ const ChatContainerMessagesList = props$1 => {
   })), {}, {
     estimateSize: React__default["default"].useCallback(() => 80, [])
   }));
+  const newMessages = useGetNewMessages.useGetNewMessages(messages);
   const debouncedScroll = React__default["default"].useMemo(() => lodash.debounce(() => {
     var _virtualListRef$curre;
 
@@ -229,7 +231,12 @@ const ChatContainerMessagesList = props$1 => {
 
           e.preventDefault();
           (_loadMoreRef$current2 = loadMoreRef.current) === null || _loadMoreRef$current2 === void 0 ? void 0 : _loadMoreRef$current2.focus();
-        } else if (hasMoreItems === 'top' && e.shiftKey) ; else if (!e.shiftKey) {
+        } else if (hasMoreItems === 'top' && e.shiftKey) {
+          var _loadMoreRef$current3;
+
+          e.preventDefault();
+          (_loadMoreRef$current3 = loadMoreRef.current) === null || _loadMoreRef$current3 === void 0 ? void 0 : _loadMoreRef$current3.focus();
+        } else if (!e.shiftKey) {
           if (bannerPosition) {
             var _bannerRef$current;
 
@@ -289,11 +296,6 @@ const ChatContainerMessagesList = props$1 => {
       case 'Tab':
         if (document.activeElement !== loadMoreRef.current) {
           if (hasMoreItems === 'bottom' && !e.shiftKey) {
-            var _loadMoreRef$current3;
-
-            e.preventDefault();
-            (_loadMoreRef$current3 = loadMoreRef.current) === null || _loadMoreRef$current3 === void 0 ? void 0 : _loadMoreRef$current3.focus();
-          } else if (hasMoreItems === 'top' && e.shiftKey) {
             var _loadMoreRef$current4;
 
             e.preventDefault();
@@ -348,12 +350,10 @@ const ChatContainerMessagesList = props$1 => {
       })) : null, row.type === props.BUBBLE_TYPES.DELIMITER ? /*#__PURE__*/jsxRuntime.jsx(MessageDelimiter.MessageDelimiter, _objectSpread({}, row)) : null, row.type === props.BUBBLE_TYPES.SYSTEM ? /*#__PURE__*/jsxRuntime.jsx(SystemMessage.SystemMessage, _objectSpread({}, row)) : null)
     }, "ds-chat-bubble-".concat(index, "-").concat(row.dsId, "-").concat(row.type));
   }), [virtualItems, messages, sendingMessages, handleKey, sendingText]);
-  return /*#__PURE__*/jsxRuntime.jsx(styled.StyledWrapper, _objectSpread(_objectSpread({}, globalAttributes), {}, {
-    children: /*#__PURE__*/jsxRuntime.jsx(styled.StyledChatContainerContentList, {
+  return /*#__PURE__*/jsxRuntime.jsxs(styled.StyledWrapper, _objectSpread(_objectSpread({}, globalAttributes), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(styled.StyledChatContainerContentList, {
       "data-testid": "chat-thread-container",
       tabIndex: 0,
-      "aria-live": "polite",
-      "aria-relevant": "additions",
       ref: virtualListRef,
       role: "list",
       onKeyDown: handleListKey,
@@ -368,7 +368,10 @@ const ChatContainerMessagesList = props$1 => {
         "data-testid": "ds-chat-load-more-btn",
         innerRef: loadMoreRef
       })) : null, render)
-    })
+    }), /*#__PURE__*/_jsx__default["default"](styled.StyledNewMessagesHiddenContainer, {
+      "aria-live": "polite",
+      "aria-hidden": "false"
+    }, void 0, newMessages.map(newMessage => /*#__PURE__*/_jsx__default["default"]("p", {}, void 0, newMessage.title, " ", newMessage.time, " ", newMessage.body, " ", newMessage.errorMessage, " ", newMessage.helpMessage)))]
   }));
 };
 

package/cjs/parts/chat-container-messages-list/styled.js

@@ -20,19 +20,23 @@ const StyledWrapperListItem = /*#__PURE__*/styled__default["default"].div.withCo
 const StyledChatContainerContentList = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1jhprzr-2"
 })(["width:100%;height:100%;padding:", ";padding-bottom:0;overflow-y:auto;overflow-x:hidden;"], props => props.theme.space.xs);
-const StyledChatContainerContentListScroll = /*#__PURE__*/styled__default["default"].div.withConfig({
+const StyledNewMessagesHiddenContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1jhprzr-3"
+})(["position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(100%);white-space:nowrap;"]);
+const StyledChatContainerContentListScroll = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1jhprzr-4"
 })(["width:100%;height:", ";position:relative;"], props => props.height);
 const StyledLoadMoreContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1jhprzr-4"
+  componentId: "sc-1jhprzr-5"
 })(["position:absolute;width:calc(100% + ", ");padding:", ";left:-", ";right:-", ";display:grid;justify-content:center;align-items:center;", " ", ""], props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.hasMoreItems === 'top' ? 'top: 0;' : '', props => props.hasMoreItems === 'bottom' ? 'bottom: 0;' : '');
 const ListItem = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1jhprzr-5"
+  componentId: "sc-1jhprzr-6"
 })(["&:focus,&:focus-visible{outline:none;&:after{content:'';display:block;position:absolute;top:0;left:-", ";pointer-events:none;border-radius:2px;background-color:#ebedf0;width:calc(100% + 24px);border:2px solid #1e79c2;height:100%;z-index:-1;}}"], props => props.theme.space.xxs);
 
 exports.ListItem = ListItem;
 exports.StyledChatContainerContentList = StyledChatContainerContentList;
 exports.StyledChatContainerContentListScroll = StyledChatContainerContentListScroll;
 exports.StyledLoadMoreContainer = StyledLoadMoreContainer;
+exports.StyledNewMessagesHiddenContainer = StyledNewMessagesHiddenContainer;
 exports.StyledWrapper = StyledWrapper;
 exports.StyledWrapperListItem = StyledWrapperListItem;

package/cjs/parts/chat-container-messages-list/useGetNewMessages.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+var React = require('react');
+
+const useGetNewMessages = messages => {
+  const [seenMessages, setSeenMessages] = React.useState({});
+  const newMessages = React.useMemo(() => {
+    const list = [];
+    messages.forEach(message => {
+      if (!(message.dsId in seenMessages)) {
+        list.push(message);
+      }
+    });
+    setSeenMessages(Object.fromEntries(messages.map(m => [m.dsId, true])));
+    return list; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [messages]);
+  return newMessages;
+};
+
+exports.useGetNewMessages = useGetNewMessages;

package/esm/exported-related/chat-container-header/ChatContainerHeader.js

@@ -1,10 +1,17 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.constructor.js';
+import 'core-js/modules/esnext.async-iterator.to-array.js';
+import 'core-js/modules/esnext.iterator.to-array.js';
+import React from 'react';
 import { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
 import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
 import { StyledChatContainerContentHeader, StyledChatContainerContentHeaderLabel, StyledChatContainerContentHeaderActions } from './styled.js';
 import { propTypes, defaultProps } from './props.js';
-import { validHeaderChilds } from './helpers.js';
 
 const ChatContainerHeader = props => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
@@ -24,7 +31,7 @@ const ChatContainerHeader = props => {
   }, void 0, /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
     value: title
   })), /*#__PURE__*/_jsx(StyledChatContainerContentHeaderActions, {
-    cols: validHeaderChilds(children),
+    cols: React.Children.toArray(children).filter(Boolean).map(() => '32px'),
     justifyContent: "flex-end",
     "data-testid": "chat-container-header-children"
   }, void 0, children));

package/esm/exported-related/chat-container-header/props.js

@@ -1,9 +1,7 @@
 import { PropTypes } from '@elliemae/ds-props-helpers';
-import { jsx, Fragment } from 'react/jsx-runtime';
 
 const defaultProps = {
-  title: '',
-  children: /*#__PURE__*/jsx(Fragment, {})
+  title: ''
 };
 const propTypes = {
   title: PropTypes.string.isRequired.description("Card's title"),

package/esm/exported-related/chat-container-header/styled.js

@@ -9,6 +9,6 @@ const StyledChatContainerContentHeader = /*#__PURE__*/styled(Grid).withConfig({
 })(["width:100%;min-height:48px;border-bottom:1px solid ", ";background:", ";", "{& button{background:transparent;}}"], props => props.theme.colors.neutral['200'], props => props.theme.colors.neutral['050'], StyledChatContainerContentHeaderActions);
 const StyledChatContainerContentHeaderLabel = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-rsxerm-2"
-})(["justify-content:center;align-items:center;font-weight:bold;font-size:18px;color:", ";"], props => props.theme.colors.neutral['700']);
+})(["justify-content:center;align-items:center;font-weight:bold;font-size:18px;color:", ";line-height:1.6;"], props => props.theme.colors.neutral['700']);
 
 export { StyledChatContainerContentHeader, StyledChatContainerContentHeaderActions, StyledChatContainerContentHeaderLabel };

package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js

@@ -20,9 +20,10 @@ import { ChatBubble } from '../../exported-related/bubble/ChatBubble.js';
 import { BUBBLE_TYPES } from '../../exported-related/bubble/props.js';
 import { MessageDelimiter } from '../../exported-related/message-delimiter/MessageDelimiter.js';
 import { SystemMessage } from '../../exported-related/system-message/SystemMessage.js';
-import { ListItem, StyledWrapperListItem, StyledWrapper, StyledChatContainerContentList, StyledChatContainerContentListScroll, StyledLoadMoreContainer } from './styled.js';
+import { ListItem, StyledWrapperListItem, StyledWrapper, StyledChatContainerContentList, StyledChatContainerContentListScroll, StyledLoadMoreContainer, StyledNewMessagesHiddenContainer } from './styled.js';
 import { ChatContainerMessagesListPropTypes, defaultPropsMessagesList } from '../../react-desc-prop-types.js';
-import { jsx } from 'react/jsx-runtime';
+import { useGetNewMessages } from './useGetNewMessages.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 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; }
 
@@ -78,6 +79,7 @@ const ChatContainerMessagesList = props => {
   })), {}, {
     estimateSize: React.useCallback(() => 80, [])
   }));
+  const newMessages = useGetNewMessages(messages);
   const debouncedScroll = React.useMemo(() => debounce(() => {
     var _virtualListRef$curre;
 
@@ -218,7 +220,12 @@ const ChatContainerMessagesList = props => {
 
           e.preventDefault();
           (_loadMoreRef$current2 = loadMoreRef.current) === null || _loadMoreRef$current2 === void 0 ? void 0 : _loadMoreRef$current2.focus();
-        } else if (hasMoreItems === 'top' && e.shiftKey) ; else if (!e.shiftKey) {
+        } else if (hasMoreItems === 'top' && e.shiftKey) {
+          var _loadMoreRef$current3;
+
+          e.preventDefault();
+          (_loadMoreRef$current3 = loadMoreRef.current) === null || _loadMoreRef$current3 === void 0 ? void 0 : _loadMoreRef$current3.focus();
+        } else if (!e.shiftKey) {
           if (bannerPosition) {
             var _bannerRef$current;
 
@@ -278,11 +285,6 @@ const ChatContainerMessagesList = props => {
       case 'Tab':
         if (document.activeElement !== loadMoreRef.current) {
           if (hasMoreItems === 'bottom' && !e.shiftKey) {
-            var _loadMoreRef$current3;
-
-            e.preventDefault();
-            (_loadMoreRef$current3 = loadMoreRef.current) === null || _loadMoreRef$current3 === void 0 ? void 0 : _loadMoreRef$current3.focus();
-          } else if (hasMoreItems === 'top' && e.shiftKey) {
             var _loadMoreRef$current4;
 
             e.preventDefault();
@@ -337,12 +339,10 @@ const ChatContainerMessagesList = props => {
       })) : null, row.type === BUBBLE_TYPES.DELIMITER ? /*#__PURE__*/jsx(MessageDelimiter, _objectSpread({}, row)) : null, row.type === BUBBLE_TYPES.SYSTEM ? /*#__PURE__*/jsx(SystemMessage, _objectSpread({}, row)) : null)
     }, "ds-chat-bubble-".concat(index, "-").concat(row.dsId, "-").concat(row.type));
   }), [virtualItems, messages, sendingMessages, handleKey, sendingText]);
-  return /*#__PURE__*/jsx(StyledWrapper, _objectSpread(_objectSpread({}, globalAttributes), {}, {
-    children: /*#__PURE__*/jsx(StyledChatContainerContentList, {
+  return /*#__PURE__*/jsxs(StyledWrapper, _objectSpread(_objectSpread({}, globalAttributes), {}, {
+    children: [/*#__PURE__*/jsx(StyledChatContainerContentList, {
       "data-testid": "chat-thread-container",
       tabIndex: 0,
-      "aria-live": "polite",
-      "aria-relevant": "additions",
       ref: virtualListRef,
       role: "list",
       onKeyDown: handleListKey,
@@ -357,7 +357,10 @@ const ChatContainerMessagesList = props => {
         "data-testid": "ds-chat-load-more-btn",
         innerRef: loadMoreRef
       })) : null, render)
-    })
+    }), /*#__PURE__*/_jsx(StyledNewMessagesHiddenContainer, {
+      "aria-live": "polite",
+      "aria-hidden": "false"
+    }, void 0, newMessages.map(newMessage => /*#__PURE__*/_jsx("p", {}, void 0, newMessage.title, " ", newMessage.time, " ", newMessage.body, " ", newMessage.errorMessage, " ", newMessage.helpMessage)))]
   }));
 };
 

package/esm/parts/chat-container-messages-list/styled.js

@@ -12,14 +12,17 @@ const StyledWrapperListItem = /*#__PURE__*/styled.div.withConfig({
 const StyledChatContainerContentList = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1jhprzr-2"
 })(["width:100%;height:100%;padding:", ";padding-bottom:0;overflow-y:auto;overflow-x:hidden;"], props => props.theme.space.xs);
-const StyledChatContainerContentListScroll = /*#__PURE__*/styled.div.withConfig({
+const StyledNewMessagesHiddenContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1jhprzr-3"
+})(["position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(100%);white-space:nowrap;"]);
+const StyledChatContainerContentListScroll = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1jhprzr-4"
 })(["width:100%;height:", ";position:relative;"], props => props.height);
 const StyledLoadMoreContainer = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1jhprzr-4"
+  componentId: "sc-1jhprzr-5"
 })(["position:absolute;width:calc(100% + ", ");padding:", ";left:-", ";right:-", ";display:grid;justify-content:center;align-items:center;", " ", ""], props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.hasMoreItems === 'top' ? 'top: 0;' : '', props => props.hasMoreItems === 'bottom' ? 'bottom: 0;' : '');
 const ListItem = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1jhprzr-5"
+  componentId: "sc-1jhprzr-6"
 })(["&:focus,&:focus-visible{outline:none;&:after{content:'';display:block;position:absolute;top:0;left:-", ";pointer-events:none;border-radius:2px;background-color:#ebedf0;width:calc(100% + 24px);border:2px solid #1e79c2;height:100%;z-index:-1;}}"], props => props.theme.space.xxs);
 
-export { ListItem, StyledChatContainerContentList, StyledChatContainerContentListScroll, StyledLoadMoreContainer, StyledWrapper, StyledWrapperListItem };
+export { ListItem, StyledChatContainerContentList, StyledChatContainerContentListScroll, StyledLoadMoreContainer, StyledNewMessagesHiddenContainer, StyledWrapper, StyledWrapperListItem };

package/esm/parts/chat-container-messages-list/useGetNewMessages.js

@@ -0,0 +1,24 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import { useState, useMemo } from 'react';
+
+const useGetNewMessages = messages => {
+  const [seenMessages, setSeenMessages] = useState({});
+  const newMessages = useMemo(() => {
+    const list = [];
+    messages.forEach(message => {
+      if (!(message.dsId in seenMessages)) {
+        list.push(message);
+      }
+    });
+    setSeenMessages(Object.fromEntries(messages.map(m => [m.dsId, true])));
+    return list; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [messages]);
+  return newMessages;
+};
+
+export { useGetNewMessages };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat",
-  "version": "2.3.0-next.10",
+  "version": "2.3.0-next.15",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Chat",
   "module": "./esm/index.js",
@@ -35,6 +35,10 @@
       "import": "./esm/parts/chat-container/ChatContainer.js",
       "require": "./cjs/parts/chat-container/ChatContainer.js"
     },
+    "./parts/chat-container-messages-list/useGetNewMessages": {
+      "import": "./esm/parts/chat-container-messages-list/useGetNewMessages.js",
+      "require": "./cjs/parts/chat-container-messages-list/useGetNewMessages.js"
+    },
     "./parts/chat-container-messages-list/styled": {
       "import": "./esm/parts/chat-container-messages-list/styled.js",
       "require": "./cjs/parts/chat-container-messages-list/styled.js"
@@ -191,10 +195,6 @@
       "import": "./esm/exported-related/chat-container-header/props.js",
       "require": "./cjs/exported-related/chat-container-header/props.js"
     },
-    "./exported-related/chat-container-header/helpers": {
-      "import": "./esm/exported-related/chat-container-header/helpers.js",
-      "require": "./cjs/exported-related/chat-container-header/helpers.js"
-    },
     "./exported-related/chat-container-header/ChatContainerHeader": {
       "import": "./esm/exported-related/chat-container-header/ChatContainerHeader.js",
       "require": "./cjs/exported-related/chat-container-header/ChatContainerHeader.js"
@@ -261,18 +261,18 @@
     "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-banner": "2.3.0-next.10",
-    "@elliemae/ds-button": "2.3.0-next.10",
-    "@elliemae/ds-grid": "2.3.0-next.10",
-    "@elliemae/ds-icons": "2.3.0-next.10",
-    "@elliemae/ds-indeterminate-progress-indicator": "2.3.0-next.10",
-    "@elliemae/ds-props-helpers": "2.3.0-next.10",
-    "@elliemae/ds-system": "2.3.0-next.10",
-    "@elliemae/ds-tooltip": "2.3.0-next.10",
-    "@elliemae/ds-truncated-tooltip-text": "2.3.0-next.10",
+    "@elliemae/ds-banner": "2.3.0-next.15",
+    "@elliemae/ds-button": "2.3.0-next.15",
+    "@elliemae/ds-grid": "2.3.0-next.15",
+    "@elliemae/ds-icons": "2.3.0-next.15",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.3.0-next.15",
+    "@elliemae/ds-props-helpers": "2.3.0-next.15",
+    "@elliemae/ds-system": "2.3.0-next.15",
+    "@elliemae/ds-tooltip": "2.3.0-next.15",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.0-next.15",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.2",
-    "react-virtual": "~2.3.2"
+    "react-virtual": "~2.8.2"
   },
   "devDependencies": {
     "@testing-library/dom": "~8.11.1",

package/types/exported-related/bubble/ChatBubble.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { BubblePropsT } from './props';
 declare const ChatBubble: React.ComponentType<BubblePropsT>;
-declare const ChatBubbleWithSchema: any;
+declare const ChatBubbleWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<BubblePropsT>;
 export { ChatBubble, ChatBubbleWithSchema };

package/types/exported-related/bubble/props.d.ts

@@ -19,15 +19,15 @@ export interface BubblePropsT {
 }
 export declare const defaultBubbleProps: BubblePropsT;
 export declare const BubblesPropTypes: {
-    dsId: any;
-    type: any;
-    title: any;
-    time: any;
-    body: any;
-    onClick: any;
-    errorMessage: any;
-    helpMessage: any;
+    dsId: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    type: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    title: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    time: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    body: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onClick: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    errorMessage: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    helpMessage: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
 };
 export declare const propsArrowBubble: {
-    type: any;
+    type: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
 };

package/types/exported-related/chat-card/ChatCard.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CardPropTypes } from './props';
 declare const ChatCard: React.ComponentType<CardPropTypes>;
-declare const ChatCardWithSchema: any;
+declare const ChatCardWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<CardPropTypes>;
 export { ChatCard, ChatCardWithSchema };

package/types/exported-related/chat-card/props.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 export declare const defaultProps: CardPropTypes;
 export declare const propTypes: {
-    title: any;
-    content: any;
-    time: any;
-    rightAddon: any;
+    title: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    content: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    time: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    rightAddon: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
 };
 export interface CardPropTypes {
     title: string;

package/types/exported-related/chat-container-header/ChatContainerHeader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { HeaderProps } from './props';
 declare const ChatContainerHeader: React.ComponentType<HeaderProps>;
-declare const ChatContainerHeaderWithSchema: any;
+declare const ChatContainerHeaderWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<HeaderProps>;
 export { ChatContainerHeader, ChatContainerHeaderWithSchema };

package/types/exported-related/chat-container-header/props.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 export declare const defaultProps: HeaderProps;
 export declare const propTypes: {
-    title: any;
-    children: any;
+    title: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    children: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
 };
 export interface HeaderProps {
     title: string;
-    children: React.ReactChild;
+    children?: React.ReactChild;
 }

package/types/exported-related/chat-container-header/tests/ChatContainerHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/exported-related/chat-empty-state/ChatEmptyState.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ChatEmptyStateProps } from './props';
 declare const ChatEmptyState: React.ComponentType<ChatEmptyStateProps>;
-declare const ChatEmptyStateWithSchema: any;
+declare const ChatEmptyStateWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<ChatEmptyStateProps>;
 export { ChatEmptyState, ChatEmptyStateWithSchema };

package/types/exported-related/chat-empty-state/props.d.ts

@@ -5,6 +5,6 @@ export interface ChatEmptyStateProps {
 }
 export declare const defaultProps: ChatEmptyStateProps;
 export declare const emptyStateProps: {
-    label: any;
-    action: any;
+    label: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    action: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
 };

package/types/exported-related/chat-sidebar/SideBarChat.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ChatSidebarProps } from './props';
 declare const SideBarChat: React.ComponentType<ChatSidebarProps>;
-declare const SideBarChatWithSchema: any;
+declare const SideBarChatWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<ChatSidebarProps>;
 export { SideBarChat, SideBarChatWithSchema };

package/types/exported-related/floating-button/FloatingButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { FloatingButtonProps } from './props';
 declare const FloatingButton: React.ComponentType<FloatingButtonProps>;
-declare const FloatingButtonWithSchema: any;
+declare const FloatingButtonWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<FloatingButtonProps>;
 export { FloatingButton, FloatingButtonWithSchema };

package/types/exported-related/floating-container/styled.d.ts

@@ -1 +1,2 @@
-export declare const StyledFloatingContainer: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;
+/// <reference types="react" />
+export declare const StyledFloatingContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/types/exported-related/message-delimiter/MessageDelimiter.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { MessageDelimiterProps } from './props';
 declare const MessageDelimiter: React.ComponentType<MessageDelimiterProps>;
-declare const MessageDelimiterWithSchema: any;
+declare const MessageDelimiterWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<MessageDelimiterProps>;
 export { MessageDelimiter, MessageDelimiterWithSchema };