@elliemae/ds-chat 1.57.0-rc.0 → 1.57.0-rc.12

package/cjs/index.js

@@ -18,7 +18,7 @@ var parts_systemMessage_SystemMessage = require('./parts/system-message/SystemMe
 var parts_chatCard_ChatCard = require('./parts/chat-card/ChatCard.js');
 require('react');
 require('react-desc');
-require('@elliemae/ds-icons/WarningCircleFill');
+require('@elliemae/ds-icons');
 require('./parts/bubble/styled.js');
 require('styled-components');
 require('@elliemae/ds-grid');
@@ -27,20 +27,18 @@ require('lodash');
 require('./parts/bubble/config/useValidateProps.js');
 require('@elliemae/ds-props-helpers');
 require('./parts/bubble/ChatBubbleArrow.js');
-require('@elliemae/ds-icons/Comments');
 require('./parts/floating-button/styled.js');
 require('./parts/floating-button/props.js');
 require('./styled.js');
 require('@elliemae/ds-truncated-tooltip-text');
 require('./parts/chat-container-header/styled.js');
-require('@elliemae/ds-icons/Communications');
 require('./parts/chat-empty-state/props.js');
 require('./parts/chat-empty-state/styled.js');
 require('./parts/chat-empty-state/config/useValidateProps.js');
 require('@babel/runtime/helpers/extends');
 require('@babel/runtime/helpers/defineProperty');
 require('react-virtual');
-require('@elliemae/ds-basic/Button');
+require('@elliemae/ds-button');
 require('./parts/chat-container-messages-list/styled.js');
 require('./parts/chat-container-messages-list/props.js');
 require('./parts/chat-container-messages-list/config/useValidateProps.js');
@@ -51,13 +49,9 @@ require('./parts/system-message/style.js');
 require('./parts/system-message/props.js');
 require('./parts/system-message/config/useValidateProps.js');
 require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-icons/PaperAirplane');
 require('./parts/chat-composer/styled.js');
-require('@elliemae/ds-button');
 require('./parts/chat-composer/config/useValidateProps.js');
 require('./parts/chat-composer/props.js');
-require('@elliemae/ds-icons/MenuExpand');
-require('@elliemae/ds-icons/MenuCollapse');
 require('./parts/chat-sidebar/styled.js');
 require('./parts/sidebar-button/SidebarButton.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
@@ -66,11 +60,10 @@ require('./parts/sidebar-button/props.js');
 require('./parts/chat-sidebar/props.js');
 require('./parts/chat-sidebar/config/useValidateProps.js');
 require('@elliemae/ds-tooltip');
-require('@elliemae/ds-icons/CloseXsmall');
 require('./parts/tile-button/styled.js');
 require('./parts/tile-button/props.js');
 require('./parts/tile-button/config/useValidateProps.js');
-require('@elliemae/ds-basic/IndeterminateProgressIndicator');
+require('@elliemae/ds-indeterminate-progress-indicator');
 require('@elliemae/ds-banner');
 require('./parts/chat-container/props.js');
 require('./parts/chat-container/styled.js');

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/parts/bubble/ChatBubble.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactDesc = require('react-desc');
-var Warning = require('@elliemae/ds-icons/WarningCircleFill');
+var dsIcons = require('@elliemae/ds-icons');
 var parts_bubble_styled = require('./styled.js');
 var parts_bubble_props = require('./props.js');
 var parts_bubble_config_useValidateProps = require('./config/useValidateProps.js');
@@ -18,7 +18,6 @@ require('@elliemae/ds-props-helpers');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Warning__default = /*#__PURE__*/_interopDefaultLegacy(Warning);
 
 var ChatBubble = function ChatBubble(props) {
   parts_bubble_config_useValidateProps.useValidateProps(props, ChatBubbleWithSchema.toJSON());
@@ -29,6 +28,9 @@ var ChatBubble = function ChatBubble(props) {
       body = props.body,
       errorMessage = props.errorMessage,
       helpMessage = props.helpMessage;
+  var bodyParts = React__default['default'].useMemo(function () {
+    return typeof body === 'string' ? body.split('\n') : [body];
+  }, [body]);
   return /*#__PURE__*/React__default['default'].createElement(parts_bubble_styled.StyledWrapper, {
     "data-testid": "ds-chat-bubble-".concat(dsId),
     type: type
@@ -48,14 +50,18 @@ var ChatBubble = function ChatBubble(props) {
     "data-testid": "chat-bubble-time-".concat(dsId)
   }, time)), /*#__PURE__*/React__default['default'].createElement(parts_bubble_styled.StyleBodyWrapper, {
     "data-testid": "chat-bubble-body-".concat(dsId)
-  }, body), /*#__PURE__*/React__default['default'].createElement(parts_bubble_ChatBubbleArrow.ChatBubbleArrow, {
+  }, bodyParts.map(function (item, index) {
+    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, {
+      key: item
+    }, item, index < bodyParts.length - 1 ? /*#__PURE__*/React__default['default'].createElement("br", null) : null);
+  })), /*#__PURE__*/React__default['default'].createElement(parts_bubble_ChatBubbleArrow.ChatBubbleArrow, {
     type: type
   })), errorMessage ? /*#__PURE__*/React__default['default'].createElement(parts_bubble_styled.StyleErrorMessage, {
     "data-testid": "chat-bubble-error-message-".concat(dsId),
     p: "xxs",
     gutter: "xxs",
     cols: [1, 'auto']
-  }, /*#__PURE__*/React__default['default'].createElement("span", null, errorMessage), /*#__PURE__*/React__default['default'].createElement(Warning__default['default'], null)) : null, helpMessage ? /*#__PURE__*/React__default['default'].createElement(parts_bubble_styled.StyleHelpMessage, {
+  }, /*#__PURE__*/React__default['default'].createElement("span", null, errorMessage), /*#__PURE__*/React__default['default'].createElement(dsIcons.WarningCircleFill, null)) : null, helpMessage ? /*#__PURE__*/React__default['default'].createElement(parts_bubble_styled.StyleHelpMessage, {
     "data-testid": "chat-bubble-help-message-".concat(dsId),
     p: "xxs",
     gutter: "xxs",

package/cjs/parts/bubble/ChatBubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBubble.js","sources":["../../../../src/parts/bubble/ChatBubble.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport Warning from '@elliemae/ds-icons/WarningCircleFill';\nimport {\n  StyledWrapper,\n  StyledColoredBubble,\n  StyledTitleBubble,\n  StyledTitleLeftBubble,\n  StyledTitleRightBubble,\n  StyleBodyWrapper,\n  StyleErrorMessage,\n  StyleHelpMessage,\n} from './styled';\nimport { propsBubbles, BubbleProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\n\nconst ChatBubble = (props: BubbleProps): JSX.Element => {\n  useValidateProps(props, ChatBubbleWithSchema.toJSON());\n\n  const { dsId, type, title, time, body, errorMessage, helpMessage } = props;\n  return (\n    <StyledWrapper data-testid={`ds-chat-bubble-${dsId}`} type={type}>\n      <StyledColoredBubble type={type}>\n        <StyledTitleBubble cols={[1, 'auto']} gutter=\"xs\" alignItems=\"flex-end\" className=\"sr-only\">\n          <StyledTitleLeftBubble alignItems=\"center\" data-testid={`chat-bubble-title-${dsId}`}>\n            {title}\n          </StyledTitleLeftBubble>\n          <StyledTitleRightBubble alignItems=\"center\" type={type} data-testid={`chat-bubble-time-${dsId}`}>\n            {time}\n          </StyledTitleRightBubble>\n        </StyledTitleBubble>\n        <StyleBodyWrapper data-testid={`chat-bubble-body-${dsId}`}>{body}</StyleBodyWrapper>\n        <ChatBubbleArrow type={type} />\n      </StyledColoredBubble>\n      {errorMessage ? (\n        <StyleErrorMessage data-testid={`chat-bubble-error-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n          <span>{errorMessage}</span>\n          <Warning />\n        </StyleErrorMessage>\n      ) : null}\n      {helpMessage ? (\n        <StyleHelpMessage data-testid={`chat-bubble-help-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n          <span>{helpMessage}</span>\n        </StyleHelpMessage>\n      ) : null}\n    </StyledWrapper>\n  );\n};\nChatBubble.propTypes = propsBubbles;\n\nconst ChatBubbleWithSchema = describe(ChatBubble);\nChatBubbleWithSchema.propTypes = propsBubbles;\n\nexport { ChatBubble, ChatBubbleWithSchema };\n"],"names":["ChatBubble","props","useValidateProps","ChatBubbleWithSchema","toJSON","dsId","type","title","time","body","errorMessage","helpMessage","React","StyledWrapper","StyledColoredBubble","StyledTitleBubble","StyledTitleLeftBubble","StyledTitleRightBubble","StyleBodyWrapper","ChatBubbleArrow","StyleErrorMessage","Warning","StyleHelpMessage","propTypes","propsBubbles","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAiBMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAqC;AACtDC,EAAAA,qDAAgB,CAACD,KAAD,EAAQE,oBAAoB,CAACC,MAArB,EAAR,CAAhB;AAEA,MAAQC,IAAR,GAAqEJ,KAArE,CAAQI,IAAR;AAAA,MAAcC,IAAd,GAAqEL,KAArE,CAAcK,IAAd;AAAA,MAAoBC,KAApB,GAAqEN,KAArE,CAAoBM,KAApB;AAAA,MAA2BC,IAA3B,GAAqEP,KAArE,CAA2BO,IAA3B;AAAA,MAAiCC,IAAjC,GAAqER,KAArE,CAAiCQ,IAAjC;AAAA,MAAuCC,YAAvC,GAAqET,KAArE,CAAuCS,YAAvC;AAAA,MAAqDC,WAArD,GAAqEV,KAArE,CAAqDU,WAArD;AACA,sBACEC,wCAACC,iCAAD;AAAe,4CAA+BR,IAA/B,CAAf;AAAsD,IAAA,IAAI,EAAEC;AAA5D,kBACEM,wCAACE,uCAAD;AAAqB,IAAA,IAAI,EAAER;AAA3B,kBACEM,wCAACG,qCAAD;AAAmB,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ,CAAzB;AAAsC,IAAA,MAAM,EAAC,IAA7C;AAAkD,IAAA,UAAU,EAAC,UAA7D;AAAwE,IAAA,SAAS,EAAC;AAAlF,kBACEH,wCAACI,yCAAD;AAAuB,IAAA,UAAU,EAAC,QAAlC;AAA2C,+CAAkCX,IAAlC;AAA3C,KACGE,KADH,CADF,eAIEK,wCAACK,0CAAD;AAAwB,IAAA,UAAU,EAAC,QAAnC;AAA4C,IAAA,IAAI,EAAEX,IAAlD;AAAwD,8CAAiCD,IAAjC;AAAxD,KACGG,IADH,CAJF,CADF,eASEI,wCAACM,oCAAD;AAAkB,8CAAiCb,IAAjC;AAAlB,KAA4DI,IAA5D,CATF,eAUEG,wCAACO,4CAAD;AAAiB,IAAA,IAAI,EAAEb;AAAvB,IAVF,CADF,EAaGI,YAAY,gBACXE,wCAACQ,qCAAD;AAAmB,uDAA0Cf,IAA1C,CAAnB;AAAqE,IAAA,CAAC,EAAC,KAAvE;AAA6E,IAAA,MAAM,EAAC,KAApF;AAA0F,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAAhG,kBACEO,sDAAOF,YAAP,CADF,eAEEE,wCAACS,2BAAD,OAFF,CADW,GAKT,IAlBN,EAmBGV,WAAW,gBACVC,wCAACU,oCAAD;AAAkB,sDAAyCjB,IAAzC,CAAlB;AAAmE,IAAA,CAAC,EAAC,KAArE;AAA2E,IAAA,MAAM,EAAC,KAAlF;AAAwF,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAA9F,kBACEO,sDAAOD,WAAP,CADF,CADU,GAIR,IAvBN,CADF;AA2BD;;AACDX,UAAU,CAACuB,SAAX,GAAuBC,+BAAvB;IAEMrB,oBAAoB,GAAGsB,kBAAQ,CAACzB,UAAD;AACrCG,oBAAoB,CAACoB,SAArB,GAAiCC,+BAAjC;;;;;"}
+{"version":3,"file":"ChatBubble.js","sources":["../../../../src/parts/bubble/ChatBubble.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { WarningCircleFill } from '@elliemae/ds-icons';\nimport {\n  StyledWrapper,\n  StyledColoredBubble,\n  StyledTitleBubble,\n  StyledTitleLeftBubble,\n  StyledTitleRightBubble,\n  StyleBodyWrapper,\n  StyleErrorMessage,\n  StyleHelpMessage,\n} from './styled';\nimport { propsBubbles, BubbleProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\n\nconst ChatBubble = (props: BubbleProps): JSX.Element => {\n  useValidateProps(props, ChatBubbleWithSchema.toJSON());\n\n  const { dsId, type, title, time, body, errorMessage, helpMessage } = props;\n  const bodyParts = React.useMemo(() => (typeof body === 'string' ? body.split('\\n') : [body]), [body]);\n\n  return (\n    <StyledWrapper data-testid={`ds-chat-bubble-${dsId}`} type={type}>\n      <StyledColoredBubble type={type}>\n        <StyledTitleBubble cols={[1, 'auto']} gutter=\"xs\" alignItems=\"flex-end\" className=\"sr-only\">\n          <StyledTitleLeftBubble alignItems=\"center\" data-testid={`chat-bubble-title-${dsId}`}>\n            {title}\n          </StyledTitleLeftBubble>\n          <StyledTitleRightBubble alignItems=\"center\" type={type} data-testid={`chat-bubble-time-${dsId}`}>\n            {time}\n          </StyledTitleRightBubble>\n        </StyledTitleBubble>\n        <StyleBodyWrapper data-testid={`chat-bubble-body-${dsId}`}>\n          {bodyParts.map((item, index) => (\n            <React.Fragment key={item}>\n              {item}\n              {index < bodyParts.length - 1 ? <br /> : null}\n            </React.Fragment>\n          ))}\n        </StyleBodyWrapper>\n        <ChatBubbleArrow type={type} />\n      </StyledColoredBubble>\n      {errorMessage ? (\n        <StyleErrorMessage data-testid={`chat-bubble-error-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n          <span>{errorMessage}</span>\n          <WarningCircleFill />\n        </StyleErrorMessage>\n      ) : null}\n      {helpMessage ? (\n        <StyleHelpMessage data-testid={`chat-bubble-help-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n          <span>{helpMessage}</span>\n        </StyleHelpMessage>\n      ) : null}\n    </StyledWrapper>\n  );\n};\nChatBubble.propTypes = propsBubbles;\n\nconst ChatBubbleWithSchema = describe(ChatBubble);\nChatBubbleWithSchema.propTypes = propsBubbles;\n\nexport { ChatBubble, ChatBubbleWithSchema };\n"],"names":["ChatBubble","props","useValidateProps","ChatBubbleWithSchema","toJSON","dsId","type","title","time","body","errorMessage","helpMessage","bodyParts","React","useMemo","split","StyledWrapper","StyledColoredBubble","StyledTitleBubble","StyledTitleLeftBubble","StyledTitleRightBubble","StyleBodyWrapper","map","item","index","length","ChatBubbleArrow","StyleErrorMessage","WarningCircleFill","StyleHelpMessage","propTypes","propsBubbles","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAiBMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAqC;AACtDC,EAAAA,qDAAgB,CAACD,KAAD,EAAQE,oBAAoB,CAACC,MAArB,EAAR,CAAhB;AAEA,MAAQC,IAAR,GAAqEJ,KAArE,CAAQI,IAAR;AAAA,MAAcC,IAAd,GAAqEL,KAArE,CAAcK,IAAd;AAAA,MAAoBC,KAApB,GAAqEN,KAArE,CAAoBM,KAApB;AAAA,MAA2BC,IAA3B,GAAqEP,KAArE,CAA2BO,IAA3B;AAAA,MAAiCC,IAAjC,GAAqER,KAArE,CAAiCQ,IAAjC;AAAA,MAAuCC,YAAvC,GAAqET,KAArE,CAAuCS,YAAvC;AAAA,MAAqDC,WAArD,GAAqEV,KAArE,CAAqDU,WAArD;AACA,MAAMC,SAAS,GAAGC,yBAAK,CAACC,OAAN,CAAc;AAAA,WAAO,OAAOL,IAAP,KAAgB,QAAhB,GAA2BA,IAAI,CAACM,KAAL,CAAW,IAAX,CAA3B,GAA8C,CAACN,IAAD,CAArD;AAAA,GAAd,EAA4E,CAACA,IAAD,CAA5E,CAAlB;AAEA,sBACEI,wCAACG,iCAAD;AAAe,4CAA+BX,IAA/B,CAAf;AAAsD,IAAA,IAAI,EAAEC;AAA5D,kBACEO,wCAACI,uCAAD;AAAqB,IAAA,IAAI,EAAEX;AAA3B,kBACEO,wCAACK,qCAAD;AAAmB,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ,CAAzB;AAAsC,IAAA,MAAM,EAAC,IAA7C;AAAkD,IAAA,UAAU,EAAC,UAA7D;AAAwE,IAAA,SAAS,EAAC;AAAlF,kBACEL,wCAACM,yCAAD;AAAuB,IAAA,UAAU,EAAC,QAAlC;AAA2C,+CAAkCd,IAAlC;AAA3C,KACGE,KADH,CADF,eAIEM,wCAACO,0CAAD;AAAwB,IAAA,UAAU,EAAC,QAAnC;AAA4C,IAAA,IAAI,EAAEd,IAAlD;AAAwD,8CAAiCD,IAAjC;AAAxD,KACGG,IADH,CAJF,CADF,eASEK,wCAACQ,oCAAD;AAAkB,8CAAiChB,IAAjC;AAAlB,KACGO,SAAS,CAACU,GAAV,CAAc,UAACC,IAAD,EAAOC,KAAP;AAAA,wBACbX,wCAACA,yBAAD,CAAO,QAAP;AAAgB,MAAA,GAAG,EAAEU;AAArB,OACGA,IADH,EAEGC,KAAK,GAAGZ,SAAS,CAACa,MAAV,GAAmB,CAA3B,gBAA+BZ,mDAA/B,GAAwC,IAF3C,CADa;AAAA,GAAd,CADH,CATF,eAiBEA,wCAACa,4CAAD;AAAiB,IAAA,IAAI,EAAEpB;AAAvB,IAjBF,CADF,EAoBGI,YAAY,gBACXG,wCAACc,qCAAD;AAAmB,uDAA0CtB,IAA1C,CAAnB;AAAqE,IAAA,CAAC,EAAC,KAAvE;AAA6E,IAAA,MAAM,EAAC,KAApF;AAA0F,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAAhG,kBACEQ,sDAAOH,YAAP,CADF,eAEEG,wCAACe,yBAAD,OAFF,CADW,GAKT,IAzBN,EA0BGjB,WAAW,gBACVE,wCAACgB,oCAAD;AAAkB,sDAAyCxB,IAAzC,CAAlB;AAAmE,IAAA,CAAC,EAAC,KAArE;AAA2E,IAAA,MAAM,EAAC,KAAlF;AAAwF,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAA9F,kBACEQ,sDAAOF,WAAP,CADF,CADU,GAIR,IA9BN,CADF;AAkCD;;AACDX,UAAU,CAAC8B,SAAX,GAAuBC,+BAAvB;IAEM5B,oBAAoB,GAAG6B,kBAAQ,CAAChC,UAAD;AACrCG,oBAAoB,CAAC2B,SAArB,GAAiCC,+BAAjC;;;;;"}

package/cjs/parts/bubble/index.js

@@ -6,7 +6,7 @@ var parts_bubble_ChatBubble = require('./ChatBubble.js');
 var parts_bubble_props = require('./props.js');
 require('react');
 require('react-desc');
-require('@elliemae/ds-icons/WarningCircleFill');
+require('@elliemae/ds-icons');
 require('./styled.js');
 require('styled-components');
 require('@elliemae/ds-grid');

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

@@ -7,7 +7,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var dsGrid = require('@elliemae/ds-grid');
 var reactDesc = require('react-desc');
-var PaperAirplane = require('@elliemae/ds-icons/PaperAirplane');
+var dsIcons = require('@elliemae/ds-icons');
 var parts_chatComposer_styled = require('./styled.js');
 var parts_chatComposer_config_useValidateProps = require('./config/useValidateProps.js');
 var parts_chatComposer_props = require('./props.js');
@@ -21,7 +21,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PaperAirplane__default = /*#__PURE__*/_interopDefaultLegacy(PaperAirplane);
 
 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; }
 
@@ -41,6 +40,7 @@ var ChatComposer = function ChatComposer(props) {
       maxHeight = _props$maxHeight === void 0 ? 300 : _props$maxHeight,
       placeholder = props.placeholder,
       inputMaxLength = props.inputMaxLength,
+      maxLengthMessage = props.maxLengthMessage,
       buttonDisabled = props.buttonDisabled,
       dataTestid = props.dataTestid,
       actionRef = props.actionRef;
@@ -69,7 +69,7 @@ var ChatComposer = function ChatComposer(props) {
     onResize(newHeight);
     setHeight(newHeight);
     setShowScroll(((_inputSize$current3 = inputSize.current) === null || _inputSize$current3 === void 0 ? void 0 : _inputSize$current3.scrollHeight) - ((_inputSize$current4 = inputSize.current) === null || _inputSize$current4 === void 0 ? void 0 : _inputSize$current4.clientHeight) > 5);
-  }, [inputValue, internalMaxHeight]);
+  }, [inputValue, internalMaxHeight, onResize]);
   React__default['default'].useEffect(function () {
     if (actionRef && actionRef.current) {
       actionRef.current.focusToComposer = function () {
@@ -80,7 +80,7 @@ var ChatComposer = function ChatComposer(props) {
         inputSend.current.focus();
       };
     }
-  }, [actionRef.current]);
+  }, [actionRef]);
   var handleChange = React__default['default'].useCallback(function (e) {
     onChange(e.target.value);
   }, [onChange]);
@@ -116,7 +116,7 @@ var ChatComposer = function ChatComposer(props) {
     alignItems: "center"
   }, /*#__PURE__*/React__default['default'].createElement(parts_chatComposer_styled.StyledComposerButton, {
     buttonType: "text",
-    icon: /*#__PURE__*/React__default['default'].createElement(PaperAirplane__default['default'], {
+    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.PaperAirplane, {
       width: 18,
       height: 18
     }),
@@ -150,7 +150,7 @@ var ChatComposer = function ChatComposer(props) {
     "data-testid": "composer-counter-area"
   }, inputMaxLength && hasError ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(parts_chatComposer_styled.StyledCounterErrorA11y, {
     role: "alert"
-  }, "You have exceeded the character limit by ", inputLength - inputMaxLength), "Please limit to less than ", inputMaxLength, " characters.", ' ') : '', inputMaxLength ? "".concat(inputLength, " / ").concat(inputMaxLength) : ''), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null)));
+  }, maxLengthMessage || "You have exceeded the character limit by ".concat(inputLength - inputMaxLength)), maxLengthMessage || "Please limit to less than ".concat(inputMaxLength, " characters. ")) : '', inputMaxLength ? " ".concat(inputLength, " / ").concat(inputMaxLength) : ''), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null)));
 };
 
 ChatComposer.propTypes = parts_chatComposer_props.composerProps;

