@elliemae/ds-chat 2.2.0-alpha.2 → 2.2.0-beta.0

package/cjs/parts/chat-composer/props.js

@@ -1,79 +1,44 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var props_exports = {};
-__export(props_exports, {
-  composerProps: () => composerProps,
-  defaultComposerPros: () => defaultComposerPros
-});
-var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_lodash = __toESM(require("lodash"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+var lodash = require('lodash');
+
 const defaultComposerPros = {
-  placeholder: "Type your message",
-  inputValue: "",
-  onChange: import_lodash.noop,
-  onResize: import_lodash.noop,
-  onSend: import_lodash.noop,
-  onFocus: import_lodash.noop,
-  onBlur: import_lodash.noop,
-  onKeyDown: import_lodash.noop,
+  placeholder: 'Type your message',
+  inputValue: '',
+  ariaMaxLengthMessage: '',
+  onChange: lodash.noop,
+  onResize: lodash.noop,
+  onSend: lodash.noop,
+  onFocus: lodash.noop,
+  onBlur: lodash.noop,
+  onKeyDown: lodash.noop,
   maxHeight: 0,
-  inputMaxLength: void 0,
-  maxLengthMessage: void 0,
+  inputMaxLength: undefined,
+  maxLengthMessage: undefined,
   buttonDisabled: false,
-  dataTestid: "ds-chat-composer",
-  actionRef: import_lodash.noop
+  dataTestid: 'ds-chat-composer',
+  actionRef: lodash.noop
 };
 const composerProps = {
-  placeholder: import_react_desc.PropTypes.string.description("Input Placeholder").defaultValue(defaultComposerPros.placeholder),
-  inputValue: import_react_desc.PropTypes.string.description("Input value").defaultValue(defaultComposerPros.inputValue),
-  maxLengthMessage: import_react_desc.PropTypes.string.description("Max length message").defaultValue(defaultComposerPros.maxLengthMessage),
-  onChange: import_react_desc.PropTypes.func.description("Called when the user types").defaultValue(defaultComposerPros.onChange),
-  onResize: import_react_desc.PropTypes.func.description("Called the input changes his height").defaultValue(defaultComposerPros.onResize),
-  onSend: import_react_desc.PropTypes.func.description("Called when the click send").defaultValue(defaultComposerPros.onSend),
-  onFocus: import_react_desc.PropTypes.func.description("Input focus").defaultValue(defaultComposerPros.onFocus),
-  onBlur: import_react_desc.PropTypes.func.description("Input blur").defaultValue(defaultComposerPros.onBlur),
-  onKeyDown: import_react_desc.PropTypes.func.description("Input on key down").defaultValue(defaultComposerPros.onKeyDown),
-  maxHeight: import_react_desc.PropTypes.number.description("Max height of the composer. Use 0 for no limit").defaultValue(defaultComposerPros.onBlur),
-  inputMaxLength: import_react_desc.PropTypes.number.description("Max length of the composer. `undefined` for no limit").defaultValue(defaultComposerPros.inputMaxLength),
-  buttonDisabled: import_react_desc.PropTypes.bool.description("Control the disabled for the send button").defaultValue(defaultComposerPros.buttonDisabled),
-  dataTestid: import_react_desc.PropTypes.string.description("Data testid").defaultValue(defaultComposerPros.placeholder),
-  actionRef: import_react_desc.PropTypes.object.description(`Reference: 
-        { 
-          scrollToIndex: (n: number) => void,
-          getMessagesInView: () => number[],
-          focusToIndex: (n: number) => void,
-          focusToList: () => void,
-          focusToComposer: () => void,
-          focusToSend: () => void,
-        }
-        
-      `).defaultValue(defaultComposerPros.actionRef)
+  placeholder: reactDesc.PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),
+  inputValue: reactDesc.PropTypes.string.description('Input value').defaultValue(defaultComposerPros.inputValue),
+  ariaMaxLengthMessage: reactDesc.PropTypes.string.description('Aria message for Max length message when exceeded').defaultValue(defaultComposerPros.maxLengthMessage),
+  maxLengthMessage: reactDesc.PropTypes.string.description('Max length message').defaultValue(defaultComposerPros.maxLengthMessage),
+  onChange: reactDesc.PropTypes.func.description('Called when the user types').defaultValue(defaultComposerPros.onChange),
+  onResize: reactDesc.PropTypes.func.description('Called the input changes his height').defaultValue(defaultComposerPros.onResize),
+  onSend: reactDesc.PropTypes.func.description('Called when the click send').defaultValue(defaultComposerPros.onSend),
+  onFocus: reactDesc.PropTypes.func.description('Input focus').defaultValue(defaultComposerPros.onFocus),
+  onBlur: reactDesc.PropTypes.func.description('Input blur').defaultValue(defaultComposerPros.onBlur),
+  onKeyDown: reactDesc.PropTypes.func.description('Input on key down').defaultValue(defaultComposerPros.onKeyDown),
+  maxHeight: reactDesc.PropTypes.number.description('Max height of the composer. Use 0 for no limit').defaultValue(defaultComposerPros.onBlur),
+  inputMaxLength: reactDesc.PropTypes.number.description('Max length of the composer. `undefined` for no limit').defaultValue(defaultComposerPros.inputMaxLength),
+  buttonDisabled: reactDesc.PropTypes.bool.description('Control the disabled for the send button').defaultValue(defaultComposerPros.buttonDisabled),
+  dataTestid: reactDesc.PropTypes.string.description('Data testid').defaultValue(defaultComposerPros.placeholder),
+  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(defaultComposerPros.actionRef)
 };
-module.exports = __toCommonJS(props_exports);
-//# sourceMappingURL=props.js.map
+
+exports.composerProps = composerProps;
+exports.defaultComposerPros = defaultComposerPros;

package/cjs/parts/chat-composer/styled.js

@@ -1,102 +1,34 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styled_exports = {};
-__export(styled_exports, {
-  StyledChatContainerContentComposer: () => StyledChatContainerContentComposer,
-  StyledComposerButton: () => StyledComposerButton,
-  StyledComposerInput: () => StyledComposerInput,
-  StyledCounterArea: () => StyledCounterArea,
-  StyledCounterErrorA11y: () => StyledCounterErrorA11y
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-const StyledChatContainerContentComposer = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  width: 100%;
-  min-height: 56px;
-  background: ${(props) => props.theme.colors.neutral["050"]};
-  padding: ${(props) => props.theme.space.xxs};
-  padding-bottom: 3px;
-  padding-top: 6px;
-  padding-left: ${(props) => props.theme.space.xs};
-  max-height: ${(props) => props.maxHeight};
-  border-top: 1px solid #cbcfd7;
-`;
-const StyledComposerInput = import_styled_components.default.textarea`
-  padding: ${(props) => props.theme.space.xxs};
-  resize: none;
-  min-height: 32px;
-  border-radius: 2px;
-  border: solid 1px #cbcfd7;
-  color: #25292f;
-  height: ${(props) => typeof props.height === "number" ? `${props.height}px` : props.height};
-  min-width: 244px;
-  overflow-y: auto;
-  font-size: 13px;
-  font-weight: 400;
-  line-height: 1;
-  transition: height 0.05s;
-  &:focus {
-    outline: none;
-    border: 1px solid ${(props) => props.theme.colors.brand[600]};
-    box-shadow: inset 0 0 0 1px #8cc2ed;
-    border-radius: 2px;
-  }
-`;
-const StyledComposerButton = (0, import_styled_components.default)(import_ds_button.DSButton)`
-  &:disabled {
-    background: none;
-    svg {
-      fill: #5d6775;
-    }
-  }
-  svg {
-    fill: ${(props) => props.theme.colors.brand[600]};
-  }
-  &:focus {
-    background: ${(props) => props.theme.colors.brand[200]};
-  }
-`;
-const StyledCounterArea = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  text-align: right;
-  font-size: 11px;
-  height: 15px;
-  align-items: center;
-  font-style: italic;
-  ${(props) => props.hasError ? `color:${props.theme.colors.danger[900]};` : ""}
-  position:relative;
-`;
-const StyledCounterErrorA11y = import_styled_components.default.span`
-  width: 1px;
-  height: 1px;
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px);
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var dsGrid = require('@elliemae/ds-grid');
+var DSButton = require('@elliemae/ds-button');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+// Composer
+const StyledChatContainerContentComposer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-1ahwpce-0"
+})(["width:100%;min-height:56px;background:", ";padding:", ";padding-bottom:3px;padding-top:6px;padding-left:", ";max-height:", ";border-top:1px solid #cbcfd7;"], props => props.theme.colors.neutral['050'], props => props.theme.space.xxs, props => props.theme.space.xs, props => props.maxHeight);
+const StyledComposerInput = /*#__PURE__*/styled__default["default"].textarea.withConfig({
+  componentId: "sc-1ahwpce-1"
+})(["padding:", ";resize:none;min-height:32px;border-radius:2px;border:solid 1px #cbcfd7;color:#25292f;height:", ";min-width:244px;overflow-y:auto;font-size:13px;font-weight:400;line-height:1;transition:height 0.05s;&:focus{outline:none;border:1px solid ", ";box-shadow:inset 0 0 0 1px #8cc2ed;border-radius:2px;}"], props => props.theme.space.xxs, props => typeof props.height === 'number' ? "".concat(props.height, "px") : props.height, props => props.theme.colors.brand[600]);
+const StyledComposerButton = /*#__PURE__*/styled__default["default"](DSButton.DSButton).withConfig({
+  componentId: "sc-1ahwpce-2"
+})(["&:disabled{background:none;svg{fill:#5d6775;}}svg{fill:", ";}&:focus{background:", ";}"], props => props.theme.colors.brand[600], props => props.theme.colors.brand[200]);
+const StyledCounterArea = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-1ahwpce-3"
+})(["text-align:right;font-size:11px;height:15px;align-items:center;font-style:italic;", " position:relative;"], props => props.hasError ? "color:".concat(props.theme.colors.danger[900], ";") : '');
+const StyledCounterErrorA11y = /*#__PURE__*/styled__default["default"].span.withConfig({
+  componentId: "sc-1ahwpce-4"
+})(["width:1px;height:1px;position:absolute;clip:rect(1px,1px,1px,1px);"]);
+
+exports.StyledChatContainerContentComposer = StyledChatContainerContentComposer;
+exports.StyledComposerButton = StyledComposerButton;
+exports.StyledComposerInput = StyledComposerInput;
+exports.StyledCounterArea = StyledCounterArea;
+exports.StyledCounterErrorA11y = StyledCounterErrorA11y;

package/cjs/parts/chat-container/ChatContainer.js

@@ -1,48 +1,44 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ChatContainer_exports = {};
-__export(ChatContainer_exports, {
-  ChatContainer: () => ChatContainer,
-  ChatContainerWithSchema: () => ChatContainerWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_lodash = __toESM(require("lodash"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_indeterminate_progress_indicator = __toESM(require("@elliemae/ds-indeterminate-progress-indicator"));
-var import_ds_banner = __toESM(require("@elliemae/ds-banner"));
-var import_chat_composer = __toESM(require("../chat-composer"));
-var import_chat_container_messages_list = __toESM(require("../chat-container-messages-list"));
-var import_props = __toESM(require("./props"));
-var import_styled = __toESM(require("./styled"));
-var import_useValidateProps = __toESM(require("./config/useValidateProps"));
-const ChatContainer = (props) => {
-  (0, import_useValidateProps.useValidateProps)(props, import_props.containerProps);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var React = require('react');
+var lodash = require('lodash');
+var reactDesc = require('react-desc');
+var DSIndeterminateProgressIndicator = require('@elliemae/ds-indeterminate-progress-indicator');
+var DSBanner = require('@elliemae/ds-banner');
+var ChatContainerComposer = require('../chat-composer/ChatContainerComposer.js');
+var ChatContainerMessagesList = require('../chat-container-messages-list/ChatContainerMessagesList.js');
+var props = require('./props.js');
+var styled = require('./styled.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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var DSIndeterminateProgressIndicator__default = /*#__PURE__*/_interopDefaultLegacy(DSIndeterminateProgressIndicator);
+var DSBanner__default = /*#__PURE__*/_interopDefaultLegacy(DSBanner);
+
+var _DSIndeterminateProgr;
+
+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; }
+
+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; }
+
+const ChatContainer = props$1 => {
+  var _messagesListProps$me2, _containerRef$current;
+
+  useValidateProps.useValidateProps(props$1, props.containerProps);
   const {
     sendingText,
     sendingMessages,
@@ -50,108 +46,130 @@ const ChatContainer = (props) => {
     bannerProps,
     messagesListProps,
     composerProps,
-    composerProps: { onResize: onComposerResize, onKeyDown: onComposerKeyDown },
+    composerProps: {
+      onResize: onComposerResize,
+      onKeyDown: onComposerKeyDown
+    },
     actionRef,
     device,
     isLoading,
     hasMoreItems,
     getMoreMessages,
     ariaLabel
-  } = props;
-  const bannerRef = import_react.default.useRef({ focusOnWrapper: import_lodash.noop, focusOnLink: import_lodash.noop });
-  const containerRef = import_react.default.useRef();
-  const listRef = import_react.default.useRef({ scrollToIndex: import_lodash.noop });
-  const onResize = import_react.default.useCallback((height) => {
-    if (onComposerResize)
-      onComposerResize(height);
+  } = props$1;
+  const bannerRef = React__default["default"].useRef({
+    focusOnWrapper: lodash.noop,
+    focusOnLink: lodash.noop
+  });
+  const containerRef = React__default["default"].useRef();
+  const listRef = React__default["default"].useRef({
+    scrollToIndex: lodash.noop
+  });
+  const onResize = React__default["default"].useCallback(height => {
+    if (onComposerResize) onComposerResize(height);
+    /*
+       setTimeout is used to equal the animation duration from the 
+       composer text area when increase its size
+      */
+
     setTimeout(() => {
       actionRef.current.scrollToIndex(messagesListProps.messages.length - 1, {
-        align: "start"
+        align: 'start'
       });
     }, 50);
   }, [onComposerResize, messagesListProps.messages, actionRef]);
-  const Container = device === "desktop" ? import_styled.StyledChatContainerContent : import_styled.MobileStyledChatContainerContent;
-  const handleTabs = import_react.default.useCallback((e) => {
-    if (onComposerKeyDown)
-      onComposerKeyDown(e);
-    else {
+  const Container = device === 'desktop' ? styled.StyledChatContainerContent : styled.MobileStyledChatContainerContent;
+  const handleTabs = React__default["default"].useCallback(e => {
+    if (onComposerKeyDown) onComposerKeyDown(e);else {
       const ref = actionRef || listRef;
-      if (e.shiftKey && e.key === "Tab") {
-        if (messagesListProps.messages?.length > 0) {
+
+      if (e.shiftKey && e.key === 'Tab') {
+        var _messagesListProps$me;
+
+        if (((_messagesListProps$me = messagesListProps.messages) === null || _messagesListProps$me === void 0 ? void 0 : _messagesListProps$me.length) > 0) {
           e.preventDefault();
-          if (["top", "bottom"].includes(bannerPosition)) {
+
+          if (['top', 'bottom'].includes(bannerPosition)) {
             bannerRef.current.focusOnWrapper();
           } else {
+            var _ref$current;
+
             const last = ref.current.getMessagesInView().pop();
-            ref.current?.focusToIndexWithoutScroll(last);
+            (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focusToIndexWithoutScroll(last);
           }
         }
       }
     }
-  }, [actionRef, onComposerKeyDown, bannerPosition, messagesListProps.messages?.length]);
-  import_react.default.useEffect(() => {
+  }, [actionRef, onComposerKeyDown, bannerPosition, (_messagesListProps$me2 = messagesListProps.messages) === null || _messagesListProps$me2 === void 0 ? void 0 : _messagesListProps$me2.length]); // Map actions
+
+  React__default["default"].useEffect(() => {
     if (actionRef && actionRef.current) {
       actionRef.current.focusOnBanner = bannerRef.current.focusOnWrapper;
       actionRef.current.focusOnBannerLink = bannerRef.current.focusOnLink;
     }
   }, [actionRef]);
-  return /* @__PURE__ */ import_react.default.createElement(Container, {
-    rows: ["minmax(0, 1fr)", "auto"],
+  return /*#__PURE__*/jsxRuntime.jsxs(Container, {
+    rows: ['minmax(0, 1fr)', 'auto'],
     ref: containerRef,
     role: "region",
-    "aria-label": ariaLabel
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    style: { position: "relative", overflow: "hidden" }
-  }, /* @__PURE__ */ import_react.default.createElement(import_chat_container_messages_list.ChatContainerMessagesList, {
-    ...messagesListProps,
-    actionRef: actionRef || listRef,
-    isLoading,
-    hasMoreItems,
-    getMoreMessages,
-    sendingMessages,
-    sendingText,
-    bannerPosition,
-    bannerRef
-  }), ["top", "bottom"].includes(isLoading) ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyledIndicatorContainer, {
-    isLoading,
-    "data-testid": "ds-chat-loading-indicator"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_indeterminate_progress_indicator.default, {
-    processing: true,
-    title: "Loading"
-  })) : null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledIndicatorContainer, {
-    linear: true,
-    isLoading: bannerPosition
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_banner.default, {
-    showCloseButton: true,
-    label: bannerProps.label || "Unread messages",
-    containerProps: { id: "ds-chat-banner" },
-    actionLink: {
-      label: bannerProps.viewLabel || "View",
-      onClick: bannerProps.onView
-    },
-    onClose: bannerProps.onClose,
-    isOpen: true,
-    type: bannerProps.type || import_ds_banner.BANNER_TYPES.INFO,
-    actionRef: bannerRef
-  })), sendingMessages && sendingMessages.length > 0 ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyledIndicatorContainer, {
-    isLoading: "bottom",
-    linear: true,
-    "data-testid": "ds-chat-loading-indicator"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_indeterminate_progress_indicator.default, {
-    processing: true,
-    title: sendingText,
-    lineOnly: true
-  })) : null), /* @__PURE__ */ import_react.default.createElement(import_chat_composer.ChatComposer, {
-    ...composerProps,
-    onKeyDown: handleTabs,
-    onResize,
-    maxHeight: (containerRef.current?.clientHeight || 0) / 2,
-    actionRef: actionRef || listRef
-  }));
+    "aria-label": ariaLabel,
+    children: [/*#__PURE__*/_jsx__default["default"]("div", {
+      style: {
+        position: 'relative',
+        overflow: 'hidden'
+      }
+    }, void 0, /*#__PURE__*/jsxRuntime.jsx(ChatContainerMessagesList.ChatContainerMessagesList, _objectSpread(_objectSpread({}, messagesListProps), {}, {
+      actionRef: actionRef || listRef,
+      isLoading: isLoading,
+      hasMoreItems: hasMoreItems,
+      getMoreMessages: getMoreMessages,
+      sendingMessages: sendingMessages,
+      sendingText: sendingText,
+      bannerPosition: bannerPosition,
+      bannerRef: bannerRef
+    })), ['top', 'bottom'].includes(isLoading) ? /*#__PURE__*/_jsx__default["default"](styled.StyledIndicatorContainer, {
+      isLoading: isLoading,
+      "data-testid": "ds-chat-loading-indicator"
+    }, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx__default["default"](DSIndeterminateProgressIndicator__default["default"], {
+      processing: true,
+      title: "Loading"
+    }))) : null, /*#__PURE__*/_jsx__default["default"](styled.StyledIndicatorContainer, {
+      linear: true,
+      isLoading: bannerPosition
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSBanner__default["default"], {
+      showCloseButton: true,
+      label: bannerProps.label || 'Unread messages',
+      containerProps: {
+        id: 'ds-chat-banner'
+      },
+      actionLink: {
+        label: bannerProps.viewLabel || 'View',
+        onClick: bannerProps.onView
+      },
+      onClose: bannerProps.onClose,
+      isOpen: true,
+      type: bannerProps.type || DSBanner.BANNER_TYPES.INFO,
+      actionRef: bannerRef
+    })), sendingMessages && sendingMessages.length > 0 ? /*#__PURE__*/_jsx__default["default"](styled.StyledIndicatorContainer, {
+      isLoading: "bottom",
+      linear: true,
+      "data-testid": "ds-chat-loading-indicator"
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSIndeterminateProgressIndicator__default["default"], {
+      processing: true,
+      title: sendingText,
+      lineOnly: true
+    })) : null), /*#__PURE__*/jsxRuntime.jsx(ChatContainerComposer.ChatComposer, _objectSpread(_objectSpread({}, composerProps), {}, {
+      onKeyDown: handleTabs,
+      onResize: onResize,
+      maxHeight: (((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.clientHeight) || 0) / 2,
+      actionRef: actionRef || listRef
+    }))]
+  });
 };
-ChatContainer.propTypes = import_props.containerProps;
-ChatContainer.defaultProps = import_props.defaultProps;
-const ChatContainerWithSchema = (0, import_react_desc.describe)(ChatContainer);
-ChatContainerWithSchema.propTypes = import_props.containerProps;
-module.exports = __toCommonJS(ChatContainer_exports);
-//# sourceMappingURL=ChatContainer.js.map
+
+ChatContainer.defaultProps = props.defaultProps;
+const ChatContainerWithSchema = reactDesc.describe(ChatContainer);
+ChatContainerWithSchema.propTypes = props.containerProps;
+
+exports.ChatContainer = ChatContainer;
+exports.ChatContainerWithSchema = ChatContainerWithSchema;

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

@@ -1,38 +1,11 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useValidateProps_exports = {};
-__export(useValidateProps_exports, {
-  useValidateProps: () => useValidateProps
-});
-var React = __toESM(require("react"));
-var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+
 const useValidateProps = (props, propTypes) => {
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes);
+  dsPropsHelpers.useValidateTypescriptPropTypes(props, propTypes);
 };
-module.exports = __toCommonJS(useValidateProps_exports);
-//# sourceMappingURL=useValidateProps.js.map
+
+exports.useValidateProps = useValidateProps;