@elliemae/ds-chat 1.53.4-rc.3 → 1.53.5-rc.0

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

@@ -8,19 +8,24 @@ import { ChatBubble } from '../bubble/ChatBubble.js';
 import { BUBBLE_TYPES } from '../bubble/props.js';
 import { MessageDelimiter } from '../message-delimiter/MessageDelimiter.js';
 import { SystemMessage } from '../system-message/SystemMessage.js';
-import { StyledWrapperListItem, StyledWrapper, StyledChatContainerContentList, StyledChatContainerContentListScroll, StyledLoadMoreContainer } from './styled.js';
+import { ListItem, StyledWrapperListItem, StyledWrapper, StyledChatContainerContentList, StyledChatContainerContentListScroll, StyledLoadMoreContainer } from './styled.js';
 import { listProps, defaultProps } from './props.js';
+import { useValidateProps } from './config/useValidateProps.js';
 import '@elliemae/ds-icons/WarningCircleFill';
 import '../bubble/styled.js';
 import 'styled-components';
 import '@elliemae/ds-grid';
+import '../bubble/config/useValidateProps.js';
+import '@elliemae/ds-props-helpers';
 import '../bubble/ChatBubbleArrow.js';
 import 'prop-types';
 import 'lodash';
 import '../message-delimiter/styled.js';
 import '../message-delimiter/props.js';
+import '../message-delimiter/config/useValidateProps.js';
 import '../system-message/style.js';
 import '../system-message/props.js';
+import '../system-message/config/useValidateProps.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -36,6 +41,7 @@ var getPadding = function getPadding(hasMoreItems) {
 };
 
 var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
+  useValidateProps(props, ChatContainerMessagesListWithSchema.toJSON());
   var sendingText = props.sendingText,
       sendingMessages = props.sendingMessages,
       messages = props.messages,
@@ -76,17 +82,65 @@ var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
     if (onScrollEnds) onScrollEnds(indexList);
     return indexList;
   }, [onScrollEnds]);
-  React.useImperativeHandle(actionRef, function () {
-    return {
-      scrollToIndex: function scrollToIndex(a) {
+  var scrollAndFocus = React.useCallback(function (index) {
+    vScroll(index, {
+      align: 'center'
+    });
+    setTimeout(function () {
+      virtualListRef.current.querySelector("[data-index=\"".concat(index, "\"]")).focus();
+    }, 300);
+  }, [vScroll]);
+  React.useEffect(function () {
+    if (actionRef && actionRef.current) {
+      actionRef.current.scrollToIndex = function (a) {
         var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
           align: 'center'
         };
         vScroll(a, b);
-      },
-      getMessagesInView: onScrollStop
-    };
-  });
+      };
+
+      actionRef.current.getMessagesInView = onScrollStop;
+
+      actionRef.current.focusToIndex = function (a) {
+        scrollAndFocus(a);
+      };
+
+      actionRef.current.focusToList = function (a) {
+        var _virtualListRef$curre2;
+        (_virtualListRef$curre2 = virtualListRef.current) === null || _virtualListRef$curre2 === void 0 ? void 0 : _virtualListRef$curre2.focus();
+      };
+    }
+  }, [actionRef, onScrollStop, scrollAndFocus, vScroll]);
+  var handleKey = React.useCallback(function (e) {
+    e.preventDefault();
+    var key = e.key;
+    var index = Number(e.currentTarget.dataset.index);
+
+    switch (key) {
+      case 'ArrowUp':
+        if (index > 0) virtualListRef.current.querySelector("[data-index=\"".concat(index - 1, "\"]")).focus();
+        break;
+
+      case 'ArrowDown':
+        if (index < messages.length - 1) {
+          virtualListRef.current.querySelector("[data-index=\"".concat(index + 1, "\"]")).focus();
+        }
+
+        break;
+
+      case 'Home':
+        scrollAndFocus(0);
+        break;
+
+      case 'End':
+        scrollAndFocus(messages.length - 1);
+        break;
+
+      case 'Tab':
+        actionRef.current.focusToComposer();
+        break;
+    }
+  }, [actionRef, messages.length, scrollAndFocus]);
   React.useEffect(function () {
     var handlerCallback = null;
     var localVirtualRef = virtualListRef.current;
@@ -121,12 +175,15 @@ var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
         transform: "translateY(".concat(start, "px)"),
         width: '100%'
       };
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React.createElement(ListItem, {
         "data-element": "chat-element-list-item",
         "data-index": index,
         key: "ds-chat-bubble-".concat(index),
         style: style,
-        ref: measureRef
+        ref: measureRef,
+        tabIndex: 0,
+        onKeyDown: handleKey,
+        role: "listitem"
       }, /*#__PURE__*/React.createElement(StyledWrapperListItem, {
         type: row.type
       }, row.type === BUBBLE_TYPES.SENDER || row.type === BUBBLE_TYPES.RECIPIENT ?
@@ -136,12 +193,14 @@ var ChatContainerMessagesList = function ChatContainerMessagesList(props) {
         helpMessage: isSending ? sendingText : row.helpMessage
       })) : null, row.type === BUBBLE_TYPES.DELIMITER ? /*#__PURE__*/React.createElement(MessageDelimiter, row) : null, row.type === BUBBLE_TYPES.SYSTEM ? /*#__PURE__*/React.createElement(SystemMessage, row) : null));
     });
