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

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

@@ -1,9 +1,9 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React from 'react';
 import { describe } from 'react-desc';
 import { useVirtual } from 'react-virtual';
-import DSButton from '@elliemae/ds-button';
+import DSButton from '@elliemae/ds-basic/Button';
 import { ChatBubble } from '../bubble/ChatBubble.js';
 import { BUBBLE_TYPES } from '../bubble/props.js';
 import { MessageDelimiter } from '../message-delimiter/MessageDelimiter.js';
@@ -11,28 +11,14 @@ import { SystemMessage } from '../system-message/SystemMessage.js';
 import { ListItem, StyledWrapperListItem, StyledWrapper, StyledChatContainerContentList, StyledChatContainerContentListScroll, StyledLoadMoreContainer } from './styled.js';
 import { listProps, defaultProps } from './props.js';
 import { useValidateProps } from './config/useValidateProps.js';
-import '@elliemae/ds-icons';
-import '../bubble/styled.js';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '../bubble/config/useValidateProps.js';
-import '@elliemae/ds-props-helpers';
-import '../bubble/ChatBubbleArrow.js';
-import 'prop-types';
-import 'lodash';
-import '../message-delimiter/styled.js';
-import '../message-delimiter/props.js';
-import '../message-delimiter/config/useValidateProps.js';
-import '../system-message/style.js';
-import '../system-message/props.js';
-import '../system-message/config/useValidateProps.js';
+import { jsx } from 'react/jsx-runtime';
 
 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(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
   };
@@ -40,81 +26,87 @@ var getPadding = function getPadding(hasMoreItems) {
   return padding;
 };
 