package/cjs/parts/chat-composer/ChatContainerComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContainerComposer.js","sources":["../../../../src/parts/chat-composer/ChatContainerComposer.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe } from 'react-desc';\nimport PaperAirplane from '@elliemae/ds-icons/PaperAirplane';\nimport {\n  StyledChatContainerContentComposer,\n  StyledComposerInput,\n  StyledComposerButton,\n  StyledCounterArea,\n  StyledCounterErrorA11y,\n} from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nimport { defaultComposerPros, composerProps, ChatComposerProps } from './props';\n\nconst ChatComposer = (props: ChatComposerProps): JSX.Element => {\n  useValidateProps(props, ChatComposerWithSchema.toJSON());\n\n  const {\n    inputValue,\n    onChange,\n    onResize,\n    onSend,\n    onFocus,\n    onBlur,\n    maxHeight = 300,\n    placeholder,\n    inputMaxLength,\n    buttonDisabled,\n    dataTestid,\n    actionRef,\n  } = props;\n\n  const input = React.useRef<HTMLTextAreaElement>();\n  const inputSize = React.useRef<HTMLTextAreaElement>();\n  const inputSend = React.useRef<HTMLButtonElement>();\n  const [height, setHeight] = React.useState(32);\n  const internalMaxHeight = React.useMemo(() => maxHeight - 24, [maxHeight]);\n  const [showScroll, setShowScroll] = React.useState(true);\n\n  React.useEffect(() => {\n    const newHeight =\n      inputSize.current?.scrollHeight > internalMaxHeight ? internalMaxHeight : inputSize.current?.scrollHeight;\n    onResize(newHeight);\n    setHeight(newHeight);\n    setShowScroll(inputSize.current?.scrollHeight - inputSize.current?.clientHeight > 5);\n  }, [inputValue, internalMaxHeight]);\n\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.focusToComposer = () => {\n        input.current.focus();\n      };\n      actionRef.current.focusToSend = () => {\n        inputSend.current.focus();\n      };\n    }\n  }, [actionRef.current]);\n\n  const handleChange = React.useCallback(\n    (e) => {\n      onChange(e.target.value);\n    },\n    [onChange],\n  );\n  const heightProps = { height, overflow: showScroll ? 'auto' : 'hidden' };\n\n  const inputLength = String(inputValue || '').length;\n  const hasError = React.useMemo(() => inputLength > inputMaxLength, [inputLength, inputMaxLength]);\n\n  return (\n    <StyledChatContainerContentComposer rows={['auto', '15px']} maxHeight={`${maxHeight}px`} data-testid={dataTestid}>\n      <Grid cols={['1fr', '24px']} justifyContent=\"center\" alignItems=\"flex-end\" gutter=\"xxs\">\n        <StyledComposerInput\n          ref={input}\n          onChange={handleChange}\n          style={{ ...heightProps }}\n          value={inputValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          placeholder={placeholder}\n          aria-label=\"Message to send\"\n          data-testid=\"chat-composer-textarea\"\n        />\n\n        <Grid height=\"32px\" alignItems=\"center\">\n          <StyledComposerButton\n            buttonType=\"text\"\n            icon={<PaperAirplane width={18} height={18} />}\n            onClick={onSend}\n            size=\"s\"\n            disabled={!inputValue || buttonDisabled || hasError}\n            data-testid=\"chat-composer-send-button\"\n            aria-label=\"Send\"\n            innerRef={inputSend}\n          />\n        </Grid>\n      </Grid>\n      <StyledComposerInput\n        ref={inputSize}\n        style={{\n          height: 32,\n          visibility: 'hidden',\n          pointerEvents: 'none',\n          position: 'absolute',\n          top: 0,\n          width: input.current?.clientWidth,\n        }}\n        onChange={handleChange}\n        value={inputValue}\n        // maxLength={inputMaxLength}\n      />\n      <Grid cols={['1fr', '24px']} justifyContent=\"flex-end\" alignItems=\"center\" gutter=\"xxs\" pb=\"xxs\">\n        <StyledCounterArea hasError={hasError} data-testid=\"composer-counter-area\">\n          {inputMaxLength && hasError ? (\n            <>\n              <StyledCounterErrorA11y role=\"alert\">\n                You have exceeded the character limit by {inputLength - inputMaxLength}\n              </StyledCounterErrorA11y>\n              Please limit to less than {inputMaxLength} characters.{' '}\n            </>\n          ) : (\n            ''\n          )}\n          {inputMaxLength ? `${inputLength} / ${inputMaxLength}` : ''}\n        </StyledCounterArea>\n        <Grid />\n      </Grid>\n    </StyledChatContainerContentComposer>\n  );\n};\n\nChatComposer.propTypes = composerProps;\nChatComposer.defaultProps = defaultComposerPros;\nconst ChatComposerWithSchema = describe(ChatComposer);\nChatComposerWithSchema.propTypes = composerProps;\n\nexport { ChatComposer, ChatComposerWithSchema };\n"],"names":["ChatComposer","props","useValidateProps","ChatComposerWithSchema","toJSON","inputValue","onChange","onResize","onSend","onFocus","onBlur","maxHeight","placeholder","inputMaxLength","buttonDisabled","dataTestid","actionRef","input","React","useRef","inputSize","inputSend","useState","height","setHeight","internalMaxHeight","useMemo","showScroll","setShowScroll","useEffect","newHeight","current","scrollHeight","clientHeight","focusToComposer","focus","focusToSend","handleChange","useCallback","e","target","value","heightProps","overflow","inputLength","String","length","hasError","StyledChatContainerContentComposer","Grid","StyledComposerInput","StyledComposerButton","PaperAirplane","visibility","pointerEvents","position","top","width","clientWidth","StyledCounterArea","StyledCounterErrorA11y","propTypes","composerProps","defaultProps","defaultComposerPros","describe"],"mappings":"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"}
+{"version":3,"file":"ChatContainerComposer.js","sources":["../../../../src/parts/chat-composer/ChatContainerComposer.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe } from 'react-desc';\nimport { PaperAirplane } from '@elliemae/ds-icons';\nimport {\n  StyledChatContainerContentComposer,\n  StyledComposerInput,\n  StyledComposerButton,\n  StyledCounterArea,\n  StyledCounterErrorA11y,\n} from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nimport { defaultComposerPros, composerProps, ChatComposerProps } from './props';\n\nconst ChatComposer = (props: ChatComposerProps): JSX.Element => {\n  useValidateProps(props, ChatComposerWithSchema.toJSON());\n\n  const {\n    inputValue,\n    onChange,\n    onResize,\n    onSend,\n    onFocus,\n    onBlur,\n    maxHeight = 300,\n    placeholder,\n    inputMaxLength,\n    maxLengthMessage,\n    buttonDisabled,\n    dataTestid,\n    actionRef,\n  } = props;\n\n  const input = React.useRef<HTMLTextAreaElement>();\n  const inputSize = React.useRef<HTMLTextAreaElement>();\n  const inputSend = React.useRef<HTMLButtonElement>();\n  const [height, setHeight] = React.useState(32);\n  const internalMaxHeight = React.useMemo(() => maxHeight - 24, [maxHeight]);\n  const [showScroll, setShowScroll] = React.useState(true);\n\n  React.useEffect(() => {\n    const newHeight =\n      inputSize.current?.scrollHeight > internalMaxHeight ? internalMaxHeight : inputSize.current?.scrollHeight;\n    onResize(newHeight);\n    setHeight(newHeight);\n    setShowScroll(inputSize.current?.scrollHeight - inputSize.current?.clientHeight > 5);\n  }, [inputValue, internalMaxHeight, onResize]);\n\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.focusToComposer = () => {\n        input.current.focus();\n      };\n      actionRef.current.focusToSend = () => {\n        inputSend.current.focus();\n      };\n    }\n  }, [actionRef]);\n\n  const handleChange = React.useCallback(\n    (e) => {\n      onChange(e.target.value);\n    },\n    [onChange],\n  );\n  const heightProps = { height, overflow: showScroll ? 'auto' : 'hidden' };\n\n  const inputLength = String(inputValue || '').length;\n  const hasError = React.useMemo(() => inputLength > inputMaxLength, [inputLength, inputMaxLength]);\n\n  return (\n    <StyledChatContainerContentComposer rows={['auto', '15px']} maxHeight={`${maxHeight}px`} data-testid={dataTestid}>\n      <Grid cols={['1fr', '24px']} justifyContent=\"center\" alignItems=\"flex-end\" gutter=\"xxs\">\n        <StyledComposerInput\n          ref={input}\n          onChange={handleChange}\n          style={{ ...heightProps }}\n          value={inputValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          placeholder={placeholder}\n          aria-label=\"Message to send\"\n          data-testid=\"chat-composer-textarea\"\n        />\n\n        <Grid height=\"32px\" alignItems=\"center\">\n          <StyledComposerButton\n            buttonType=\"text\"\n            icon={<PaperAirplane width={18} height={18} />}\n            onClick={onSend}\n            size=\"s\"\n            disabled={!inputValue || buttonDisabled || hasError}\n            data-testid=\"chat-composer-send-button\"\n            aria-label=\"Send\"\n            innerRef={inputSend}\n          />\n        </Grid>\n      </Grid>\n      <StyledComposerInput\n        ref={inputSize}\n        style={{\n          height: 32,\n          visibility: 'hidden',\n          pointerEvents: 'none',\n          position: 'absolute',\n          top: 0,\n          width: input.current?.clientWidth,\n        }}\n        onChange={handleChange}\n        value={inputValue}\n        // maxLength={inputMaxLength}\n      />\n      <Grid cols={['1fr', '24px']} justifyContent=\"flex-end\" alignItems=\"center\" gutter=\"xxs\" pb=\"xxs\">\n        <StyledCounterArea hasError={hasError} data-testid=\"composer-counter-area\">\n          {inputMaxLength && hasError ? (\n            <>\n              <StyledCounterErrorA11y role=\"alert\">\n                {maxLengthMessage || `You have exceeded the character limit by ${inputLength - inputMaxLength}`}\n              </StyledCounterErrorA11y>\n              {maxLengthMessage || `Please limit to less than ${inputMaxLength} characters. `}\n            </>\n          ) : (\n            ''\n          )}\n          {inputMaxLength ? ` ${inputLength} / ${inputMaxLength}` : ''}\n        </StyledCounterArea>\n        <Grid />\n      </Grid>\n    </StyledChatContainerContentComposer>\n  );\n};\n\nChatComposer.propTypes = composerProps;\nChatComposer.defaultProps = defaultComposerPros;\nconst ChatComposerWithSchema = describe(ChatComposer);\nChatComposerWithSchema.propTypes = composerProps;\n\nexport { ChatComposer, ChatComposerWithSchema };\n"],"names":["ChatComposer","props","useValidateProps","ChatComposerWithSchema","toJSON","inputValue","onChange","onResize","onSend","onFocus","onBlur","maxHeight","placeholder","inputMaxLength","maxLengthMessage","buttonDisabled","dataTestid","actionRef","input","React","useRef","inputSize","inputSend","useState","height","setHeight","internalMaxHeight","useMemo","showScroll","setShowScroll","useEffect","newHeight","current","scrollHeight","clientHeight","focusToComposer","focus","focusToSend","handleChange","useCallback","e","target","value","heightProps","overflow","inputLength","String","length","hasError","StyledChatContainerContentComposer","Grid","StyledComposerInput","StyledComposerButton","PaperAirplane","visibility","pointerEvents","position","top","width","clientWidth","StyledCounterArea","StyledCounterErrorA11y","propTypes","composerProps","defaultProps","defaultComposerPros","describe"],"mappings":"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"}

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

