@elliemae/ds-chat 1.59.3 → 1.59.7

package/cjs/ChatDataTestids.js

@@ -21,7 +21,8 @@ var ChatDataTestIds = {
   SYSTEM_MSG_TIME: 'chat-system-message-time',
   BUBBLE: 'ds-chat-bubble',
   BUBBLE_TITLE: 'chat-bubble-title',
-  BUBBLE_BODY: 'chat-bubble-body'
+  BUBBLE_BODY: 'chat-bubble-body',
+  BANNER: 'ds-banner-container'
 };
 
 exports.ChatDataTestIds = ChatDataTestIds;

package/cjs/ChatDataTestids.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatDataTestids.js","sources":["../../src/ChatDataTestids.tsx"],"sourcesContent":["export const ChatDataTestIds = {\n  COMPOSER_TEXTAREA: 'chat-composer-textarea',\n  COMPOSER_SEND_BUTTON: 'chat-composer-send-button',\n  CARD_TITLE: 'chat-card-title',\n  CARD_WRAPPER: 'chat-card-wrapper',\n  CARD_TIME: 'chat-card-time',\n  CARD_RIGHT_ADDON: 'chat-right-addon',\n  CARD_CONTENT: 'chat-card-content',\n  LOADING_INDICATOR: 'ds-chat-loading-indicator',\n  HEADER_TITLE: 'chat-header-title',\n  HEADER_CHILDREN: 'chat-header-children',\n  THREAD_CONTAINER: 'chat-thread-container',\n  LOAD_MORE_BUTTON: 'ds-chat-load-more-btn',\n  FLOATING_BUTTON: 'chat-floating-button',\n  SYSTEM_MSG_TITLE: 'chat-system-message-title',\n  SYSTEM_MSG_BODY: 'chat-system-message-body',\n  SYSTEM_MSG_TIME: 'chat-system-message-time',\n  BUBBLE: 'ds-chat-bubble',\n  BUBBLE_TITLE: 'chat-bubble-title',\n  BUBBLE_BODY: 'chat-bubble-body',\n};\n"],"names":["ChatDataTestIds","COMPOSER_TEXTAREA","COMPOSER_SEND_BUTTON","CARD_TITLE","CARD_WRAPPER","CARD_TIME","CARD_RIGHT_ADDON","CARD_CONTENT","LOADING_INDICATOR","HEADER_TITLE","HEADER_CHILDREN","THREAD_CONTAINER","LOAD_MORE_BUTTON","FLOATING_BUTTON","SYSTEM_MSG_TITLE","SYSTEM_MSG_BODY","SYSTEM_MSG_TIME","BUBBLE","BUBBLE_TITLE","BUBBLE_BODY"],"mappings":";;;;IAAaA,eAAe,GAAG;AAC7BC,EAAAA,iBAAiB,EAAE,wBADU;AAE7BC,EAAAA,oBAAoB,EAAE,2BAFO;AAG7BC,EAAAA,UAAU,EAAE,iBAHiB;AAI7BC,EAAAA,YAAY,EAAE,mBAJe;AAK7BC,EAAAA,SAAS,EAAE,gBALkB;AAM7BC,EAAAA,gBAAgB,EAAE,kBANW;AAO7BC,EAAAA,YAAY,EAAE,mBAPe;AAQ7BC,EAAAA,iBAAiB,EAAE,2BARU;AAS7BC,EAAAA,YAAY,EAAE,mBATe;AAU7BC,EAAAA,eAAe,EAAE,sBAVY;AAW7BC,EAAAA,gBAAgB,EAAE,uBAXW;AAY7BC,EAAAA,gBAAgB,EAAE,uBAZW;AAa7BC,EAAAA,eAAe,EAAE,sBAbY;AAc7BC,EAAAA,gBAAgB,EAAE,2BAdW;AAe7BC,EAAAA,eAAe,EAAE,0BAfY;AAgB7BC,EAAAA,eAAe,EAAE,0BAhBY;AAiB7BC,EAAAA,MAAM,EAAE,gBAjBqB;AAkB7BC,EAAAA,YAAY,EAAE,mBAlBe;AAmB7BC,EAAAA,WAAW,EAAE;AAnBgB;;;;"}
+{"version":3,"file":"ChatDataTestids.js","sources":["../../src/ChatDataTestids.tsx"],"sourcesContent":["export const ChatDataTestIds = {\n  COMPOSER_TEXTAREA: 'chat-composer-textarea',\n  COMPOSER_SEND_BUTTON: 'chat-composer-send-button',\n  CARD_TITLE: 'chat-card-title',\n  CARD_WRAPPER: 'chat-card-wrapper',\n  CARD_TIME: 'chat-card-time',\n  CARD_RIGHT_ADDON: 'chat-right-addon',\n  CARD_CONTENT: 'chat-card-content',\n  LOADING_INDICATOR: 'ds-chat-loading-indicator',\n  HEADER_TITLE: 'chat-header-title',\n  HEADER_CHILDREN: 'chat-header-children',\n  THREAD_CONTAINER: 'chat-thread-container',\n  LOAD_MORE_BUTTON: 'ds-chat-load-more-btn',\n  FLOATING_BUTTON: 'chat-floating-button',\n  SYSTEM_MSG_TITLE: 'chat-system-message-title',\n  SYSTEM_MSG_BODY: 'chat-system-message-body',\n  SYSTEM_MSG_TIME: 'chat-system-message-time',\n  BUBBLE: 'ds-chat-bubble',\n  BUBBLE_TITLE: 'chat-bubble-title',\n  BUBBLE_BODY: 'chat-bubble-body',\n  BANNER: 'ds-banner-container',\n};\n"],"names":["ChatDataTestIds","COMPOSER_TEXTAREA","COMPOSER_SEND_BUTTON","CARD_TITLE","CARD_WRAPPER","CARD_TIME","CARD_RIGHT_ADDON","CARD_CONTENT","LOADING_INDICATOR","HEADER_TITLE","HEADER_CHILDREN","THREAD_CONTAINER","LOAD_MORE_BUTTON","FLOATING_BUTTON","SYSTEM_MSG_TITLE","SYSTEM_MSG_BODY","SYSTEM_MSG_TIME","BUBBLE","BUBBLE_TITLE","BUBBLE_BODY","BANNER"],"mappings":";;;;IAAaA,eAAe,GAAG;AAC7BC,EAAAA,iBAAiB,EAAE,wBADU;AAE7BC,EAAAA,oBAAoB,EAAE,2BAFO;AAG7BC,EAAAA,UAAU,EAAE,iBAHiB;AAI7BC,EAAAA,YAAY,EAAE,mBAJe;AAK7BC,EAAAA,SAAS,EAAE,gBALkB;AAM7BC,EAAAA,gBAAgB,EAAE,kBANW;AAO7BC,EAAAA,YAAY,EAAE,mBAPe;AAQ7BC,EAAAA,iBAAiB,EAAE,2BARU;AAS7BC,EAAAA,YAAY,EAAE,mBATe;AAU7BC,EAAAA,eAAe,EAAE,sBAVY;AAW7BC,EAAAA,gBAAgB,EAAE,uBAXW;AAY7BC,EAAAA,gBAAgB,EAAE,uBAZW;AAa7BC,EAAAA,eAAe,EAAE,sBAbY;AAc7BC,EAAAA,gBAAgB,EAAE,2BAdW;AAe7BC,EAAAA,eAAe,EAAE,0BAfY;AAgB7BC,EAAAA,eAAe,EAAE,0BAhBY;AAiB7BC,EAAAA,MAAM,EAAE,gBAjBqB;AAkB7BC,EAAAA,YAAY,EAAE,mBAlBe;AAmB7BC,EAAAA,WAAW,EAAE,kBAnBgB;AAoB7BC,EAAAA,MAAM,EAAE;AApBqB;;;;"}

package/cjs/parts/bubble/ChatBubbleArrow.js