-var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
+const ChatContainerMessagesList = props => {
   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.useRef(); // estimateSize should not be really required given what was stated on
+  const {
+    sendingText,
+    sendingMessages,
+    messages,
+    actionRef,
+    onScrollEnds,
+    getMoreMessages,
+    hasMoreItems,
+    isLoading
+  } = props;
+  const virtualListRef = React.useRef(); // estimateSize should not be really required given what was stated on
   // https://github.com/tannerlinsley/react-virtual/issues/23
 
-  var _useVirtual = useVirtual(_objectSpread(_objectSpread({
+  const {
+    scrollToIndex: vScroll,
+    totalSize,
+    virtualItems
+  } = useVirtual(_objectSpread(_objectSpread({
     size: messages.length,
     parentRef: virtualListRef,
     overscan: 15
   }, getPadding(hasMoreItems)), {}, {
-    estimateSize: React.useCallback(function () {
-      return 80;
-    }, [])
-  })),
-      vScroll = _useVirtual.scrollToIndex,
-      totalSize = _useVirtual.totalSize,
-      virtualItems = _useVirtual.virtualItems;
-
-  var onScrollStop = React.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.useCallback(() => 80, [])
+  }));
+  const onScrollStop = React.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.useCallback(function (index) {
+  const scrollAndFocus = React.useCallback(index => {
     vScroll(index, {
       align: 'center'
     });
-    setTimeout(function () {
+    setTimeout(() => {
       virtualListRef.current.querySelector("[data-index=\"".concat(index, "\"]")).focus();
     }, 300);
   }, [vScroll]);
-  React.useEffect(function () {
+  React.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.useCallback(function (e) {
+  const handleKey = React.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':
@@ -141,11 +133,11 @@ var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
         break;
     }
   }, [actionRef, messages.length, scrollAndFocus]);
-  React.useEffect(function () {
-    var handlerCallback = null;
-    var localVirtualRef = virtualListRef.current;
+  React.useEffect(() => {
+    let handlerCallback = null;
+    const localVirtualRef = virtualListRef.current;
 
-    var onScroll = function onScroll() {
+    const onScroll = () => {
       if (handlerCallback) clearTimeout(handlerCallback);
       handlerCallback = setTimeout(onScrollStop, 300);
     };
@@ -154,68 +146,65 @@ 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.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.createElement(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.createElement(StyledWrapperListItem, {
+  const render = React.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__*/jsx(ListItem, {
+      "data-element": "chat-element-list-item",
+      "data-index": index,
+      style: style,
+      ref: measureRef,
+      tabIndex: 0,
+      onKeyDown: handleKey,
+      role: "listitem",
+      children: /*#__PURE__*/_jsx(StyledWrapperListItem, {
         type: row.type
-      }, row.type === BUBBLE_TYPES.SENDER || row.type === BUBBLE_TYPES.RECIPIENT ?
+      }, void 0, row.type === BUBBLE_TYPES.SENDER || row.type === BUBBLE_TYPES.RECIPIENT ?
       /*#__PURE__*/
       // eslint-disable-next-line
-      React.createElement(ChatBubble, _extends({}, row, {
+      jsx(ChatBubble, _objectSpread(_objectSpread({}, row), {}, {
         helpMessage: isSending ? sendingText : row.helpMessage
-      })) : null, row.type === BUBBLE_TYPES.DELIMITER ? /*#__PURE__*/React.createElement(MessageDelimiter, row) : null, row.type === BUBBLE_TYPES.SYSTEM ? /*#__PURE__*/React.createElement(SystemMessage, row) : null));
-    });
-  }, [virtualItems, messages, sendingMessages, handleKey, sendingText]);
-  return /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(StyledChatContainerContentList, {
+      })) : 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));
+  }), [virtualItems, messages, sendingMessages, handleKey, sendingText]);
+  return /*#__PURE__*/_jsx(StyledWrapper, {}, void 0, /*#__PURE__*/jsx(StyledChatContainerContentList, {
     "data-testid": "chat-thread-container",
     tabIndex: 0,
     "aria-live": "polite",
     ref: virtualListRef,
     role: "list",
-    onKeyDown: handleKey
-  }, /*#__PURE__*/React.createElement(StyledChatContainerContentListScroll, {
-    height: "".concat(totalSize, "px")
-  }, render, !isLoading && hasMoreItems ? /*#__PURE__*/React.createElement(StyledLoadMoreContainer, {
-    hasMoreItems: hasMoreItems
-  }, /*#__PURE__*/React.createElement(DSButton, {
-    labelText: "Load More",
-    buttonType: "secondary",
-    onClick: getMoreMessages
-  })) : null)));
+    onKeyDown: handleKey,
+    children: /*#__PURE__*/_jsx(StyledChatContainerContentListScroll, {
+      height: "".concat(totalSize, "px")
+    }, void 0, render, !isLoading && hasMoreItems ? /*#__PURE__*/_jsx(StyledLoadMoreContainer, {
+      hasMoreItems: hasMoreItems
+    }, void 0, /*#__PURE__*/_jsx(DSButton, {
+      labelText: "Load More",
+      buttonType: "secondary",
+      onClick: getMoreMessages
+    })) : null)
+  }));
 };
 
-ChatContainerMessagesList.propTypes = listProps;
 ChatContainerMessagesList.defaultProps = defaultProps;
-var ChatContainerMessagesListWithSchema = describe(ChatContainerMessagesList);
+const ChatContainerMessagesListWithSchema = describe(ChatContainerMessagesList);
 ChatContainerMessagesListWithSchema.propTypes = listProps;
 
 export { ChatContainerMessagesList, ChatContainerMessagesListWithSchema };
-//# sourceMappingURL=ChatContainerMessagesList.js.map

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

@@ -1,8 +1,7 @@
 import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
 
-var useValidateProps = function useValidateProps(props, schema) {
+const useValidateProps = (props, schema) => {
   useValidateTypescriptPropTypes(props, schema);
 };
 
 export { useValidateProps };
-//# sourceMappingURL=useValidateProps.js.map

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

@@ -1,30 +1 @@
 export { ChatContainerMessagesList, ChatContainerMessagesListWithSchema } from './ChatContainerMessagesList.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import 'react-desc';
-import 'react-virtual';
-import '@elliemae/ds-button';
-import '../bubble/ChatBubble.js';
-import '@elliemae/ds-icons';
-import '../bubble/styled.js';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '../bubble/props.js';
-import 'prop-types';
-import 'lodash';
-import '../bubble/config/useValidateProps.js';
-import '@elliemae/ds-props-helpers';
-import '../bubble/ChatBubbleArrow.js';
-import '../message-delimiter/MessageDelimiter.js';
-import '../message-delimiter/styled.js';
-import '../message-delimiter/props.js';
-import '../message-delimiter/config/useValidateProps.js';
-import '../system-message/SystemMessage.js';
-import '../system-message/style.js';
-import '../system-message/props.js';
-import '../system-message/config/useValidateProps.js';
-import './styled.js';
-import './props.js';
-import './config/useValidateProps.js';
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,60 +1,25 @@
 import styled from 'styled-components';
 import '../bubble/ChatBubble.js';
 import { BUBBLE_TYPES } from '../bubble/props.js';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-icons';
-import '../bubble/styled.js';
-import '@elliemae/ds-grid';
-import '../bubble/config/useValidateProps.js';
-import '@elliemae/ds-props-helpers';
-import '../bubble/ChatBubbleArrow.js';
-import 'prop-types';
-import 'lodash';
 
-var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
+const StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1jhprzr-0"
 })(["width:100%;height:100%;"]); // list
 
-var StyledWrapperListItem = /*#__PURE__*/styled.div.withConfig({
+const StyledWrapperListItem = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1jhprzr-1"
-})(["min-width:100%;", ";", ";", ";"], function (props) {
-  return props.type === 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 === 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 === BUBBLE_TYPES.SYSTEM && "padding: ".concat(props.theme.space.xxs, " 0px\n  ");
-});
-var StyledChatContainerContentList = /*#__PURE__*/styled.div.withConfig({
+})(["min-width:100%;", ";", ";", ";"], props => props.type === BUBBLE_TYPES.SENDER && "padding: ".concat(props.theme.space.xxs, " ").concat(props.theme.space.xxs, " 0px 13%\n  "), props => props.type === BUBBLE_TYPES.RECIPIENT && "padding: ".concat(props.theme.space.xxs, " 13% ").concat(props.theme.space.xxs, "\n    ").concat(props.theme.space.xxs, "\n  "), props => props.type === BUBBLE_TYPES.SYSTEM && "padding: ".concat(props.theme.space.xxs, " 0px\n  "));
+const StyledChatContainerContentList = /*#__PURE__*/styled.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.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.div.withConfig({
   componentId: "sc-1jhprzr-3"
-})(["width:100%;height:", ";position:relative;"], function (props) {
-  return props.height;
-});
-var StyledLoadMoreContainer = /*#__PURE__*/styled.div.withConfig({
+})(["width:100%;height:", ";position:relative;"], props => props.height);
+const StyledLoadMoreContainer = /*#__PURE__*/styled.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.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.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);
 
 export { ListItem, StyledChatContainerContentList, StyledChatContainerContentListScroll, StyledLoadMoreContainer, StyledWrapper, StyledWrapperListItem };
-//# sourceMappingURL=styled.js.map

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

@@ -1,45 +1,45 @@
-import React, { useMemo } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.url.to-json.js';
+import { useMemo } from 'react';
 import { describe } from 'react-desc';
 import { Grid } from '@elliemae/ds-grid';
-import { Communications } from '@elliemae/ds-icons';
+import Communications from '@elliemae/ds-icons/Communications';
 import { emptyStateProps, defaultProps } from './props.js';
 import { MessageWrapper, ChatEmptyStateWrapper } from './styled.js';
 import { useValidateProps } from './config/useValidateProps.js';
-import 'styled-components';
-import '@elliemae/ds-props-helpers';
 
-var ChatEmptyState = function ChatEmptyState(props) {
+const ChatEmptyState = props => {
+  var _Grid, _Grid2;
+
   useValidateProps(props, ChatEmptyStateListWithSchema.toJSON());
-  var label = props.label,
-      action = props.action;
-  var MainContent = useMemo(function () {
-    return /*#__PURE__*/React.createElement(Grid, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, /*#__PURE__*/React.createElement(Grid, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, /*#__PURE__*/React.createElement(Communications, {
-      size: "xxl",
-      color: ['neutral', 400]
-    })), /*#__PURE__*/React.createElement(Grid, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, /*#__PURE__*/React.createElement(MessageWrapper, null, label)), /*#__PURE__*/React.createElement(Grid, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, action));
-  }, [label, action]);
-  return /*#__PURE__*/React.createElement(ChatEmptyStateWrapper, {
+  const {
+    label,
+    action
+  } = props;
+  const MainContent = useMemo(() => /*#__PURE__*/_jsx(Grid, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, void 0, /*#__PURE__*/_jsx(Communications, {
+    size: "xxl",
+    color: ['neutral', 400]
+  })), _Grid || (_Grid = /*#__PURE__*/_jsx(Grid, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, void 0, /*#__PURE__*/_jsx(MessageWrapper, {}, void 0, label))), _Grid2 || (_Grid2 = /*#__PURE__*/_jsx(Grid, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, void 0, action))), [label, action]);
+  return /*#__PURE__*/_jsx(ChatEmptyStateWrapper, {
     alignItems: "center",
     justifyContent: "center"
-  }, MainContent);
+  }, void 0, MainContent);
 };
 
-ChatEmptyState.propTypes = emptyStateProps;
 ChatEmptyState.defaultProps = defaultProps;
-var ChatEmptyStateListWithSchema = describe(ChatEmptyState);
+const ChatEmptyStateListWithSchema = describe(ChatEmptyState);
 ChatEmptyStateListWithSchema.propTypes = emptyStateProps;
 
 export { ChatEmptyState, ChatEmptyStateListWithSchema };
-//# sourceMappingURL=ChatEmptyState.js.map

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

@@ -1,8 +1,7 @@
 import { useValidatePropTypes } from '@elliemae/ds-props-helpers';
 
-var useValidateProps = function useValidateProps(props, schema) {
+const useValidateProps = (props, schema) => {
   useValidatePropTypes(props, schema);
 };
 
 export { useValidateProps };
-//# sourceMappingURL=useValidateProps.js.map

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

@@ -1,13 +1,12 @@
 import { PropTypes } from 'react-desc';
 
-var defaultProps = {
+const defaultProps = {
   label: 'No Messages Yet',
   action: null
 };
-var emptyStateProps = {
+const emptyStateProps = {
   label: PropTypes.arrayOf(PropTypes.string).description('No Message to show text helper').defaultValue(defaultProps.label),
   action: PropTypes.node.description('action element').defaultValue(defaultProps.action)
 };
 
 export { defaultProps, emptyStateProps };
-//# sourceMappingURL=props.js.map

package/esm/parts/chat-empty-state/styled.js

@@ -1,15 +1,12 @@
 import styled from 'styled-components';
 import { Grid } from '@elliemae/ds-grid';
 
-var CONTAINER_WIDTH = 300;
-var ChatEmptyStateWrapper = /*#__PURE__*/styled(Grid).withConfig({
+const CONTAINER_WIDTH = 300;
+const ChatEmptyStateWrapper = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-1tutmen-0"
-})(["height:100%;min-width:", "px;overflow:hidden;background:", ";"], CONTAINER_WIDTH, function (props) {
-  return props.theme.colors.neutral['050'];
-});
-var MessageWrapper = /*#__PURE__*/styled.p.withConfig({
+})(["height:100%;min-width:", "px;overflow:hidden;background:", ";"], CONTAINER_WIDTH, props => props.theme.colors.neutral['050']);
+const MessageWrapper = /*#__PURE__*/styled.p.withConfig({
   componentId: "sc-1tutmen-1"
 })(["font-size:18px;"]);
 
 export { CONTAINER_WIDTH, ChatEmptyStateWrapper, MessageWrapper };
-//# sourceMappingURL=styled.js.map