@@ -8,7 +8,7 @@ require('@babel/runtime/helpers/slicedToArray');
 require('react');
 require('@elliemae/ds-grid');
 require('react-desc');
-require('@elliemae/ds-icons/PaperAirplane');
+require('@elliemae/ds-icons');
 require('./styled.js');
 require('styled-components');
 require('@elliemae/ds-button');

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

@@ -15,6 +15,7 @@ var defaultComposerPros = {
   onBlur: lodash.noop,
   maxHeight: 0,
   inputMaxLength: undefined,
+  maxLengthMessage: undefined,
   buttonDisabled: false,
   dataTestid: 'ds-chat-composer',
   actionRef: lodash.noop
@@ -22,6 +23,7 @@ var defaultComposerPros = {
 var composerProps = {
   placeholder: reactDesc.PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),
   inputValue: reactDesc.PropTypes.string.description('Input value').defaultValue(defaultComposerPros.inputValue),
+  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),

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

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-composer/props.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\n\nexport interface TextAreaProps {\n  height: string | number;\n  style: React.CSSProperties;\n}\n\nexport const defaultComposerPros: ChatComposerProps = {\n  placeholder: 'Type your message',\n  inputValue: '',\n  onChange: noop,\n  onResize: noop,\n  onSend: noop,\n  onFocus: noop,\n  onBlur: noop,\n  maxHeight: 0,\n  inputMaxLength: undefined,\n  buttonDisabled: false,\n  dataTestid: 'ds-chat-composer',\n  actionRef: noop,\n};\n\nexport interface ChatComposerProps {\n  placeholder: 'Type your message';\n  inputValue: '';\n  onChange: (value: string) => void;\n  onResize: (value: number) => void;\n  onSend: (value: string) => void;\n  onFocus: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;\n  onBlur: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;\n  maxHeight: number;\n  inputMaxLength: number | undefined;\n  buttonDisabled: boolean;\n  dataTestid?: string;\n  actionRef: PropTypes.func;\n}\n\nexport const composerProps = {\n  placeholder: PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),\n  inputValue: PropTypes.string.description('Input value').defaultValue(defaultComposerPros.inputValue),\n  onChange: PropTypes.func.description('Called when the user types').defaultValue(defaultComposerPros.onChange),\n  onResize: PropTypes.func\n    .description('Called the input changes his height')\n    .defaultValue(defaultComposerPros.onResize),\n  onSend: PropTypes.func.description('Called when the click send').defaultValue(defaultComposerPros.onSend),\n  onFocus: PropTypes.func.description('Input focus').defaultValue(defaultComposerPros.onFocus),\n  onBlur: PropTypes.func.description('Input blur').defaultValue(defaultComposerPros.onBlur),\n  maxHeight: PropTypes.number\n    .description('Max height of the composer. Use 0 for no limit')\n    .defaultValue(defaultComposerPros.onBlur),\n  inputMaxLength: PropTypes.number\n    .description('Max length of the composer. `undefined` for no limit')\n    .defaultValue(defaultComposerPros.inputMaxLength),\n  buttonDisabled: PropTypes.bool\n    .description('Control the disabled for the send button')\n    .defaultValue(defaultComposerPros.buttonDisabled),\n  dataTestid: PropTypes.string.description('Data testid').defaultValue(defaultComposerPros.placeholder),\n  actionRef: PropTypes.object\n    .description(\n      `Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n          focusToIndex: (n: number) => void,\n          focusToList: () => void,\n          focusToComposer: () => void,\n          focusToSend: () => void,\n        }\n        \n      `,\n    )\n    .defaultValue(defaultComposerPros.actionRef),\n};\n"],"names":["defaultComposerPros","placeholder","inputValue","onChange","noop","onResize","onSend","onFocus","onBlur","maxHeight","inputMaxLength","undefined","buttonDisabled","dataTestid","actionRef","composerProps","PropTypes","string","description","defaultValue","func","number","bool","object"],"mappings":";;;;;;;IASaA,mBAAsC,GAAG;AACpDC,EAAAA,WAAW,EAAE,mBADuC;AAEpDC,EAAAA,UAAU,EAAE,EAFwC;AAGpDC,EAAAA,QAAQ,EAAEC,WAH0C;AAIpDC,EAAAA,QAAQ,EAAED,WAJ0C;AAKpDE,EAAAA,MAAM,EAAEF,WAL4C;AAMpDG,EAAAA,OAAO,EAAEH,WAN2C;AAOpDI,EAAAA,MAAM,EAAEJ,WAP4C;AAQpDK,EAAAA,SAAS,EAAE,CARyC;AASpDC,EAAAA,cAAc,EAAEC,SAToC;AAUpDC,EAAAA,cAAc,EAAE,KAVoC;AAWpDC,EAAAA,UAAU,EAAE,kBAXwC;AAYpDC,EAAAA,SAAS,EAAEV;AAZyC;IA8BzCW,aAAa,GAAG;AAC3Bd,EAAAA,WAAW,EAAEe,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B,EAAkDC,YAAlD,CAA+DnB,mBAAmB,CAACC,WAAnF,CADc;AAE3BC,EAAAA,UAAU,EAAEc,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDnB,mBAAmB,CAACE,UAA7E,CAFe;AAG3BC,EAAAA,QAAQ,EAAEa,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsEnB,mBAAmB,CAACG,QAA1F,CAHiB;AAI3BE,EAAAA,QAAQ,EAAEW,mBAAS,CAACI,IAAV,CACPF,WADO,CACK,qCADL,EAEPC,YAFO,CAEMnB,mBAAmB,CAACK,QAF1B,CAJiB;AAO3BC,EAAAA,MAAM,EAAEU,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsEnB,mBAAmB,CAACM,MAA1F,CAPmB;AAQ3BC,EAAAA,OAAO,EAAES,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,aAA3B,EAA0CC,YAA1C,CAAuDnB,mBAAmB,CAACO,OAA3E,CARkB;AAS3BC,EAAAA,MAAM,EAAEQ,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,YAA3B,EAAyCC,YAAzC,CAAsDnB,mBAAmB,CAACQ,MAA1E,CATmB;AAU3BC,EAAAA,SAAS,EAAEO,mBAAS,CAACK,MAAV,CACRH,WADQ,CACI,gDADJ,EAERC,YAFQ,CAEKnB,mBAAmB,CAACQ,MAFzB,CAVgB;AAa3BE,EAAAA,cAAc,EAAEM,mBAAS,CAACK,MAAV,CACbH,WADa,CACD,sDADC,EAEbC,YAFa,CAEAnB,mBAAmB,CAACU,cAFpB,CAbW;AAgB3BE,EAAAA,cAAc,EAAEI,mBAAS,CAACM,IAAV,CACbJ,WADa,CACD,0CADC,EAEbC,YAFa,CAEAnB,mBAAmB,CAACY,cAFpB,CAhBW;AAmB3BC,EAAAA,UAAU,EAAEG,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDnB,mBAAmB,CAACC,WAA7E,CAnBe;AAoB3Ba,EAAAA,SAAS,EAAEE,mBAAS,CAACO,MAAV,CACRL,WADQ,oTAcRC,YAdQ,CAcKnB,mBAAmB,CAACc,SAdzB;AApBgB;;;;;"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-composer/props.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\n\nexport interface TextAreaProps {\n  height: string | number;\n  style: React.CSSProperties;\n}\n\nexport const defaultComposerPros: ChatComposerProps = {\n  placeholder: 'Type your message',\n  inputValue: '',\n  onChange: noop,\n  onResize: noop,\n  onSend: noop,\n  onFocus: noop,\n  onBlur: noop,\n  maxHeight: 0,\n  inputMaxLength: undefined,\n  maxLengthMessage: undefined,\n  buttonDisabled: false,\n  dataTestid: 'ds-chat-composer',\n  actionRef: noop,\n};\n\nexport interface ChatComposerProps {\n  placeholder?: string;\n  inputValue?: string;\n  maxLengthMessage?: string;\n  onChange: (value: string) => void;\n  onResize?: (value: number) => void;\n  onSend: (value: string) => void;\n  onFocus?: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;\n  onBlur?: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;\n  maxHeight?: number;\n  inputMaxLength: number | undefined;\n  buttonDisabled: boolean;\n  dataTestid?: string;\n  actionRef: PropTypes.func;\n}\n\nexport const composerProps = {\n  placeholder: PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),\n  inputValue: PropTypes.string.description('Input value').defaultValue(defaultComposerPros.inputValue),\n  maxLengthMessage: PropTypes.string\n    .description('Max length message')\n    .defaultValue(defaultComposerPros.maxLengthMessage),\n  onChange: PropTypes.func.description('Called when the user types').defaultValue(defaultComposerPros.onChange),\n  onResize: PropTypes.func\n    .description('Called the input changes his height')\n    .defaultValue(defaultComposerPros.onResize),\n  onSend: PropTypes.func.description('Called when the click send').defaultValue(defaultComposerPros.onSend),\n  onFocus: PropTypes.func.description('Input focus').defaultValue(defaultComposerPros.onFocus),\n  onBlur: PropTypes.func.description('Input blur').defaultValue(defaultComposerPros.onBlur),\n  maxHeight: PropTypes.number\n    .description('Max height of the composer. Use 0 for no limit')\n    .defaultValue(defaultComposerPros.onBlur),\n  inputMaxLength: PropTypes.number\n    .description('Max length of the composer. `undefined` for no limit')\n    .defaultValue(defaultComposerPros.inputMaxLength),\n  buttonDisabled: PropTypes.bool\n    .description('Control the disabled for the send button')\n    .defaultValue(defaultComposerPros.buttonDisabled),\n  dataTestid: PropTypes.string.description('Data testid').defaultValue(defaultComposerPros.placeholder),\n  actionRef: PropTypes.object\n    .description(\n      `Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n          focusToIndex: (n: number) => void,\n          focusToList: () => void,\n          focusToComposer: () => void,\n          focusToSend: () => void,\n        }\n        \n      `,\n    )\n    .defaultValue(defaultComposerPros.actionRef),\n};\n"],"names":["defaultComposerPros","placeholder","inputValue","onChange","noop","onResize","onSend","onFocus","onBlur","maxHeight","inputMaxLength","undefined","maxLengthMessage","buttonDisabled","dataTestid","actionRef","composerProps","PropTypes","string","description","defaultValue","func","number","bool","object"],"mappings":";;;;;;;IASaA,mBAAsC,GAAG;AACpDC,EAAAA,WAAW,EAAE,mBADuC;AAEpDC,EAAAA,UAAU,EAAE,EAFwC;AAGpDC,EAAAA,QAAQ,EAAEC,WAH0C;AAIpDC,EAAAA,QAAQ,EAAED,WAJ0C;AAKpDE,EAAAA,MAAM,EAAEF,WAL4C;AAMpDG,EAAAA,OAAO,EAAEH,WAN2C;AAOpDI,EAAAA,MAAM,EAAEJ,WAP4C;AAQpDK,EAAAA,SAAS,EAAE,CARyC;AASpDC,EAAAA,cAAc,EAAEC,SAToC;AAUpDC,EAAAA,gBAAgB,EAAED,SAVkC;AAWpDE,EAAAA,cAAc,EAAE,KAXoC;AAYpDC,EAAAA,UAAU,EAAE,kBAZwC;AAapDC,EAAAA,SAAS,EAAEX;AAbyC;IAgCzCY,aAAa,GAAG;AAC3Bf,EAAAA,WAAW,EAAEgB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B,EAAkDC,YAAlD,CAA+DpB,mBAAmB,CAACC,WAAnF,CADc;AAE3BC,EAAAA,UAAU,EAAEe,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDpB,mBAAmB,CAACE,UAA7E,CAFe;AAG3BU,EAAAA,gBAAgB,EAAEK,mBAAS,CAACC,MAAV,CACfC,WADe,CACH,oBADG,EAEfC,YAFe,CAEFpB,mBAAmB,CAACY,gBAFlB,CAHS;AAM3BT,EAAAA,QAAQ,EAAEc,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsEpB,mBAAmB,CAACG,QAA1F,CANiB;AAO3BE,EAAAA,QAAQ,EAAEY,mBAAS,CAACI,IAAV,CACPF,WADO,CACK,qCADL,EAEPC,YAFO,CAEMpB,mBAAmB,CAACK,QAF1B,CAPiB;AAU3BC,EAAAA,MAAM,EAAEW,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsEpB,mBAAmB,CAACM,MAA1F,CAVmB;AAW3BC,EAAAA,OAAO,EAAEU,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,aAA3B,EAA0CC,YAA1C,CAAuDpB,mBAAmB,CAACO,OAA3E,CAXkB;AAY3BC,EAAAA,MAAM,EAAES,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,YAA3B,EAAyCC,YAAzC,CAAsDpB,mBAAmB,CAACQ,MAA1E,CAZmB;AAa3BC,EAAAA,SAAS,EAAEQ,mBAAS,CAACK,MAAV,CACRH,WADQ,CACI,gDADJ,EAERC,YAFQ,CAEKpB,mBAAmB,CAACQ,MAFzB,CAbgB;AAgB3BE,EAAAA,cAAc,EAAEO,mBAAS,CAACK,MAAV,CACbH,WADa,CACD,sDADC,EAEbC,YAFa,CAEApB,mBAAmB,CAACU,cAFpB,CAhBW;AAmB3BG,EAAAA,cAAc,EAAEI,mBAAS,CAACM,IAAV,CACbJ,WADa,CACD,0CADC,EAEbC,YAFa,CAEApB,mBAAmB,CAACa,cAFpB,CAnBW;AAsB3BC,EAAAA,UAAU,EAAEG,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDpB,mBAAmB,CAACC,WAA7E,CAtBe;AAuB3Bc,EAAAA,SAAS,EAAEE,mBAAS,CAACO,MAAV,CACRL,WADQ,oTAcRC,YAdQ,CAcKpB,mBAAmB,CAACe,SAdzB;AAvBgB;;;;;"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('styled-components');
 var dsGrid = require('@elliemae/ds-grid');
