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

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

@@ -2,48 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var reactDesc = require('react-desc');
 var reactVirtual = require('react-virtual');
-var DSButton = require('@elliemae/ds-button');
-var parts_bubble_ChatBubble = require('../bubble/ChatBubble.js');
-var parts_bubble_props = require('../bubble/props.js');
-var parts_messageDelimiter_MessageDelimiter = require('../message-delimiter/MessageDelimiter.js');
-var parts_systemMessage_SystemMessage = require('../system-message/SystemMessage.js');
-var parts_chatContainerMessagesList_styled = require('./styled.js');
-var parts_chatContainerMessagesList_props = require('./props.js');
-var parts_chatContainerMessagesList_config_useValidateProps = require('./config/useValidateProps.js');
-require('@elliemae/ds-icons');
-require('../bubble/styled.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('../bubble/config/useValidateProps.js');
-require('@elliemae/ds-props-helpers');
-require('../bubble/ChatBubbleArrow.js');
-require('prop-types');
-require('lodash');
-require('../message-delimiter/styled.js');
-require('../message-delimiter/props.js');
-require('../message-delimiter/config/useValidateProps.js');
-require('../system-message/style.js');
-require('../system-message/props.js');
-require('../system-message/config/useValidateProps.js');
+var DSButton = require('@elliemae/ds-basic/Button');
+var ChatBubble = require('../bubble/ChatBubble.js');
+var props$1 = require('../bubble/props.js');
+var MessageDelimiter = require('../message-delimiter/MessageDelimiter.js');
+var SystemMessage = require('../system-message/SystemMessage.js');
+var styled = require('./styled.js');
+var props = require('./props.js');
+var useValidateProps = require('./config/useValidateProps.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var getPadding = function getPadding(hasMoreItems) {
-  var padding = {
+const getPadding = hasMoreItems => {
+  const padding = {
     paddingStart: 0,
     paddingEnd: -5
   };
@@ -51,81 +37,87 @@ var getPadding = function getPadding(hasMoreItems) {
   return padding;
 };
 
-var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
-  parts_chatContainerMessagesList_config_useValidateProps.useValidateProps(props, ChatContainerMessagesListWithSchema.toTypescript());
-  var sendingText = props.sendingText,
-      sendingMessages = props.sendingMessages,
-      messages = props.messages,
-      actionRef = props.actionRef,
-      onScrollEnds = props.onScrollEnds,
-      getMoreMessages = props.getMoreMessages,
-      hasMoreItems = props.hasMoreItems,
-      isLoading = props.isLoading;
-  var virtualListRef = React__default['default'].useRef(); // estimateSize should not be really required given what was stated on
+const ChatContainerMessagesList = props => {
+  useValidateProps.useValidateProps(props, ChatContainerMessagesListWithSchema.toTypescript());
+  const {
+    sendingText,
+    sendingMessages,
+    messages,
+    actionRef,
+    onScrollEnds,
+    getMoreMessages,
+    hasMoreItems,
+    isLoading
+  } = props;
+  const virtualListRef = React__default["default"].useRef(); // estimateSize should not be really required given what was stated on
   // https://github.com/tannerlinsley/react-virtual/issues/23
 
-  var _useVirtual = reactVirtual.useVirtual(_objectSpread(_objectSpread({
+  const {
+    scrollToIndex: vScroll,
+    totalSize,
+    virtualItems
+  } = reactVirtual.useVirtual(_objectSpread(_objectSpread({
     size: messages.length,
     parentRef: virtualListRef,
     overscan: 15
   }, getPadding(hasMoreItems)), {}, {
-    estimateSize: React__default['default'].useCallback(function () {
-      return 80;
-    }, [])
-  })),
-      vScroll = _useVirtual.scrollToIndex,
-      totalSize = _useVirtual.totalSize,
-      virtualItems = _useVirtual.virtualItems;
-
-  var onScrollStop = React__default['default'].useCallback(function () {
-    var _virtualListRef$curre = virtualListRef.current.getBoundingClientRect(),
-        bottom = _virtualListRef$curre.bottom,
-        top = _virtualListRef$curre.top;
-
-    var list = virtualListRef.current.querySelectorAll('[data-element="chat-element-list-item"]');
-    var indexList = [];
-    list.forEach(function (item) {
-      var _item$getBoundingClie = item.getBoundingClientRect(),
-          itemTop = _item$getBoundingClie.top;
-
+    estimateSize: React__default["default"].useCallback(() => 80, [])
+  }));
+  const onScrollStop = React__default["default"].useCallback(() => {
+    const {
+      bottom,
+      top
+    } = virtualListRef.current.getBoundingClientRect();
+    const list = virtualListRef.current.querySelectorAll('[data-element="chat-element-list-item"]');
+    const indexList = [];
+    list.forEach(item => {
+      const {
+        top: itemTop
+      } = item.getBoundingClientRect();
       if (itemTop < bottom && itemTop > top) indexList.push(item.dataset.index);
     });
     if (onScrollEnds) onScrollEnds(indexList);
     return indexList;
   }, [onScrollEnds]);
-  var scrollAndFocus = React__default['default'].useCallback(function (index) {
+  const scrollAndFocus = React__default["default"].useCallback(index => {
     vScroll(index, {
       align: 'center'
     });
-    setTimeout(function () {
+    setTimeout(() => {
       virtualListRef.current.querySelector("[data-index=\"".concat(index, "\"]")).focus();
     }, 300);
   }, [vScroll]);
-  React__default['default'].useEffect(function () {
+  React__default["default"].useEffect(() => {
     if (actionRef && actionRef.current) {
-      actionRef.current.scrollToIndex = function (a) {
-        var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-          align: 'center'
-        };
+      actionRef.current.scrollToIndex = (a, b = {
+        align: 'center'
+      }) => {
         vScroll(a, b);
       };
 
       actionRef.current.getMessagesInView = onScrollStop;
 
-      actionRef.current.focusToIndex = function (a) {
+      actionRef.current.focusToIndex = (a, b = {
+        align: 'center'
+      }) => {
         scrollAndFocus(a);
       };
 
-      actionRef.current.focusToList = function (a) {
-        var _virtualListRef$curre2;
-        (_virtualListRef$curre2 = virtualListRef.current) === null || _virtualListRef$curre2 === void 0 ? void 0 : _virtualListRef$curre2.focus();
+      actionRef.current.focusToList = (a, b = {
+        align: 'center'
+      }) => {
+        var _virtualListRef$curre;
+
+        (_virtualListRef$curre = virtualListRef.current) === null || _virtualListRef$curre === void 0 ? void 0 : _virtualListRef$curre.focus();
       };
     }
   }, [actionRef, onScrollStop, scrollAndFocus, vScroll]);
-  var handleKey = React__default['default'].useCallback(function (e) {
+  const handleKey = React__default["default"].useCallback(e => {
     e.preventDefault();
-    var key = e.key;
-    var index = Number(e.currentTarget.dataset.index);
+    const {
+      key
+    } = e;
+    const index = Number(e.currentTarget.dataset.index);
 
     switch (key) {
       case 'ArrowUp':
@@ -152,11 +144,11 @@ var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
         break;
     }
   }, [actionRef, messages.length, scrollAndFocus]);
-  React__default['default'].useEffect(function () {
-    var handlerCallback = null;
-    var localVirtualRef = virtualListRef.current;
+  React__default["default"].useEffect(() => {
+    let handlerCallback = null;
+    const localVirtualRef = virtualListRef.current;
 
-    var onScroll = function onScroll() {
+    const onScroll = () => {
       if (handlerCallback) clearTimeout(handlerCallback);
       handlerCallback = setTimeout(onScrollStop, 300);
     };
@@ -165,69 +157,66 @@ var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
       virtualListRef.current.addEventListener('scroll', onScroll);
     }
 
-    return function () {
+    return () => {
       if (handlerCallback) clearTimeout(handlerCallback);
       if (onScrollEnds) localVirtualRef.removeEventListener('scroll', onScroll);
     };
   }, [onScrollStop, onScrollEnds]);
-  var render = React__default['default'].useMemo(function () {
-    return virtualItems.map(function (virtualItem) {
-      var index = virtualItem.index,
-          measureRef = virtualItem.measureRef,
-          start = virtualItem.start;
-      var row = messages[index];
-      var isSending = sendingMessages && sendingMessages.find(function (m) {
-        return m === row.dsId;
-      });
-      var style = {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        transform: "translateY(".concat(start, "px)"),
-        width: '100%'
-      };
-      return /*#__PURE__*/React__default['default'].createElement(parts_chatContainerMessagesList_styled.ListItem, {
-        "data-element": "chat-element-list-item",
-        "data-index": index,
-        key: "ds-chat-bubble-".concat(index, "-").concat(row.dsId, "-").concat(row.type),
-        style: style,
-        ref: measureRef,
-        tabIndex: 0,
-        onKeyDown: handleKey,
-        role: "listitem"
-      }, /*#__PURE__*/React__default['default'].createElement(parts_chatContainerMessagesList_styled.StyledWrapperListItem, {
+  const render = React__default["default"].useMemo(() => virtualItems.map(virtualItem => {
+    const {
+      index,
+      measureRef,
+      start
+    } = virtualItem;
+    const row = messages[index];
+    const isSending = sendingMessages && sendingMessages.find(m => m === row.dsId);
+    const style = {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      transform: "translateY(".concat(start, "px)"),
+      width: '100%'
+    };
+    return /*#__PURE__*/jsxRuntime.jsx(styled.ListItem, {
+      "data-element": "chat-element-list-item",
+      "data-index": index,
+      style: style,
+      ref: measureRef,
+      tabIndex: 0,
+      onKeyDown: handleKey,
+      role: "listitem",
+      children: /*#__PURE__*/_jsx__default["default"](styled.StyledWrapperListItem, {
         type: row.type
-      }, row.type === parts_bubble_props.BUBBLE_TYPES.SENDER || row.type === parts_bubble_props.BUBBLE_TYPES.RECIPIENT ?
+      }, void 0, row.type === props$1.BUBBLE_TYPES.SENDER || row.type === props$1.BUBBLE_TYPES.RECIPIENT ?
       /*#__PURE__*/
       // eslint-disable-next-line
-      React__default['default'].createElement(parts_bubble_ChatBubble.ChatBubble, _extends__default['default']({}, row, {
+      jsxRuntime.jsx(ChatBubble.ChatBubble, _objectSpread(_objectSpread({}, row), {}, {
         helpMessage: isSending ? sendingText : row.helpMessage
-      })) : null, row.type === parts_bubble_props.BUBBLE_TYPES.DELIMITER ? /*#__PURE__*/React__default['default'].createElement(parts_messageDelimiter_MessageDelimiter.MessageDelimiter, row) : null, row.type === parts_bubble_props.BUBBLE_TYPES.SYSTEM ? /*#__PURE__*/React__default['default'].createElement(parts_systemMessage_SystemMessage.SystemMessage, row) : null));
-    });
-  }, [virtualItems, messages, sendingMessages, handleKey, sendingText]);
-  return /*#__PURE__*/React__default['default'].createElement(parts_chatContainerMessagesList_styled.StyledWrapper, null, /*#__PURE__*/React__default['default'].createElement(parts_chatContainerMessagesList_styled.StyledChatContainerContentList, {
+      })) : null, row.type === props$1.BUBBLE_TYPES.DELIMITER ? /*#__PURE__*/jsxRuntime.jsx(MessageDelimiter.MessageDelimiter, _objectSpread({}, row)) : null, row.type === props$1.BUBBLE_TYPES.SYSTEM ? /*#__PURE__*/jsxRuntime.jsx(SystemMessage.SystemMessage, _objectSpread({}, row)) : null)
+    }, "ds-chat-bubble-".concat(index));
+  }), [virtualItems, messages, sendingMessages, handleKey, sendingText]);
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledWrapper, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.StyledChatContainerContentList, {
     "data-testid": "chat-thread-container",
     tabIndex: 0,
     "aria-live": "polite",
     ref: virtualListRef,
     role: "list",
-    onKeyDown: handleKey
-  }, /*#__PURE__*/React__default['default'].createElement(parts_chatContainerMessagesList_styled.StyledChatContainerContentListScroll, {
-    height: "".concat(totalSize, "px")
-  }, render, !isLoading && hasMoreItems ? /*#__PURE__*/React__default['default'].createElement(parts_chatContainerMessagesList_styled.StyledLoadMoreContainer, {
-    hasMoreItems: hasMoreItems
-  }, /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
-    labelText: "Load More",
-    buttonType: "secondary",
-    onClick: getMoreMessages
-  })) : null)));
+    onKeyDown: handleKey,
+    children: /*#__PURE__*/_jsx__default["default"](styled.StyledChatContainerContentListScroll, {
+      height: "".concat(totalSize, "px")
+    }, void 0, render, !isLoading && hasMoreItems ? /*#__PURE__*/_jsx__default["default"](styled.StyledLoadMoreContainer, {
+      hasMoreItems: hasMoreItems
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+      labelText: "Load More",
+      buttonType: "secondary",
+      onClick: getMoreMessages
+    })) : null)
+  }));
 };
 
-ChatContainerMessagesList.propTypes = parts_chatContainerMessagesList_props.listProps;
-ChatContainerMessagesList.defaultProps = parts_chatContainerMessagesList_props.defaultProps;
-var ChatContainerMessagesListWithSchema = reactDesc.describe(ChatContainerMessagesList);
-ChatContainerMessagesListWithSchema.propTypes = parts_chatContainerMessagesList_props.listProps;
+ChatContainerMessagesList.defaultProps = props.defaultProps;
+const ChatContainerMessagesListWithSchema = reactDesc.describe(ChatContainerMessagesList);
+ChatContainerMessagesListWithSchema.propTypes = props.listProps;
 
 exports.ChatContainerMessagesList = ChatContainerMessagesList;
 exports.ChatContainerMessagesListWithSchema = ChatContainerMessagesListWithSchema;
-//# sourceMappingURL=ChatContainerMessagesList.js.map

package/cjs/parts/chat-container-messages-list/config/useValidateProps.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 
-var useValidateProps = function useValidateProps(props, schema) {
+const useValidateProps = (props, schema) => {
   dsPropsHelpers.useValidateTypescriptPropTypes(props, schema);
 };
 
 exports.useValidateProps = useValidateProps;
-//# sourceMappingURL=useValidateProps.js.map

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

@@ -2,38 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var parts_chatContainerMessagesList_ChatContainerMessagesList = require('./ChatContainerMessagesList.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('react-desc');
-require('react-virtual');
-require('@elliemae/ds-button');
-require('../bubble/ChatBubble.js');
-require('@elliemae/ds-icons');
-require('../bubble/styled.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('../bubble/props.js');
-require('prop-types');
-require('lodash');
-require('../bubble/config/useValidateProps.js');
-require('@elliemae/ds-props-helpers');
-require('../bubble/ChatBubbleArrow.js');
-require('../message-delimiter/MessageDelimiter.js');
-require('../message-delimiter/styled.js');
-require('../message-delimiter/props.js');
-require('../message-delimiter/config/useValidateProps.js');
-require('../system-message/SystemMessage.js');
-require('../system-message/style.js');
-require('../system-message/props.js');
-require('../system-message/config/useValidateProps.js');
-require('./styled.js');
-require('./props.js');
-require('./config/useValidateProps.js');
+var ChatContainerMessagesList = require('./ChatContainerMessagesList.js');
 
 
 
-exports.ChatContainerMessagesList = parts_chatContainerMessagesList_ChatContainerMessagesList.ChatContainerMessagesList;
-exports.ChatContainerMessagesListWithSchema = parts_chatContainerMessagesList_ChatContainerMessagesList.ChatContainerMessagesListWithSchema;
-//# sourceMappingURL=index.js.map
+exports.ChatContainerMessagesList = ChatContainerMessagesList.ChatContainerMessagesList;
+exports.ChatContainerMessagesListWithSchema = ChatContainerMessagesList.ChatContainerMessagesListWithSchema;

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

@@ -5,17 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var reactDesc = require('react-desc');
 var lodash = require('lodash');
 
-var defaultProps = {
+const defaultProps = {
   messages: [],
   actionRef: lodash.noop,
-  onScrollEnds: function onScrollEnds() {
-    return [];
-  },
+  onScrollEnds: () => [],
   getMoreMessages: lodash.noop,
   sendingMessages: undefined,
   sendingText: 'Sending'
 };
-var listProps = {
+const listProps = {
   messages: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('The array of out-of-the-box items you want to render inside the ChatMessageList').defaultValue(defaultProps.messages),
   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),
   onScrollEnds: reactDesc.PropTypes.func.description("Called when the scroll stops."),
@@ -28,4 +26,3 @@ var listProps = {
 
 exports.defaultProps = defaultProps;
 exports.listProps = listProps;
-//# sourceMappingURL=props.js.map

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

@@ -4,65 +4,31 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('styled-components');
 require('../bubble/ChatBubble.js');
-var parts_bubble_props = require('../bubble/props.js');
-require('react');
-require('react-desc');
-require('@elliemae/ds-icons');
-require('../bubble/styled.js');
-require('@elliemae/ds-grid');
-require('../bubble/config/useValidateProps.js');
-require('@elliemae/ds-props-helpers');
-require('../bubble/ChatBubbleArrow.js');
-require('prop-types');
-require('lodash');
+var props = require('../bubble/props.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var StyledWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1jhprzr-0"
 })(["width:100%;height:100%;"]); // list
 
-var StyledWrapperListItem = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledWrapperListItem = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1jhprzr-1"
-})(["min-width:100%;", ";", ";", ";"], function (props) {
-  return props.type === parts_bubble_props.BUBBLE_TYPES.SENDER && "padding: ".concat(props.theme.space.xxs, " ").concat(props.theme.space.xxs, " ").concat(props.theme.space.xxs, " 13%\n  ");
-}, function (props) {
-  return props.type === parts_bubble_props.BUBBLE_TYPES.RECIPIENT && "padding: ".concat(props.theme.space.xxs, " 13% ").concat(props.theme.space.xxs, "\n    ").concat(props.theme.space.xxs, "\n  ");
-}, function (props) {
-  return props.type === parts_bubble_props.BUBBLE_TYPES.SYSTEM && "padding: ".concat(props.theme.space.xxs, " 0px\n  ");
-});
-var StyledChatContainerContentList = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["min-width:100%;", ";", ";", ";"], props$1 => props$1.type === props.BUBBLE_TYPES.SENDER && "padding: ".concat(props$1.theme.space.xxs, " ").concat(props$1.theme.space.xxs, " 0px 13%\n  "), props$1 => props$1.type === props.BUBBLE_TYPES.RECIPIENT && "padding: ".concat(props$1.theme.space.xxs, " 13% ").concat(props$1.theme.space.xxs, "\n    ").concat(props$1.theme.space.xxs, "\n  "), props$1 => props$1.type === props.BUBBLE_TYPES.SYSTEM && "padding: ".concat(props$1.theme.space.xxs, " 0px\n  "));
+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;"], function (props) {
-  return props.theme.space.xs;
-});
-var StyledChatContainerContentListScroll = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["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({
   componentId: "sc-1jhprzr-3"
-})(["width:100%;height:", ";position:relative;"], function (props) {
-  return props.height;
-});
-var StyledLoadMoreContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["width:100%;height:", ";position:relative;"], props => props.height);
+const StyledLoadMoreContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1jhprzr-4"
-})(["position:absolute;width:calc(100% + ", ");padding:", ";left:-", ";right:-", ";display:grid;justify-content:center;align-items:center;", " ", ""], function (props) {
-  return props.theme.space.xxs;
-}, function (props) {
-  return props.theme.space.xxs;
-}, function (props) {
-  return props.theme.space.xxs;
-}, function (props) {
-  return props.theme.space.xxs;
-}, function (props) {
-  return props.hasMoreItems === 'top' ? 'top: 0;' : '';
-}, function (props) {
-  return props.hasMoreItems === 'bottom' ? 'bottom: 0;' : '';
-});
-var ListItem = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["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"
-})(["&:focus,&:focus-visible{outline:none;&:after{content:'';display:block;position:absolute;pointer-events:none;background:rgba(255,255,255,0.5);width:calc(100% + ", ");height:100%;}}"], function (props) {
-  return props.theme.space.xxs;
-});
+})(["&:focus,&:focus-visible{outline:none;&:after{content:'';display:block;position:absolute;pointer-events:none;background:rgba(255,255,255,0.5);width:calc(100% + ", ");height:100%;}}"], props => props.theme.space.xxs);
 
 exports.ListItem = ListItem;
 exports.StyledChatContainerContentList = StyledChatContainerContentList;
@@ -70,4 +36,3 @@ exports.StyledChatContainerContentListScroll = StyledChatContainerContentListScr
 exports.StyledLoadMoreContainer = StyledLoadMoreContainer;
 exports.StyledWrapper = StyledWrapper;
 exports.StyledWrapperListItem = StyledWrapperListItem;
-//# sourceMappingURL=styled.js.map

package/cjs/parts/chat-empty-state/ChatEmptyState.js

@@ -2,53 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.url.to-json.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var dsGrid = require('@elliemae/ds-grid');
-var dsIcons = require('@elliemae/ds-icons');
-var parts_chatEmptyState_props = require('./props.js');
-var parts_chatEmptyState_styled = require('./styled.js');
-var parts_chatEmptyState_config_useValidateProps = require('./config/useValidateProps.js');
-require('styled-components');
-require('@elliemae/ds-props-helpers');
+var Communications = require('@elliemae/ds-icons/Communications');
+var props = require('./props.js');
+var styled = require('./styled.js');
+var useValidateProps = require('./config/useValidateProps.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ChatEmptyState = function ChatEmptyState(props) {
-  parts_chatEmptyState_config_useValidateProps.useValidateProps(props, ChatEmptyStateListWithSchema.toJSON());
-  var label = props.label,
-      action = props.action;
-  var MainContent = React.useMemo(function () {
-    return /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, /*#__PURE__*/React__default['default'].createElement(dsIcons.Communications, {
-      size: "xxl",
-      color: ['neutral', 400]
-    })), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, /*#__PURE__*/React__default['default'].createElement(parts_chatEmptyState_styled.MessageWrapper, null, label)), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, action));
-  }, [label, action]);
-  return /*#__PURE__*/React__default['default'].createElement(parts_chatEmptyState_styled.ChatEmptyStateWrapper, {
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var Communications__default = /*#__PURE__*/_interopDefaultLegacy(Communications);
+
+const ChatEmptyState = props => {
+  var _Grid, _Grid2;
+
+  useValidateProps.useValidateProps(props, ChatEmptyStateListWithSchema.toJSON());
+  const {
+    label,
+    action
+  } = props;
+  const MainContent = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Communications__default["default"], {
+    size: "xxl",
+    color: ['neutral', 400]
+  })), _Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.MessageWrapper, {}, void 0, label))), _Grid2 || (_Grid2 = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, void 0, action))), [label, action]);
+  return /*#__PURE__*/_jsx__default["default"](styled.ChatEmptyStateWrapper, {
     alignItems: "center",
     justifyContent: "center"
-  }, MainContent);
+  }, void 0, MainContent);
 };
 