@@ -23,7 +23,7 @@ var ChatBubbleArrow = function ChatBubbleArrow(_ref) {
     viewBox: "0 0 15 14"
   }, /*#__PURE__*/React__default['default'].createElement("defs", null, /*#__PURE__*/React__default['default'].createElement("path", {
     d: "M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z",
-    id: "path-1"
+    id: "path-chat-bubble"
   }), /*#__PURE__*/React__default['default'].createElement("filter", {
     x: "-55.6%",
     y: "-50.0%",
@@ -57,11 +57,11 @@ var ChatBubbleArrow = function ChatBubbleArrow(_ref) {
     fill: "black",
     fillOpacity: "1",
     filter: "url(#filter-2)",
-    xlinkHref: "#path-1"
+    xlinkHref: "#path-chat-bubble"
   }), /*#__PURE__*/React__default['default'].createElement("use", {
     fill: "#FFFFFF",
     fillRule: "evenodd",
-    xlinkHref: "#path-1"
+    xlinkHref: "#path-chat-bubble"
   })))) : /*#__PURE__*/React__default['default'].createElement("svg", {
     width: "9px",
     height: "8px",

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

@@ -1 +1 @@
-{"version":3,"file":"ChatBubbleArrow.js","sources":["../../../../src/parts/bubble/ChatBubbleArrow.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { BUBBLE_TYPES, BubbleProps, propsArrowBubble } from './props';\n\nexport const ChatBubbleArrow = ({ type }: Pick<BubbleProps, 'type'>): JSX.Element => (\n  <StyledBubbleArrow>\n    {type === BUBBLE_TYPES.RECIPIENT ? (\n      <svg width=\"15px\" height=\"14px\" viewBox=\"0 0 15 14\">\n        <defs>\n          <path\n            d=\"M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z\"\n            id=\"path-1\"\n          ></path>\n          <filter x=\"-55.6%\" y=\"-50.0%\" width=\"211.1%\" height=\"225.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-2\">\n            <feOffset dx=\"2.3\" dy=\"1.2\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"></feOffset>\n            <feGaussianBlur stdDeviation=\"1.5\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"></feGaussianBlur>\n            <feColorMatrix\n              values=\"0 0 0 0 0.207843137   \n                      0 0 0 0 0.235294118   \n                      0 0 0 0 0.274509804  \n                      0 0 0 0.8 0\"\n              type=\"matrix\"\n              in=\"shadowBlurOuter1\"\n            ></feColorMatrix>\n          </filter>\n        </defs>\n        <g id=\"[DSK]-Visual-Design\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n          <g id=\"Path-Copy\" transform=\"translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) \">\n            <use fill=\"black\" fillOpacity=\"1\" filter=\"url(#filter-2)\" xlinkHref=\"#path-1\"></use>\n            <use fill=\"#FFFFFF\" fillRule=\"evenodd\" xlinkHref=\"#path-1\"></use>\n          </g>\n        </g>\n      </svg>\n    ) : (\n      <svg width=\"9px\" height=\"8px\" viewBox=\"0 0 9 8\">\n        <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n          <path\n            d=\"M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z\"\n            id=\"Path\"\n            fill=\"#1E79C2\"\n          ></path>\n        </g>\n      </svg>\n    )}\n  </StyledBubbleArrow>\n);\n\nChatBubbleArrow.propTypes = propsArrowBubble;\n"],"names":["ChatBubbleArrow","type","React","StyledBubbleArrow","BUBBLE_TYPES","RECIPIENT","propTypes","propsArrowBubble"],"mappings":";;;;;;;;;;;;;;;;;IAIaA,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,sBAC7BC,wCAACC,qCAAD,QACGF,IAAI,KAAKG,+BAAY,CAACC,SAAtB,gBACCH;AAAK,IAAA,KAAK,EAAC,MAAX;AAAkB,IAAA,MAAM,EAAC,MAAzB;AAAgC,IAAA,OAAO,EAAC;AAAxC,kBACEA,mEACEA;AACE,IAAA,CAAC,EAAC,qLADJ;AAEE,IAAA,EAAE,EAAC;AAFL,IADF,eAKEA;AAAQ,IAAA,CAAC,EAAC,QAAV;AAAmB,IAAA,CAAC,EAAC,QAArB;AAA8B,IAAA,KAAK,EAAC,QAApC;AAA6C,IAAA,MAAM,EAAC,QAApD;AAA6D,IAAA,WAAW,EAAC,mBAAzE;AAA6F,IAAA,EAAE,EAAC;AAAhG,kBACEA;AAAU,IAAA,EAAE,EAAC,KAAb;AAAmB,IAAA,EAAE,EAAC,KAAtB;AAA4B,IAAA,EAAE,EAAC,aAA/B;AAA6C,IAAA,MAAM,EAAC;AAApD,IADF,eAEEA;AAAgB,IAAA,YAAY,EAAC,KAA7B;AAAmC,IAAA,EAAE,EAAC,oBAAtC;AAA2D,IAAA,MAAM,EAAC;AAAlE,IAFF,eAGEA;AACE,IAAA,MAAM,EAAC,iFADT;AAKE,IAAA,IAAI,EAAC,QALP;AAME,IAAA,EAAE,EAAC;AANL,IAHF,CALF,CADF,eAmBEA;AAAG,IAAA,EAAE,EAAC,qBAAN;AAA4B,IAAA,MAAM,EAAC,MAAnC;AAA0C,IAAA,WAAW,EAAC,GAAtD;AAA0D,IAAA,IAAI,EAAC,MAA/D;AAAsE,IAAA,QAAQ,EAAC;AAA/E,kBACEA;AAAG,IAAA,EAAE,EAAC,WAAN;AAAkB,IAAA,SAAS,EAAC;AAA5B,kBACEA;AAAK,IAAA,IAAI,EAAC,OAAV;AAAkB,IAAA,WAAW,EAAC,GAA9B;AAAkC,IAAA,MAAM,EAAC,gBAAzC;AAA0D,IAAA,SAAS,EAAC;AAApE,IADF,eAEEA;AAAK,IAAA,IAAI,EAAC,SAAV;AAAoB,IAAA,QAAQ,EAAC,SAA7B;AAAuC,IAAA,SAAS,EAAC;AAAjD,IAFF,CADF,CAnBF,CADD,gBA4BCA;AAAK,IAAA,KAAK,EAAC,KAAX;AAAiB,IAAA,MAAM,EAAC,KAAxB;AAA8B,IAAA,OAAO,EAAC;AAAtC,kBACEA;AAAG,IAAA,MAAM,EAAC,MAAV;AAAiB,IAAA,WAAW,EAAC,GAA7B;AAAiC,IAAA,IAAI,EAAC,MAAtC;AAA6C,IAAA,QAAQ,EAAC;AAAtD,kBACEA;AACE,IAAA,CAAC,EAAC,yKADJ;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,IAAI,EAAC;AAHP,IADF,CADF,CA7BJ,CAD6B;AAAA;AA2C/BF,eAAe,CAACM,SAAhB,GAA4BC,mCAA5B;;;;"}
+{"version":3,"file":"ChatBubbleArrow.js","sources":["../../../../src/parts/bubble/ChatBubbleArrow.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { BUBBLE_TYPES, BubbleProps, propsArrowBubble } from './props';\n\nexport const ChatBubbleArrow = ({ type }: Pick<BubbleProps, 'type'>): JSX.Element => (\n  <StyledBubbleArrow>\n    {type === BUBBLE_TYPES.RECIPIENT ? (\n      <svg width=\"15px\" height=\"14px\" viewBox=\"0 0 15 14\">\n        <defs>\n          <path\n            d=\"M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z\"\n            id=\"path-chat-bubble\"\n          ></path>\n          <filter x=\"-55.6%\" y=\"-50.0%\" width=\"211.1%\" height=\"225.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-2\">\n            <feOffset dx=\"2.3\" dy=\"1.2\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"></feOffset>\n            <feGaussianBlur stdDeviation=\"1.5\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"></feGaussianBlur>\n            <feColorMatrix\n              values=\"0 0 0 0 0.207843137   \n                      0 0 0 0 0.235294118   \n                      0 0 0 0 0.274509804  \n                      0 0 0 0.8 0\"\n              type=\"matrix\"\n              in=\"shadowBlurOuter1\"\n            ></feColorMatrix>\n          </filter>\n        </defs>\n        <g id=\"[DSK]-Visual-Design\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n          <g id=\"Path-Copy\" transform=\"translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) \">\n            <use fill=\"black\" fillOpacity=\"1\" filter=\"url(#filter-2)\" xlinkHref=\"#path-chat-bubble\"></use>\n            <use fill=\"#FFFFFF\" fillRule=\"evenodd\" xlinkHref=\"#path-chat-bubble\"></use>\n          </g>\n        </g>\n      </svg>\n    ) : (\n      <svg width=\"9px\" height=\"8px\" viewBox=\"0 0 9 8\">\n        <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n          <path\n            d=\"M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z\"\n            id=\"Path\"\n            fill=\"#1E79C2\"\n          ></path>\n        </g>\n      </svg>\n    )}\n  </StyledBubbleArrow>\n);\n\nChatBubbleArrow.propTypes = propsArrowBubble;\n"],"names":["ChatBubbleArrow","type","React","StyledBubbleArrow","BUBBLE_TYPES","RECIPIENT","propTypes","propsArrowBubble"],"mappings":";;;;;;;;;;;;;;;;;IAIaA,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,sBAC7BC,wCAACC,qCAAD,QACGF,IAAI,KAAKG,+BAAY,CAACC,SAAtB,gBACCH;AAAK,IAAA,KAAK,EAAC,MAAX;AAAkB,IAAA,MAAM,EAAC,MAAzB;AAAgC,IAAA,OAAO,EAAC;AAAxC,kBACEA,mEACEA;AACE,IAAA,CAAC,EAAC,qLADJ;AAEE,IAAA,EAAE,EAAC;AAFL,IADF,eAKEA;AAAQ,IAAA,CAAC,EAAC,QAAV;AAAmB,IAAA,CAAC,EAAC,QAArB;AAA8B,IAAA,KAAK,EAAC,QAApC;AAA6C,IAAA,MAAM,EAAC,QAApD;AAA6D,IAAA,WAAW,EAAC,mBAAzE;AAA6F,IAAA,EAAE,EAAC;AAAhG,kBACEA;AAAU,IAAA,EAAE,EAAC,KAAb;AAAmB,IAAA,EAAE,EAAC,KAAtB;AAA4B,IAAA,EAAE,EAAC,aAA/B;AAA6C,IAAA,MAAM,EAAC;AAApD,IADF,eAEEA;AAAgB,IAAA,YAAY,EAAC,KAA7B;AAAmC,IAAA,EAAE,EAAC,oBAAtC;AAA2D,IAAA,MAAM,EAAC;AAAlE,IAFF,eAGEA;AACE,IAAA,MAAM,EAAC,iFADT;AAKE,IAAA,IAAI,EAAC,QALP;AAME,IAAA,EAAE,EAAC;AANL,IAHF,CALF,CADF,eAmBEA;AAAG,IAAA,EAAE,EAAC,qBAAN;AAA4B,IAAA,MAAM,EAAC,MAAnC;AAA0C,IAAA,WAAW,EAAC,GAAtD;AAA0D,IAAA,IAAI,EAAC,MAA/D;AAAsE,IAAA,QAAQ,EAAC;AAA/E,kBACEA;AAAG,IAAA,EAAE,EAAC,WAAN;AAAkB,IAAA,SAAS,EAAC;AAA5B,kBACEA;AAAK,IAAA,IAAI,EAAC,OAAV;AAAkB,IAAA,WAAW,EAAC,GAA9B;AAAkC,IAAA,MAAM,EAAC,gBAAzC;AAA0D,IAAA,SAAS,EAAC;AAApE,IADF,eAEEA;AAAK,IAAA,IAAI,EAAC,SAAV;AAAoB,IAAA,QAAQ,EAAC,SAA7B;AAAuC,IAAA,SAAS,EAAC;AAAjD,IAFF,CADF,CAnBF,CADD,gBA4BCA;AAAK,IAAA,KAAK,EAAC,KAAX;AAAiB,IAAA,MAAM,EAAC,KAAxB;AAA8B,IAAA,OAAO,EAAC;AAAtC,kBACEA;AAAG,IAAA,MAAM,EAAC,MAAV;AAAiB,IAAA,WAAW,EAAC,GAA7B;AAAiC,IAAA,IAAI,EAAC,MAAtC;AAA6C,IAAA,QAAQ,EAAC;AAAtD,kBACEA;AACE,IAAA,CAAC,EAAC,yKADJ;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,IAAI,EAAC;AAHP,IADF,CADF,CA7BJ,CAD6B;AAAA;AA2C/BF,eAAe,CAACM,SAAhB,GAA4BC,mCAA5B;;;;"}

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

@@ -67,7 +67,8 @@ var ChatContainer = function ChatContainer(props) {
       device = props.device,
       isLoading = props.isLoading,
       hasMoreItems = props.hasMoreItems,
-      getMoreMessages = props.getMoreMessages;
+      getMoreMessages = props.getMoreMessages,
+      ariaLabel = props.ariaLabel;
   var bannerRef = React__default['default'].useRef({
     focusOnWrapper: lodash.noop,
     focusOnLink: lodash.noop
@@ -113,7 +114,7 @@ var ChatContainer = function ChatContainer(props) {
     rows: ['minmax(0, 1fr)', 'auto'],
     ref: containerRef,
     role: "region",
-    "aria-label": "chat window"
+    "aria-label": ariaLabel
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       position: 'relative',

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 max-lines */\n/* 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, onKeyDown: onComposerKeyDown },\n    actionRef,\n    autoScroll,\n    device,\n    isLoading,\n    hasMoreItems,\n    getMoreMessages,\n  } = props;\n  const bannerRef = React.useRef({ focusOnWrapper: noop, focusOnLink: noop });\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  const handleTabs = React.useCallback(\n    (e) => {\n      if (onComposerKeyDown) onComposerKeyDown(e);\n      else {\n        const ref = actionRef || listRef;\n        if (e.shiftKey && e.key === 'Tab') {\n          e.preventDefault();\n          if (['top', 'bottom'].includes(bannerPosition)) {\n            bannerRef.current.focusOnWrapper();\n          } else {\n            const last = ref.current.getMessagesInView().pop();\n            ref.current.focusToIndexWithoutScroll(last);\n          }\n        }\n      }\n    },\n    [actionRef, onComposerKeyDown, bannerPosition],\n  );\n\n  // Map actions\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.focusOnBanner = bannerRef.current.focusOnWrapper;\n      actionRef.current.focusOnBannerLink = bannerRef.current.focusOnLink;\n    }\n  }, [actionRef]);\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          bannerPosition={bannerPosition}\n          bannerRef={bannerRef}\n        />\n        {['top', 'bottom'].includes(isLoading) ? (\n          <StyledIndicatorContainer isLoading={isLoading} data-testid=\"ds-chat-loading-indicator\">\n            <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n          </StyledIndicatorContainer>\n        ) : null}\n        <StyledIndicatorContainer linear 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={bannerProps.type || BANNER_TYPES.INFO}\n            actionRef={bannerRef}\n          />\n        </StyledIndicatorContainer>\n        {sendingMessages && sendingMessages.length > 0 ? (\n          <StyledIndicatorContainer isLoading=\"bottom\" linear data-testid=\"ds-chat-loading-indicator\">\n            <DSIndeterminateProgressIndicator processing title=\"Loading\" lineOnly />\n          </StyledIndicatorContainer>\n        ) : null}\n      </div>\n      <ChatComposer\n        {...composerProps}\n        onKeyDown={handleTabs}\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","onComposerKeyDown","onKeyDown","actionRef","autoScroll","device","isLoading","hasMoreItems","getMoreMessages","bannerRef","React","useRef","focusOnWrapper","noop","focusOnLink","containerRef","listRef","scrollToIndex","useCallback","height","current","messages","length","align","Container","StyledChatContainerContent","MobileStyledChatContainerContent","handleTabs","e","ref","shiftKey","key","preventDefault","includes","last","getMessagesInView","pop","focusToIndexWithoutScroll","useEffect","focusOnBanner","focusOnBannerLink","position","overflow","ChatContainerMessagesList","StyledIndicatorContainer","DSIndeterminateProgressIndicator","DSBanner","label","id","viewLabel","onClick","onView","onClose","type","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 max-lines */\n/* 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, onKeyDown: onComposerKeyDown },\n    actionRef,\n    autoScroll,\n    device,\n    isLoading,\n    hasMoreItems,\n    getMoreMessages,\n    ariaLabel\n  } = props;\n  const bannerRef = React.useRef({ focusOnWrapper: noop, focusOnLink: noop });\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  const handleTabs = React.useCallback(\n    (e) => {\n      if (onComposerKeyDown) onComposerKeyDown(e);\n      else {\n        const ref = actionRef || listRef;\n        if (e.shiftKey && e.key === 'Tab') {\n          e.preventDefault();\n          if (['top', 'bottom'].includes(bannerPosition)) {\n            bannerRef.current.focusOnWrapper();\n          } else {\n            const last = ref.current.getMessagesInView().pop();\n            ref.current.focusToIndexWithoutScroll(last);\n          }\n        }\n      }\n    },\n    [actionRef, onComposerKeyDown, bannerPosition],\n  );\n\n  // Map actions\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.focusOnBanner = bannerRef.current.focusOnWrapper;\n      actionRef.current.focusOnBannerLink = bannerRef.current.focusOnLink;\n    }\n  }, [actionRef]);\n\n  return (\n    <Container rows={['minmax(0, 1fr)', 'auto']} ref={containerRef} role=\"region\" aria-label={ariaLabel}>\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          bannerPosition={bannerPosition}\n          bannerRef={bannerRef}\n        />\n        {['top', 'bottom'].includes(isLoading) ? (\n          <StyledIndicatorContainer isLoading={isLoading} data-testid=\"ds-chat-loading-indicator\">\n            <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n          </StyledIndicatorContainer>\n        ) : null}\n        <StyledIndicatorContainer linear 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={bannerProps.type || BANNER_TYPES.INFO}\n            actionRef={bannerRef}\n          />\n        </StyledIndicatorContainer>\n        {sendingMessages && sendingMessages.length > 0 ? (\n          <StyledIndicatorContainer isLoading=\"bottom\" linear data-testid=\"ds-chat-loading-indicator\">\n            <DSIndeterminateProgressIndicator processing title=\"Loading\" lineOnly />\n          </StyledIndicatorContainer>\n        ) : null}\n      </div>\n      <ChatComposer\n        {...composerProps}\n        onKeyDown={handleTabs}\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","onComposerKeyDown","onKeyDown","actionRef","autoScroll","device","isLoading","hasMoreItems","getMoreMessages","ariaLabel","bannerRef","React","useRef","focusOnWrapper","noop","focusOnLink","containerRef","listRef","scrollToIndex","useCallback","height","current","messages","length","align","Container","StyledChatContainerContent","MobileStyledChatContainerContent","handleTabs","e","ref","shiftKey","key","preventDefault","includes","last","getMessagesInView","pop","focusToIndexWithoutScroll","useEffect","focusOnBanner","focusOnBannerLink","position","overflow","ChatContainerMessagesList","StyledIndicatorContainer","DSIndeterminateProgressIndicator","DSBanner","label","id","viewLabel","onClick","onView","onClose","type","BANNER_TYPES","INFO","ChatComposer","clientHeight","propTypes","containerProps","defaultProps","describe"],"mappings":"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"}

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactDesc = require('react-desc');
 var lodash = require('lodash');
+var DSBanner = require('@elliemae/ds-banner');
 var parts_chatContainerMessagesList_props = require('../chat-container-messages-list/props.js');
 var parts_chatComposer_props = require('../chat-composer/props.js');
 
@@ -18,13 +19,15 @@ var defaultProps = {
   getMoreMessages: lodash.noop,
   bannerPosition: undefined,
   bannerProps: {
+    type: DSBanner.BANNER_TYPES.INFO,
     label: 'Unread Messages',
     viewLabel: 'View',
     onView: lodash.noop,
     onClose: lodash.noop
   },
   sendingMessages: undefined,
-  sendingText: 'Sending'
+  sendingText: 'Sending',
+  ariaLabel: 'Chat window'
 };
 var containerProps = {
   messagesListProps: reactDesc.PropTypes.object.description('ChatMessageList props "messages" / "onScrollEnds"').defaultValue(defaultProps.messagesListProps),
@@ -38,7 +41,8 @@ var containerProps = {
   bannerProps: reactDesc.PropTypes.object.description("Banner configuration:\n  label: string;\n  viewLabel: string;\n  type: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n  ").defaultValue(defaultProps.bannerProps),
   sendingMessages: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string), reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number)]).description('Array of ids of sending messages').defaultValue(defaultProps.sendingMessages),
   sendingText: reactDesc.PropTypes.string.description('Label description for messages in sending status').defaultValue(defaultProps.sendingText),
-  actionRef: reactDesc.PropTypes.object.description("Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n          focusToIndex: (n: number) => void,\n          focusToList: () => void,\n          focusToComposer: () => void,\n          focusToSend: () => void,\n        }\n        \n      ").defaultValue(defaultProps.actionRef)
+  actionRef: reactDesc.PropTypes.object.description("Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n          focusToIndex: (n: number) => void,\n          focusToList: () => void,\n          focusToComposer: () => void,\n          focusToSend: () => void,\n        }\n        \n      ").defaultValue(defaultProps.actionRef),
+  ariaLabel: reactDesc.PropTypes.string.description('Aria Label description for chat container').defaultValue(defaultProps.ariaLabel)
 };
 
 exports.containerProps = containerProps;

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

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-container/props.ts"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { BANNER_TYPES } from '@elliemae/ds-banner';\nimport {\n  ChatContainerMessagesListProps,\n  defaultProps as defaultListProps,\n} from '../chat-container-messages-list/props';\nimport { defaultComposerPros, ChatComposerProps } from '../chat-composer/props';\n\ninterface ChatBannerProps {\n  label: string;\n  viewLabel: string;\n  type: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n}\nexport interface ChatContainerProps {\n  messagesListProps: Pick<ChatContainerMessagesListProps, 'messages' | 'onScrollEnds'>;\n  composerProps: ChatComposerProps;\n  actionRef: PropTypes.func;\n  autoScroll: boolean;\n  device: 'desktop' | 'mobile';\n  isLoading?: 'top' | 'bottom';\n  hasMoreItems?: 'top' | 'bottom';\n  getMoreMessages: PropTypes.func;\n  bannerPosition?: 'top' | 'bottom';\n  bannerProps?: ChatBannerProps;\n  sendingMessages?: string[] | number[];\n  sendingText: string;\n}\n\nexport const defaultProps: ChatContainerProps = {\n  messagesListProps: defaultListProps,\n  composerProps: defaultComposerPros,\n  actionRef: undefined,\n  autoScroll: false,\n  device: 'desktop',\n  isLoading: undefined,\n  hasMoreItems: undefined,\n  getMoreMessages: noop,\n  bannerPosition: undefined,\n  bannerProps: {\n    label: 'Unread Messages',\n    viewLabel: 'View',\n    onView: noop,\n    onClose: noop,\n  },\n  sendingMessages: undefined,\n  sendingText: 'Sending',\n};\n\nexport const containerProps = {\n  messagesListProps: PropTypes.object\n    .description('ChatMessageList props \"messages\" / \"onScrollEnds\"')\n    .defaultValue(defaultProps.messagesListProps),\n  composerProps: PropTypes.object.description('Composer configuration').defaultValue(defaultProps.composerProps),\n  autoScroll: PropTypes.bool.description('Auto scroll to bottom on resize').defaultValue(defaultProps.autoScroll),\n  device: PropTypes.string\n    .description('Option to render mobile or desktop style composer')\n    .defaultValue(defaultProps.device),\n  isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Loading messages indicator at the `top` or `bottom` of the container',\n  ),\n  hasMoreItems: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Load More button at the `top` or `bottom` of the container',\n  ),\n  getMoreMessages: PropTypes.func\n    .description('Called when the user clicks on load more')\n    .defaultValue(defaultProps.getMoreMessages),\n  bannerPosition: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Loading messages indicator at the `top` or `bottom` of the container',\n  ),\n  bannerProps: PropTypes.object\n    .description(\n      `Banner configuration:\n  label: string;\n  viewLabel: string;\n  type: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n  `,\n    )\n    .defaultValue(defaultProps.bannerProps),\n  sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)])\n    .description('Array of ids of sending messages')\n    .defaultValue(defaultProps.sendingMessages),\n  sendingText: PropTypes.string\n    .description('Label description for messages in sending status')\n    .defaultValue(defaultProps.sendingText),\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(defaultProps.actionRef),\n};\n"],"names":["defaultProps","messagesListProps","defaultListProps","composerProps","defaultComposerPros","actionRef","undefined","autoScroll","device","isLoading","hasMoreItems","getMoreMessages","noop","bannerPosition","bannerProps","label","viewLabel","onView","onClose","sendingMessages","sendingText","containerProps","PropTypes","object","description","defaultValue","bool","string","oneOf","func","oneOfType","arrayOf","number"],"mappings":";;;;;;;;;IA+BaA,YAAgC,GAAG;AAC9CC,EAAAA,iBAAiB,EAAEC,kDAD2B;AAE9CC,EAAAA,aAAa,EAAEC,4CAF+B;AAG9CC,EAAAA,SAAS,EAAEC,SAHmC;AAI9CC,EAAAA,UAAU,EAAE,KAJkC;AAK9CC,EAAAA,MAAM,EAAE,SALsC;AAM9CC,EAAAA,SAAS,EAAEH,SANmC;AAO9CI,EAAAA,YAAY,EAAEJ,SAPgC;AAQ9CK,EAAAA,eAAe,EAAEC,WAR6B;AAS9CC,EAAAA,cAAc,EAAEP,SAT8B;AAU9CQ,EAAAA,WAAW,EAAE;AACXC,IAAAA,KAAK,EAAE,iBADI;AAEXC,IAAAA,SAAS,EAAE,MAFA;AAGXC,IAAAA,MAAM,EAAEL,WAHG;AAIXM,IAAAA,OAAO,EAAEN;AAJE,GAViC;AAgB9CO,EAAAA,eAAe,EAAEb,SAhB6B;AAiB9Cc,EAAAA,WAAW,EAAE;AAjBiC;IAoBnCC,cAAc,GAAG;AAC5BpB,EAAAA,iBAAiB,EAAEqB,mBAAS,CAACC,MAAV,CAChBC,WADgB,CACJ,mDADI,EAEhBC,YAFgB,CAEHzB,YAAY,CAACC,iBAFV,CADS;AAI5BE,EAAAA,aAAa,EAAEmB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,wBAA7B,EAAuDC,YAAvD,CAAoEzB,YAAY,CAACG,aAAjF,CAJa;AAK5BI,EAAAA,UAAU,EAAEe,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,iCAA3B,EAA8DC,YAA9D,CAA2EzB,YAAY,CAACO,UAAxF,CALgB;AAM5BC,EAAAA,MAAM,EAAEc,mBAAS,CAACK,MAAV,CACLH,WADK,CACO,mDADP,EAELC,YAFK,CAEQzB,YAAY,CAACQ,MAFrB,CANoB;AAS5BC,EAAAA,SAAS,EAAEa,mBAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBtB,SAAlB,CAAhB,EAA8CkB,WAA9C,CACT,2EADS,CATiB;AAY5Bd,EAAAA,YAAY,EAAEY,mBAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBtB,SAAlB,CAAhB,EAA8CkB,WAA9C,CACZ,iEADY,CAZc;AAe5Bb,EAAAA,eAAe,EAAEW,mBAAS,CAACO,IAAV,CACdL,WADc,CACF,0CADE,EAEdC,YAFc,CAEDzB,YAAY,CAACW,eAFZ,CAfW;AAkB5BE,EAAAA,cAAc,EAAES,mBAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBtB,SAAlB,CAAhB,EAA8CkB,WAA9C,CACd,2EADc,CAlBY;AAqB5BV,EAAAA,WAAW,EAAEQ,mBAAS,CAACC,MAAV,CACVC,WADU,4IAUVC,YAVU,CAUGzB,YAAY,CAACc,WAVhB,CArBe;AAgC5BK,EAAAA,eAAe,EAAEG,mBAAS,CAACQ,SAAV,CAAoB,CAACR,mBAAS,CAACS,OAAV,CAAkBT,mBAAS,CAACK,MAA5B,CAAD,EAAsCL,mBAAS,CAACS,OAAV,CAAkBT,mBAAS,CAACU,MAA5B,CAAtC,CAApB,EACdR,WADc,CACF,kCADE,EAEdC,YAFc,CAEDzB,YAAY,CAACmB,eAFZ,CAhCW;AAmC5BC,EAAAA,WAAW,EAAEE,mBAAS,CAACK,MAAV,CACVH,WADU,CACE,kDADF,EAEVC,YAFU,CAEGzB,YAAY,CAACoB,WAFhB,CAnCe;AAsC5Bf,EAAAA,SAAS,EAAEiB,mBAAS,CAACC,MAAV,CACRC,WADQ,oTAcRC,YAdQ,CAcKzB,YAAY,CAACK,SAdlB;AAtCiB;;;;;"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-container/props.ts"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { BANNER_TYPES } from '@elliemae/ds-banner';\nimport {\n  ChatContainerMessagesListProps,\n  defaultProps as defaultListProps,\n} from '../chat-container-messages-list/props';\nimport { defaultComposerPros, ChatComposerProps } from '../chat-composer/props';\n\ninterface ChatBannerProps {\n  label: string;\n  viewLabel: string;\n  type?: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n}\nexport interface ChatContainerProps {\n  messagesListProps: Pick<ChatContainerMessagesListProps, 'messages' | 'onScrollEnds'>;\n  composerProps: ChatComposerProps;\n  actionRef: PropTypes.func;\n  autoScroll: boolean;\n  device: 'desktop' | 'mobile';\n  isLoading?: 'top' | 'bottom';\n  hasMoreItems?: 'top' | 'bottom';\n  getMoreMessages: PropTypes.func;\n  bannerPosition?: 'top' | 'bottom';\n  bannerProps?: ChatBannerProps;\n  sendingMessages?: string[] | number[];\n  sendingText: string;\n  ariaLabel: string;\n}\n\nexport const defaultProps: ChatContainerProps = {\n  messagesListProps: defaultListProps,\n  composerProps: defaultComposerPros,\n  actionRef: undefined,\n  autoScroll: false,\n  device: 'desktop',\n  isLoading: undefined,\n  hasMoreItems: undefined,\n  getMoreMessages: noop,\n  bannerPosition: undefined,\n  bannerProps: {\n    type: BANNER_TYPES.INFO,\n    label: 'Unread Messages',\n    viewLabel: 'View',\n    onView: noop,\n    onClose: noop,\n  },\n  sendingMessages: undefined,\n  sendingText: 'Sending',\n  ariaLabel: 'Chat window',\n};\n\nexport const containerProps = {\n  messagesListProps: PropTypes.object\n    .description('ChatMessageList props \"messages\" / \"onScrollEnds\"')\n    .defaultValue(defaultProps.messagesListProps),\n  composerProps: PropTypes.object.description('Composer configuration').defaultValue(defaultProps.composerProps),\n  autoScroll: PropTypes.bool.description('Auto scroll to bottom on resize').defaultValue(defaultProps.autoScroll),\n  device: PropTypes.string\n    .description('Option to render mobile or desktop style composer')\n    .defaultValue(defaultProps.device),\n  isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Loading messages indicator at the `top` or `bottom` of the container',\n  ),\n  hasMoreItems: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Load More button at the `top` or `bottom` of the container',\n  ),\n  getMoreMessages: PropTypes.func\n    .description('Called when the user clicks on load more')\n    .defaultValue(defaultProps.getMoreMessages),\n  bannerPosition: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Loading messages indicator at the `top` or `bottom` of the container',\n  ),\n  bannerProps: PropTypes.object\n    .description(\n      `Banner configuration:\n  label: string;\n  viewLabel: string;\n  type: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n  `,\n    )\n    .defaultValue(defaultProps.bannerProps),\n  sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)])\n    .description('Array of ids of sending messages')\n    .defaultValue(defaultProps.sendingMessages),\n  sendingText: PropTypes.string\n    .description('Label description for messages in sending status')\n    .defaultValue(defaultProps.sendingText),\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(defaultProps.actionRef),\n  ariaLabel: PropTypes.string\n    .description('Aria Label description for chat container')\n    .defaultValue(defaultProps.ariaLabel),\n};\n"],"names":["defaultProps","messagesListProps","defaultListProps","composerProps","defaultComposerPros","actionRef","undefined","autoScroll","device","isLoading","hasMoreItems","getMoreMessages","noop","bannerPosition","bannerProps","type","BANNER_TYPES","INFO","label","viewLabel","onView","onClose","sendingMessages","sendingText","ariaLabel","containerProps","PropTypes","object","description","defaultValue","bool","string","oneOf","func","oneOfType","arrayOf","number"],"mappings":"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"}

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

@@ -90,6 +90,7 @@ var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
         return [];
       }
 
+      if (!virtualListRef.current) return [];
       pendingOnScroll.current = false;
 
       var _virtualListRef$curre = (_virtualListRef$curre2 = virtualListRef.current) === null || _virtualListRef$curre2 === void 0 ? void 0 : _virtualListRef$curre2.getBoundingClientRect(),
@@ -206,7 +207,7 @@ var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
 
         break;
     }
-  }, [actionRef, hasMoreItems, messages.length, bannerPosition, scrollAndFocus]);
+  }, [actionRef, bannerRef, hasMoreItems, messages.length, bannerPosition, scrollAndFocus]);
   var handleListKey = React__default['default'].useCallback(function (e) {
     var key = e.key;
 
@@ -238,12 +239,7 @@ var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
 
             e.preventDefault();
             (_loadMoreRef$current3 = loadMoreRef.current) === null || _loadMoreRef$current3 === void 0 ? void 0 : _loadMoreRef$current3.focus();
-          } else if (hasMoreItems === 'top' && e.shiftKey) {
-            var _loadMoreRef$current4;
-
-            e.preventDefault();
-            (_loadMoreRef$current4 = loadMoreRef.current) === null || _loadMoreRef$current4 === void 0 ? void 0 : _loadMoreRef$current4.focus();
-          } else if (!e.shiftKey) {
+          } else if (hasMoreItems === 'top' && e.shiftKey) ; else if (!e.shiftKey) {
             e.preventDefault();
             actionRef.current.focusToComposer();
           }

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

@@ -1 +1 @@
-{"version":3,"file":"ChatContainerMessagesList.js","sources":["../../../../src/parts/chat-container-messages-list/ChatContainerMessagesList.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n/* eslint-disable max-lines */\nimport React, { CSSProperties } from 'react';\nimport { describe } from 'react-desc';\nimport { useVirtual } from 'react-virtual';\nimport DSButton from '@elliemae/ds-button';\nimport { debounce } from 'lodash';\nimport { ChatBubble, BUBBLE_TYPES } from '../bubble';\nimport { MessageDelimiter } from '../message-delimiter';\nimport { SystemMessage } from '../system-message';\nimport {\n  StyledWrapperListItem,\n  StyledChatContainerContentList,\n  StyledChatContainerContentListScroll,\n  StyledWrapper,\n  StyledLoadMoreContainer,\n  ListItem,\n} from './styled';\nimport { defaultProps, listProps, ChatContainerMessagesListProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst getPadding = (hasMoreItems) => {\n  const padding = {\n    paddingStart: 0,\n    paddingEnd: -5,\n  };\n  if (hasMoreItems === 'top') padding.paddingStart = 42;\n  else if (hasMoreItems === 'bottom') padding.paddingEnd = 42;\n  return padding;\n};\n\nconst ChatContainerMessagesList = (props: ChatContainerMessagesListProps): JSX.Element => {\n  useValidateProps(props, ChatContainerMessagesListWithSchema.toTypescript());\n\n  const {\n    sendingText,\n    bannerPosition,\n    sendingMessages,\n    messages,\n    actionRef,\n    onScrollEnds,\n    getMoreMessages,\n    hasMoreItems,\n    isLoading,\n    bannerRef,\n  } = props;\n  const pendingOnScroll = React.useRef(false);\n  const loadMoreRef = React.useRef(null);\n  const virtualListRef = React.useRef<HTMLDivElement>();\n  // estimateSize should not be really required given what was stated on\n  // https://github.com/tannerlinsley/react-virtual/issues/23\n  const {\n    scrollToIndex: vScroll,\n    totalSize,\n    virtualItems,\n  } = useVirtual({\n    size: messages.length,\n    parentRef: virtualListRef,\n    overscan: 15,\n    ...getPadding(hasMoreItems),\n    estimateSize: React.useCallback(() => 80, []),\n  });\n\n  const debouncedScroll = React.useMemo(\n    () =>\n      debounce((): number[] => {\n        if (document.visibilityState === 'hidden') {\n          pendingOnScroll.current = true;\n          return [];\n        }\n        pendingOnScroll.current = false;\n        const { bottom, top } = virtualListRef.current?.getBoundingClientRect();\n        const list = virtualListRef.current.querySelectorAll(\n          '[data-element=\"chat-element-list-item\"]',\n        ) as NodeListOf<HTMLDivElement>;\n        const indexList = [];\n        list.forEach((item: HTMLDivElement) => {\n          const { top: itemTop } = item.getBoundingClientRect();\n          const itemPadding = 10;\n          if (itemTop + itemPadding < bottom && itemTop + itemPadding > top) indexList.push(item.dataset.index);\n        });\n        if (onScrollEnds) onScrollEnds(indexList);\n        return indexList;\n      }, 500),\n    [onScrollEnds],\n  );\n\n  const onScrollStop = React.useCallback(debouncedScroll, [debouncedScroll]);\n\n  const onlyFocus = React.useCallback((index: number) => {\n    setTimeout(() => {\n      (virtualListRef.current.querySelector(`[data-index=\"${index}\"]`) as HTMLDivElement).focus();\n    }, 300);\n  }, []);\n\n  const scrollAndFocus = React.useCallback(\n    (index: number, b = { align: 'center' }) => {\n      vScroll(index, b);\n      onlyFocus(index);\n      onScrollStop();\n    },\n    [onScrollStop, onlyFocus, vScroll],\n  );\n\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.scrollToIndex = (a, b = { align: 'center' }) => {\n        vScroll(a, b as any);\n        onScrollStop();\n      };\n      actionRef.current.getMessagesInView = onScrollStop;\n      actionRef.current.focusToIndex = (a, b = { align: 'center' } as ScrollToOptions) => {\n        scrollAndFocus(a, b);\n      };\n      actionRef.current.focusToIndexWithoutScroll = onlyFocus;\n      actionRef.current.focusToList = () => {\n        virtualListRef.current?.focus();\n      };\n    }\n  }, [actionRef, onScrollStop, onlyFocus, scrollAndFocus, vScroll]);\n\n  const handleKey = React.useCallback(\n    (e) => {\n      const { key } = e;\n      const index = Number(e.currentTarget.dataset.index);\n      e.stopPropagation();\n      switch (key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          if (index > 0)\n            (virtualListRef.current.querySelector(`[data-index=\"${index - 1}\"]`) as HTMLDivElement).focus();\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          if (index < messages.length - 1) {\n            (virtualListRef.current.querySelector(`[data-index=\"${index + 1}\"]`) as HTMLDivElement).focus();\n          }\n          break;\n        case 'Home':\n          e.preventDefault();\n          scrollAndFocus(0);\n          break;\n        case 'End':\n          e.preventDefault();\n          scrollAndFocus(messages.length - 1);\n          break;\n        case 'Tab':\n          e.preventDefault();\n          if (hasMoreItems === 'bottom' && !e.shiftKey) {\n            loadMoreRef.current?.focus();\n          } else if (hasMoreItems === 'top' && e.shiftKey) {\n            loadMoreRef.current?.focus();\n          } else if (!e.shiftKey) {\n            if (bannerPosition) {\n              bannerRef.current.focusOnWrapper();\n            } else {\n              actionRef.current.focusToComposer();\n            }\n          } else {\n            virtualListRef.current?.focus();\n          }\n          break;\n        default:\n          break;\n      }\n    },\n    [actionRef, hasMoreItems, messages.length, bannerPosition, scrollAndFocus],\n  );\n  const handleListKey = React.useCallback(\n    (e) => {\n      const { key } = e;\n      switch (key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          onlyFocus(onScrollStop().shift());\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          onlyFocus(onScrollStop().pop());\n          break;\n        case 'Home':\n          e.preventDefault();\n          scrollAndFocus(0);\n          break;\n        case 'End':\n          e.preventDefault();\n          scrollAndFocus(messages.length - 1);\n          break;\n        case 'Tab':\n          if (document.activeElement !== loadMoreRef.current) {\n            if (hasMoreItems === 'bottom' && !e.shiftKey) {\n              e.preventDefault();\n              loadMoreRef.current?.focus();\n            } else if (hasMoreItems === 'top' && e.shiftKey) {\n              e.preventDefault();\n              loadMoreRef.current?.focus();\n            } else if (!e.shiftKey) {\n              e.preventDefault();\n              actionRef.current.focusToComposer();\n            }\n          } else if (!e.shiftKey) {\n            e.preventDefault();\n            actionRef.current.focusToComposer();\n          } else {\n            e.preventDefault();\n            virtualListRef.current?.focus();\n          }\n          break;\n        default:\n          break;\n      }\n    },\n    [actionRef, hasMoreItems, messages.length, onScrollStop, onlyFocus, scrollAndFocus],\n  );\n\n  const checkPendingOnScroll = React.useCallback(() => {\n    if (pendingOnScroll.current === true) onScrollStop();\n  }, [onScrollStop]);\n\n  React.useEffect(() => {\n    let handlerCallback = null;\n    const localVirtualRef = virtualListRef.current;\n    const onScroll = () => {\n      if (handlerCallback) clearTimeout(handlerCallback);\n      handlerCallback = setTimeout(onScrollStop, 300);\n    };\n    if (onScrollEnds) {\n      virtualListRef.current.addEventListener('scroll', onScroll);\n    }\n    document.addEventListener('visibilitychange', checkPendingOnScroll);\n    return () => {\n      if (handlerCallback) clearTimeout(handlerCallback);\n      if (onScrollEnds) localVirtualRef.removeEventListener('scroll', onScroll);\n      document.removeEventListener('visibilitychange', checkPendingOnScroll);\n    };\n  }, [onScrollStop, onScrollEnds, checkPendingOnScroll]);\n\n  const render = React.useMemo(\n    () =>\n      virtualItems.map((virtualItem) => {\n        const { index, measureRef, start } = virtualItem;\n        const row = messages[index];\n        const isSending = sendingMessages && sendingMessages.find((m) => m === row.dsId);\n        const style: CSSProperties = {\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          transform: `translateY(${start}px)`,\n          width: '100%',\n        };\n\n        return (\n          <ListItem\n            data-element=\"chat-element-list-item\"\n            data-index={index}\n            key={`ds-chat-bubble-${index}-${row.dsId}-${row.type}`}\n            style={style}\n            ref={measureRef}\n            tabIndex={0}\n            onKeyDown={handleKey}\n            role=\"listitem\"\n          >\n            <StyledWrapperListItem type={row.type}>\n              {row.type === BUBBLE_TYPES.SENDER || row.type === BUBBLE_TYPES.RECIPIENT ? (\n                // eslint-disable-next-line\n                <ChatBubble {...(row as any)} helpMessage={isSending ? sendingText : row.helpMessage} />\n              ) : null}\n              {row.type === BUBBLE_TYPES.DELIMITER ? <MessageDelimiter {...(row as any)} /> : null}\n              {row.type === BUBBLE_TYPES.SYSTEM ? <SystemMessage {...(row as any)} /> : null}\n            </StyledWrapperListItem>\n          </ListItem>\n        );\n      }),\n    [virtualItems, messages, sendingMessages, handleKey, sendingText],\n  );\n\n  return (\n    <StyledWrapper>\n      <StyledChatContainerContentList\n        data-testid=\"chat-thread-container\"\n        tabIndex={0}\n        aria-live=\"polite\"\n        ref={virtualListRef}\n        role=\"list\"\n        onKeyDown={handleListKey}\n      >\n        <StyledChatContainerContentListScroll height={`${totalSize}px`}>\n          {render}\n          {!isLoading && hasMoreItems ? (\n            <StyledLoadMoreContainer hasMoreItems={hasMoreItems}>\n              <DSButton\n                labelText=\"Load More\"\n                buttonType=\"secondary\"\n                onClick={getMoreMessages}\n                data-testid=\"ds-chat-load-more-btn\"\n                innerRef={loadMoreRef}\n              />\n            </StyledLoadMoreContainer>\n          ) : null}\n        </StyledChatContainerContentListScroll>\n      </StyledChatContainerContentList>\n    </StyledWrapper>\n  );\n};\n\nChatContainerMessagesList.propTypes = listProps;\nChatContainerMessagesList.defaultProps = defaultProps;\nconst ChatContainerMessagesListWithSchema = describe(ChatContainerMessagesList);\nChatContainerMessagesListWithSchema.propTypes = listProps;\n\nexport { ChatContainerMessagesList, ChatContainerMessagesListWithSchema };\n"],"names":["getPadding","hasMoreItems","padding","paddingStart","paddingEnd","ChatContainerMessagesList","props","useValidateProps","ChatContainerMessagesListWithSchema","toTypescript","sendingText","bannerPosition","sendingMessages","messages","actionRef","onScrollEnds","getMoreMessages","isLoading","bannerRef","pendingOnScroll","React","useRef","loadMoreRef","virtualListRef","useVirtual","size","length","parentRef","overscan","estimateSize","useCallback","vScroll","scrollToIndex","totalSize","virtualItems","debouncedScroll","useMemo","debounce","document","visibilityState","current","getBoundingClientRect","bottom","top","list","querySelectorAll","indexList","forEach","item","itemTop","itemPadding","push","dataset","index","onScrollStop","onlyFocus","setTimeout","querySelector","focus","scrollAndFocus","b","align","useEffect","a","getMessagesInView","focusToIndex","focusToIndexWithoutScroll","focusToList","handleKey","e","key","Number","currentTarget","stopPropagation","preventDefault","shiftKey","focusOnWrapper","focusToComposer","handleListKey","shift","pop","activeElement","checkPendingOnScroll","handlerCallback","localVirtualRef","onScroll","clearTimeout","addEventListener","removeEventListener","render","map","virtualItem","measureRef","start","row","isSending","find","m","dsId","style","position","left","transform","width","ListItem","type","StyledWrapperListItem","BUBBLE_TYPES","SENDER","RECIPIENT","ChatBubble","helpMessage","DELIMITER","MessageDelimiter","SYSTEM","SystemMessage","StyledWrapper","StyledChatContainerContentList","StyledChatContainerContentListScroll","StyledLoadMoreContainer","DSButton","propTypes","listProps","defaultProps","describe"],"mappings":"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"}
+{"version":3,"file":"ChatContainerMessagesList.js","sources":["../../../../src/parts/chat-container-messages-list/ChatContainerMessagesList.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n/* eslint-disable max-lines */\nimport React, { CSSProperties } from 'react';\nimport { describe } from 'react-desc';\nimport { useVirtual } from 'react-virtual';\nimport DSButton from '@elliemae/ds-button';\nimport { debounce } from 'lodash';\nimport { ChatBubble, BUBBLE_TYPES } from '../bubble';\nimport { MessageDelimiter } from '../message-delimiter';\nimport { SystemMessage } from '../system-message';\nimport {\n  StyledWrapperListItem,\n  StyledChatContainerContentList,\n  StyledChatContainerContentListScroll,\n  StyledWrapper,\n  StyledLoadMoreContainer,\n  ListItem,\n} from './styled';\nimport { defaultProps, listProps, ChatContainerMessagesListProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst getPadding = (hasMoreItems) => {\n  const padding = {\n    paddingStart: 0,\n    paddingEnd: -5,\n  };\n  if (hasMoreItems === 'top') padding.paddingStart = 42;\n  else if (hasMoreItems === 'bottom') padding.paddingEnd = 42;\n  return padding;\n};\n\nconst ChatContainerMessagesList = (props: ChatContainerMessagesListProps): JSX.Element => {\n  useValidateProps(props, ChatContainerMessagesListWithSchema.toTypescript());\n\n  const {\n    sendingText,\n    bannerPosition,\n    sendingMessages,\n    messages,\n    actionRef,\n    onScrollEnds,\n    getMoreMessages,\n    hasMoreItems,\n    isLoading,\n    bannerRef,\n  } = props;\n  const pendingOnScroll = React.useRef(false);\n  const loadMoreRef = React.useRef(null);\n  const virtualListRef = React.useRef<HTMLDivElement>();\n  // estimateSize should not be really required given what was stated on\n  // https://github.com/tannerlinsley/react-virtual/issues/23\n  const {\n    scrollToIndex: vScroll,\n    totalSize,\n    virtualItems,\n  } = useVirtual({\n    size: messages.length,\n    parentRef: virtualListRef,\n    overscan: 15,\n    ...getPadding(hasMoreItems),\n    estimateSize: React.useCallback(() => 80, []),\n  });\n\n  const debouncedScroll = React.useMemo(\n    () =>\n      debounce((): number[] => {\n        if (document.visibilityState === 'hidden') {\n          pendingOnScroll.current = true;\n          return [];\n        }\n        if (!virtualListRef.current) return [];\n        pendingOnScroll.current = false;\n        const { bottom, top } = virtualListRef.current?.getBoundingClientRect();\n        const list = virtualListRef.current.querySelectorAll(\n          '[data-element=\"chat-element-list-item\"]',\n        ) as NodeListOf<HTMLDivElement>;\n        const indexList = [];\n        list.forEach((item: HTMLDivElement) => {\n          const { top: itemTop } = item.getBoundingClientRect();\n          const itemPadding = 10;\n          if (itemTop + itemPadding < bottom && itemTop + itemPadding > top) indexList.push(item.dataset.index);\n        });\n        if (onScrollEnds) onScrollEnds(indexList);\n        return indexList;\n      }, 500),\n    [onScrollEnds],\n  );\n\n  const onScrollStop = React.useCallback(debouncedScroll, [debouncedScroll]);\n\n  const onlyFocus = React.useCallback((index: number) => {\n    setTimeout(() => {\n      (virtualListRef.current.querySelector(`[data-index=\"${index}\"]`) as HTMLDivElement).focus();\n    }, 300);\n  }, []);\n\n  const scrollAndFocus = React.useCallback(\n    (index: number, b = { align: 'center' }) => {\n      vScroll(index, b);\n      onlyFocus(index);\n      onScrollStop();\n    },\n    [onScrollStop, onlyFocus, vScroll],\n  );\n\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.scrollToIndex = (a, b = { align: 'center' }) => {\n        vScroll(a, b as any);\n        onScrollStop();\n      };\n      actionRef.current.getMessagesInView = onScrollStop;\n      actionRef.current.focusToIndex = (a, b = { align: 'center' } as ScrollToOptions) => {\n        scrollAndFocus(a, b);\n      };\n      actionRef.current.focusToIndexWithoutScroll = onlyFocus;\n      actionRef.current.focusToList = () => {\n        virtualListRef.current?.focus();\n      };\n    }\n  }, [actionRef, onScrollStop, onlyFocus, scrollAndFocus, vScroll]);\n\n  const handleKey = React.useCallback(\n    (e) => {\n      const { key } = e;\n      const index = Number(e.currentTarget.dataset.index);\n      e.stopPropagation();\n      switch (key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          if (index > 0)\n            (virtualListRef.current.querySelector(`[data-index=\"${index - 1}\"]`) as HTMLDivElement).focus();\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          if (index < messages.length - 1) {\n            (virtualListRef.current.querySelector(`[data-index=\"${index + 1}\"]`) as HTMLDivElement).focus();\n          }\n          break;\n        case 'Home':\n          e.preventDefault();\n          scrollAndFocus(0);\n          break;\n        case 'End':\n          e.preventDefault();\n          scrollAndFocus(messages.length - 1);\n          break;\n        case 'Tab':\n          e.preventDefault();\n          if (hasMoreItems === 'bottom' && !e.shiftKey) {\n            loadMoreRef.current?.focus();\n          } else if (hasMoreItems === 'top' && e.shiftKey) {\n            loadMoreRef.current?.focus();\n          } else if (!e.shiftKey) {\n            if (bannerPosition) {\n              bannerRef.current.focusOnWrapper();\n            } else {\n              actionRef.current.focusToComposer();\n            }\n          } else {\n            virtualListRef.current?.focus();\n          }\n          break;\n        default:\n          break;\n      }\n    },\n    [actionRef, bannerRef, hasMoreItems, messages.length, bannerPosition, scrollAndFocus],\n  );\n  const handleListKey = React.useCallback(\n    (e) => {\n      const { key } = e;\n      switch (key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          onlyFocus(onScrollStop().shift());\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          onlyFocus(onScrollStop().pop());\n          break;\n        case 'Home':\n          e.preventDefault();\n          scrollAndFocus(0);\n          break;\n        case 'End':\n          e.preventDefault();\n          scrollAndFocus(messages.length - 1);\n          break;\n        case 'Tab':\n          if (document.activeElement !== loadMoreRef.current) {\n            if (hasMoreItems === 'bottom' && !e.shiftKey) {\n              e.preventDefault();\n              loadMoreRef.current?.focus();\n            } else if (hasMoreItems === 'top' && e.shiftKey) {\n              // e.preventDefault();\n              //  loadMoreRef.current?.focus();\n            } else if (!e.shiftKey) {\n              e.preventDefault();\n              actionRef.current.focusToComposer();\n            }\n          } else if (!e.shiftKey) {\n            e.preventDefault();\n            actionRef.current.focusToComposer();\n          } else {\n            e.preventDefault();\n            virtualListRef.current?.focus();\n          }\n          break;\n        default:\n          break;\n      }\n    },\n    [actionRef, hasMoreItems, messages.length, onScrollStop, onlyFocus, scrollAndFocus],\n  );\n\n  const checkPendingOnScroll = React.useCallback(() => {\n    if (pendingOnScroll.current === true) onScrollStop();\n  }, [onScrollStop]);\n\n  React.useEffect(() => {\n    let handlerCallback = null;\n    const localVirtualRef = virtualListRef.current;\n    const onScroll = () => {\n      if (handlerCallback) clearTimeout(handlerCallback);\n      handlerCallback = setTimeout(onScrollStop, 300);\n    };\n    if (onScrollEnds) {\n      virtualListRef.current.addEventListener('scroll', onScroll);\n    }\n    document.addEventListener('visibilitychange', checkPendingOnScroll);\n    return () => {\n      if (handlerCallback) clearTimeout(handlerCallback);\n      if (onScrollEnds) localVirtualRef.removeEventListener('scroll', onScroll);\n      document.removeEventListener('visibilitychange', checkPendingOnScroll);\n    };\n  }, [onScrollStop, onScrollEnds, checkPendingOnScroll]);\n\n  const render = React.useMemo(\n    () =>\n      virtualItems.map((virtualItem) => {\n        const { index, measureRef, start } = virtualItem;\n        const row = messages[index];\n        const isSending = sendingMessages && sendingMessages.find((m) => m === row.dsId);\n        const style: CSSProperties = {\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          transform: `translateY(${start}px)`,\n          width: '100%',\n        };\n\n        return (\n          <ListItem\n            data-element=\"chat-element-list-item\"\n            data-index={index}\n            key={`ds-chat-bubble-${index}-${row.dsId}-${row.type}`}\n            style={style}\n            ref={measureRef}\n            tabIndex={0}\n            onKeyDown={handleKey}\n            role=\"listitem\"\n          >\n            <StyledWrapperListItem type={row.type}>\n              {row.type === BUBBLE_TYPES.SENDER || row.type === BUBBLE_TYPES.RECIPIENT ? (\n                // eslint-disable-next-line\n                <ChatBubble {...(row as any)} helpMessage={isSending ? sendingText : row.helpMessage} />\n              ) : null}\n              {row.type === BUBBLE_TYPES.DELIMITER ? <MessageDelimiter {...(row as any)} /> : null}\n              {row.type === BUBBLE_TYPES.SYSTEM ? <SystemMessage {...(row as any)} /> : null}\n            </StyledWrapperListItem>\n          </ListItem>\n        );\n      }),\n    [virtualItems, messages, sendingMessages, handleKey, sendingText],\n  );\n\n  return (\n    <StyledWrapper>\n      <StyledChatContainerContentList\n        data-testid=\"chat-thread-container\"\n        tabIndex={0}\n        aria-live=\"polite\"\n        ref={virtualListRef}\n        role=\"list\"\n        onKeyDown={handleListKey}\n      >\n        <StyledChatContainerContentListScroll height={`${totalSize}px`}>\n          {render}\n          {!isLoading && hasMoreItems ? (\n            <StyledLoadMoreContainer hasMoreItems={hasMoreItems}>\n              <DSButton\n                labelText=\"Load More\"\n                buttonType=\"secondary\"\n                onClick={getMoreMessages}\n                data-testid=\"ds-chat-load-more-btn\"\n                innerRef={loadMoreRef}\n              />\n            </StyledLoadMoreContainer>\n          ) : null}\n        </StyledChatContainerContentListScroll>\n      </StyledChatContainerContentList>\n    </StyledWrapper>\n  );\n};\n\nChatContainerMessagesList.propTypes = listProps;\nChatContainerMessagesList.defaultProps = defaultProps;\nconst ChatContainerMessagesListWithSchema = describe(ChatContainerMessagesList);\nChatContainerMessagesListWithSchema.propTypes = listProps;\n\nexport { ChatContainerMessagesList, ChatContainerMessagesListWithSchema };\n"],"names":["getPadding","hasMoreItems","padding","paddingStart","paddingEnd","ChatContainerMessagesList","props","useValidateProps","ChatContainerMessagesListWithSchema","toTypescript","sendingText","bannerPosition","sendingMessages","messages","actionRef","onScrollEnds","getMoreMessages","isLoading","bannerRef","pendingOnScroll","React","useRef","loadMoreRef","virtualListRef","useVirtual","size","length","parentRef","overscan","estimateSize","useCallback","vScroll","scrollToIndex","totalSize","virtualItems","debouncedScroll","useMemo","debounce","document","visibilityState","current","getBoundingClientRect","bottom","top","list","querySelectorAll","indexList","forEach","item","itemTop","itemPadding","push","dataset","index","onScrollStop","onlyFocus","setTimeout","querySelector","focus","scrollAndFocus","b","align","useEffect","a","getMessagesInView","focusToIndex","focusToIndexWithoutScroll","focusToList","handleKey","e","key","Number","currentTarget","stopPropagation","preventDefault","shiftKey","focusOnWrapper","focusToComposer","handleListKey","shift","pop","activeElement","checkPendingOnScroll","handlerCallback","localVirtualRef","onScroll","clearTimeout","addEventListener","removeEventListener","render","map","virtualItem","measureRef","start","row","isSending","find","m","dsId","style","position","left","transform","width","ListItem","type","StyledWrapperListItem","BUBBLE_TYPES","SENDER","RECIPIENT","ChatBubble","helpMessage","DELIMITER","MessageDelimiter","SYSTEM","SystemMessage","StyledWrapper","StyledChatContainerContentList","StyledChatContainerContentListScroll","StyledLoadMoreContainer","DSButton","propTypes","listProps","defaultProps","describe"],"mappings":"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"}

package/cjs/tests/utils.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsChat = require('@elliemae/ds-chat');
 
-var getRandomMessages = function getRandomMessages(key) {
-  return Array(2).fill().map(function (v, i) {
+var getRandomMessages = function getRandomMessages(q, key) {
+  return Array(q).fill().map(function (v, i) {
     if (i > 5 && i % 22 === 0) {
       return {
         dsId: "".concat(i),
@@ -41,7 +41,9 @@ var getRandomMessages = function getRandomMessages(key) {
   });
 };
 
-var preLoadMessages2 = getRandomMessages('item_key');
+var loadMsgs = function loadMsgs(q) {
+  return getRandomMessages(q, 'item_key');
+};
 
-exports.preLoadMessages2 = preLoadMessages2;
+exports.loadMsgs = loadMsgs;
 //# sourceMappingURL=utils.js.map

package/cjs/tests/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/tests/utils.tsx"],"sourcesContent":["import { BUBBLE_TYPES } from '@elliemae/ds-chat';\n\nconst getRandomMessages = (key) =>\n  Array(2)\n    .fill()\n    .map((v, i) => {\n      if (i > 5 && i % 22 === 0) {\n        return {\n          dsId: `${i}`,\n          body: `This is a system message that notifies the user of some important things`,\n          type: BUBBLE_TYPES.SYSTEM,\n          title: 'System Message',\n          time: '4:50 pm',\n        };\n      }\n      if (i > 5 && i % 16 === 0) {\n        return {\n          dsId: `${i}`,\n          type: BUBBLE_TYPES.DELIMITER,\n          title: 'Mon, Apr 25, 12:43 PM',\n          extraProps: { 'data-testid': 'custom-data-testid' },\n        };\n      }\n      const isSender = i % 2 === 0;\n      const chatBubbleType = isSender ? BUBBLE_TYPES.SENDER : BUBBLE_TYPES.RECIPIENT;\n      const chatTitle = isSender ? 'Robert Deniro' : 'Al Pacino';\n      return {\n        dsId: `${i}`,\n        body: `Message text ${key} Message text ${i}`,\n        type: chatBubbleType,\n        title: chatTitle,\n        time: '4:50 pm',\n        helpMessage: isSender ? 'Delivered' : null,\n      };\n    });\n\nexport const preLoadMessages2 = getRandomMessages('item_key');\n"],"names":["getRandomMessages","key","Array","fill","map","v","i","dsId","body","type","BUBBLE_TYPES","SYSTEM","title","time","DELIMITER","extraProps","isSender","chatBubbleType","SENDER","RECIPIENT","chatTitle","helpMessage","preLoadMessages2"],"mappings":";;;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,GAAD;AAAA,SACxBC,KAAK,CAAC,CAAD,CAAL,CACGC,IADH,GAEGC,GAFH,CAEO,UAACC,CAAD,EAAIC,CAAJ,EAAU;AACb,QAAIA,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAG,EAAJ,KAAW,CAAxB,EAA2B;AACzB,aAAO;AACLC,QAAAA,IAAI,YAAKD,CAAL,CADC;AAELE,QAAAA,IAAI,4EAFC;AAGLC,QAAAA,IAAI,EAAEC,mBAAY,CAACC,MAHd;AAILC,QAAAA,KAAK,EAAE,gBAJF;AAKLC,QAAAA,IAAI,EAAE;AALD,OAAP;AAOD;;AACD,QAAIP,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAG,EAAJ,KAAW,CAAxB,EAA2B;AACzB,aAAO;AACLC,QAAAA,IAAI,YAAKD,CAAL,CADC;AAELG,QAAAA,IAAI,EAAEC,mBAAY,CAACI,SAFd;AAGLF,QAAAA,KAAK,EAAE,uBAHF;AAILG,QAAAA,UAAU,EAAE;AAAE,yBAAe;AAAjB;AAJP,OAAP;AAMD;;AACD,QAAMC,QAAQ,GAAGV,CAAC,GAAG,CAAJ,KAAU,CAA3B;AACA,QAAMW,cAAc,GAAGD,QAAQ,GAAGN,mBAAY,CAACQ,MAAhB,GAAyBR,mBAAY,CAACS,SAArE;AACA,QAAMC,SAAS,GAAGJ,QAAQ,GAAG,eAAH,GAAqB,WAA/C;AACA,WAAO;AACLT,MAAAA,IAAI,YAAKD,CAAL,CADC;AAELE,MAAAA,IAAI,yBAAkBP,GAAlB,2BAAsCK,CAAtC,CAFC;AAGLG,MAAAA,IAAI,EAAEQ,cAHD;AAILL,MAAAA,KAAK,EAAEQ,SAJF;AAKLP,MAAAA,IAAI,EAAE,SALD;AAMLQ,MAAAA,WAAW,EAAEL,QAAQ,GAAG,WAAH,GAAiB;AANjC,KAAP;AAQD,GA/BH,CADwB;AAAA,CAA1B;;IAkCaM,gBAAgB,GAAGtB,iBAAiB,CAAC,UAAD;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../src/tests/utils.tsx"],"sourcesContent":["import { BUBBLE_TYPES } from '@elliemae/ds-chat';\n\nconst getRandomMessages = (q, key) =>\n  Array(q)\n    .fill()\n    .map((v, i) => {\n      if (i > 5 && i % 22 === 0) {\n        return {\n          dsId: `${i}`,\n          body: `This is a system message that notifies the user of some important things`,\n          type: BUBBLE_TYPES.SYSTEM,\n          title: 'System Message',\n          time: '4:50 pm',\n        };\n      }\n      if (i > 5 && i % 16 === 0) {\n        return {\n          dsId: `${i}`,\n          type: BUBBLE_TYPES.DELIMITER,\n          title: 'Mon, Apr 25, 12:43 PM',\n          extraProps: { 'data-testid': 'custom-data-testid' },\n        };\n      }\n      const isSender = i % 2 === 0;\n      const chatBubbleType = isSender ? BUBBLE_TYPES.SENDER : BUBBLE_TYPES.RECIPIENT;\n      const chatTitle = isSender ? 'Robert Deniro' : 'Al Pacino';\n      return {\n        dsId: `${i}`,\n        body: `Message text ${key} Message text ${i}`,\n        type: chatBubbleType,\n        title: chatTitle,\n        time: '4:50 pm',\n        helpMessage: isSender ? 'Delivered' : null,\n      };\n    });\n\nexport const loadMsgs = (q: number): unknown => getRandomMessages(q, 'item_key');\n"],"names":["getRandomMessages","q","key","Array","fill","map","v","i","dsId","body","type","BUBBLE_TYPES","SYSTEM","title","time","DELIMITER","extraProps","isSender","chatBubbleType","SENDER","RECIPIENT","chatTitle","helpMessage","loadMsgs"],"mappings":";;;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,CAAD,EAAIC,GAAJ;AAAA,SACxBC,KAAK,CAACF,CAAD,CAAL,CACGG,IADH,GAEGC,GAFH,CAEO,UAACC,CAAD,EAAIC,CAAJ,EAAU;AACb,QAAIA,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAG,EAAJ,KAAW,CAAxB,EAA2B;AACzB,aAAO;AACLC,QAAAA,IAAI,YAAKD,CAAL,CADC;AAELE,QAAAA,IAAI,4EAFC;AAGLC,QAAAA,IAAI,EAAEC,mBAAY,CAACC,MAHd;AAILC,QAAAA,KAAK,EAAE,gBAJF;AAKLC,QAAAA,IAAI,EAAE;AALD,OAAP;AAOD;;AACD,QAAIP,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAG,EAAJ,KAAW,CAAxB,EAA2B;AACzB,aAAO;AACLC,QAAAA,IAAI,YAAKD,CAAL,CADC;AAELG,QAAAA,IAAI,EAAEC,mBAAY,CAACI,SAFd;AAGLF,QAAAA,KAAK,EAAE,uBAHF;AAILG,QAAAA,UAAU,EAAE;AAAE,yBAAe;AAAjB;AAJP,OAAP;AAMD;;AACD,QAAMC,QAAQ,GAAGV,CAAC,GAAG,CAAJ,KAAU,CAA3B;AACA,QAAMW,cAAc,GAAGD,QAAQ,GAAGN,mBAAY,CAACQ,MAAhB,GAAyBR,mBAAY,CAACS,SAArE;AACA,QAAMC,SAAS,GAAGJ,QAAQ,GAAG,eAAH,GAAqB,WAA/C;AACA,WAAO;AACLT,MAAAA,IAAI,YAAKD,CAAL,CADC;AAELE,MAAAA,IAAI,yBAAkBP,GAAlB,2BAAsCK,CAAtC,CAFC;AAGLG,MAAAA,IAAI,EAAEQ,cAHD;AAILL,MAAAA,KAAK,EAAEQ,SAJF;AAKLP,MAAAA,IAAI,EAAE,SALD;AAMLQ,MAAAA,WAAW,EAAEL,QAAQ,GAAG,WAAH,GAAiB;AANjC,KAAP;AAQD,GA/BH,CADwB;AAAA,CAA1B;;IAkCaM,QAAQ,GAAG,SAAXA,QAAW,CAACtB,CAAD;AAAA,SAAwBD,iBAAiB,CAACC,CAAD,EAAI,UAAJ,CAAzC;AAAA;;;;"}

package/esm/ChatDataTestids.js

@@ -17,7 +17,8 @@ var ChatDataTestIds = {
   SYSTEM_MSG_TIME: 'chat-system-message-time',
   BUBBLE: 'ds-chat-bubble',
   BUBBLE_TITLE: 'chat-bubble-title',
-  BUBBLE_BODY: 'chat-bubble-body'
+  BUBBLE_BODY: 'chat-bubble-body',
+  BANNER: 'ds-banner-container'
 };
 
 export { ChatDataTestIds };

package/esm/ChatDataTestids.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatDataTestids.js","sources":["../../src/ChatDataTestids.tsx"],"sourcesContent":["export const ChatDataTestIds = {\n  COMPOSER_TEXTAREA: 'chat-composer-textarea',\n  COMPOSER_SEND_BUTTON: 'chat-composer-send-button',\n  CARD_TITLE: 'chat-card-title',\n  CARD_WRAPPER: 'chat-card-wrapper',\n  CARD_TIME: 'chat-card-time',\n  CARD_RIGHT_ADDON: 'chat-right-addon',\n  CARD_CONTENT: 'chat-card-content',\n  LOADING_INDICATOR: 'ds-chat-loading-indicator',\n  HEADER_TITLE: 'chat-header-title',\n  HEADER_CHILDREN: 'chat-header-children',\n  THREAD_CONTAINER: 'chat-thread-container',\n  LOAD_MORE_BUTTON: 'ds-chat-load-more-btn',\n  FLOATING_BUTTON: 'chat-floating-button',\n  SYSTEM_MSG_TITLE: 'chat-system-message-title',\n  SYSTEM_MSG_BODY: 'chat-system-message-body',\n  SYSTEM_MSG_TIME: 'chat-system-message-time',\n  BUBBLE: 'ds-chat-bubble',\n  BUBBLE_TITLE: 'chat-bubble-title',\n  BUBBLE_BODY: 'chat-bubble-body',\n};\n"],"names":["ChatDataTestIds","COMPOSER_TEXTAREA","COMPOSER_SEND_BUTTON","CARD_TITLE","CARD_WRAPPER","CARD_TIME","CARD_RIGHT_ADDON","CARD_CONTENT","LOADING_INDICATOR","HEADER_TITLE","HEADER_CHILDREN","THREAD_CONTAINER","LOAD_MORE_BUTTON","FLOATING_BUTTON","SYSTEM_MSG_TITLE","SYSTEM_MSG_BODY","SYSTEM_MSG_TIME","BUBBLE","BUBBLE_TITLE","BUBBLE_BODY"],"mappings":"IAAaA,eAAe,GAAG;AAC7BC,EAAAA,iBAAiB,EAAE,wBADU;AAE7BC,EAAAA,oBAAoB,EAAE,2BAFO;AAG7BC,EAAAA,UAAU,EAAE,iBAHiB;AAI7BC,EAAAA,YAAY,EAAE,mBAJe;AAK7BC,EAAAA,SAAS,EAAE,gBALkB;AAM7BC,EAAAA,gBAAgB,EAAE,kBANW;AAO7BC,EAAAA,YAAY,EAAE,mBAPe;AAQ7BC,EAAAA,iBAAiB,EAAE,2BARU;AAS7BC,EAAAA,YAAY,EAAE,mBATe;AAU7BC,EAAAA,eAAe,EAAE,sBAVY;AAW7BC,EAAAA,gBAAgB,EAAE,uBAXW;AAY7BC,EAAAA,gBAAgB,EAAE,uBAZW;AAa7BC,EAAAA,eAAe,EAAE,sBAbY;AAc7BC,EAAAA,gBAAgB,EAAE,2BAdW;AAe7BC,EAAAA,eAAe,EAAE,0BAfY;AAgB7BC,EAAAA,eAAe,EAAE,0BAhBY;AAiB7BC,EAAAA,MAAM,EAAE,gBAjBqB;AAkB7BC,EAAAA,YAAY,EAAE,mBAlBe;AAmB7BC,EAAAA,WAAW,EAAE;AAnBgB;;;;"}
+{"version":3,"file":"ChatDataTestids.js","sources":["../../src/ChatDataTestids.tsx"],"sourcesContent":["export const ChatDataTestIds = {\n  COMPOSER_TEXTAREA: 'chat-composer-textarea',\n  COMPOSER_SEND_BUTTON: 'chat-composer-send-button',\n  CARD_TITLE: 'chat-card-title',\n  CARD_WRAPPER: 'chat-card-wrapper',\n  CARD_TIME: 'chat-card-time',\n  CARD_RIGHT_ADDON: 'chat-right-addon',\n  CARD_CONTENT: 'chat-card-content',\n  LOADING_INDICATOR: 'ds-chat-loading-indicator',\n  HEADER_TITLE: 'chat-header-title',\n  HEADER_CHILDREN: 'chat-header-children',\n  THREAD_CONTAINER: 'chat-thread-container',\n  LOAD_MORE_BUTTON: 'ds-chat-load-more-btn',\n  FLOATING_BUTTON: 'chat-floating-button',\n  SYSTEM_MSG_TITLE: 'chat-system-message-title',\n  SYSTEM_MSG_BODY: 'chat-system-message-body',\n  SYSTEM_MSG_TIME: 'chat-system-message-time',\n  BUBBLE: 'ds-chat-bubble',\n  BUBBLE_TITLE: 'chat-bubble-title',\n  BUBBLE_BODY: 'chat-bubble-body',\n  BANNER: 'ds-banner-container',\n};\n"],"names":["ChatDataTestIds","COMPOSER_TEXTAREA","COMPOSER_SEND_BUTTON","CARD_TITLE","CARD_WRAPPER","CARD_TIME","CARD_RIGHT_ADDON","CARD_CONTENT","LOADING_INDICATOR","HEADER_TITLE","HEADER_CHILDREN","THREAD_CONTAINER","LOAD_MORE_BUTTON","FLOATING_BUTTON","SYSTEM_MSG_TITLE","SYSTEM_MSG_BODY","SYSTEM_MSG_TIME","BUBBLE","BUBBLE_TITLE","BUBBLE_BODY","BANNER"],"mappings":"IAAaA,eAAe,GAAG;AAC7BC,EAAAA,iBAAiB,EAAE,wBADU;AAE7BC,EAAAA,oBAAoB,EAAE,2BAFO;AAG7BC,EAAAA,UAAU,EAAE,iBAHiB;AAI7BC,EAAAA,YAAY,EAAE,mBAJe;AAK7BC,EAAAA,SAAS,EAAE,gBALkB;AAM7BC,EAAAA,gBAAgB,EAAE,kBANW;AAO7BC,EAAAA,YAAY,EAAE,mBAPe;AAQ7BC,EAAAA,iBAAiB,EAAE,2BARU;AAS7BC,EAAAA,YAAY,EAAE,mBATe;AAU7BC,EAAAA,eAAe,EAAE,sBAVY;AAW7BC,EAAAA,gBAAgB,EAAE,uBAXW;AAY7BC,EAAAA,gBAAgB,EAAE,uBAZW;AAa7BC,EAAAA,eAAe,EAAE,sBAbY;AAc7BC,EAAAA,gBAAgB,EAAE,2BAdW;AAe7BC,EAAAA,eAAe,EAAE,0BAfY;AAgB7BC,EAAAA,eAAe,EAAE,0BAhBY;AAiB7BC,EAAAA,MAAM,EAAE,gBAjBqB;AAkB7BC,EAAAA,YAAY,EAAE,mBAlBe;AAmB7BC,EAAAA,WAAW,EAAE,kBAnBgB;AAoB7BC,EAAAA,MAAM,EAAE;AApBqB;;;;"}

package/esm/parts/bubble/ChatBubbleArrow.js

@@ -15,7 +15,7 @@ var ChatBubbleArrow = function ChatBubbleArrow(_ref) {
     viewBox: "0 0 15 14"
   }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {
     d: "M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z",
-    id: "path-1"
+    id: "path-chat-bubble"
   }), /*#__PURE__*/React.createElement("filter", {
     x: "-55.6%",
     y: "-50.0%",
@@ -49,11 +49,11 @@ var ChatBubbleArrow = function ChatBubbleArrow(_ref) {
     fill: "black",
     fillOpacity: "1",
     filter: "url(#filter-2)",
-    xlinkHref: "#path-1"
+    xlinkHref: "#path-chat-bubble"
   }), /*#__PURE__*/React.createElement("use", {
     fill: "#FFFFFF",
     fillRule: "evenodd",
-    xlinkHref: "#path-1"
+    xlinkHref: "#path-chat-bubble"
   })))) : /*#__PURE__*/React.createElement("svg", {
     width: "9px",
     height: "8px",

package/esm/parts/bubble/ChatBubbleArrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBubbleArrow.js","sources":["../../../../src/parts/bubble/ChatBubbleArrow.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { BUBBLE_TYPES, BubbleProps, propsArrowBubble } from './props';\n\nexport const ChatBubbleArrow = ({ type }: Pick<BubbleProps, 'type'>): JSX.Element => (\n  <StyledBubbleArrow>\n    {type === BUBBLE_TYPES.RECIPIENT ? (\n      <svg width=\"15px\" height=\"14px\" viewBox=\"0 0 15 14\">\n        <defs>\n          <path\n            d=\"M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z\"\n            id=\"path-1\"\n          ></path>\n          <filter x=\"-55.6%\" y=\"-50.0%\" width=\"211.1%\" height=\"225.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-2\">\n            <feOffset dx=\"2.3\" dy=\"1.2\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"></feOffset>\n            <feGaussianBlur stdDeviation=\"1.5\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"></feGaussianBlur>\n            <feColorMatrix\n              values=\"0 0 0 0 0.207843137   \n                      0 0 0 0 0.235294118   \n                      0 0 0 0 0.274509804  \n                      0 0 0 0.8 0\"\n              type=\"matrix\"\n              in=\"shadowBlurOuter1\"\n            ></feColorMatrix>\n          </filter>\n        </defs>\n        <g id=\"[DSK]-Visual-Design\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n          <g id=\"Path-Copy\" transform=\"translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) \">\n            <use fill=\"black\" fillOpacity=\"1\" filter=\"url(#filter-2)\" xlinkHref=\"#path-1\"></use>\n            <use fill=\"#FFFFFF\" fillRule=\"evenodd\" xlinkHref=\"#path-1\"></use>\n          </g>\n        </g>\n      </svg>\n    ) : (\n      <svg width=\"9px\" height=\"8px\" viewBox=\"0 0 9 8\">\n        <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n          <path\n            d=\"M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z\"\n            id=\"Path\"\n            fill=\"#1E79C2\"\n          ></path>\n        </g>\n      </svg>\n    )}\n  </StyledBubbleArrow>\n);\n\nChatBubbleArrow.propTypes = propsArrowBubble;\n"],"names":["ChatBubbleArrow","type","BUBBLE_TYPES","RECIPIENT","propTypes","propsArrowBubble"],"mappings":";;;;;;;;;IAIaA,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,sBAC7B,oBAAC,iBAAD,QACGA,IAAI,KAAKC,YAAY,CAACC,SAAtB,gBACC;AAAK,IAAA,KAAK,EAAC,MAAX;AAAkB,IAAA,MAAM,EAAC,MAAzB;AAAgC,IAAA,OAAO,EAAC;AAAxC,kBACE,+CACE;AACE,IAAA,CAAC,EAAC,qLADJ;AAEE,IAAA,EAAE,EAAC;AAFL,IADF,eAKE;AAAQ,IAAA,CAAC,EAAC,QAAV;AAAmB,IAAA,CAAC,EAAC,QAArB;AAA8B,IAAA,KAAK,EAAC,QAApC;AAA6C,IAAA,MAAM,EAAC,QAApD;AAA6D,IAAA,WAAW,EAAC,mBAAzE;AAA6F,IAAA,EAAE,EAAC;AAAhG,kBACE;AAAU,IAAA,EAAE,EAAC,KAAb;AAAmB,IAAA,EAAE,EAAC,KAAtB;AAA4B,IAAA,EAAE,EAAC,aAA/B;AAA6C,IAAA,MAAM,EAAC;AAApD,IADF,eAEE;AAAgB,IAAA,YAAY,EAAC,KAA7B;AAAmC,IAAA,EAAE,EAAC,oBAAtC;AAA2D,IAAA,MAAM,EAAC;AAAlE,IAFF,eAGE;AACE,IAAA,MAAM,EAAC,iFADT;AAKE,IAAA,IAAI,EAAC,QALP;AAME,IAAA,EAAE,EAAC;AANL,IAHF,CALF,CADF,eAmBE;AAAG,IAAA,EAAE,EAAC,qBAAN;AAA4B,IAAA,MAAM,EAAC,MAAnC;AAA0C,IAAA,WAAW,EAAC,GAAtD;AAA0D,IAAA,IAAI,EAAC,MAA/D;AAAsE,IAAA,QAAQ,EAAC;AAA/E,kBACE;AAAG,IAAA,EAAE,EAAC,WAAN;AAAkB,IAAA,SAAS,EAAC;AAA5B,kBACE;AAAK,IAAA,IAAI,EAAC,OAAV;AAAkB,IAAA,WAAW,EAAC,GAA9B;AAAkC,IAAA,MAAM,EAAC,gBAAzC;AAA0D,IAAA,SAAS,EAAC;AAApE,IADF,eAEE;AAAK,IAAA,IAAI,EAAC,SAAV;AAAoB,IAAA,QAAQ,EAAC,SAA7B;AAAuC,IAAA,SAAS,EAAC;AAAjD,IAFF,CADF,CAnBF,CADD,gBA4BC;AAAK,IAAA,KAAK,EAAC,KAAX;AAAiB,IAAA,MAAM,EAAC,KAAxB;AAA8B,IAAA,OAAO,EAAC;AAAtC,kBACE;AAAG,IAAA,MAAM,EAAC,MAAV;AAAiB,IAAA,WAAW,EAAC,GAA7B;AAAiC,IAAA,IAAI,EAAC,MAAtC;AAA6C,IAAA,QAAQ,EAAC;AAAtD,kBACE;AACE,IAAA,CAAC,EAAC,yKADJ;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,IAAI,EAAC;AAHP,IADF,CADF,CA7BJ,CAD6B;AAAA;AA2C/BH,eAAe,CAACI,SAAhB,GAA4BC,gBAA5B;;;;"}
+{"version":3,"file":"ChatBubbleArrow.js","sources":["../../../../src/parts/bubble/ChatBubbleArrow.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { BUBBLE_TYPES, BubbleProps, propsArrowBubble } from './props';\n\nexport const ChatBubbleArrow = ({ type }: Pick<BubbleProps, 'type'>): JSX.Element => (\n  <StyledBubbleArrow>\n    {type === BUBBLE_TYPES.RECIPIENT ? (\n      <svg width=\"15px\" height=\"14px\" viewBox=\"0 0 15 14\">\n        <defs>\n          <path\n            d=\"M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z\"\n            id=\"path-chat-bubble\"\n          ></path>\n          <filter x=\"-55.6%\" y=\"-50.0%\" width=\"211.1%\" height=\"225.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-2\">\n            <feOffset dx=\"2.3\" dy=\"1.2\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"></feOffset>\n            <feGaussianBlur stdDeviation=\"1.5\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"></feGaussianBlur>\n            <feColorMatrix\n              values=\"0 0 0 0 0.207843137   \n                      0 0 0 0 0.235294118   \n                      0 0 0 0 0.274509804  \n                      0 0 0 0.8 0\"\n              type=\"matrix\"\n              in=\"shadowBlurOuter1\"\n            ></feColorMatrix>\n          </filter>\n        </defs>\n        <g id=\"[DSK]-Visual-Design\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n          <g id=\"Path-Copy\" transform=\"translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) \">\n            <use fill=\"black\" fillOpacity=\"1\" filter=\"url(#filter-2)\" xlinkHref=\"#path-chat-bubble\"></use>\n            <use fill=\"#FFFFFF\" fillRule=\"evenodd\" xlinkHref=\"#path-chat-bubble\"></use>\n          </g>\n        </g>\n      </svg>\n    ) : (\n      <svg width=\"9px\" height=\"8px\" viewBox=\"0 0 9 8\">\n        <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n          <path\n            d=\"M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z\"\n            id=\"Path\"\n            fill=\"#1E79C2\"\n          ></path>\n        </g>\n      </svg>\n    )}\n  </StyledBubbleArrow>\n);\n\nChatBubbleArrow.propTypes = propsArrowBubble;\n"],"names":["ChatBubbleArrow","type","BUBBLE_TYPES","RECIPIENT","propTypes","propsArrowBubble"],"mappings":";;;;;;;;;IAIaA,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,sBAC7B,oBAAC,iBAAD,QACGA,IAAI,KAAKC,YAAY,CAACC,SAAtB,gBACC;AAAK,IAAA,KAAK,EAAC,MAAX;AAAkB,IAAA,MAAM,EAAC,MAAzB;AAAgC,IAAA,OAAO,EAAC;AAAxC,kBACE,+CACE;AACE,IAAA,CAAC,EAAC,qLADJ;AAEE,IAAA,EAAE,EAAC;AAFL,IADF,eAKE;AAAQ,IAAA,CAAC,EAAC,QAAV;AAAmB,IAAA,CAAC,EAAC,QAArB;AAA8B,IAAA,KAAK,EAAC,QAApC;AAA6C,IAAA,MAAM,EAAC,QAApD;AAA6D,IAAA,WAAW,EAAC,mBAAzE;AAA6F,IAAA,EAAE,EAAC;AAAhG,kBACE;AAAU,IAAA,EAAE,EAAC,KAAb;AAAmB,IAAA,EAAE,EAAC,KAAtB;AAA4B,IAAA,EAAE,EAAC,aAA/B;AAA6C,IAAA,MAAM,EAAC;AAApD,IADF,eAEE;AAAgB,IAAA,YAAY,EAAC,KAA7B;AAAmC,IAAA,EAAE,EAAC,oBAAtC;AAA2D,IAAA,MAAM,EAAC;AAAlE,IAFF,eAGE;AACE,IAAA,MAAM,EAAC,iFADT;AAKE,IAAA,IAAI,EAAC,QALP;AAME,IAAA,EAAE,EAAC;AANL,IAHF,CALF,CADF,eAmBE;AAAG,IAAA,EAAE,EAAC,qBAAN;AAA4B,IAAA,MAAM,EAAC,MAAnC;AAA0C,IAAA,WAAW,EAAC,GAAtD;AAA0D,IAAA,IAAI,EAAC,MAA/D;AAAsE,IAAA,QAAQ,EAAC;AAA/E,kBACE;AAAG,IAAA,EAAE,EAAC,WAAN;AAAkB,IAAA,SAAS,EAAC;AAA5B,kBACE;AAAK,IAAA,IAAI,EAAC,OAAV;AAAkB,IAAA,WAAW,EAAC,GAA9B;AAAkC,IAAA,MAAM,EAAC,gBAAzC;AAA0D,IAAA,SAAS,EAAC;AAApE,IADF,eAEE;AAAK,IAAA,IAAI,EAAC,SAAV;AAAoB,IAAA,QAAQ,EAAC,SAA7B;AAAuC,IAAA,SAAS,EAAC;AAAjD,IAFF,CADF,CAnBF,CADD,gBA4BC;AAAK,IAAA,KAAK,EAAC,KAAX;AAAiB,IAAA,MAAM,EAAC,KAAxB;AAA8B,IAAA,OAAO,EAAC;AAAtC,kBACE;AAAG,IAAA,MAAM,EAAC,MAAV;AAAiB,IAAA,WAAW,EAAC,GAA7B;AAAiC,IAAA,IAAI,EAAC,MAAtC;AAA6C,IAAA,QAAQ,EAAC;AAAtD,kBACE;AACE,IAAA,CAAC,EAAC,yKADJ;AAEE,IAAA,EAAE,EAAC,MAFL;AAGE,IAAA,IAAI,EAAC;AAHP,IADF,CADF,CA7BJ,CAD6B;AAAA;AA2C/BH,eAAe,CAACI,SAAhB,GAA4BC,gBAA5B;;;;"}

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

@@ -56,7 +56,8 @@ var ChatContainer = function ChatContainer(props) {
       device = props.device,
       isLoading = props.isLoading,
       hasMoreItems = props.hasMoreItems,
-      getMoreMessages = props.getMoreMessages;
+      getMoreMessages = props.getMoreMessages,
+      ariaLabel = props.ariaLabel;
   var bannerRef = React.useRef({
     focusOnWrapper: noop,
     focusOnLink: noop
@@ -102,7 +103,7 @@ var ChatContainer = function ChatContainer(props) {
     rows: ['minmax(0, 1fr)', 'auto'],
     ref: containerRef,
     role: "region",
-    "aria-label": "chat window"
+    "aria-label": ariaLabel
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       position: 'relative',

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

@@ -1 +1 @@
-{"version":3,"file":"ChatContainer.js","sources":["../../../../src/parts/chat-container/ChatContainer.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* 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, onKeyDown: onComposerKeyDown },\n    actionRef,\n    autoScroll,\n    device,\n    isLoading,\n    hasMoreItems,\n    getMoreMessages,\n  } = props;\n  const bannerRef = React.useRef({ focusOnWrapper: noop, focusOnLink: noop });\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  const handleTabs = React.useCallback(\n    (e) => {\n      if (onComposerKeyDown) onComposerKeyDown(e);\n      else {\n        const ref = actionRef || listRef;\n        if (e.shiftKey && e.key === 'Tab') {\n          e.preventDefault();\n          if (['top', 'bottom'].includes(bannerPosition)) {\n            bannerRef.current.focusOnWrapper();\n          } else {\n            const last = ref.current.getMessagesInView().pop();\n            ref.current.focusToIndexWithoutScroll(last);\n          }\n        }\n      }\n    },\n    [actionRef, onComposerKeyDown, bannerPosition],\n  );\n\n  // Map actions\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.focusOnBanner = bannerRef.current.focusOnWrapper;\n      actionRef.current.focusOnBannerLink = bannerRef.current.focusOnLink;\n    }\n  }, [actionRef]);\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          bannerPosition={bannerPosition}\n          bannerRef={bannerRef}\n        />\n        {['top', 'bottom'].includes(isLoading) ? (\n          <StyledIndicatorContainer isLoading={isLoading} data-testid=\"ds-chat-loading-indicator\">\n            <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n          </StyledIndicatorContainer>\n        ) : null}\n        <StyledIndicatorContainer linear 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={bannerProps.type || BANNER_TYPES.INFO}\n            actionRef={bannerRef}\n          />\n        </StyledIndicatorContainer>\n        {sendingMessages && sendingMessages.length > 0 ? (\n          <StyledIndicatorContainer isLoading=\"bottom\" linear data-testid=\"ds-chat-loading-indicator\">\n            <DSIndeterminateProgressIndicator processing title=\"Loading\" lineOnly />\n          </StyledIndicatorContainer>\n        ) : null}\n      </div>\n      <ChatComposer\n        {...composerProps}\n        onKeyDown={handleTabs}\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","onComposerKeyDown","onKeyDown","actionRef","autoScroll","device","isLoading","hasMoreItems","getMoreMessages","bannerRef","React","useRef","focusOnWrapper","noop","focusOnLink","containerRef","listRef","scrollToIndex","useCallback","height","current","messages","length","align","Container","StyledChatContainerContent","MobileStyledChatContainerContent","handleTabs","e","ref","shiftKey","key","preventDefault","includes","last","getMessagesInView","pop","focusToIndexWithoutScroll","useEffect","focusOnBanner","focusOnBannerLink","position","overflow","label","id","viewLabel","onClick","onView","onClose","type","BANNER_TYPES","INFO","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 max-lines */\n/* 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, onKeyDown: onComposerKeyDown },\n    actionRef,\n    autoScroll,\n    device,\n    isLoading,\n    hasMoreItems,\n    getMoreMessages,\n    ariaLabel\n  } = props;\n  const bannerRef = React.useRef({ focusOnWrapper: noop, focusOnLink: noop });\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  const handleTabs = React.useCallback(\n    (e) => {\n      if (onComposerKeyDown) onComposerKeyDown(e);\n      else {\n        const ref = actionRef || listRef;\n        if (e.shiftKey && e.key === 'Tab') {\n          e.preventDefault();\n          if (['top', 'bottom'].includes(bannerPosition)) {\n            bannerRef.current.focusOnWrapper();\n          } else {\n            const last = ref.current.getMessagesInView().pop();\n            ref.current.focusToIndexWithoutScroll(last);\n          }\n        }\n      }\n    },\n    [actionRef, onComposerKeyDown, bannerPosition],\n  );\n\n  // Map actions\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.focusOnBanner = bannerRef.current.focusOnWrapper;\n      actionRef.current.focusOnBannerLink = bannerRef.current.focusOnLink;\n    }\n  }, [actionRef]);\n\n  return (\n    <Container rows={['minmax(0, 1fr)', 'auto']} ref={containerRef} role=\"region\" aria-label={ariaLabel}>\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          bannerPosition={bannerPosition}\n          bannerRef={bannerRef}\n        />\n        {['top', 'bottom'].includes(isLoading) ? (\n          <StyledIndicatorContainer isLoading={isLoading} data-testid=\"ds-chat-loading-indicator\">\n            <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n          </StyledIndicatorContainer>\n        ) : null}\n        <StyledIndicatorContainer linear 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={bannerProps.type || BANNER_TYPES.INFO}\n            actionRef={bannerRef}\n          />\n        </StyledIndicatorContainer>\n        {sendingMessages && sendingMessages.length > 0 ? (\n          <StyledIndicatorContainer isLoading=\"bottom\" linear data-testid=\"ds-chat-loading-indicator\">\n            <DSIndeterminateProgressIndicator processing title=\"Loading\" lineOnly />\n          </StyledIndicatorContainer>\n        ) : null}\n      </div>\n      <ChatComposer\n        {...composerProps}\n        onKeyDown={handleTabs}\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","onComposerKeyDown","onKeyDown","actionRef","autoScroll","device","isLoading","hasMoreItems","getMoreMessages","ariaLabel","bannerRef","React","useRef","focusOnWrapper","noop","focusOnLink","containerRef","listRef","scrollToIndex","useCallback","height","current","messages","length","align","Container","StyledChatContainerContent","MobileStyledChatContainerContent","handleTabs","e","ref","shiftKey","key","preventDefault","includes","last","getMessagesInView","pop","focusToIndexWithoutScroll","useEffect","focusOnBanner","focusOnBannerLink","position","overflow","label","id","viewLabel","onClick","onView","onClose","type","BANNER_TYPES","INFO","clientHeight","propTypes","containerProps","defaultProps","describe"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 import { PropTypes } from 'react-desc';
 import { noop } from 'lodash';
+import { BANNER_TYPES } from '@elliemae/ds-banner';
 import { defaultProps as defaultProps$1 } from '../chat-container-messages-list/props.js';
 import { defaultComposerPros } from '../chat-composer/props.js';
 
@@ -14,13 +15,15 @@ var defaultProps = {
   getMoreMessages: noop,
   bannerPosition: undefined,
   bannerProps: {
+    type: BANNER_TYPES.INFO,
     label: 'Unread Messages',
     viewLabel: 'View',
     onView: noop,
     onClose: noop
   },
   sendingMessages: undefined,
-  sendingText: 'Sending'
+  sendingText: 'Sending',
+  ariaLabel: 'Chat window'
 };
 var containerProps = {
   messagesListProps: PropTypes.object.description('ChatMessageList props "messages" / "onScrollEnds"').defaultValue(defaultProps.messagesListProps),
@@ -34,7 +37,8 @@ var containerProps = {
   bannerProps: PropTypes.object.description("Banner configuration:\n  label: string;\n  viewLabel: string;\n  type: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n  ").defaultValue(defaultProps.bannerProps),
   sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)]).description('Array of ids of sending messages').defaultValue(defaultProps.sendingMessages),
   sendingText: PropTypes.string.description('Label description for messages in sending status').defaultValue(defaultProps.sendingText),
-  actionRef: PropTypes.object.description("Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n          focusToIndex: (n: number) => void,\n          focusToList: () => void,\n          focusToComposer: () => void,\n          focusToSend: () => void,\n        }\n        \n      ").defaultValue(defaultProps.actionRef)
+  actionRef: PropTypes.object.description("Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n          focusToIndex: (n: number) => void,\n          focusToList: () => void,\n          focusToComposer: () => void,\n          focusToSend: () => void,\n        }\n        \n      ").defaultValue(defaultProps.actionRef),
+  ariaLabel: PropTypes.string.description('Aria Label description for chat container').defaultValue(defaultProps.ariaLabel)
 };
 
 export { containerProps, defaultProps };

package/esm/parts/chat-container/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-container/props.ts"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { BANNER_TYPES } from '@elliemae/ds-banner';\nimport {\n  ChatContainerMessagesListProps,\n  defaultProps as defaultListProps,\n} from '../chat-container-messages-list/props';\nimport { defaultComposerPros, ChatComposerProps } from '../chat-composer/props';\n\ninterface ChatBannerProps {\n  label: string;\n  viewLabel: string;\n  type: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n}\nexport interface ChatContainerProps {\n  messagesListProps: Pick<ChatContainerMessagesListProps, 'messages' | 'onScrollEnds'>;\n  composerProps: ChatComposerProps;\n  actionRef: PropTypes.func;\n  autoScroll: boolean;\n  device: 'desktop' | 'mobile';\n  isLoading?: 'top' | 'bottom';\n  hasMoreItems?: 'top' | 'bottom';\n  getMoreMessages: PropTypes.func;\n  bannerPosition?: 'top' | 'bottom';\n  bannerProps?: ChatBannerProps;\n  sendingMessages?: string[] | number[];\n  sendingText: string;\n}\n\nexport const defaultProps: ChatContainerProps = {\n  messagesListProps: defaultListProps,\n  composerProps: defaultComposerPros,\n  actionRef: undefined,\n  autoScroll: false,\n  device: 'desktop',\n  isLoading: undefined,\n  hasMoreItems: undefined,\n  getMoreMessages: noop,\n  bannerPosition: undefined,\n  bannerProps: {\n    label: 'Unread Messages',\n    viewLabel: 'View',\n    onView: noop,\n    onClose: noop,\n  },\n  sendingMessages: undefined,\n  sendingText: 'Sending',\n};\n\nexport const containerProps = {\n  messagesListProps: PropTypes.object\n    .description('ChatMessageList props \"messages\" / \"onScrollEnds\"')\n    .defaultValue(defaultProps.messagesListProps),\n  composerProps: PropTypes.object.description('Composer configuration').defaultValue(defaultProps.composerProps),\n  autoScroll: PropTypes.bool.description('Auto scroll to bottom on resize').defaultValue(defaultProps.autoScroll),\n  device: PropTypes.string\n    .description('Option to render mobile or desktop style composer')\n    .defaultValue(defaultProps.device),\n  isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Loading messages indicator at the `top` or `bottom` of the container',\n  ),\n  hasMoreItems: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Load More button at the `top` or `bottom` of the container',\n  ),\n  getMoreMessages: PropTypes.func\n    .description('Called when the user clicks on load more')\n    .defaultValue(defaultProps.getMoreMessages),\n  bannerPosition: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Loading messages indicator at the `top` or `bottom` of the container',\n  ),\n  bannerProps: PropTypes.object\n    .description(\n      `Banner configuration:\n  label: string;\n  viewLabel: string;\n  type: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n  `,\n    )\n    .defaultValue(defaultProps.bannerProps),\n  sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)])\n    .description('Array of ids of sending messages')\n    .defaultValue(defaultProps.sendingMessages),\n  sendingText: PropTypes.string\n    .description('Label description for messages in sending status')\n    .defaultValue(defaultProps.sendingText),\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(defaultProps.actionRef),\n};\n"],"names":["defaultProps","messagesListProps","defaultListProps","composerProps","defaultComposerPros","actionRef","undefined","autoScroll","device","isLoading","hasMoreItems","getMoreMessages","noop","bannerPosition","bannerProps","label","viewLabel","onView","onClose","sendingMessages","sendingText","containerProps","PropTypes","object","description","defaultValue","bool","string","oneOf","func","oneOfType","arrayOf","number"],"mappings":";;;;;IA+BaA,YAAgC,GAAG;AAC9CC,EAAAA,iBAAiB,EAAEC,cAD2B;AAE9CC,EAAAA,aAAa,EAAEC,mBAF+B;AAG9CC,EAAAA,SAAS,EAAEC,SAHmC;AAI9CC,EAAAA,UAAU,EAAE,KAJkC;AAK9CC,EAAAA,MAAM,EAAE,SALsC;AAM9CC,EAAAA,SAAS,EAAEH,SANmC;AAO9CI,EAAAA,YAAY,EAAEJ,SAPgC;AAQ9CK,EAAAA,eAAe,EAAEC,IAR6B;AAS9CC,EAAAA,cAAc,EAAEP,SAT8B;AAU9CQ,EAAAA,WAAW,EAAE;AACXC,IAAAA,KAAK,EAAE,iBADI;AAEXC,IAAAA,SAAS,EAAE,MAFA;AAGXC,IAAAA,MAAM,EAAEL,IAHG;AAIXM,IAAAA,OAAO,EAAEN;AAJE,GAViC;AAgB9CO,EAAAA,eAAe,EAAEb,SAhB6B;AAiB9Cc,EAAAA,WAAW,EAAE;AAjBiC;IAoBnCC,cAAc,GAAG;AAC5BpB,EAAAA,iBAAiB,EAAEqB,SAAS,CAACC,MAAV,CAChBC,WADgB,CACJ,mDADI,EAEhBC,YAFgB,CAEHzB,YAAY,CAACC,iBAFV,CADS;AAI5BE,EAAAA,aAAa,EAAEmB,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,wBAA7B,EAAuDC,YAAvD,CAAoEzB,YAAY,CAACG,aAAjF,CAJa;AAK5BI,EAAAA,UAAU,EAAEe,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,iCAA3B,EAA8DC,YAA9D,CAA2EzB,YAAY,CAACO,UAAxF,CALgB;AAM5BC,EAAAA,MAAM,EAAEc,SAAS,CAACK,MAAV,CACLH,WADK,CACO,mDADP,EAELC,YAFK,CAEQzB,YAAY,CAACQ,MAFrB,CANoB;AAS5BC,EAAAA,SAAS,EAAEa,SAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBtB,SAAlB,CAAhB,EAA8CkB,WAA9C,CACT,2EADS,CATiB;AAY5Bd,EAAAA,YAAY,EAAEY,SAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBtB,SAAlB,CAAhB,EAA8CkB,WAA9C,CACZ,iEADY,CAZc;AAe5Bb,EAAAA,eAAe,EAAEW,SAAS,CAACO,IAAV,CACdL,WADc,CACF,0CADE,EAEdC,YAFc,CAEDzB,YAAY,CAACW,eAFZ,CAfW;AAkB5BE,EAAAA,cAAc,EAAES,SAAS,CAACM,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBtB,SAAlB,CAAhB,EAA8CkB,WAA9C,CACd,2EADc,CAlBY;AAqB5BV,EAAAA,WAAW,EAAEQ,SAAS,CAACC,MAAV,CACVC,WADU,4IAUVC,YAVU,CAUGzB,YAAY,CAACc,WAVhB,CArBe;AAgC5BK,EAAAA,eAAe,EAAEG,SAAS,CAACQ,SAAV,CAAoB,CAACR,SAAS,CAACS,OAAV,CAAkBT,SAAS,CAACK,MAA5B,CAAD,EAAsCL,SAAS,CAACS,OAAV,CAAkBT,SAAS,CAACU,MAA5B,CAAtC,CAApB,EACdR,WADc,CACF,kCADE,EAEdC,YAFc,CAEDzB,YAAY,CAACmB,eAFZ,CAhCW;AAmC5BC,EAAAA,WAAW,EAAEE,SAAS,CAACK,MAAV,CACVH,WADU,CACE,kDADF,EAEVC,YAFU,CAEGzB,YAAY,CAACoB,WAFhB,CAnCe;AAsC5Bf,EAAAA,SAAS,EAAEiB,SAAS,CAACC,MAAV,CACRC,WADQ,oTAcRC,YAdQ,CAcKzB,YAAY,CAACK,SAdlB;AAtCiB;;;;"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-container/props.ts"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { BANNER_TYPES } from '@elliemae/ds-banner';\nimport {\n  ChatContainerMessagesListProps,\n  defaultProps as defaultListProps,\n} from '../chat-container-messages-list/props';\nimport { defaultComposerPros, ChatComposerProps } from '../chat-composer/props';\n\ninterface ChatBannerProps {\n  label: string;\n  viewLabel: string;\n  type?: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n}\nexport interface ChatContainerProps {\n  messagesListProps: Pick<ChatContainerMessagesListProps, 'messages' | 'onScrollEnds'>;\n  composerProps: ChatComposerProps;\n  actionRef: PropTypes.func;\n  autoScroll: boolean;\n  device: 'desktop' | 'mobile';\n  isLoading?: 'top' | 'bottom';\n  hasMoreItems?: 'top' | 'bottom';\n  getMoreMessages: PropTypes.func;\n  bannerPosition?: 'top' | 'bottom';\n  bannerProps?: ChatBannerProps;\n  sendingMessages?: string[] | number[];\n  sendingText: string;\n  ariaLabel: string;\n}\n\nexport const defaultProps: ChatContainerProps = {\n  messagesListProps: defaultListProps,\n  composerProps: defaultComposerPros,\n  actionRef: undefined,\n  autoScroll: false,\n  device: 'desktop',\n  isLoading: undefined,\n  hasMoreItems: undefined,\n  getMoreMessages: noop,\n  bannerPosition: undefined,\n  bannerProps: {\n    type: BANNER_TYPES.INFO,\n    label: 'Unread Messages',\n    viewLabel: 'View',\n    onView: noop,\n    onClose: noop,\n  },\n  sendingMessages: undefined,\n  sendingText: 'Sending',\n  ariaLabel: 'Chat window',\n};\n\nexport const containerProps = {\n  messagesListProps: PropTypes.object\n    .description('ChatMessageList props \"messages\" / \"onScrollEnds\"')\n    .defaultValue(defaultProps.messagesListProps),\n  composerProps: PropTypes.object.description('Composer configuration').defaultValue(defaultProps.composerProps),\n  autoScroll: PropTypes.bool.description('Auto scroll to bottom on resize').defaultValue(defaultProps.autoScroll),\n  device: PropTypes.string\n    .description('Option to render mobile or desktop style composer')\n    .defaultValue(defaultProps.device),\n  isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Loading messages indicator at the `top` or `bottom` of the container',\n  ),\n  hasMoreItems: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Load More button at the `top` or `bottom` of the container',\n  ),\n  getMoreMessages: PropTypes.func\n    .description('Called when the user clicks on load more')\n    .defaultValue(defaultProps.getMoreMessages),\n  bannerPosition: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Loading messages indicator at the `top` or `bottom` of the container',\n  ),\n  bannerProps: PropTypes.object\n    .description(\n      `Banner configuration:\n  label: string;\n  viewLabel: string;\n  type: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n  `,\n    )\n    .defaultValue(defaultProps.bannerProps),\n  sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)])\n    .description('Array of ids of sending messages')\n    .defaultValue(defaultProps.sendingMessages),\n  sendingText: PropTypes.string\n    .description('Label description for messages in sending status')\n    .defaultValue(defaultProps.sendingText),\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(defaultProps.actionRef),\n  ariaLabel: PropTypes.string\n    .description('Aria Label description for chat container')\n    .defaultValue(defaultProps.ariaLabel),\n};\n"],"names":["defaultProps","messagesListProps","defaultListProps","composerProps","defaultComposerPros","actionRef","undefined","autoScroll","device","isLoading","hasMoreItems","getMoreMessages","noop","bannerPosition","bannerProps","type","BANNER_TYPES","INFO","label","viewLabel","onView","onClose","sendingMessages","sendingText","ariaLabel","containerProps","PropTypes","object","description","defaultValue","bool","string","oneOf","func","oneOfType","arrayOf","number"],"mappings":"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"}

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

@@ -79,6 +79,7 @@ var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
         return [];
       }
 
+      if (!virtualListRef.current) return [];
       pendingOnScroll.current = false;
 
       var _virtualListRef$curre = (_virtualListRef$curre2 = virtualListRef.current) === null || _virtualListRef$curre2 === void 0 ? void 0 : _virtualListRef$curre2.getBoundingClientRect(),
@@ -195,7 +196,7 @@ var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
 
         break;
     }
-  }, [actionRef, hasMoreItems, messages.length, bannerPosition, scrollAndFocus]);
+  }, [actionRef, bannerRef, hasMoreItems, messages.length, bannerPosition, scrollAndFocus]);
   var handleListKey = React.useCallback(function (e) {
     var key = e.key;
 
@@ -227,12 +228,7 @@ var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
 
             e.preventDefault();
             (_loadMoreRef$current3 = loadMoreRef.current) === null || _loadMoreRef$current3 === void 0 ? void 0 : _loadMoreRef$current3.focus();
-          } else if (hasMoreItems === 'top' && e.shiftKey) {
-            var _loadMoreRef$current4;
-
-            e.preventDefault();
-            (_loadMoreRef$current4 = loadMoreRef.current) === null || _loadMoreRef$current4 === void 0 ? void 0 : _loadMoreRef$current4.focus();
-          } else if (!e.shiftKey) {
+          } else if (hasMoreItems === 'top' && e.shiftKey) ; else if (!e.shiftKey) {
             e.preventDefault();
             actionRef.current.focusToComposer();
           }

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

@@ -1 +1 @@
-{"version":3,"file":"ChatContainerMessagesList.js","sources":["../../../../src/parts/chat-container-messages-list/ChatContainerMessagesList.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n/* eslint-disable max-lines */\nimport React, { CSSProperties } from 'react';\nimport { describe } from 'react-desc';\nimport { useVirtual } from 'react-virtual';\nimport DSButton from '@elliemae/ds-button';\nimport { debounce } from 'lodash';\nimport { ChatBubble, BUBBLE_TYPES } from '../bubble';\nimport { MessageDelimiter } from '../message-delimiter';\nimport { SystemMessage } from '../system-message';\nimport {\n  StyledWrapperListItem,\n  StyledChatContainerContentList,\n  StyledChatContainerContentListScroll,\n  StyledWrapper,\n  StyledLoadMoreContainer,\n  ListItem,\n} from './styled';\nimport { defaultProps, listProps, ChatContainerMessagesListProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst getPadding = (hasMoreItems) => {\n  const padding = {\n    paddingStart: 0,\n    paddingEnd: -5,\n  };\n  if (hasMoreItems === 'top') padding.paddingStart = 42;\n  else if (hasMoreItems === 'bottom') padding.paddingEnd = 42;\n  return padding;\n};\n\nconst ChatContainerMessagesList = (props: ChatContainerMessagesListProps): JSX.Element => {\n  useValidateProps(props, ChatContainerMessagesListWithSchema.toTypescript());\n\n  const {\n    sendingText,\n    bannerPosition,\n    sendingMessages,\n    messages,\n    actionRef,\n    onScrollEnds,\n    getMoreMessages,\n    hasMoreItems,\n    isLoading,\n    bannerRef,\n  } = props;\n  const pendingOnScroll = React.useRef(false);\n  const loadMoreRef = React.useRef(null);\n  const virtualListRef = React.useRef<HTMLDivElement>();\n  // estimateSize should not be really required given what was stated on\n  // https://github.com/tannerlinsley/react-virtual/issues/23\n  const {\n    scrollToIndex: vScroll,\n    totalSize,\n    virtualItems,\n  } = useVirtual({\n    size: messages.length,\n    parentRef: virtualListRef,\n    overscan: 15,\n    ...getPadding(hasMoreItems),\n    estimateSize: React.useCallback(() => 80, []),\n  });\n\n  const debouncedScroll = React.useMemo(\n    () =>\n      debounce((): number[] => {\n        if (document.visibilityState === 'hidden') {\n          pendingOnScroll.current = true;\n          return [];\n        }\n        pendingOnScroll.current = false;\n        const { bottom, top } = virtualListRef.current?.getBoundingClientRect();\n        const list = virtualListRef.current.querySelectorAll(\n          '[data-element=\"chat-element-list-item\"]',\n        ) as NodeListOf<HTMLDivElement>;\n        const indexList = [];\n        list.forEach((item: HTMLDivElement) => {\n          const { top: itemTop } = item.getBoundingClientRect();\n          const itemPadding = 10;\n          if (itemTop + itemPadding < bottom && itemTop + itemPadding > top) indexList.push(item.dataset.index);\n        });\n        if (onScrollEnds) onScrollEnds(indexList);\n        return indexList;\n      }, 500),\n    [onScrollEnds],\n  );\n\n  const onScrollStop = React.useCallback(debouncedScroll, [debouncedScroll]);\n\n  const onlyFocus = React.useCallback((index: number) => {\n    setTimeout(() => {\n      (virtualListRef.current.querySelector(`[data-index=\"${index}\"]`) as HTMLDivElement).focus();\n    }, 300);\n  }, []);\n\n  const scrollAndFocus = React.useCallback(\n    (index: number, b = { align: 'center' }) => {\n      vScroll(index, b);\n      onlyFocus(index);\n      onScrollStop();\n    },\n    [onScrollStop, onlyFocus, vScroll],\n  );\n\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.scrollToIndex = (a, b = { align: 'center' }) => {\n        vScroll(a, b as any);\n        onScrollStop();\n      };\n      actionRef.current.getMessagesInView = onScrollStop;\n      actionRef.current.focusToIndex = (a, b = { align: 'center' } as ScrollToOptions) => {\n        scrollAndFocus(a, b);\n      };\n      actionRef.current.focusToIndexWithoutScroll = onlyFocus;\n      actionRef.current.focusToList = () => {\n        virtualListRef.current?.focus();\n      };\n    }\n  }, [actionRef, onScrollStop, onlyFocus, scrollAndFocus, vScroll]);\n\n  const handleKey = React.useCallback(\n    (e) => {\n      const { key } = e;\n      const index = Number(e.currentTarget.dataset.index);\n      e.stopPropagation();\n      switch (key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          if (index > 0)\n            (virtualListRef.current.querySelector(`[data-index=\"${index - 1}\"]`) as HTMLDivElement).focus();\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          if (index < messages.length - 1) {\n            (virtualListRef.current.querySelector(`[data-index=\"${index + 1}\"]`) as HTMLDivElement).focus();\n          }\n          break;\n        case 'Home':\n          e.preventDefault();\n          scrollAndFocus(0);\n          break;\n        case 'End':\n          e.preventDefault();\n          scrollAndFocus(messages.length - 1);\n          break;\n        case 'Tab':\n          e.preventDefault();\n          if (hasMoreItems === 'bottom' && !e.shiftKey) {\n            loadMoreRef.current?.focus();\n          } else if (hasMoreItems === 'top' && e.shiftKey) {\n            loadMoreRef.current?.focus();\n          } else if (!e.shiftKey) {\n            if (bannerPosition) {\n              bannerRef.current.focusOnWrapper();\n            } else {\n              actionRef.current.focusToComposer();\n            }\n          } else {\n            virtualListRef.current?.focus();\n          }\n          break;\n        default:\n          break;\n      }\n    },\n    [actionRef, hasMoreItems, messages.length, bannerPosition, scrollAndFocus],\n  );\n  const handleListKey = React.useCallback(\n    (e) => {\n      const { key } = e;\n      switch (key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          onlyFocus(onScrollStop().shift());\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          onlyFocus(onScrollStop().pop());\n          break;\n        case 'Home':\n          e.preventDefault();\n          scrollAndFocus(0);\n          break;\n        case 'End':\n          e.preventDefault();\n          scrollAndFocus(messages.length - 1);\n          break;\n        case 'Tab':\n          if (document.activeElement !== loadMoreRef.current) {\n            if (hasMoreItems === 'bottom' && !e.shiftKey) {\n              e.preventDefault();\n              loadMoreRef.current?.focus();\n            } else if (hasMoreItems === 'top' && e.shiftKey) {\n              e.preventDefault();\n              loadMoreRef.current?.focus();\n            } else if (!e.shiftKey) {\n              e.preventDefault();\n              actionRef.current.focusToComposer();\n            }\n          } else if (!e.shiftKey) {\n            e.preventDefault();\n            actionRef.current.focusToComposer();\n          } else {\n            e.preventDefault();\n            virtualListRef.current?.focus();\n          }\n          break;\n        default:\n          break;\n      }\n    },\n    [actionRef, hasMoreItems, messages.length, onScrollStop, onlyFocus, scrollAndFocus],\n  );\n\n  const checkPendingOnScroll = React.useCallback(() => {\n    if (pendingOnScroll.current === true) onScrollStop();\n  }, [onScrollStop]);\n\n  React.useEffect(() => {\n    let handlerCallback = null;\n    const localVirtualRef = virtualListRef.current;\n    const onScroll = () => {\n      if (handlerCallback) clearTimeout(handlerCallback);\n      handlerCallback = setTimeout(onScrollStop, 300);\n    };\n    if (onScrollEnds) {\n      virtualListRef.current.addEventListener('scroll', onScroll);\n    }\n    document.addEventListener('visibilitychange', checkPendingOnScroll);\n    return () => {\n      if (handlerCallback) clearTimeout(handlerCallback);\n      if (onScrollEnds) localVirtualRef.removeEventListener('scroll', onScroll);\n      document.removeEventListener('visibilitychange', checkPendingOnScroll);\n    };\n  }, [onScrollStop, onScrollEnds, checkPendingOnScroll]);\n\n  const render = React.useMemo(\n    () =>\n      virtualItems.map((virtualItem) => {\n        const { index, measureRef, start } = virtualItem;\n        const row = messages[index];\n        const isSending = sendingMessages && sendingMessages.find((m) => m === row.dsId);\n        const style: CSSProperties = {\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          transform: `translateY(${start}px)`,\n          width: '100%',\n        };\n\n        return (\n          <ListItem\n            data-element=\"chat-element-list-item\"\n            data-index={index}\n            key={`ds-chat-bubble-${index}-${row.dsId}-${row.type}`}\n            style={style}\n            ref={measureRef}\n            tabIndex={0}\n            onKeyDown={handleKey}\n            role=\"listitem\"\n          >\n            <StyledWrapperListItem type={row.type}>\n              {row.type === BUBBLE_TYPES.SENDER || row.type === BUBBLE_TYPES.RECIPIENT ? (\n                // eslint-disable-next-line\n                <ChatBubble {...(row as any)} helpMessage={isSending ? sendingText : row.helpMessage} />\n              ) : null}\n              {row.type === BUBBLE_TYPES.DELIMITER ? <MessageDelimiter {...(row as any)} /> : null}\n              {row.type === BUBBLE_TYPES.SYSTEM ? <SystemMessage {...(row as any)} /> : null}\n            </StyledWrapperListItem>\n          </ListItem>\n        );\n      }),\n    [virtualItems, messages, sendingMessages, handleKey, sendingText],\n  );\n\n  return (\n    <StyledWrapper>\n      <StyledChatContainerContentList\n        data-testid=\"chat-thread-container\"\n        tabIndex={0}\n        aria-live=\"polite\"\n        ref={virtualListRef}\n        role=\"list\"\n        onKeyDown={handleListKey}\n      >\n        <StyledChatContainerContentListScroll height={`${totalSize}px`}>\n          {render}\n          {!isLoading && hasMoreItems ? (\n            <StyledLoadMoreContainer hasMoreItems={hasMoreItems}>\n              <DSButton\n                labelText=\"Load More\"\n                buttonType=\"secondary\"\n                onClick={getMoreMessages}\n                data-testid=\"ds-chat-load-more-btn\"\n                innerRef={loadMoreRef}\n              />\n            </StyledLoadMoreContainer>\n          ) : null}\n        </StyledChatContainerContentListScroll>\n      </StyledChatContainerContentList>\n    </StyledWrapper>\n  );\n};\n\nChatContainerMessagesList.propTypes = listProps;\nChatContainerMessagesList.defaultProps = defaultProps;\nconst ChatContainerMessagesListWithSchema = describe(ChatContainerMessagesList);\nChatContainerMessagesListWithSchema.propTypes = listProps;\n\nexport { ChatContainerMessagesList, ChatContainerMessagesListWithSchema };\n"],"names":["getPadding","hasMoreItems","padding","paddingStart","paddingEnd","ChatContainerMessagesList","props","useValidateProps","ChatContainerMessagesListWithSchema","toTypescript","sendingText","bannerPosition","sendingMessages","messages","actionRef","onScrollEnds","getMoreMessages","isLoading","bannerRef","pendingOnScroll","React","useRef","loadMoreRef","virtualListRef","useVirtual","size","length","parentRef","overscan","estimateSize","useCallback","vScroll","scrollToIndex","totalSize","virtualItems","debouncedScroll","useMemo","debounce","document","visibilityState","current","getBoundingClientRect","bottom","top","list","querySelectorAll","indexList","forEach","item","itemTop","itemPadding","push","dataset","index","onScrollStop","onlyFocus","setTimeout","querySelector","focus","scrollAndFocus","b","align","useEffect","a","getMessagesInView","focusToIndex","focusToIndexWithoutScroll","focusToList","handleKey","e","key","Number","currentTarget","stopPropagation","preventDefault","shiftKey","focusOnWrapper","focusToComposer","handleListKey","shift","pop","activeElement","checkPendingOnScroll","handlerCallback","localVirtualRef","onScroll","clearTimeout","addEventListener","removeEventListener","render","map","virtualItem","measureRef","start","row","isSending","find","m","dsId","style","position","left","transform","width","type","BUBBLE_TYPES","SENDER","RECIPIENT","helpMessage","DELIMITER","SYSTEM","propTypes","listProps","defaultProps","describe"],"mappings":"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"}
+{"version":3,"file":"ChatContainerMessagesList.js","sources":["../../../../src/parts/chat-container-messages-list/ChatContainerMessagesList.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n/* eslint-disable max-lines */\nimport React, { CSSProperties } from 'react';\nimport { describe } from 'react-desc';\nimport { useVirtual } from 'react-virtual';\nimport DSButton from '@elliemae/ds-button';\nimport { debounce } from 'lodash';\nimport { ChatBubble, BUBBLE_TYPES } from '../bubble';\nimport { MessageDelimiter } from '../message-delimiter';\nimport { SystemMessage } from '../system-message';\nimport {\n  StyledWrapperListItem,\n  StyledChatContainerContentList,\n  StyledChatContainerContentListScroll,\n  StyledWrapper,\n  StyledLoadMoreContainer,\n  ListItem,\n} from './styled';\nimport { defaultProps, listProps, ChatContainerMessagesListProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst getPadding = (hasMoreItems) => {\n  const padding = {\n    paddingStart: 0,\n    paddingEnd: -5,\n  };\n  if (hasMoreItems === 'top') padding.paddingStart = 42;\n  else if (hasMoreItems === 'bottom') padding.paddingEnd = 42;\n  return padding;\n};\n\nconst ChatContainerMessagesList = (props: ChatContainerMessagesListProps): JSX.Element => {\n  useValidateProps(props, ChatContainerMessagesListWithSchema.toTypescript());\n\n  const {\n    sendingText,\n    bannerPosition,\n    sendingMessages,\n    messages,\n    actionRef,\n    onScrollEnds,\n    getMoreMessages,\n    hasMoreItems,\n    isLoading,\n    bannerRef,\n  } = props;\n  const pendingOnScroll = React.useRef(false);\n  const loadMoreRef = React.useRef(null);\n  const virtualListRef = React.useRef<HTMLDivElement>();\n  // estimateSize should not be really required given what was stated on\n  // https://github.com/tannerlinsley/react-virtual/issues/23\n  const {\n    scrollToIndex: vScroll,\n    totalSize,\n    virtualItems,\n  } = useVirtual({\n    size: messages.length,\n    parentRef: virtualListRef,\n    overscan: 15,\n    ...getPadding(hasMoreItems),\n    estimateSize: React.useCallback(() => 80, []),\n  });\n\n  const debouncedScroll = React.useMemo(\n    () =>\n      debounce((): number[] => {\n        if (document.visibilityState === 'hidden') {\n          pendingOnScroll.current = true;\n          return [];\n        }\n        if (!virtualListRef.current) return [];\n        pendingOnScroll.current = false;\n        const { bottom, top } = virtualListRef.current?.getBoundingClientRect();\n        const list = virtualListRef.current.querySelectorAll(\n          '[data-element=\"chat-element-list-item\"]',\n        ) as NodeListOf<HTMLDivElement>;\n        const indexList = [];\n        list.forEach((item: HTMLDivElement) => {\n          const { top: itemTop } = item.getBoundingClientRect();\n          const itemPadding = 10;\n          if (itemTop + itemPadding < bottom && itemTop + itemPadding > top) indexList.push(item.dataset.index);\n        });\n        if (onScrollEnds) onScrollEnds(indexList);\n        return indexList;\n      }, 500),\n    [onScrollEnds],\n  );\n\n  const onScrollStop = React.useCallback(debouncedScroll, [debouncedScroll]);\n\n  const onlyFocus = React.useCallback((index: number) => {\n    setTimeout(() => {\n      (virtualListRef.current.querySelector(`[data-index=\"${index}\"]`) as HTMLDivElement).focus();\n    }, 300);\n  }, []);\n\n  const scrollAndFocus = React.useCallback(\n    (index: number, b = { align: 'center' }) => {\n      vScroll(index, b);\n      onlyFocus(index);\n      onScrollStop();\n    },\n    [onScrollStop, onlyFocus, vScroll],\n  );\n\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.scrollToIndex = (a, b = { align: 'center' }) => {\n        vScroll(a, b as any);\n        onScrollStop();\n      };\n      actionRef.current.getMessagesInView = onScrollStop;\n      actionRef.current.focusToIndex = (a, b = { align: 'center' } as ScrollToOptions) => {\n        scrollAndFocus(a, b);\n      };\n      actionRef.current.focusToIndexWithoutScroll = onlyFocus;\n      actionRef.current.focusToList = () => {\n        virtualListRef.current?.focus();\n      };\n    }\n  }, [actionRef, onScrollStop, onlyFocus, scrollAndFocus, vScroll]);\n\n  const handleKey = React.useCallback(\n    (e) => {\n      const { key } = e;\n      const index = Number(e.currentTarget.dataset.index);\n      e.stopPropagation();\n      switch (key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          if (index > 0)\n            (virtualListRef.current.querySelector(`[data-index=\"${index - 1}\"]`) as HTMLDivElement).focus();\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          if (index < messages.length - 1) {\n            (virtualListRef.current.querySelector(`[data-index=\"${index + 1}\"]`) as HTMLDivElement).focus();\n          }\n          break;\n        case 'Home':\n          e.preventDefault();\n          scrollAndFocus(0);\n          break;\n        case 'End':\n          e.preventDefault();\n          scrollAndFocus(messages.length - 1);\n          break;\n        case 'Tab':\n          e.preventDefault();\n          if (hasMoreItems === 'bottom' && !e.shiftKey) {\n            loadMoreRef.current?.focus();\n          } else if (hasMoreItems === 'top' && e.shiftKey) {\n            loadMoreRef.current?.focus();\n          } else if (!e.shiftKey) {\n            if (bannerPosition) {\n              bannerRef.current.focusOnWrapper();\n            } else {\n              actionRef.current.focusToComposer();\n            }\n          } else {\n            virtualListRef.current?.focus();\n          }\n          break;\n        default:\n          break;\n      }\n    },\n    [actionRef, bannerRef, hasMoreItems, messages.length, bannerPosition, scrollAndFocus],\n  );\n  const handleListKey = React.useCallback(\n    (e) => {\n      const { key } = e;\n      switch (key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          onlyFocus(onScrollStop().shift());\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          onlyFocus(onScrollStop().pop());\n          break;\n        case 'Home':\n          e.preventDefault();\n          scrollAndFocus(0);\n          break;\n        case 'End':\n          e.preventDefault();\n          scrollAndFocus(messages.length - 1);\n          break;\n        case 'Tab':\n          if (document.activeElement !== loadMoreRef.current) {\n            if (hasMoreItems === 'bottom' && !e.shiftKey) {\n              e.preventDefault();\n              loadMoreRef.current?.focus();\n            } else if (hasMoreItems === 'top' && e.shiftKey) {\n              // e.preventDefault();\n              //  loadMoreRef.current?.focus();\n            } else if (!e.shiftKey) {\n              e.preventDefault();\n              actionRef.current.focusToComposer();\n            }\n          } else if (!e.shiftKey) {\n            e.preventDefault();\n            actionRef.current.focusToComposer();\n          } else {\n            e.preventDefault();\n            virtualListRef.current?.focus();\n          }\n          break;\n        default:\n          break;\n      }\n    },\n    [actionRef, hasMoreItems, messages.length, onScrollStop, onlyFocus, scrollAndFocus],\n  );\n\n  const checkPendingOnScroll = React.useCallback(() => {\n    if (pendingOnScroll.current === true) onScrollStop();\n  }, [onScrollStop]);\n\n  React.useEffect(() => {\n    let handlerCallback = null;\n    const localVirtualRef = virtualListRef.current;\n    const onScroll = () => {\n      if (handlerCallback) clearTimeout(handlerCallback);\n      handlerCallback = setTimeout(onScrollStop, 300);\n    };\n    if (onScrollEnds) {\n      virtualListRef.current.addEventListener('scroll', onScroll);\n    }\n    document.addEventListener('visibilitychange', checkPendingOnScroll);\n    return () => {\n      if (handlerCallback) clearTimeout(handlerCallback);\n      if (onScrollEnds) localVirtualRef.removeEventListener('scroll', onScroll);\n      document.removeEventListener('visibilitychange', checkPendingOnScroll);\n    };\n  }, [onScrollStop, onScrollEnds, checkPendingOnScroll]);\n\n  const render = React.useMemo(\n    () =>\n      virtualItems.map((virtualItem) => {\n        const { index, measureRef, start } = virtualItem;\n        const row = messages[index];\n        const isSending = sendingMessages && sendingMessages.find((m) => m === row.dsId);\n        const style: CSSProperties = {\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          transform: `translateY(${start}px)`,\n          width: '100%',\n        };\n\n        return (\n          <ListItem\n            data-element=\"chat-element-list-item\"\n            data-index={index}\n            key={`ds-chat-bubble-${index}-${row.dsId}-${row.type}`}\n            style={style}\n            ref={measureRef}\n            tabIndex={0}\n            onKeyDown={handleKey}\n            role=\"listitem\"\n          >\n            <StyledWrapperListItem type={row.type}>\n              {row.type === BUBBLE_TYPES.SENDER || row.type === BUBBLE_TYPES.RECIPIENT ? (\n                // eslint-disable-next-line\n                <ChatBubble {...(row as any)} helpMessage={isSending ? sendingText : row.helpMessage} />\n              ) : null}\n              {row.type === BUBBLE_TYPES.DELIMITER ? <MessageDelimiter {...(row as any)} /> : null}\n              {row.type === BUBBLE_TYPES.SYSTEM ? <SystemMessage {...(row as any)} /> : null}\n            </StyledWrapperListItem>\n          </ListItem>\n        );\n      }),\n    [virtualItems, messages, sendingMessages, handleKey, sendingText],\n  );\n\n  return (\n    <StyledWrapper>\n      <StyledChatContainerContentList\n        data-testid=\"chat-thread-container\"\n        tabIndex={0}\n        aria-live=\"polite\"\n        ref={virtualListRef}\n        role=\"list\"\n        onKeyDown={handleListKey}\n      >\n        <StyledChatContainerContentListScroll height={`${totalSize}px`}>\n          {render}\n          {!isLoading && hasMoreItems ? (\n            <StyledLoadMoreContainer hasMoreItems={hasMoreItems}>\n              <DSButton\n                labelText=\"Load More\"\n                buttonType=\"secondary\"\n                onClick={getMoreMessages}\n                data-testid=\"ds-chat-load-more-btn\"\n                innerRef={loadMoreRef}\n              />\n            </StyledLoadMoreContainer>\n          ) : null}\n        </StyledChatContainerContentListScroll>\n      </StyledChatContainerContentList>\n    </StyledWrapper>\n  );\n};\n\nChatContainerMessagesList.propTypes = listProps;\nChatContainerMessagesList.defaultProps = defaultProps;\nconst ChatContainerMessagesListWithSchema = describe(ChatContainerMessagesList);\nChatContainerMessagesListWithSchema.propTypes = listProps;\n\nexport { ChatContainerMessagesList, ChatContainerMessagesListWithSchema };\n"],"names":["getPadding","hasMoreItems","padding","paddingStart","paddingEnd","ChatContainerMessagesList","props","useValidateProps","ChatContainerMessagesListWithSchema","toTypescript","sendingText","bannerPosition","sendingMessages","messages","actionRef","onScrollEnds","getMoreMessages","isLoading","bannerRef","pendingOnScroll","React","useRef","loadMoreRef","virtualListRef","useVirtual","size","length","parentRef","overscan","estimateSize","useCallback","vScroll","scrollToIndex","totalSize","virtualItems","debouncedScroll","useMemo","debounce","document","visibilityState","current","getBoundingClientRect","bottom","top","list","querySelectorAll","indexList","forEach","item","itemTop","itemPadding","push","dataset","index","onScrollStop","onlyFocus","setTimeout","querySelector","focus","scrollAndFocus","b","align","useEffect","a","getMessagesInView","focusToIndex","focusToIndexWithoutScroll","focusToList","handleKey","e","key","Number","currentTarget","stopPropagation","preventDefault","shiftKey","focusOnWrapper","focusToComposer","handleListKey","shift","pop","activeElement","checkPendingOnScroll","handlerCallback","localVirtualRef","onScroll","clearTimeout","addEventListener","removeEventListener","render","map","virtualItem","measureRef","start","row","isSending","find","m","dsId","style","position","left","transform","width","type","BUBBLE_TYPES","SENDER","RECIPIENT","helpMessage","DELIMITER","SYSTEM","propTypes","listProps","defaultProps","describe"],"mappings":"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"}

package/esm/tests/utils.js

@@ -1,7 +1,7 @@
 import { BUBBLE_TYPES } from '@elliemae/ds-chat';
 
-var getRandomMessages = function getRandomMessages(key) {
-  return Array(2).fill().map(function (v, i) {
+var getRandomMessages = function getRandomMessages(q, key) {
+  return Array(q).fill().map(function (v, i) {
     if (i > 5 && i % 22 === 0) {
       return {
         dsId: "".concat(i),
@@ -37,7 +37,9 @@ var getRandomMessages = function getRandomMessages(key) {
   });
 };
 
-var preLoadMessages2 = getRandomMessages('item_key');
+var loadMsgs = function loadMsgs(q) {
+  return getRandomMessages(q, 'item_key');
+};
 
-export { preLoadMessages2 };
+export { loadMsgs };
 //# sourceMappingURL=utils.js.map

package/esm/tests/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/tests/utils.tsx"],"sourcesContent":["import { BUBBLE_TYPES } from '@elliemae/ds-chat';\n\nconst getRandomMessages = (key) =>\n  Array(2)\n    .fill()\n    .map((v, i) => {\n      if (i > 5 && i % 22 === 0) {\n        return {\n          dsId: `${i}`,\n          body: `This is a system message that notifies the user of some important things`,\n          type: BUBBLE_TYPES.SYSTEM,\n          title: 'System Message',\n          time: '4:50 pm',\n        };\n      }\n      if (i > 5 && i % 16 === 0) {\n        return {\n          dsId: `${i}`,\n          type: BUBBLE_TYPES.DELIMITER,\n          title: 'Mon, Apr 25, 12:43 PM',\n          extraProps: { 'data-testid': 'custom-data-testid' },\n        };\n      }\n      const isSender = i % 2 === 0;\n      const chatBubbleType = isSender ? BUBBLE_TYPES.SENDER : BUBBLE_TYPES.RECIPIENT;\n      const chatTitle = isSender ? 'Robert Deniro' : 'Al Pacino';\n      return {\n        dsId: `${i}`,\n        body: `Message text ${key} Message text ${i}`,\n        type: chatBubbleType,\n        title: chatTitle,\n        time: '4:50 pm',\n        helpMessage: isSender ? 'Delivered' : null,\n      };\n    });\n\nexport const preLoadMessages2 = getRandomMessages('item_key');\n"],"names":["getRandomMessages","key","Array","fill","map","v","i","dsId","body","type","BUBBLE_TYPES","SYSTEM","title","time","DELIMITER","extraProps","isSender","chatBubbleType","SENDER","RECIPIENT","chatTitle","helpMessage","preLoadMessages2"],"mappings":";;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,GAAD;AAAA,SACxBC,KAAK,CAAC,CAAD,CAAL,CACGC,IADH,GAEGC,GAFH,CAEO,UAACC,CAAD,EAAIC,CAAJ,EAAU;AACb,QAAIA,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAG,EAAJ,KAAW,CAAxB,EAA2B;AACzB,aAAO;AACLC,QAAAA,IAAI,YAAKD,CAAL,CADC;AAELE,QAAAA,IAAI,4EAFC;AAGLC,QAAAA,IAAI,EAAEC,YAAY,CAACC,MAHd;AAILC,QAAAA,KAAK,EAAE,gBAJF;AAKLC,QAAAA,IAAI,EAAE;AALD,OAAP;AAOD;;AACD,QAAIP,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAG,EAAJ,KAAW,CAAxB,EAA2B;AACzB,aAAO;AACLC,QAAAA,IAAI,YAAKD,CAAL,CADC;AAELG,QAAAA,IAAI,EAAEC,YAAY,CAACI,SAFd;AAGLF,QAAAA,KAAK,EAAE,uBAHF;AAILG,QAAAA,UAAU,EAAE;AAAE,yBAAe;AAAjB;AAJP,OAAP;AAMD;;AACD,QAAMC,QAAQ,GAAGV,CAAC,GAAG,CAAJ,KAAU,CAA3B;AACA,QAAMW,cAAc,GAAGD,QAAQ,GAAGN,YAAY,CAACQ,MAAhB,GAAyBR,YAAY,CAACS,SAArE;AACA,QAAMC,SAAS,GAAGJ,QAAQ,GAAG,eAAH,GAAqB,WAA/C;AACA,WAAO;AACLT,MAAAA,IAAI,YAAKD,CAAL,CADC;AAELE,MAAAA,IAAI,yBAAkBP,GAAlB,2BAAsCK,CAAtC,CAFC;AAGLG,MAAAA,IAAI,EAAEQ,cAHD;AAILL,MAAAA,KAAK,EAAEQ,SAJF;AAKLP,MAAAA,IAAI,EAAE,SALD;AAMLQ,MAAAA,WAAW,EAAEL,QAAQ,GAAG,WAAH,GAAiB;AANjC,KAAP;AAQD,GA/BH,CADwB;AAAA,CAA1B;;IAkCaM,gBAAgB,GAAGtB,iBAAiB,CAAC,UAAD;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../src/tests/utils.tsx"],"sourcesContent":["import { BUBBLE_TYPES } from '@elliemae/ds-chat';\n\nconst getRandomMessages = (q, key) =>\n  Array(q)\n    .fill()\n    .map((v, i) => {\n      if (i > 5 && i % 22 === 0) {\n        return {\n          dsId: `${i}`,\n          body: `This is a system message that notifies the user of some important things`,\n          type: BUBBLE_TYPES.SYSTEM,\n          title: 'System Message',\n          time: '4:50 pm',\n        };\n      }\n      if (i > 5 && i % 16 === 0) {\n        return {\n          dsId: `${i}`,\n          type: BUBBLE_TYPES.DELIMITER,\n          title: 'Mon, Apr 25, 12:43 PM',\n          extraProps: { 'data-testid': 'custom-data-testid' },\n        };\n      }\n      const isSender = i % 2 === 0;\n      const chatBubbleType = isSender ? BUBBLE_TYPES.SENDER : BUBBLE_TYPES.RECIPIENT;\n      const chatTitle = isSender ? 'Robert Deniro' : 'Al Pacino';\n      return {\n        dsId: `${i}`,\n        body: `Message text ${key} Message text ${i}`,\n        type: chatBubbleType,\n        title: chatTitle,\n        time: '4:50 pm',\n        helpMessage: isSender ? 'Delivered' : null,\n      };\n    });\n\nexport const loadMsgs = (q: number): unknown => getRandomMessages(q, 'item_key');\n"],"names":["getRandomMessages","q","key","Array","fill","map","v","i","dsId","body","type","BUBBLE_TYPES","SYSTEM","title","time","DELIMITER","extraProps","isSender","chatBubbleType","SENDER","RECIPIENT","chatTitle","helpMessage","loadMsgs"],"mappings":";;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,CAAD,EAAIC,GAAJ;AAAA,SACxBC,KAAK,CAACF,CAAD,CAAL,CACGG,IADH,GAEGC,GAFH,CAEO,UAACC,CAAD,EAAIC,CAAJ,EAAU;AACb,QAAIA,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAG,EAAJ,KAAW,CAAxB,EAA2B;AACzB,aAAO;AACLC,QAAAA,IAAI,YAAKD,CAAL,CADC;AAELE,QAAAA,IAAI,4EAFC;AAGLC,QAAAA,IAAI,EAAEC,YAAY,CAACC,MAHd;AAILC,QAAAA,KAAK,EAAE,gBAJF;AAKLC,QAAAA,IAAI,EAAE;AALD,OAAP;AAOD;;AACD,QAAIP,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAG,EAAJ,KAAW,CAAxB,EAA2B;AACzB,aAAO;AACLC,QAAAA,IAAI,YAAKD,CAAL,CADC;AAELG,QAAAA,IAAI,EAAEC,YAAY,CAACI,SAFd;AAGLF,QAAAA,KAAK,EAAE,uBAHF;AAILG,QAAAA,UAAU,EAAE;AAAE,yBAAe;AAAjB;AAJP,OAAP;AAMD;;AACD,QAAMC,QAAQ,GAAGV,CAAC,GAAG,CAAJ,KAAU,CAA3B;AACA,QAAMW,cAAc,GAAGD,QAAQ,GAAGN,YAAY,CAACQ,MAAhB,GAAyBR,YAAY,CAACS,SAArE;AACA,QAAMC,SAAS,GAAGJ,QAAQ,GAAG,eAAH,GAAqB,WAA/C;AACA,WAAO;AACLT,MAAAA,IAAI,YAAKD,CAAL,CADC;AAELE,MAAAA,IAAI,yBAAkBP,GAAlB,2BAAsCK,CAAtC,CAFC;AAGLG,MAAAA,IAAI,EAAEQ,cAHD;AAILL,MAAAA,KAAK,EAAEQ,SAJF;AAKLP,MAAAA,IAAI,EAAE,SALD;AAMLQ,MAAAA,WAAW,EAAEL,QAAQ,GAAG,WAAH,GAAiB;AANjC,KAAP;AAQD,GA/BH,CADwB;AAAA,CAA1B;;IAkCaM,QAAQ,GAAG,SAAXA,QAAW,CAACtB,CAAD;AAAA,SAAwBD,iBAAiB,CAACC,CAAD,EAAI,UAAJ,CAAzC;AAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat",
-  "version": "1.59.3",
+  "version": "1.59.7",
   "license": "MIT",
   "description": "Ellie Mae - Dim Sum - Chat",
   "main": "cjs/index.js",
@@ -16,14 +16,14 @@
     "directory": "dist"
   },
   "dependencies": {
-    "@elliemae/ds-banner": "1.59.3",
-    "@elliemae/ds-basic": "1.59.3",
-    "@elliemae/ds-button": "1.59.3",
-    "@elliemae/ds-grid": "1.59.3",
-    "@elliemae/ds-icons": "1.59.3",
-    "@elliemae/ds-props-helpers": "1.59.3",
-    "@elliemae/ds-tooltip": "1.59.3",
-    "@elliemae/ds-truncated-tooltip-text": "1.59.3",
+    "@elliemae/ds-banner": "1.59.7",
+    "@elliemae/ds-basic": "1.59.7",
+    "@elliemae/ds-button": "1.59.7",
+    "@elliemae/ds-grid": "1.59.7",
+    "@elliemae/ds-icons": "1.59.7",
+    "@elliemae/ds-props-helpers": "1.59.7",
+    "@elliemae/ds-tooltip": "1.59.7",
+    "@elliemae/ds-truncated-tooltip-text": "1.59.7",
     "prop-types": "~15.7.2",
     "react-desc": "^4.1.2",
     "react-virtual": "^2.3.2"