-var dsButton = require('@elliemae/ds-button');
+var DSButton = require('@elliemae/ds-button');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -31,7 +31,7 @@ var StyledComposerInput = /*#__PURE__*/styled__default['default'].textarea.withC
 }, function (props) {
   return props.theme.colors.brand[600];
 });
-var StyledComposerButton = /*#__PURE__*/styled__default['default'](dsButton.DSButton).withConfig({
+var StyledComposerButton = /*#__PURE__*/styled__default['default'](DSButton.DSButton).withConfig({
   componentId: "sc-1ahwpce-2"
 })(["&:disabled{background:none;svg{fill:#5d6775;}}svg{fill:", ";}&:focus{background:", ";}"], function (props) {
   return props.theme.colors.brand[600];

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

@@ -6,7 +6,7 @@ var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var lodash = require('lodash');
 var reactDesc = require('react-desc');
-var DSIndeterminateProgressIndicator = require('@elliemae/ds-basic/IndeterminateProgressIndicator');
+var DSIndeterminateProgressIndicator = require('@elliemae/ds-indeterminate-progress-indicator');
 var DSBanner = require('@elliemae/ds-banner');
 var parts_chatComposer_ChatContainerComposer = require('../chat-composer/ChatContainerComposer.js');
 var parts_chatContainerMessagesList_ChatContainerMessagesList = require('../chat-container-messages-list/ChatContainerMessagesList.js');
@@ -16,7 +16,7 @@ var parts_chatContainer_config_useValidateProps = require('./config/useValidateP
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/slicedToArray');
 require('@elliemae/ds-grid');
-require('@elliemae/ds-icons/PaperAirplane');
+require('@elliemae/ds-icons');
 require('../chat-composer/styled.js');
 require('styled-components');
 require('@elliemae/ds-button');
@@ -24,9 +24,7 @@ require('../chat-composer/config/useValidateProps.js');
 require('@elliemae/ds-props-helpers');
 require('../chat-composer/props.js');
 require('react-virtual');
-require('@elliemae/ds-basic/Button');
 require('../bubble/ChatBubble.js');
-require('@elliemae/ds-icons/WarningCircleFill');
 require('../bubble/styled.js');
 require('../bubble/props.js');
 require('prop-types');

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

@@ -1 +1 @@
-{"version":3,"file":"ChatContainer.js","sources":["../../../../src/parts/chat-container/ChatContainer.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React from 'react';\nimport { noop } from 'lodash';\nimport { describe } from 'react-desc';\nimport DSIndeterminateProgressIndicator from '@elliemae/ds-basic/IndeterminateProgressIndicator';\nimport DSBanner, { BANNER_TYPES } from '@elliemae/ds-banner';\nimport { ChatComposer } from '../chat-composer';\nimport { ChatContainerMessagesList } from '../chat-container-messages-list';\nimport { ChatContainerProps, defaultProps, containerProps } from './props';\nimport { StyledChatContainerContent, StyledIndicatorContainer, MobileStyledChatContainerContent } from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst ChatContainer = (props: ChatContainerProps): JSX.Element => {\n  useValidateProps(props, ChatContainerWithSchema.toTypescript());\n\n  const {\n    sendingText,\n    sendingMessages,\n    bannerPosition,\n    bannerProps,\n    messagesListProps,\n    composerProps,\n    composerProps: { onResize: onComposerResize },\n    actionRef,\n    autoScroll,\n    device,\n    isLoading,\n    hasMoreItems,\n    getMoreMessages,\n  } = props;\n\n  const containerRef = React.useRef<HTMLElement>();\n  const listRef = React.useRef({ scrollToIndex: noop });\n  const onResize = React.useCallback(\n    (height: number) => {\n      if (onComposerResize) onComposerResize(height);\n      if (autoScroll) {\n        listRef.current.scrollToIndex(messagesListProps.messages.length - 1, {\n          align: 'end',\n        });\n      }\n    },\n    [onComposerResize, messagesListProps.messages, autoScroll],\n  );\n  const Container = device === 'desktop' ? StyledChatContainerContent : MobileStyledChatContainerContent;\n\n  return (\n    <Container rows={['minmax(0, 1fr)', 'auto']} ref={containerRef} role=\"region\" aria-label=\"chat window\">\n      <div style={{ position: 'relative', overflow: 'hidden' }}>\n        <ChatContainerMessagesList\n          {...messagesListProps}\n          actionRef={actionRef || listRef}\n          isLoading={isLoading}\n          hasMoreItems={hasMoreItems}\n          getMoreMessages={getMoreMessages}\n          sendingMessages={sendingMessages}\n          sendingText={sendingText}\n        />\n        {['top', 'bottom'].includes(isLoading) ? (\n          <StyledIndicatorContainer isLoading={isLoading}>\n            <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n          </StyledIndicatorContainer>\n        ) : null}\n        <StyledIndicatorContainer isLoading={bannerPosition}>\n          <DSBanner\n            showCloseButton\n            label={bannerProps.label || 'Unread messages'}\n            containerProps={{ id: 'ds-chat-banner' }}\n            actionLink={{\n              label: bannerProps.viewLabel || 'View',\n              onClick: bannerProps.onView,\n            }}\n            onClose={bannerProps.onClose}\n            isOpen\n            type={BANNER_TYPES.INFO}\n          />\n        </StyledIndicatorContainer>\n        {sendingMessages && sendingMessages.length > 0 ? (\n          <StyledIndicatorContainer isLoading=\"bottom\" linear>\n            <DSIndeterminateProgressIndicator processing title=\"Loading\" lineOnly />\n          </StyledIndicatorContainer>\n        ) : null}\n      </div>\n      <ChatComposer\n        {...composerProps}\n        onResize={onResize}\n        maxHeight={(containerRef.current?.clientHeight || 0) / 2}\n        actionRef={actionRef || listRef}\n      />\n    </Container>\n  );\n};\n\nChatContainer.propTypes = containerProps;\nChatContainer.defaultProps = defaultProps;\nconst ChatContainerWithSchema = describe(ChatContainer);\nChatContainerWithSchema.propTypes = containerProps;\n\nexport { ChatContainer, ChatContainerWithSchema };\n"],"names":["ChatContainer","props","useValidateProps","ChatContainerWithSchema","toTypescript","sendingText","sendingMessages","bannerPosition","bannerProps","messagesListProps","composerProps","onComposerResize","onResize","actionRef","autoScroll","device","isLoading","hasMoreItems","getMoreMessages","containerRef","React","useRef","listRef","scrollToIndex","noop","useCallback","height","current","messages","length","align","Container","StyledChatContainerContent","MobileStyledChatContainerContent","position","overflow","ChatContainerMessagesList","includes","StyledIndicatorContainer","DSIndeterminateProgressIndicator","DSBanner","label","id","viewLabel","onClick","onView","onClose","BANNER_TYPES","INFO","ChatComposer","clientHeight","propTypes","containerProps","defaultProps","describe"],"mappings":"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"}
+{"version":3,"file":"ChatContainer.js","sources":["../../../../src/parts/chat-container/ChatContainer.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React from 'react';\nimport { noop } from 'lodash';\nimport { describe } from 'react-desc';\nimport DSIndeterminateProgressIndicator from '@elliemae/ds-indeterminate-progress-indicator';\nimport DSBanner, { BANNER_TYPES } from '@elliemae/ds-banner';\nimport { ChatComposer } from '../chat-composer';\nimport { ChatContainerMessagesList } from '../chat-container-messages-list';\nimport { ChatContainerProps, defaultProps, containerProps } from './props';\nimport { StyledChatContainerContent, StyledIndicatorContainer, MobileStyledChatContainerContent } from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst ChatContainer = (props: ChatContainerProps): JSX.Element => {\n  useValidateProps(props, ChatContainerWithSchema.toTypescript());\n\n  const {\n    sendingText,\n    sendingMessages,\n    bannerPosition,\n    bannerProps,\n    messagesListProps,\n    composerProps,\n    composerProps: { onResize: onComposerResize },\n    actionRef,\n    autoScroll,\n    device,\n    isLoading,\n    hasMoreItems,\n    getMoreMessages,\n  } = props;\n\n  const containerRef = React.useRef<HTMLElement>();\n  const listRef = React.useRef({ scrollToIndex: noop });\n  const onResize = React.useCallback(\n    (height: number) => {\n      if (onComposerResize) onComposerResize(height);\n      if (autoScroll) {\n        listRef.current.scrollToIndex(messagesListProps.messages.length - 1, {\n          align: 'end',\n        });\n      }\n    },\n    [onComposerResize, messagesListProps.messages, autoScroll],\n  );\n  const Container = device === 'desktop' ? StyledChatContainerContent : MobileStyledChatContainerContent;\n\n  return (\n    <Container rows={['minmax(0, 1fr)', 'auto']} ref={containerRef} role=\"region\" aria-label=\"chat window\">\n      <div style={{ position: 'relative', overflow: 'hidden' }}>\n        <ChatContainerMessagesList\n          {...messagesListProps}\n          actionRef={actionRef || listRef}\n          isLoading={isLoading}\n          hasMoreItems={hasMoreItems}\n          getMoreMessages={getMoreMessages}\n          sendingMessages={sendingMessages}\n          sendingText={sendingText}\n        />\n        {['top', 'bottom'].includes(isLoading) ? (\n          <StyledIndicatorContainer isLoading={isLoading}>\n            <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n          </StyledIndicatorContainer>\n        ) : null}\n        <StyledIndicatorContainer isLoading={bannerPosition}>\n          <DSBanner\n            showCloseButton\n            label={bannerProps.label || 'Unread messages'}\n            containerProps={{ id: 'ds-chat-banner' }}\n            actionLink={{\n              label: bannerProps.viewLabel || 'View',\n              onClick: bannerProps.onView,\n            }}\n            onClose={bannerProps.onClose}\n            isOpen\n            type={BANNER_TYPES.INFO}\n          />\n        </StyledIndicatorContainer>\n        {sendingMessages && sendingMessages.length > 0 ? (\n          <StyledIndicatorContainer isLoading=\"bottom\" linear>\n            <DSIndeterminateProgressIndicator processing title=\"Loading\" lineOnly />\n          </StyledIndicatorContainer>\n        ) : null}\n      </div>\n      <ChatComposer\n        {...composerProps}\n        onResize={onResize}\n        maxHeight={(containerRef.current?.clientHeight || 0) / 2}\n        actionRef={actionRef || listRef}\n      />\n    </Container>\n  );\n};\n\nChatContainer.propTypes = containerProps;\nChatContainer.defaultProps = defaultProps;\nconst ChatContainerWithSchema = describe(ChatContainer);\nChatContainerWithSchema.propTypes = containerProps;\n\nexport { ChatContainer, ChatContainerWithSchema };\n"],"names":["ChatContainer","props","useValidateProps","ChatContainerWithSchema","toTypescript","sendingText","sendingMessages","bannerPosition","bannerProps","messagesListProps","composerProps","onComposerResize","onResize","actionRef","autoScroll","device","isLoading","hasMoreItems","getMoreMessages","containerRef","React","useRef","listRef","scrollToIndex","noop","useCallback","height","current","messages","length","align","Container","StyledChatContainerContent","MobileStyledChatContainerContent","position","overflow","ChatContainerMessagesList","includes","StyledIndicatorContainer","DSIndeterminateProgressIndicator","DSBanner","label","id","viewLabel","onClick","onView","onClose","BANNER_TYPES","INFO","ChatComposer","clientHeight","propTypes","containerProps","defaultProps","describe"],"mappings":"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"}

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

@@ -7,13 +7,13 @@ require('@babel/runtime/helpers/extends');
 require('react');
 require('lodash');
 require('react-desc');
-require('@elliemae/ds-basic/IndeterminateProgressIndicator');
+require('@elliemae/ds-indeterminate-progress-indicator');
 require('@elliemae/ds-banner');
 require('../chat-composer/ChatContainerComposer.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/slicedToArray');
 require('@elliemae/ds-grid');
-require('@elliemae/ds-icons/PaperAirplane');
+require('@elliemae/ds-icons');
 require('../chat-composer/styled.js');
 require('styled-components');
 require('@elliemae/ds-button');
@@ -22,9 +22,7 @@ require('@elliemae/ds-props-helpers');
 require('../chat-composer/props.js');
 require('../chat-container-messages-list/ChatContainerMessagesList.js');
 require('react-virtual');
-require('@elliemae/ds-basic/Button');
 require('../bubble/ChatBubble.js');
-require('@elliemae/ds-icons/WarningCircleFill');
 require('../bubble/styled.js');
 require('../bubble/props.js');
 require('prop-types');

package/cjs/parts/chat-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/parts/chat-container-header/ChatContainerHeader.js

@@ -29,7 +29,9 @@ var ChatContainerHeader = function ChatContainerHeader(props) {
     value: title
   })), /*#__PURE__*/React__default['default'].createElement(parts_chatContainerHeader_styled.StyledChatContainerContentHeaderActions, {
     cols: React__default['default'].Children.toArray(children).filter(function (e) {
-      return e;
+      var _e$props;
+
+      return e && ((_e$props = e.props) === null || _e$props === void 0 ? void 0 : _e$props.children) !== false;
     }).map(function () {
       return '32px';
     }),

package/cjs/parts/chat-container-header/ChatContainerHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContainerHeader.js","sources":["../../../../src/parts/chat-container-header/ChatContainerHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  StyledChatContainerContentHeader,\n  StyledChatContainerContentHeaderLabel,\n  StyledChatContainerContentHeaderActions,\n} from './styled';\n\nexport const ChatContainerHeader: React.ComponentType = (props: any) => {\n  const { title, floating, children } = props;\n\n  return (\n    <StyledChatContainerContentHeader\n      alignItems=\"center\"\n      cols={['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px']}\n      floating={floating}\n      role=\"heading\"\n    >\n      <StyledChatContainerContentHeaderLabel data-testid=\"chat-container-header-title\" pl=\"xxs\" pr=\"xxs\">\n        <SimpleTruncatedTooltipText value={title} />\n      </StyledChatContainerContentHeaderLabel>\n      <StyledChatContainerContentHeaderActions\n        cols={React.Children.toArray(children)\n          .filter((e) => e)\n          .map(() => '32px')}\n        justifyContent=\"flex-end\"\n        data-testid=\"chat-container-header-children\"\n      >\n        {children}\n      </StyledChatContainerContentHeaderActions>\n    </StyledChatContainerContentHeader>\n  );\n};\n"],"names":["ChatContainerHeader","props","title","floating","children","React","StyledChatContainerContentHeader","StyledChatContainerContentHeaderLabel","SimpleTruncatedTooltipText","StyledChatContainerContentHeaderActions","Children","toArray","filter","e","map"],"mappings":";;;;;;;;;;;;;;IAQaA,mBAAwC,GAAG,SAA3CA,mBAA2C,CAACC,KAAD,EAAgB;AACtE,MAAQC,KAAR,GAAsCD,KAAtC,CAAQC,KAAR;AAAA,MAAeC,QAAf,GAAsCF,KAAtC,CAAeE,QAAf;AAAA,MAAyBC,QAAzB,GAAsCH,KAAtC,CAAyBG,QAAzB;AAEA,sBACEC,wCAACC,iEAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,IAAA,IAAI,EAAE,CAAC,gCAAD,EAAmCF,QAAQ,GAAG,MAAH,GAAY,KAAvD,CAFR;AAGE,IAAA,QAAQ,EAAED,QAHZ;AAIE,IAAA,IAAI,EAAC;AAJP,kBAMEE,wCAACE,sEAAD;AAAuC,mBAAY,6BAAnD;AAAiF,IAAA,EAAE,EAAC,KAApF;AAA0F,IAAA,EAAE,EAAC;AAA7F,kBACEF,wCAACG,iDAAD;AAA4B,IAAA,KAAK,EAAEN;AAAnC,IADF,CANF,eASEG,wCAACI,wEAAD;AACE,IAAA,IAAI,EAAEJ,yBAAK,CAACK,QAAN,CAAeC,OAAf,CAAuBP,QAAvB,EACHQ,MADG,CACI,UAACC,CAAD;AAAA,aAAOA,CAAP;AAAA,KADJ,EAEHC,GAFG,CAEC;AAAA,aAAM,MAAN;AAAA,KAFD,CADR;AAIE,IAAA,cAAc,EAAC,UAJjB;AAKE,mBAAY;AALd,KAOGV,QAPH,CATF,CADF;AAqBD;;;;"}
+{"version":3,"file":"ChatContainerHeader.js","sources":["../../../../src/parts/chat-container-header/ChatContainerHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  StyledChatContainerContentHeader,\n  StyledChatContainerContentHeaderLabel,\n  StyledChatContainerContentHeaderActions,\n} from './styled';\n\nexport const ChatContainerHeader: React.ComponentType = (props: any) => {\n  const { title, floating, children } = props;\n\n  return (\n    <StyledChatContainerContentHeader\n      alignItems=\"center\"\n      cols={['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px']}\n      floating={floating}\n      role=\"heading\"\n    >\n      <StyledChatContainerContentHeaderLabel data-testid=\"chat-container-header-title\" pl=\"xxs\" pr=\"xxs\">\n        <SimpleTruncatedTooltipText value={title} />\n      </StyledChatContainerContentHeaderLabel>\n      <StyledChatContainerContentHeaderActions\n        cols={React.Children.toArray(children)\n          .filter((e) => e && e.props?.children !== false)\n          .map(() => '32px')}\n        justifyContent=\"flex-end\"\n        data-testid=\"chat-container-header-children\"\n      >\n        {children}\n      </StyledChatContainerContentHeaderActions>\n    </StyledChatContainerContentHeader>\n  );\n};\n"],"names":["ChatContainerHeader","props","title","floating","children","React","StyledChatContainerContentHeader","StyledChatContainerContentHeaderLabel","SimpleTruncatedTooltipText","StyledChatContainerContentHeaderActions","Children","toArray","filter","e","map"],"mappings":";;;;;;;;;;;;;;IAQaA,mBAAwC,GAAG,SAA3CA,mBAA2C,CAACC,KAAD,EAAgB;AACtE,MAAQC,KAAR,GAAsCD,KAAtC,CAAQC,KAAR;AAAA,MAAeC,QAAf,GAAsCF,KAAtC,CAAeE,QAAf;AAAA,MAAyBC,QAAzB,GAAsCH,KAAtC,CAAyBG,QAAzB;AAEA,sBACEC,wCAACC,iEAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,IAAA,IAAI,EAAE,CAAC,gCAAD,EAAmCF,QAAQ,GAAG,MAAH,GAAY,KAAvD,CAFR;AAGE,IAAA,QAAQ,EAAED,QAHZ;AAIE,IAAA,IAAI,EAAC;AAJP,kBAMEE,wCAACE,sEAAD;AAAuC,mBAAY,6BAAnD;AAAiF,IAAA,EAAE,EAAC,KAApF;AAA0F,IAAA,EAAE,EAAC;AAA7F,kBACEF,wCAACG,iDAAD;AAA4B,IAAA,KAAK,EAAEN;AAAnC,IADF,CANF,eASEG,wCAACI,wEAAD;AACE,IAAA,IAAI,EAAEJ,yBAAK,CAACK,QAAN,CAAeC,OAAf,CAAuBP,QAAvB,EACHQ,MADG,CACI,UAACC,CAAD;AAAA;;AAAA,aAAOA,CAAC,IAAI,aAAAA,CAAC,CAACZ,KAAF,sDAASG,QAAT,MAAsB,KAAlC;AAAA,KADJ,EAEHU,GAFG,CAEC;AAAA,aAAM,MAAN;AAAA,KAFD,CADR;AAIE,IAAA,cAAc,EAAC,UAJjB;AAKE,mBAAY;AALd,KAOGV,QAPH,CATF,CADF;AAqBD;;;;"}

package/cjs/parts/chat-container-header/styled.js

@@ -9,21 +9,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var StyledChatContainerContentHeader = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+var StyledChatContainerContentHeaderActions = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
   componentId: "sc-jmynvr-0"
-})(["width:100%;min-height:48px;border-bottom:1px solid ", ";background:", ";"], function (props) {
+})(["max-width:80px;"]);
+var StyledChatContainerContentHeader = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+  componentId: "sc-jmynvr-1"
+})(["width:100%;min-height:48px;border-bottom:1px solid ", ";background:", ";", "{& button{background:transparent;}}"], function (props) {
   return props.theme.colors.neutral['200'];
 }, function (props) {
   return props.theme.colors.neutral['050'];
-});
+}, StyledChatContainerContentHeaderActions);
 var StyledChatContainerContentHeaderLabel = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