-ChatEmptyState.propTypes = parts_chatEmptyState_props.emptyStateProps;
-ChatEmptyState.defaultProps = parts_chatEmptyState_props.defaultProps;
-var ChatEmptyStateListWithSchema = reactDesc.describe(ChatEmptyState);
-ChatEmptyStateListWithSchema.propTypes = parts_chatEmptyState_props.emptyStateProps;
+ChatEmptyState.defaultProps = props.defaultProps;
+const ChatEmptyStateListWithSchema = reactDesc.describe(ChatEmptyState);
+ChatEmptyStateListWithSchema.propTypes = props.emptyStateProps;
 
 exports.ChatEmptyState = ChatEmptyState;
 exports.ChatEmptyStateListWithSchema = ChatEmptyStateListWithSchema;
-//# sourceMappingURL=ChatEmptyState.js.map

package/cjs/parts/chat-empty-state/config/useValidateProps.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 
-var useValidateProps = function useValidateProps(props, schema) {
+const useValidateProps = (props, schema) => {
   dsPropsHelpers.useValidatePropTypes(props, schema);
 };
 
 exports.useValidateProps = useValidateProps;
-//# sourceMappingURL=useValidateProps.js.map

package/cjs/parts/chat-empty-state/props.js

@@ -4,15 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactDesc = require('react-desc');
 
-var defaultProps = {
+const defaultProps = {
   label: 'No Messages Yet',
   action: null
 };
-var emptyStateProps = {
+const emptyStateProps = {
   label: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('No Message to show text helper').defaultValue(defaultProps.label),
   action: reactDesc.PropTypes.node.description('action element').defaultValue(defaultProps.action)
 };
 
 exports.defaultProps = defaultProps;
 exports.emptyStateProps = emptyStateProps;
-//# sourceMappingURL=props.js.map