-  }, [virtualItems, messages, sendingMessages]);
+  }, [virtualItems, messages, sendingMessages, handleKey, sendingText]);
   return /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(StyledChatContainerContentList, {
     "data-testid": "chat-thread-container",
     tabIndex: 0,
     "aria-live": "polite",
-    ref: virtualListRef
+    ref: virtualListRef,
+    role: "list",
+    onKeyDown: handleKey
   }, /*#__PURE__*/React.createElement(StyledChatContainerContentListScroll, {
     height: "".concat(totalSize, "px")
   }, render, !isLoading && hasMoreItems ? /*#__PURE__*/React.createElement(StyledLoadMoreContainer, {

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 max-lines */\nimport React, { CSSProperties } from 'react';\nimport { describe } from 'react-desc';\nimport { useVirtual } from 'react-virtual';\nimport DSButton from '@elliemae/ds-basic/Button';\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} from './styled';\nimport { defaultProps, listProps, ChatContainerMessagesListProps } from './props';\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  const { sendingText, sendingMessages, messages, actionRef, onScrollEnds, getMoreMessages, hasMoreItems, isLoading } =\n    props;\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 onScrollStop = React.useCallback((): number[] => {\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      if (itemTop < bottom && itemTop > top) indexList.push(item.dataset.index);\n    });\n    if (onScrollEnds) onScrollEnds(indexList);\n    return indexList;\n  }, [onScrollEnds]);\n\n  React.useImperativeHandle(actionRef, () => ({\n    scrollToIndex: (a, b = { align: 'center' }) => {\n      vScroll(a, b);\n    },\n    getMessagesInView: onScrollStop,\n  }));\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    return () => {\n      if (handlerCallback) clearTimeout(handlerCallback);\n      if (onScrollEnds) localVirtualRef.removeEventListener('scroll', onScroll);\n    };\n  }, [onScrollStop, onScrollEnds]);\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          <div\n            data-element=\"chat-element-list-item\"\n            data-index={index}\n            key={`ds-chat-bubble-${index}`}\n            style={style}\n            ref={measureRef}\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          </div>\n        );\n      }),\n    [virtualItems, messages, sendingMessages],\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      >\n        <StyledChatContainerContentListScroll height={`${totalSize}px`}>\n          {render}\n          {!isLoading && hasMoreItems ? (\n            <StyledLoadMoreContainer hasMoreItems={hasMoreItems}>\n              <DSButton labelText=\"Load More\" buttonType=\"secondary\" onClick={getMoreMessages} />\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","sendingText","sendingMessages","messages","actionRef","onScrollEnds","getMoreMessages","isLoading","virtualListRef","React","useRef","useVirtual","size","length","parentRef","overscan","estimateSize","useCallback","vScroll","scrollToIndex","totalSize","virtualItems","onScrollStop","current","getBoundingClientRect","bottom","top","list","querySelectorAll","indexList","forEach","item","itemTop","push","dataset","index","useImperativeHandle","a","b","align","getMessagesInView","useEffect","handlerCallback","localVirtualRef","onScroll","clearTimeout","setTimeout","addEventListener","removeEventListener","render","useMemo","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","ChatContainerMessagesListWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"ChatContainerMessagesList.js","sources":["../../../../src/parts/chat-container-messages-list/ChatContainerMessagesList.tsx"],"sourcesContent":["/* 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-basic/Button';\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.toJSON());\n\n  const { sendingText, sendingMessages, messages, actionRef, onScrollEnds, getMoreMessages, hasMoreItems, isLoading } =\n    props;\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 onScrollStop = React.useCallback((): number[] => {\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      if (itemTop < bottom && itemTop > top) indexList.push(item.dataset.index);\n    });\n    if (onScrollEnds) onScrollEnds(indexList);\n    return indexList;\n  }, [onScrollEnds]);\n\n  const scrollAndFocus = React.useCallback(\n    (index: number) => {\n      vScroll(index, { align: 'center' });\n      setTimeout(() => {\n        (virtualListRef.current.querySelector(`[data-index=\"${index}\"]`) as HTMLDivElement).focus();\n      }, 300);\n    },\n    [vScroll],\n  );\n\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.scrollToIndex = (a, b = { align: 'center' }) => {\n        vScroll(a, b);\n      };\n      actionRef.current.getMessagesInView = onScrollStop;\n      actionRef.current.focusToIndex = (a, b = { align: 'center' }) => {\n        scrollAndFocus(a);\n      };\n      actionRef.current.focusToList = (a, b = { align: 'center' }) => {\n        virtualListRef.current?.focus();\n      };\n    }\n  }, [actionRef, onScrollStop, scrollAndFocus, vScroll]);\n\n  const handleKey = React.useCallback(\n    (e) => {\n      e.preventDefault();\n      const { key } = e;\n      const index = Number(e.currentTarget.dataset.index);\n      switch (key) {\n        case 'ArrowUp':\n          if (index > 0)\n            (virtualListRef.current.querySelector(`[data-index=\"${index - 1}\"]`) as HTMLDivElement).focus();\n          break;\n        case 'ArrowDown':\n          if (index < messages.length - 1) {\n            (virtualListRef.current.querySelector(`[data-index=\"${index + 1}\"]`) as HTMLDivElement).focus();\n          }\n          break;\n        case 'Home':\n          scrollAndFocus(0);\n          break;\n        case 'End':\n          scrollAndFocus(messages.length - 1);\n          break;\n        case 'Tab':\n          actionRef.current.focusToComposer();\n          break;\n        default:\n          break;\n      }\n    },\n    [actionRef, messages.length, scrollAndFocus],\n  );\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    return () => {\n      if (handlerCallback) clearTimeout(handlerCallback);\n      if (onScrollEnds) localVirtualRef.removeEventListener('scroll', onScroll);\n    };\n  }, [onScrollStop, onScrollEnds]);\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}`}\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={handleKey}\n      >\n        <StyledChatContainerContentListScroll height={`${totalSize}px`}>\n          {render}\n          {!isLoading && hasMoreItems ? (\n            <StyledLoadMoreContainer hasMoreItems={hasMoreItems}>\n              <DSButton labelText=\"Load More\" buttonType=\"secondary\" onClick={getMoreMessages} />\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","toJSON","sendingText","sendingMessages","messages","actionRef","onScrollEnds","getMoreMessages","isLoading","virtualListRef","React","useRef","useVirtual","size","length","parentRef","overscan","estimateSize","useCallback","vScroll","scrollToIndex","totalSize","virtualItems","onScrollStop","current","getBoundingClientRect","bottom","top","list","querySelectorAll","indexList","forEach","item","itemTop","push","dataset","index","scrollAndFocus","align","setTimeout","querySelector","focus","useEffect","a","b","getMessagesInView","focusToIndex","focusToList","handleKey","e","preventDefault","key","Number","currentTarget","focusToComposer","handlerCallback","localVirtualRef","onScroll","clearTimeout","addEventListener","removeEventListener","render","useMemo","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/parts/chat-container-messages-list/config/useValidateProps.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-container-messages-list/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatContainerMessagesListProps } from '../props';\n\nexport const useValidateProps = (props: ChatContainerMessagesListProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAwCC,MAAxC,EAAkE;AAChGC,EAAAA,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}

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

@@ -13,13 +13,18 @@ import '@elliemae/ds-grid';
 import '../bubble/props.js';
 import 'prop-types';
 import 'lodash';
+import '../bubble/config/useValidateProps.js';
+import '@elliemae/ds-props-helpers';
 import '../bubble/ChatBubbleArrow.js';
 import '../message-delimiter/MessageDelimiter.js';
 import '../message-delimiter/styled.js';
 import '../message-delimiter/props.js';
+import '../message-delimiter/config/useValidateProps.js';
 import '../system-message/SystemMessage.js';
 import '../system-message/style.js';
 import '../system-message/props.js';
+import '../system-message/config/useValidateProps.js';
 import './styled.js';
 import './props.js';
+import './config/useValidateProps.js';
 //# sourceMappingURL=index.js.map

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

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

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

@@ -13,7 +13,7 @@ var defaultProps = {
 };
 var listProps = {
   messages: PropTypes.arrayOf(PropTypes.object).description('The array of out-of-the-box items you want to render inside the ChatMessageList').defaultValue(defaultProps.messages),
-  actionRef: PropTypes.func.description("Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n        }\n        \n      ").defaultValue(defaultProps.messages),
+  actionRef: PropTypes.object.description("Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n          focusToIndex: (n: number) => void,\n          focusToList: () => void,\n          focusToComposer: () => void,\n          focusToSend: () => void,\n        }\n        \n      ").defaultValue(defaultProps.actionRef),
   onScrollEnds: PropTypes.func.description("Called when the scroll stops."),
   isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description('Keeps the load more space while the loading is in progress'),
   hasMoreItems: PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Load More button at the `top` or `bottom` of the container'),

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

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-container-messages-list/props.ts"],"sourcesContent":["import { Ref } from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { BubbleProps } from '../bubble/props';\n\ninterface ActionRef {\n  scrollToIndex: (n: number, b: { align: 'end' | 'center' | 'start' }) => void;\n  getMessagesInView: () => number[];\n}\nexport interface ChatContainerMessagesListProps {\n  messages: BubbleProps[];\n  actionRef: Ref<ActionRef>;\n  onScrollEnds: (indexList: number[]) => number[];\n  isLoading?: 'top' | 'bottom';\n  hasMoreItems?: 'top' | 'bottom';\n  getMoreMessages: PropTypes.func;\n  sendingMessages?: Array<string | number>;\n  sendingText: string;\n}\n\nexport const defaultProps: ChatContainerMessagesListProps = {\n  messages: [],\n  actionRef: noop,\n  onScrollEnds: () => [],\n  getMoreMessages: noop,\n  sendingMessages: undefined,\n  sendingText: 'Sending',\n};\n\nexport const listProps = {\n  messages: PropTypes.arrayOf(PropTypes.object)\n    .description('The array of out-of-the-box items you want to render inside the ChatMessageList')\n    .defaultValue(defaultProps.messages),\n  actionRef: PropTypes.func\n    .description(\n      `Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n        }\n        \n      `,\n    )\n    .defaultValue(defaultProps.messages),\n  onScrollEnds: PropTypes.func.description(`Called when the scroll stops.`),\n  isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Keeps the load more space while the loading is in progress',\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  sendingMessages: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, 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};\n"],"names":["defaultProps","messages","actionRef","noop","onScrollEnds","getMoreMessages","sendingMessages","undefined","sendingText","listProps","PropTypes","arrayOf","object","description","defaultValue","func","isLoading","oneOf","hasMoreItems","oneOfType","string","number"],"mappings":";;;IAoBaA,YAA4C,GAAG;AAC1DC,EAAAA,QAAQ,EAAE,EADgD;AAE1DC,EAAAA,SAAS,EAAEC,IAF+C;AAG1DC,EAAAA,YAAY,EAAE;AAAA,WAAM,EAAN;AAAA,GAH4C;AAI1DC,EAAAA,eAAe,EAAEF,IAJyC;AAK1DG,EAAAA,eAAe,EAAEC,SALyC;AAM1DC,EAAAA,WAAW,EAAE;AAN6C;IAS/CC,SAAS,GAAG;AACvBR,EAAAA,QAAQ,EAAES,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B,EACPC,WADO,CACK,iFADL,EAEPC,YAFO,CAEMd,YAAY,CAACC,QAFnB,CADa;AAIvBC,EAAAA,SAAS,EAAEQ,SAAS,CAACK,IAAV,CACRF,WADQ,sJAURC,YAVQ,CAUKd,YAAY,CAACC,QAVlB,CAJY;AAevBG,EAAAA,YAAY,EAAEM,SAAS,CAACK,IAAV,CAAeF,WAAf,iCAfS;AAgBvBG,EAAAA,SAAS,EAAEN,SAAS,CAACO,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBV,SAAlB,CAAhB,EAA8CM,WAA9C,CACT,4DADS,CAhBY;AAmBvBK,EAAAA,YAAY,EAAER,SAAS,CAACO,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBV,SAAlB,CAAhB,EAA8CM,WAA9C,CACZ,iEADY,CAnBS;AAsBvBR,EAAAA,eAAe,EAAEK,SAAS,CAACK,IAAV,CACdF,WADc,CACF,0CADE,EAEdC,YAFc,CAEDd,YAAY,CAACK,eAFZ,CAtBM;AAyBvBC,EAAAA,eAAe,EAAEI,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACS,SAAV,CAAoB,CAACT,SAAS,CAACU,MAAX,EAAmBV,SAAS,CAACW,MAA7B,CAApB,CAAlB,EACdR,WADc,CACF,kCADE,EAEdC,YAFc,CAEDd,YAAY,CAACM,eAFZ,CAzBM;AA4BvBE,EAAAA,WAAW,EAAEE,SAAS,CAACU,MAAV,CACVP,WADU,CACE,kDADF,EAEVC,YAFU,CAEGd,YAAY,CAACQ,WAFhB;AA5BU;;;;"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-container-messages-list/props.ts"],"sourcesContent":["import { Ref } from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { BubbleProps } from '../bubble/props';\n\ninterface ActionRef {\n  scrollToIndex: (n: number, b: { align: 'end' | 'center' | 'start' }) => void;\n  getMessagesInView: () => number[];\n}\nexport interface ChatContainerMessagesListProps {\n  messages: BubbleProps[];\n  actionRef: any;\n  onScrollEnds: (indexList: number[]) => number[];\n  isLoading?: 'top' | 'bottom';\n  hasMoreItems?: 'top' | 'bottom';\n  getMoreMessages: PropTypes.func;\n  sendingMessages?: Array<string | number>;\n  sendingText: string;\n}\n\nexport const defaultProps: ChatContainerMessagesListProps = {\n  messages: [],\n  actionRef: noop,\n  onScrollEnds: () => [],\n  getMoreMessages: noop,\n  sendingMessages: undefined,\n  sendingText: 'Sending',\n};\n\nexport const listProps = {\n  messages: PropTypes.arrayOf(PropTypes.object)\n    .description('The array of out-of-the-box items you want to render inside the ChatMessageList')\n    .defaultValue(defaultProps.messages),\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  onScrollEnds: PropTypes.func.description(`Called when the scroll stops.`),\n  isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Keeps the load more space while the loading is in progress',\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  sendingMessages: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, 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};\n"],"names":["defaultProps","messages","actionRef","noop","onScrollEnds","getMoreMessages","sendingMessages","undefined","sendingText","listProps","PropTypes","arrayOf","object","description","defaultValue","func","isLoading","oneOf","hasMoreItems","oneOfType","string","number"],"mappings":";;;IAoBaA,YAA4C,GAAG;AAC1DC,EAAAA,QAAQ,EAAE,EADgD;AAE1DC,EAAAA,SAAS,EAAEC,IAF+C;AAG1DC,EAAAA,YAAY,EAAE;AAAA,WAAM,EAAN;AAAA,GAH4C;AAI1DC,EAAAA,eAAe,EAAEF,IAJyC;AAK1DG,EAAAA,eAAe,EAAEC,SALyC;AAM1DC,EAAAA,WAAW,EAAE;AAN6C;IAS/CC,SAAS,GAAG;AACvBR,EAAAA,QAAQ,EAAES,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B,EACPC,WADO,CACK,iFADL,EAEPC,YAFO,CAEMd,YAAY,CAACC,QAFnB,CADa;AAIvBC,EAAAA,SAAS,EAAEQ,SAAS,CAACE,MAAV,CACRC,WADQ,oTAcRC,YAdQ,CAcKd,YAAY,CAACE,SAdlB,CAJY;AAmBvBE,EAAAA,YAAY,EAAEM,SAAS,CAACK,IAAV,CAAeF,WAAf,iCAnBS;AAoBvBG,EAAAA,SAAS,EAAEN,SAAS,CAACO,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBV,SAAlB,CAAhB,EAA8CM,WAA9C,CACT,4DADS,CApBY;AAuBvBK,EAAAA,YAAY,EAAER,SAAS,CAACO,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBV,SAAlB,CAAhB,EAA8CM,WAA9C,CACZ,iEADY,CAvBS;AA0BvBR,EAAAA,eAAe,EAAEK,SAAS,CAACK,IAAV,CACdF,WADc,CACF,0CADE,EAEdC,YAFc,CAEDd,YAAY,CAACK,eAFZ,CA1BM;AA6BvBC,EAAAA,eAAe,EAAEI,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACS,SAAV,CAAoB,CAACT,SAAS,CAACU,MAAX,EAAmBV,SAAS,CAACW,MAA7B,CAApB,CAAlB,EACdR,WADc,CACF,kCADE,EAEdC,YAFc,CAEDd,YAAY,CAACM,eAFZ,CA7BM;AAgCvBE,EAAAA,WAAW,EAAEE,SAAS,CAACU,MAAV,CACVP,WADU,CACE,kDADF,EAEVC,YAFU,CAEGd,YAAY,CAACQ,WAFhB;AAhCU;;;;"}

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

@@ -2,12 +2,14 @@ import styled from 'styled-components';
 import '../bubble/ChatBubble.js';
 import { BUBBLE_TYPES } from '../bubble/props.js';
 import 'react';
+import 'react-desc';
 import '@elliemae/ds-icons/WarningCircleFill';
 import '../bubble/styled.js';
 import '@elliemae/ds-grid';
+import '../bubble/config/useValidateProps.js';
+import '@elliemae/ds-props-helpers';
 import '../bubble/ChatBubbleArrow.js';
 import 'prop-types';
-import 'react-desc';
 import 'lodash';
 
 var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
@@ -48,6 +50,11 @@ var StyledLoadMoreContainer = /*#__PURE__*/styled.div.withConfig({
 }, function (props) {
   return props.hasMoreItems === 'bottom' ? 'bottom: 0;' : '';
 });