-  componentId: "sc-jmynvr-1"
+  componentId: "sc-jmynvr-2"
 })(["justify-content:center;align-items:center;font-weight:bold;font-size:18px;color:", ";"], function (props) {
   return props.theme.colors.neutral['700'];
 });
-var StyledChatContainerContentHeaderActions = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
-  componentId: "sc-jmynvr-2"
-})(["max-width:80px;"]);
 
 exports.StyledChatContainerContentHeader = StyledChatContainerContentHeader;
 exports.StyledChatContainerContentHeaderActions = StyledChatContainerContentHeaderActions;

package/cjs/parts/chat-container-header/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-container-header/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const StyledChatContainerContentHeader = styled(Grid)`\n  width: 100%;\n  min-height: 48px;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n  background: ${(props) => props.theme.colors.neutral['050']};\n`;\n\nexport const StyledChatContainerContentHeaderLabel = styled(Grid)`\n  justify-content: center;\n  align-items: center;\n  font-weight: bold;\n  font-size: 18px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n`;\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid)`\n  max-width: 80px;\n`;\n"],"names":["StyledChatContainerContentHeader","styled","Grid","props","theme","colors","neutral","StyledChatContainerContentHeaderLabel","StyledChatContainerContentHeaderActions"],"mappings":";;;;;;;;;;;IAGaA,gCAAgC,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,iFAGhB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHgB,EAI7B,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJ6B;IAOhCC,qCAAqC,gBAAGN,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,8FAKvC,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CALuC;IAQrCE,uCAAuC,gBAAGP,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-container-header/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid)`\n  max-width: 80px;\n`;\n\nexport const StyledChatContainerContentHeader = styled(Grid)`\n  width: 100%;\n  min-height: 48px;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n  background: ${(props) => props.theme.colors.neutral['050']};\n  ${StyledChatContainerContentHeaderActions} {\n    & button {\n      background: transparent;\n    }\n  }\n`;\n\nexport const StyledChatContainerContentHeaderLabel = styled(Grid)`\n  justify-content: center;\n  align-items: center;\n  font-weight: bold;\n  font-size: 18px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n`;\n"],"names":["StyledChatContainerContentHeaderActions","styled","Grid","StyledChatContainerContentHeader","props","theme","colors","neutral","StyledChatContainerContentHeaderLabel"],"mappings":";;;;;;;;;;;IAGaA,uCAAuC,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA;IAIvCC,gCAAgC,gBAAGF,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,wHAGhB,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHgB,EAI7B,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJ6B,EAKzCP,uCALyC;IAYhCQ,qCAAqC,gBAAGP,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,8FAKvC,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CALuC;;;;;;"}

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

@@ -7,7 +7,7 @@ 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-basic/Button');
+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');
@@ -15,7 +15,7 @@ var parts_systemMessage_SystemMessage = require('../system-message/SystemMessage
 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/WarningCircleFill');
+require('@elliemae/ds-icons');
 require('../bubble/styled.js');
 require('styled-components');
 require('@elliemae/ds-grid');
@@ -189,7 +189,7 @@ var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
       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),
+        key: "ds-chat-bubble-".concat(index, "-").concat(row.dsId, "-").concat(row.type),
         style: style,
         ref: measureRef,
         tabIndex: 0,