+var ListItem = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1jhprzr-5"
+})(["&:focus,&:focus-visible{outline:none;&:after{content:'';display:block;position:absolute;pointer-events:none;background:rgba(255,255,255,0.5);width:calc(100% + ", ");height:100%;}}"], function (props) {
+  return props.theme.space.xxs;
+});
 
-export { StyledChatContainerContentList, StyledChatContainerContentListScroll, StyledLoadMoreContainer, StyledWrapper, StyledWrapperListItem };
+export { ListItem, StyledChatContainerContentList, StyledChatContainerContentListScroll, StyledLoadMoreContainer, StyledWrapper, StyledWrapperListItem };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-container-messages-list/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BUBBLE_TYPES } from '../bubble/index';\nimport { BubbleProps } from '../bubble/props';\n\nexport const StyledWrapper = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\n// list\nexport const StyledWrapperListItem = styled.div<Partial<BubbleProps>>`\n  min-width: 100%;\n  ${(props) =>\n    props.type === BUBBLE_TYPES.SENDER &&\n    `padding: ${props.theme.space.xxs} ${props.theme.space.xxs} 0px 13%\n  `};\n  ${(props) =>\n    props.type === BUBBLE_TYPES.RECIPIENT &&\n    `padding: ${props.theme.space.xxs} 13% ${props.theme.space.xxs}\n    ${props.theme.space.xxs}\n  `};\n  ${(props) =>\n    props.type === BUBBLE_TYPES.SYSTEM &&\n    `padding: ${props.theme.space.xxs} 0px\n  `};\n`;\n\nexport const StyledChatContainerContentList = styled.div`\n  width: 100%;\n  height: 100%;\n  padding: ${(props) => props.theme.space.xs};\n  padding-bottom: 0;\n  overflow-y: auto;\n  overflow-x: hidden;\n`;\nexport const StyledChatContainerContentListScroll = styled.div<{ height: string }>`\n  width: 100%;\n  height: ${(props) => props.height};\n  position: relative;\n`;\n\nexport const StyledLoadMoreContainer = styled.div<{ hasMoreItems?: 'top' | 'bottom' }>`\n  position: absolute;\n  width: calc(100% + ${(props) => props.theme.space.xxs});\n  padding: ${(props) => props.theme.space.xxs};\n  left: -${(props) => props.theme.space.xxs};\n  right: -${(props) => props.theme.space.xxs};\n  display: grid;\n  justify-content: center;\n  align-items: center;\n  ${(props) => (props.hasMoreItems === 'top' ? 'top: 0;' : '')}\n  ${(props) => (props.hasMoreItems === 'bottom' ? 'bottom: 0;' : '')}\n`;\n"],"names":["StyledWrapper","styled","div","StyledWrapperListItem","props","type","BUBBLE_TYPES","SENDER","theme","space","xxs","RECIPIENT","SYSTEM","StyledChatContainerContentList","xs","StyledChatContainerContentListScroll","height","StyledLoadMoreContainer","hasMoreItems"],"mappings":";;;;;;;;;;;;IAIaA,aAAa,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;;IAMbC,qBAAqB,gBAAGF,MAAM,CAACC,GAAV;AAAA;AAAA,uCAE9B,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACC,MAA5B,uBACYH,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,cACqCN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GADvD,iBADA;AAAA,CAF8B,EAM9B,UAACN,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACK,SAA5B,uBACYP,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,kBACyCN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD3D,mBAEEN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAFpB,SADA;AAAA,CAN8B,EAW9B,UAACN,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACM,MAA5B,uBACYR,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,aADA;AAAA,CAX8B;IAiBrBG,8BAA8B,gBAAGZ,MAAM,CAACC,GAAV;AAAA;AAAA,gGAG9B,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBK,EAA7B;AAAA,CAH8B;IAQ9BC,oCAAoC,gBAAGd,MAAM,CAACC,GAAV;AAAA;AAAA,kDAErC,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACY,MAAjB;AAAA,CAFqC;IAMpCC,uBAAuB,gBAAGhB,MAAM,CAACC,GAAV;AAAA;AAAA,uJAEb,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAFa,EAGvB,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAHuB,EAIzB,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAJyB,EAKxB,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CALwB,EAShC,UAACN,KAAD;AAAA,SAAYA,KAAK,CAACc,YAAN,KAAuB,KAAvB,GAA+B,SAA/B,GAA2C,EAAvD;AAAA,CATgC,EAUhC,UAACd,KAAD;AAAA,SAAYA,KAAK,CAACc,YAAN,KAAuB,QAAvB,GAAkC,YAAlC,GAAiD,EAA7D;AAAA,CAVgC;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-container-messages-list/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BUBBLE_TYPES } from '../bubble/index';\nimport { BubbleProps } from '../bubble/props';\n\nexport const StyledWrapper = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\n// list\nexport const StyledWrapperListItem = styled.div<Partial<BubbleProps>>`\n  min-width: 100%;\n  ${(props) =>\n    props.type === BUBBLE_TYPES.SENDER &&\n    `padding: ${props.theme.space.xxs} ${props.theme.space.xxs} 0px 13%\n  `};\n  ${(props) =>\n    props.type === BUBBLE_TYPES.RECIPIENT &&\n    `padding: ${props.theme.space.xxs} 13% ${props.theme.space.xxs}\n    ${props.theme.space.xxs}\n  `};\n  ${(props) =>\n    props.type === BUBBLE_TYPES.SYSTEM &&\n    `padding: ${props.theme.space.xxs} 0px\n  `};\n`;\n\nexport const StyledChatContainerContentList = styled.div`\n  width: 100%;\n  height: 100%;\n  padding: ${(props) => props.theme.space.xs};\n  padding-bottom: 0;\n  overflow-y: auto;\n  overflow-x: hidden;\n`;\nexport const StyledChatContainerContentListScroll = styled.div<{ height: string }>`\n  width: 100%;\n  height: ${(props) => props.height};\n  position: relative;\n`;\n\nexport const StyledLoadMoreContainer = styled.div<{ hasMoreItems?: 'top' | 'bottom' }>`\n  position: absolute;\n  width: calc(100% + ${(props) => props.theme.space.xxs});\n  padding: ${(props) => props.theme.space.xxs};\n  left: -${(props) => props.theme.space.xxs};\n  right: -${(props) => props.theme.space.xxs};\n  display: grid;\n  justify-content: center;\n  align-items: center;\n  ${(props) => (props.hasMoreItems === 'top' ? 'top: 0;' : '')}\n  ${(props) => (props.hasMoreItems === 'bottom' ? 'bottom: 0;' : '')}\n`;\nexport const ListItem = styled.div`\n  &:focus,\n  &:focus-visible {\n    outline: none;\n    &:after {\n      content: '';\n      display: block;\n      position: absolute;\n      pointer-events: none;\n      background: rgba(255, 255, 255, 0.5);\n      width: calc(100% + ${(props) => props.theme.space.xxs});\n      height: 100%;\n    }\n  }\n`;\n"],"names":["StyledWrapper","styled","div","StyledWrapperListItem","props","type","BUBBLE_TYPES","SENDER","theme","space","xxs","RECIPIENT","SYSTEM","StyledChatContainerContentList","xs","StyledChatContainerContentListScroll","height","StyledLoadMoreContainer","hasMoreItems","ListItem"],"mappings":";;;;;;;;;;;;;;IAIaA,aAAa,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;;IAMbC,qBAAqB,gBAAGF,MAAM,CAACC,GAAV;AAAA;AAAA,uCAE9B,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACC,MAA5B,uBACYH,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,cACqCN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GADvD,iBADA;AAAA,CAF8B,EAM9B,UAACN,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACK,SAA5B,uBACYP,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,kBACyCN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD3D,mBAEEN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAFpB,SADA;AAAA,CAN8B,EAW9B,UAACN,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACM,MAA5B,uBACYR,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,aADA;AAAA,CAX8B;IAiBrBG,8BAA8B,gBAAGZ,MAAM,CAACC,GAAV;AAAA;AAAA,gGAG9B,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBK,EAA7B;AAAA,CAH8B;IAQ9BC,oCAAoC,gBAAGd,MAAM,CAACC,GAAV;AAAA;AAAA,kDAErC,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACY,MAAjB;AAAA,CAFqC;IAMpCC,uBAAuB,gBAAGhB,MAAM,CAACC,GAAV;AAAA;AAAA,uJAEb,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAFa,EAGvB,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAHuB,EAIzB,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAJyB,EAKxB,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CALwB,EAShC,UAACN,KAAD;AAAA,SAAYA,KAAK,CAACc,YAAN,KAAuB,KAAvB,GAA+B,SAA/B,GAA2C,EAAvD;AAAA,CATgC,EAUhC,UAACd,KAAD;AAAA,SAAYA,KAAK,CAACc,YAAN,KAAuB,QAAvB,GAAkC,YAAlC,GAAiD,EAA7D;AAAA,CAVgC;IAYvBC,QAAQ,gBAAGlB,MAAM,CAACC,GAAV;AAAA;AAAA,4LAUM,UAACE,KAAD;AAAA,SAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAVN;;;;"}

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

@@ -1,12 +1,17 @@
 import React, { useMemo } from 'react';
+import { describe } from 'react-desc';
 import { Grid } from '@elliemae/ds-grid';
 import Communications from '@elliemae/ds-icons/Communications';
+import { emptyStateProps, defaultProps } from './props.js';
 import { MessageWrapper, ChatEmptyStateWrapper } from './styled.js';
+import { useValidateProps } from './config/useValidateProps.js';
 import 'styled-components';
+import '@elliemae/ds-props-helpers';
 
-var ChatEmptyState = function ChatEmptyState(_ref) {
-  var label = _ref.label,
-      action = _ref.action;
+var ChatEmptyState = function ChatEmptyState(props) {
+  useValidateProps(props, ChatEmptyStateListWithSchema.toJSON());
+  var label = props.label,
+      action = props.action;
   var MainContent = useMemo(function () {
     return /*#__PURE__*/React.createElement(Grid, {
       alignItems: "center",
@@ -31,5 +36,10 @@ var ChatEmptyState = function ChatEmptyState(_ref) {
   }, MainContent);
 };
 
-export { ChatEmptyState };
+ChatEmptyState.propTypes = emptyStateProps;
+ChatEmptyState.defaultProps = defaultProps;
+var ChatEmptyStateListWithSchema = describe(ChatEmptyState);
+ChatEmptyStateListWithSchema.propTypes = emptyStateProps;
+
+export { ChatEmptyState, ChatEmptyStateListWithSchema };
 //# sourceMappingURL=ChatEmptyState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatEmptyState.js","sources":["../../../../src/parts/chat-empty-state/ChatEmptyState.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport Communications from '@elliemae/ds-icons/Communications';\nimport { ChatEmptyStateProps } from './props';\nimport { ChatEmptyStateWrapper, MessageWrapper } from './styled';\n\nexport const ChatEmptyState = ({ label, action }: ChatEmptyStateProps): JSX.Element => {\n  const MainContent = useMemo(\n    () => (\n      <Grid alignItems=\"center\" justifyContent=\"center\">\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          <Communications size=\"xxl\" color={['neutral', 400]} />\n        </Grid>\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          <MessageWrapper>{label}</MessageWrapper>\n        </Grid>\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          {action}\n        </Grid>\n      </Grid>\n    ),\n    [label, action],\n  );\n  return (\n    <ChatEmptyStateWrapper alignItems=\"center\" justifyContent=\"center\">\n      {MainContent}\n    </ChatEmptyStateWrapper>\n  );\n};\n"],"names":["ChatEmptyState","label","action","MainContent","useMemo"],"mappings":";;;;;;IAMaA,cAAc,GAAG,SAAjBA,cAAiB,OAAyD;AAAA,MAAtDC,KAAsD,QAAtDA,KAAsD;AAAA,MAA/CC,MAA+C,QAA/CA,MAA+C;AACrF,MAAMC,WAAW,GAAGC,OAAO,CACzB;AAAA,wBACE,oBAAC,IAAD;AAAM,MAAA,UAAU,EAAC,QAAjB;AAA0B,MAAA,cAAc,EAAC;AAAzC,oBACE,oBAAC,IAAD;AAAM,MAAA,UAAU,EAAC,QAAjB;AAA0B,MAAA,cAAc,EAAC;AAAzC,oBACE,oBAAC,cAAD;AAAgB,MAAA,IAAI,EAAC,KAArB;AAA2B,MAAA,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ;AAAlC,MADF,CADF,eAIE,oBAAC,IAAD;AAAM,MAAA,UAAU,EAAC,QAAjB;AAA0B,MAAA,cAAc,EAAC;AAAzC,oBACE,oBAAC,cAAD,QAAiBH,KAAjB,CADF,CAJF,eAOE,oBAAC,IAAD;AAAM,MAAA,UAAU,EAAC,QAAjB;AAA0B,MAAA,cAAc,EAAC;AAAzC,OACGC,MADH,CAPF,CADF;AAAA,GADyB,EAczB,CAACD,KAAD,EAAQC,MAAR,CAdyB,CAA3B;AAgBA,sBACE,oBAAC,qBAAD;AAAuB,IAAA,UAAU,EAAC,QAAlC;AAA2C,IAAA,cAAc,EAAC;AAA1D,KACGC,WADH,CADF;AAKD;;;;"}
+{"version":3,"file":"ChatEmptyState.js","sources":["../../../../src/parts/chat-empty-state/ChatEmptyState.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport Communications from '@elliemae/ds-icons/Communications';\nimport { ChatEmptyStateProps, emptyStateProps, defaultProps } from './props';\nimport { ChatEmptyStateWrapper, MessageWrapper } from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst ChatEmptyState = (props: ChatEmptyStateProps): JSX.Element => {\n  useValidateProps(props, ChatEmptyStateListWithSchema.toJSON());\n  const { label, action } = props;\n  const MainContent = useMemo(\n    () => (\n      <Grid alignItems=\"center\" justifyContent=\"center\">\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          <Communications size=\"xxl\" color={['neutral', 400]} />\n        </Grid>\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          <MessageWrapper>{label}</MessageWrapper>\n        </Grid>\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          {action}\n        </Grid>\n      </Grid>\n    ),\n    [label, action],\n  );\n  return (\n    <ChatEmptyStateWrapper alignItems=\"center\" justifyContent=\"center\">\n      {MainContent}\n    </ChatEmptyStateWrapper>\n  );\n};\n\nChatEmptyState.propTypes = emptyStateProps;\nChatEmptyState.defaultProps = defaultProps;\nconst ChatEmptyStateListWithSchema = describe(ChatEmptyState);\nChatEmptyStateListWithSchema.propTypes = emptyStateProps;\n\nexport { ChatEmptyState, ChatEmptyStateListWithSchema };\n"],"names":["ChatEmptyState","props","useValidateProps","ChatEmptyStateListWithSchema","toJSON","label","action","MainContent","useMemo","propTypes","emptyStateProps","defaultProps","describe"],"mappings":";;;;;;;;;;IAQMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA6C;AAClEC,EAAAA,gBAAgB,CAACD,KAAD,EAAQE,4BAA4B,CAACC,MAA7B,EAAR,CAAhB;AACA,MAAQC,KAAR,GAA0BJ,KAA1B,CAAQI,KAAR;AAAA,MAAeC,MAAf,GAA0BL,KAA1B,CAAeK,MAAf;AACA,MAAMC,WAAW,GAAGC,OAAO,CACzB;AAAA,wBACE,oBAAC,IAAD;AAAM,MAAA,UAAU,EAAC,QAAjB;AAA0B,MAAA,cAAc,EAAC;AAAzC,oBACE,oBAAC,IAAD;AAAM,MAAA,UAAU,EAAC,QAAjB;AAA0B,MAAA,cAAc,EAAC;AAAzC,oBACE,oBAAC,cAAD;AAAgB,MAAA,IAAI,EAAC,KAArB;AAA2B,MAAA,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ;AAAlC,MADF,CADF,eAIE,oBAAC,IAAD;AAAM,MAAA,UAAU,EAAC,QAAjB;AAA0B,MAAA,cAAc,EAAC;AAAzC,oBACE,oBAAC,cAAD,QAAiBH,KAAjB,CADF,CAJF,eAOE,oBAAC,IAAD;AAAM,MAAA,UAAU,EAAC,QAAjB;AAA0B,MAAA,cAAc,EAAC;AAAzC,OACGC,MADH,CAPF,CADF;AAAA,GADyB,EAczB,CAACD,KAAD,EAAQC,MAAR,CAdyB,CAA3B;AAgBA,sBACE,oBAAC,qBAAD;AAAuB,IAAA,UAAU,EAAC,QAAlC;AAA2C,IAAA,cAAc,EAAC;AAA1D,KACGC,WADH,CADF;AAKD;;AAEDP,cAAc,CAACS,SAAf,GAA2BC,eAA3B;AACAV,cAAc,CAACW,YAAf,GAA8BA,YAA9B;IACMR,4BAA4B,GAAGS,QAAQ,CAACZ,cAAD;AAC7CG,4BAA4B,CAACM,SAA7B,GAAyCC,eAAzC;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-empty-state/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatEmptyStateProps } from '../props';\n\nexport const useValidateProps = (props: ChatEmptyStateProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA6BC,MAA7B,EAAuD;AACrFC,EAAAA,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}

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

@@ -5,7 +5,8 @@ var defaultProps = {
   action: null
 };
 var emptyStateProps = {
-  label: PropTypes.arrayOf(PropTypes.string).description('No Message to show text helper').defaultValue(defaultProps.label)
+  label: PropTypes.arrayOf(PropTypes.string).description('No Message to show text helper').defaultValue(defaultProps.label),
+  action: PropTypes.node.description('action element').defaultValue(defaultProps.action)
 };
 
 export { defaultProps, emptyStateProps };

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

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-empty-state/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface ChatEmptyStateProps {\n  label: string;\n  action: React.FC;\n}\n\nexport const defaultProps: ChatEmptyStateProps = {\n  label: 'No Messages Yet',\n  action: null,\n};\n\nexport const emptyStateProps = {\n  label: PropTypes.arrayOf(PropTypes.string)\n    .description('No Message to show text helper')\n    .defaultValue(defaultProps.label),\n};\n"],"names":["defaultProps","label","action","emptyStateProps","PropTypes","arrayOf","string","description","defaultValue"],"mappings":";;IAOaA,YAAiC,GAAG;AAC/CC,EAAAA,KAAK,EAAE,iBADwC;AAE/CC,EAAAA,MAAM,EAAE;AAFuC;IAKpCC,eAAe,GAAG;AAC7BF,EAAAA,KAAK,EAAEG,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B,EACJC,WADI,CACQ,gCADR,EAEJC,YAFI,CAESR,YAAY,CAACC,KAFtB;AADsB;;;;"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-empty-state/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface ChatEmptyStateProps {\n  label: string;\n  action: React.FC;\n}\n\nexport const defaultProps: ChatEmptyStateProps = {\n  label: 'No Messages Yet',\n  action: null,\n};\n\nexport const emptyStateProps = {\n  label: PropTypes.arrayOf(PropTypes.string)\n    .description('No Message to show text helper')\n    .defaultValue(defaultProps.label),\n  action: PropTypes.node.description('action element').defaultValue(defaultProps.action),\n};\n"],"names":["defaultProps","label","action","emptyStateProps","PropTypes","arrayOf","string","description","defaultValue","node"],"mappings":";;IAOaA,YAAiC,GAAG;AAC/CC,EAAAA,KAAK,EAAE,iBADwC;AAE/CC,EAAAA,MAAM,EAAE;AAFuC;IAKpCC,eAAe,GAAG;AAC7BF,EAAAA,KAAK,EAAEG,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B,EACJC,WADI,CACQ,gCADR,EAEJC,YAFI,CAESR,YAAY,CAACC,KAFtB,CADsB;AAI7BC,EAAAA,MAAM,EAAEE,SAAS,CAACK,IAAV,CAAeF,WAAf,CAA2B,gBAA3B,EAA6CC,YAA7C,CAA0DR,YAAY,CAACE,MAAvE;AAJqB;;;;"}

package/esm/parts/chat-sidebar/SideBarChat.js

@@ -7,6 +7,7 @@ import { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled.
 import { TileButton } from '../tile-button/TileButton.js';
 import { SidebarButton } from '../sidebar-button/SidebarButton.js';
 import { chatSidebarProps, defaultProps } from './props.js';
+import { useValidateProps } from './config/useValidateProps.js';
 import 'styled-components';
 import '@elliemae/ds-grid';
 import '../../styled.js';
@@ -14,12 +15,14 @@ import '@elliemae/ds-tooltip';
 import '@elliemae/ds-icons/CloseXsmall';
 import '../tile-button/styled.js';
 import '../tile-button/props.js';
-import 'prop-types';
 import 'lodash';
 import '@elliemae/ds-icons/Comments';
+import '../tile-button/config/useValidateProps.js';
+import '@elliemae/ds-props-helpers';
 import '@babel/runtime/helpers/esm/objectWithoutProperties';
 import '../sidebar-button/styled.js';
 import '../sidebar-button/props.js';
+import 'prop-types';
 
 var FooterChat = function FooterChat(_ref) {
   var expanded = _ref.expanded,
@@ -36,13 +39,14 @@ var FooterChat = function FooterChat(_ref) {
   });
 };
 
-var SideBarChat = function SideBarChat(_ref2) {
-  var sidebarItems = _ref2.sidebarItems,
-      expanded = _ref2.expanded,
-      onFooterClose = _ref2.onFooterClose,
-      onFooterExpand = _ref2.onFooterExpand,
-      selectedItem = _ref2.selectedItem,
-      footerButtonExtraProps = _ref2.footerButtonExtraProps;
+var SideBarChat = function SideBarChat(props) {
+  useValidateProps(props, SideBarChatWithSchema.toJSON());
+  var sidebarItems = props.sidebarItems,
+      expanded = props.expanded,
+      onFooterClose = props.onFooterClose,
+      onFooterExpand = props.onFooterExpand,
+      selectedItem = props.selectedItem,
+      footerButtonExtraProps = props.footerButtonExtraProps;
   return /*#__PURE__*/React.createElement(StyledSideBarContainer, {
     rows: [1, 'auto']
   }, /*#__PURE__*/React.createElement(StyledSideBarButtonsContainer, null, sidebarItems.map(function (p) {

package/esm/parts/chat-sidebar/SideBarChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideBarChat.js","sources":["../../../../src/parts/chat-sidebar/SideBarChat.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport MenuExpand from '@elliemae/ds-icons/MenuExpand';\nimport MenuCollapse from '@elliemae/ds-icons/MenuCollapse';\nimport {\n  StyledSideBarContainer,\n  StyledSideBarButtonsContainer,\n} from './styled';\nimport { TileButton } from '../tile-button';\nimport { SidebarButton } from '../sidebar-button/SidebarButton';\nimport { CharSidebarProps, defaultProps, chatSidebarProps } from './props';\n\nconst FooterChat = ({\n  expanded,\n  onFooterClose,\n  onFooterExpand,\n  footerButtonExtraProps,\n}: Pick<CharSidebarProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'>) => (\n  <SidebarButton\n    dsId=\"sidebar_footer\"\n    label={null}\n    Icon={!expanded ? MenuCollapse : MenuExpand}\n    onClick={expanded ? onFooterClose : onFooterExpand}\n    aria-pressed={expanded}\n    aria-label={footerButtonExtraProps['aria-label']}\n  />\n);\n\nconst SideBarChat = ({\n  sidebarItems,\n  expanded,\n  onFooterClose,\n  onFooterExpand,\n  selectedItem,\n  footerButtonExtraProps,\n}: CharSidebarProps): JSX.Element => (\n  <StyledSideBarContainer rows={[1, 'auto']}>\n    <StyledSideBarButtonsContainer>\n      {sidebarItems.map((p) => (\n        <TileButton {...p} selected={selectedItem === p.dsId} />\n      ))}\n    </StyledSideBarButtonsContainer>\n    <FooterChat\n      expanded={expanded}\n      onFooterClose={onFooterClose}\n      onFooterExpand={onFooterExpand}\n      footerButtonExtraProps={footerButtonExtraProps}\n    />\n  </StyledSideBarContainer>\n);\n\nSideBarChat.propTypes = chatSidebarProps;\nSideBarChat.defaultProps = defaultProps;\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps;\n\nexport { SideBarChat, SideBarChatWithSchema };\n"],"names":["FooterChat","expanded","onFooterClose","onFooterExpand","footerButtonExtraProps","MenuCollapse","MenuExpand","SideBarChat","sidebarItems","selectedItem","map","p","dsId","propTypes","chatSidebarProps","defaultProps","SideBarChatWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,UAAU,GAAG,SAAbA,UAAa;AAAA,MACjBC,QADiB,QACjBA,QADiB;AAAA,MAEjBC,aAFiB,QAEjBA,aAFiB;AAAA,MAGjBC,cAHiB,QAGjBA,cAHiB;AAAA,MAIjBC,sBAJiB,QAIjBA,sBAJiB;AAAA,sBAMjB,oBAAC,aAAD;AACE,IAAA,IAAI,EAAC,gBADP;AAEE,IAAA,KAAK,EAAE,IAFT;AAGE,IAAA,IAAI,EAAE,CAACH,QAAD,GAAYI,YAAZ,GAA2BC,UAHnC;AAIE,IAAA,OAAO,EAAEL,QAAQ,GAAGC,aAAH,GAAmBC,cAJtC;AAKE,oBAAcF,QALhB;AAME,kBAAYG,sBAAsB,CAAC,YAAD;AANpC,IANiB;AAAA,CAAnB;;IAgBMG,WAAW,GAAG,SAAdA,WAAc;AAAA,MAClBC,YADkB,SAClBA,YADkB;AAAA,MAElBP,QAFkB,SAElBA,QAFkB;AAAA,MAGlBC,aAHkB,SAGlBA,aAHkB;AAAA,MAIlBC,cAJkB,SAIlBA,cAJkB;AAAA,MAKlBM,YALkB,SAKlBA,YALkB;AAAA,MAMlBL,sBANkB,SAMlBA,sBANkB;AAAA,sBAQlB,oBAAC,sBAAD;AAAwB,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAA9B,kBACE,oBAAC,6BAAD,QACGI,YAAY,CAACE,GAAb,CAAiB,UAACC,CAAD;AAAA,wBAChB,oBAAC,UAAD,eAAgBA,CAAhB;AAAmB,MAAA,QAAQ,EAAEF,YAAY,KAAKE,CAAC,CAACC;AAAhD,OADgB;AAAA,GAAjB,CADH,CADF,eAME,oBAAC,UAAD;AACE,IAAA,QAAQ,EAAEX,QADZ;AAEE,IAAA,aAAa,EAAEC,aAFjB;AAGE,IAAA,cAAc,EAAEC,cAHlB;AAIE,IAAA,sBAAsB,EAAEC;AAJ1B,IANF,CARkB;AAAA;;AAuBpBG,WAAW,CAACM,SAAZ,GAAwBC,gBAAxB;AACAP,WAAW,CAACQ,YAAZ,GAA2BA,YAA3B;IACMC,qBAAqB,GAAGC,QAAQ,CAACV,WAAD;AACtCS,qBAAqB,CAACH,SAAtB,GAAkCC,gBAAlC;;;;"}
+{"version":3,"file":"SideBarChat.js","sources":["../../../../src/parts/chat-sidebar/SideBarChat.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport MenuExpand from '@elliemae/ds-icons/MenuExpand';\nimport MenuCollapse from '@elliemae/ds-icons/MenuCollapse';\nimport { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled';\nimport { TileButton } from '../tile-button';\nimport { SidebarButton } from '../sidebar-button/SidebarButton';\nimport { CharSidebarProps, defaultProps, chatSidebarProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst FooterChat = ({\n  expanded,\n  onFooterClose,\n  onFooterExpand,\n  footerButtonExtraProps,\n}: Pick<CharSidebarProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'>) => (\n  <SidebarButton\n    dsId=\"sidebar_footer\"\n    label={null}\n    Icon={!expanded ? MenuCollapse : MenuExpand}\n    onClick={expanded ? onFooterClose : onFooterExpand}\n    aria-pressed={expanded}\n    aria-label={footerButtonExtraProps['aria-label']}\n  />\n);\n\nconst SideBarChat = (props: CharSidebarProps): JSX.Element => {\n  useValidateProps(props, SideBarChatWithSchema.toJSON());\n  const { sidebarItems, expanded, onFooterClose, onFooterExpand, selectedItem, footerButtonExtraProps } = props;\n  return (\n    <StyledSideBarContainer rows={[1, 'auto']}>\n      <StyledSideBarButtonsContainer>\n        {sidebarItems.map((p) => (\n          <TileButton {...p} selected={selectedItem === p.dsId} />\n        ))}\n      </StyledSideBarButtonsContainer>\n      <FooterChat\n        expanded={expanded}\n        onFooterClose={onFooterClose}\n        onFooterExpand={onFooterExpand}\n        footerButtonExtraProps={footerButtonExtraProps}\n      />\n    </StyledSideBarContainer>\n  );\n};\n\nSideBarChat.propTypes = chatSidebarProps;\nSideBarChat.defaultProps = defaultProps;\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps;\n\nexport { SideBarChat, SideBarChatWithSchema };\n"],"names":["FooterChat","expanded","onFooterClose","onFooterExpand","footerButtonExtraProps","MenuCollapse","MenuExpand","SideBarChat","props","useValidateProps","SideBarChatWithSchema","toJSON","sidebarItems","selectedItem","map","p","dsId","propTypes","chatSidebarProps","defaultProps","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,UAAU,GAAG,SAAbA,UAAa;AAAA,MACjBC,QADiB,QACjBA,QADiB;AAAA,MAEjBC,aAFiB,QAEjBA,aAFiB;AAAA,MAGjBC,cAHiB,QAGjBA,cAHiB;AAAA,MAIjBC,sBAJiB,QAIjBA,sBAJiB;AAAA,sBAMjB,oBAAC,aAAD;AACE,IAAA,IAAI,EAAC,gBADP;AAEE,IAAA,KAAK,EAAE,IAFT;AAGE,IAAA,IAAI,EAAE,CAACH,QAAD,GAAYI,YAAZ,GAA2BC,UAHnC;AAIE,IAAA,OAAO,EAAEL,QAAQ,GAAGC,aAAH,GAAmBC,cAJtC;AAKE,oBAAcF,QALhB;AAME,kBAAYG,sBAAsB,CAAC,YAAD;AANpC,IANiB;AAAA,CAAnB;;IAgBMG,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAA0C;AAC5DC,EAAAA,gBAAgB,CAACD,KAAD,EAAQE,qBAAqB,CAACC,MAAtB,EAAR,CAAhB;AACA,MAAQC,YAAR,GAAwGJ,KAAxG,CAAQI,YAAR;AAAA,MAAsBX,QAAtB,GAAwGO,KAAxG,CAAsBP,QAAtB;AAAA,MAAgCC,aAAhC,GAAwGM,KAAxG,CAAgCN,aAAhC;AAAA,MAA+CC,cAA/C,GAAwGK,KAAxG,CAA+CL,cAA/C;AAAA,MAA+DU,YAA/D,GAAwGL,KAAxG,CAA+DK,YAA/D;AAAA,MAA6ET,sBAA7E,GAAwGI,KAAxG,CAA6EJ,sBAA7E;AACA,sBACE,oBAAC,sBAAD;AAAwB,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAA9B,kBACE,oBAAC,6BAAD,QACGQ,YAAY,CAACE,GAAb,CAAiB,UAACC,CAAD;AAAA,wBAChB,oBAAC,UAAD,eAAgBA,CAAhB;AAAmB,MAAA,QAAQ,EAAEF,YAAY,KAAKE,CAAC,CAACC;AAAhD,OADgB;AAAA,GAAjB,CADH,CADF,eAME,oBAAC,UAAD;AACE,IAAA,QAAQ,EAAEf,QADZ;AAEE,IAAA,aAAa,EAAEC,aAFjB;AAGE,IAAA,cAAc,EAAEC,cAHlB;AAIE,IAAA,sBAAsB,EAAEC;AAJ1B,IANF,CADF;AAeD;;AAEDG,WAAW,CAACU,SAAZ,GAAwBC,gBAAxB;AACAX,WAAW,CAACY,YAAZ,GAA2BA,YAA3B;IACMT,qBAAqB,GAAGU,QAAQ,CAACb,WAAD;AACtCG,qBAAqB,CAACO,SAAtB,GAAkCC,gBAAlC;;;;"}

package/esm/parts/chat-sidebar/config/useValidateProps.js

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

package/esm/parts/chat-sidebar/config/useValidateProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-sidebar/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { CharSidebarProps } from '../props';\n\nexport const useValidateProps = (props: CharSidebarProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA0BC,MAA1B,EAAoD;AAClFC,EAAAA,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}

package/esm/parts/chat-sidebar/index.js

@@ -13,12 +13,15 @@ import '@elliemae/ds-tooltip';
 import '@elliemae/ds-icons/CloseXsmall';
 import '../tile-button/styled.js';
 import '../tile-button/props.js';
-import 'prop-types';
 import 'lodash';
 import '@elliemae/ds-icons/Comments';
+import '../tile-button/config/useValidateProps.js';
+import '@elliemae/ds-props-helpers';
 import '../sidebar-button/SidebarButton.js';
 import '@babel/runtime/helpers/esm/objectWithoutProperties';
 import '../sidebar-button/styled.js';
 import '../sidebar-button/props.js';
+import 'prop-types';
 import './props.js';
+import './config/useValidateProps.js';
 //# sourceMappingURL=index.js.map

package/esm/parts/chat-sidebar/index.js.map

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

package/esm/parts/floating-button/FloatingButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingButton.js","sources":["../../../../src/parts/floating-button/FloatingButton.tsx"],"sourcesContent":["import React from 'react';\nimport Comments from '@elliemae/ds-icons/Comments';\nimport { StyledFloatingButton } from './styled';\nimport {\n  defaultFloatingButton,\n  propsFloatingButton,\n  FloatingButtonProps,\n} from './props';\n\nexport const FloatingButton = ({\n  onClick,\n}: FloatingButtonProps): JSX.Element => (\n  <StyledFloatingButton data-testid=\"chat-floating-button\" onClick={onClick}>\n    <Comments size=\"l\" />\n  </StyledFloatingButton>\n);\n\nFloatingButton.propTypes = propsFloatingButton;\nFloatingButton.defaultProps = defaultFloatingButton;\n"],"names":["FloatingButton","onClick","propTypes","propsFloatingButton","defaultProps","defaultFloatingButton"],"mappings":";;;;;;;;IASaA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAC5BC,OAD4B,QAC5BA,OAD4B;AAAA,sBAG5B,oBAAC,oBAAD;AAAsB,mBAAY,sBAAlC;AAAyD,IAAA,OAAO,EAAEA;AAAlE,kBACE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC;AAAf,IADF,CAH4B;AAAA;AAQ9BD,cAAc,CAACE,SAAf,GAA2BC,mBAA3B;AACAH,cAAc,CAACI,YAAf,GAA8BC,qBAA9B;;;;"}
+{"version":3,"file":"FloatingButton.js","sources":["../../../../src/parts/floating-button/FloatingButton.tsx"],"sourcesContent":["import React from 'react';\nimport Comments from '@elliemae/ds-icons/Comments';\nimport { StyledFloatingButton } from './styled';\nimport { defaultFloatingButton, propsFloatingButton, FloatingButtonProps } from './props';\n\nexport const FloatingButton = ({ onClick }: FloatingButtonProps): JSX.Element => (\n  <StyledFloatingButton data-testid=\"chat-floating-button\" onClick={onClick}>\n    <Comments size=\"l\" />\n  </StyledFloatingButton>\n);\n\nFloatingButton.propTypes = propsFloatingButton;\nFloatingButton.defaultProps = defaultFloatingButton;\n"],"names":["FloatingButton","onClick","propTypes","propsFloatingButton","defaultProps","defaultFloatingButton"],"mappings":";;;;;;;;IAKaA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,sBAC5B,oBAAC,oBAAD;AAAsB,mBAAY,sBAAlC;AAAyD,IAAA,OAAO,EAAEA;AAAlE,kBACE,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAC;AAAf,IADF,CAD4B;AAAA;AAM9BD,cAAc,CAACE,SAAf,GAA2BC,mBAA3B;AACAH,cAAc,CAACI,YAAf,GAA8BC,qBAA9B;;;;"}

package/esm/parts/grid-influencer/InfluencerContainer.js

@@ -16,6 +16,8 @@ import '@babel/runtime/helpers/esm/slicedToArray';
 import '@elliemae/ds-icons/PaperAirplane';
 import '../chat-composer/styled.js';
 import '@elliemae/ds-button';
+import '../chat-composer/config/useValidateProps.js';
+import '@elliemae/ds-props-helpers';
 import '../chat-composer/props.js';
 import '../chat-container-messages-list/ChatContainerMessagesList.js';
 import 'react-virtual';
@@ -25,17 +27,22 @@ import '@elliemae/ds-icons/WarningCircleFill';
 import '../bubble/styled.js';
 import '../bubble/props.js';
 import 'prop-types';
+import '../bubble/config/useValidateProps.js';
 import '../bubble/ChatBubbleArrow.js';
 import '../message-delimiter/MessageDelimiter.js';
 import '../message-delimiter/styled.js';
 import '../message-delimiter/props.js';
+import '../message-delimiter/config/useValidateProps.js';
 import '../system-message/SystemMessage.js';
 import '../system-message/style.js';
 import '../system-message/props.js';
+import '../system-message/config/useValidateProps.js';
 import '../chat-container-messages-list/styled.js';
 import '../chat-container-messages-list/props.js';
+import '../chat-container-messages-list/config/useValidateProps.js';
 import '../chat-container/props.js';
 import '../chat-container/styled.js';
+import '../chat-container/config/useValidateProps.js';
 import '@elliemae/ds-icons/MenuExpand';
 import '@elliemae/ds-icons/MenuCollapse';
 import '../chat-sidebar/styled.js';
@@ -45,11 +52,13 @@ import '@elliemae/ds-icons/CloseXsmall';
 import '../tile-button/styled.js';
 import '../tile-button/props.js';
 import '@elliemae/ds-icons/Comments';
+import '../tile-button/config/useValidateProps.js';
 import '../sidebar-button/SidebarButton.js';
 import '@babel/runtime/helpers/esm/objectWithoutProperties';
 import '../sidebar-button/styled.js';
 import '../sidebar-button/props.js';
 import '../chat-sidebar/props.js';
+import '../chat-sidebar/config/useValidateProps.js';
 
 /* eslint-disable react/prop-types */
 var InfluencerContainer = function InfluencerContainer(props) {

package/esm/parts/grid-influencer/InfluencerContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfluencerContainer.js","sources":["../../../../src/parts/grid-influencer/InfluencerContainer.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { StyledChatContainer } from './styled';\nimport { ChatContainer } from '../chat-container/ChatContainer';\nimport { SideBarChat } from '../chat-sidebar/SideBarChat';\n\nexport const InfluencerContainer: React.ComponentType<any> = (props) =>\n  React.useMemo(\n    () =>\n      props.floating ? null : (\n        <StyledChatContainer\n          cols={['auto', props.expanded ? 1 : '0px']}\n          expanded={props.expanded}\n          expandedWidth={props.expandedWidth}\n        >\n          <SideBarChat />\n          {props.expanded ? <ChatContainer /> : <div />}\n        </StyledChatContainer>\n      ),\n    [props.floating, props.expanded, props.expandedWidth],\n  );\n"],"names":["InfluencerContainer","props","React","useMemo","floating","expanded","expandedWidth"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAMaA,mBAA6C,GAAG,SAAhDA,mBAAgD,CAACC,KAAD;AAAA,SAC3DC,KAAK,CAACC,OAAN,CACE;AAAA,WACEF,KAAK,CAACG,QAAN,GAAiB,IAAjB,gBACE,oBAAC,mBAAD;AACE,MAAA,IAAI,EAAE,CAAC,MAAD,EAASH,KAAK,CAACI,QAAN,GAAiB,CAAjB,GAAqB,KAA9B,CADR;AAEE,MAAA,QAAQ,EAAEJ,KAAK,CAACI,QAFlB;AAGE,MAAA,aAAa,EAAEJ,KAAK,CAACK;AAHvB,oBAKE,oBAAC,WAAD,OALF,EAMGL,KAAK,CAACI,QAAN,gBAAiB,oBAAC,aAAD,OAAjB,gBAAqC,gCANxC,CAFJ;AAAA,GADF,EAYE,CAACJ,KAAK,CAACG,QAAP,EAAiBH,KAAK,CAACI,QAAvB,EAAiCJ,KAAK,CAACK,aAAvC,CAZF,CAD2D;AAAA;;;;"}
+{"version":3,"file":"InfluencerContainer.js","sources":["../../../../src/parts/grid-influencer/InfluencerContainer.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { StyledChatContainer } from './styled';\nimport { ChatContainer } from '../chat-container/ChatContainer';\nimport { SideBarChat } from '../chat-sidebar/SideBarChat';\n\nexport const InfluencerContainer: React.ComponentType<any> = (props) =>\n  React.useMemo(\n    () =>\n      props.floating ? null : (\n        <StyledChatContainer\n          cols={['auto', props.expanded ? 1 : '0px']}\n          expanded={props.expanded}\n          expandedWidth={props.expandedWidth}\n        >\n          <SideBarChat />\n          {props.expanded ? <ChatContainer /> : <div />}\n        </StyledChatContainer>\n      ),\n    [props.floating, props.expanded, props.expandedWidth],\n  );\n"],"names":["InfluencerContainer","props","React","useMemo","floating","expanded","expandedWidth"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAMaA,mBAA6C,GAAG,SAAhDA,mBAAgD,CAACC,KAAD;AAAA,SAC3DC,KAAK,CAACC,OAAN,CACE;AAAA,WACEF,KAAK,CAACG,QAAN,GAAiB,IAAjB,gBACE,oBAAC,mBAAD;AACE,MAAA,IAAI,EAAE,CAAC,MAAD,EAASH,KAAK,CAACI,QAAN,GAAiB,CAAjB,GAAqB,KAA9B,CADR;AAEE,MAAA,QAAQ,EAAEJ,KAAK,CAACI,QAFlB;AAGE,MAAA,aAAa,EAAEJ,KAAK,CAACK;AAHvB,oBAKE,oBAAC,WAAD,OALF,EAMGL,KAAK,CAACI,QAAN,gBAAiB,oBAAC,aAAD,OAAjB,gBAAqC,gCANxC,CAFJ;AAAA,GADF,EAYE,CAACJ,KAAK,CAACG,QAAP,EAAiBH,KAAK,CAACI,QAAvB,EAAiCJ,KAAK,CAACK,aAAvC,CAZF,CAD2D;AAAA;;;;"}