@elliemae/ds-chat 2.3.0-alpha.8 → 2.3.0-next.10

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

@@ -1,307 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ChatContainerMessagesList_exports = {};
-__export(ChatContainerMessagesList_exports, {
-  ChatContainerMessagesList: () => ChatContainerMessagesList,
-  ChatContainerMessagesListWithSchema: () => ChatContainerMessagesListWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_react_virtual = require("react-virtual");
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_lodash = require("lodash");
-var import_bubble = require("../bubble");
-var import_message_delimiter = require("../message-delimiter");
-var import_system_message = require("../system-message");
-var import_styled = require("./styled");
-var import_props = require("./props");
-const getPadding = ({ hasMoreItems, bannerPosition, isLoading }) => {
-  const padding = {
-    paddingStart: 0,
-    paddingEnd: -5
-  };
-  if ([hasMoreItems, bannerPosition, isLoading].some((item) => item === "top"))
-    padding.paddingStart = 42;
-  else if ([hasMoreItems, bannerPosition, isLoading].some((item) => item === "bottom"))
-    padding.paddingEnd = 42;
-  return padding;
-};
-const ChatContainerMessagesList = (props) => {
-  const {
-    sendingText,
-    bannerPosition,
-    sendingMessages,
-    messages,
-    actionRef,
-    onScrollEnds,
-    getMoreMessages,
-    hasMoreItems,
-    isLoading,
-    bannerRef
-  } = props;
-  const pendingOnScroll = import_react.default.useRef(false);
-  const loadMoreRef = import_react.default.useRef(null);
-  const virtualListRef = import_react.default.useRef();
-  const {
-    scrollToIndex: vScroll,
-    totalSize,
-    virtualItems
-  } = (0, import_react_virtual.useVirtual)({
-    size: messages.length,
-    parentRef: virtualListRef,
-    overscan: 15,
-    ...getPadding({ hasMoreItems, bannerPosition, isLoading }),
-    estimateSize: import_react.default.useCallback(() => 80, [])
-  });
-  const debouncedScroll = import_react.default.useMemo(() => (0, import_lodash.debounce)(() => {
-    console.log("debound");
-    if (document.visibilityState === "hidden") {
-      pendingOnScroll.current = true;
-      return [];
-    }
-    if (!virtualListRef.current)
-      return [];
-    pendingOnScroll.current = false;
-    const { bottom, top } = virtualListRef.current?.getBoundingClientRect();
-    const list = virtualListRef.current.querySelectorAll('[data-element="chat-element-list-item"]');
-    const indexList = [];
-    list.forEach((item) => {
-      const { top: itemTop } = item.getBoundingClientRect();
-      const itemPadding = 10;
-      if (itemTop + itemPadding < bottom && itemTop + itemPadding > top)
-        indexList.push(item.dataset.index);
-    });
-    if (onScrollEnds)
-      onScrollEnds(indexList);
-    return indexList;
-  }, 500), [onScrollEnds]);
-  const onScrollStop = import_react.default.useCallback(debouncedScroll, [debouncedScroll]);
-  const onlyFocus = import_react.default.useCallback((index) => {
-    setTimeout(() => {
-      virtualListRef.current.querySelector(`[data-index="${index}"]`).focus();
-    }, 300);
-  }, []);
-  const scrollAndFocus = import_react.default.useCallback((index, b = { align: "center" }) => {
-    vScroll(index, b);
-    onlyFocus(index);
-    onScrollStop();
-  }, [onScrollStop, onlyFocus, vScroll]);
-  import_react.default.useEffect(() => {
-    if (actionRef && actionRef.current) {
-      actionRef.current.scrollToIndex = (a, b = { align: "center" }) => {
-        vScroll(a, b);
-        onScrollStop();
-      };
-      actionRef.current.getMessagesInView = onScrollStop;
-      onScrollStop();
-      actionRef.current.focusToIndex = (a, b = { align: "center" }) => {
-        scrollAndFocus(a, b);
-      };
-      actionRef.current.focusToIndexWithoutScroll = onlyFocus;
-      actionRef.current.focusToList = () => {
-        virtualListRef.current?.focus();
-      };
-    }
-  }, [actionRef, onScrollStop, onlyFocus, scrollAndFocus, vScroll]);
-  const handleKey = import_react.default.useCallback((e) => {
-    const { key } = e;
-    const index = Number(e.currentTarget.dataset.index);
-    e.stopPropagation();
-    switch (key) {
-      case "ArrowUp":
-        e.preventDefault();
-        if (index > 0) {
-          (virtualListRef.current?.querySelector(`[data-index="${index - 1}"]`)).focus();
-        } else if (hasMoreItems === "top") {
-          loadMoreRef.current?.focus();
-        }
-        break;
-      case "ArrowDown":
-        e.preventDefault();
-        if (index < messages.length - 1) {
-          virtualListRef.current.querySelector(`[data-index="${index + 1}"]`).focus();
-        }
-        break;
-      case "Home":
-        e.preventDefault();
-        scrollAndFocus(0);
-        break;
-      case "End":
-        e.preventDefault();
-        scrollAndFocus(messages.length - 1);
-        break;
-      case "Tab":
-        if (hasMoreItems === "bottom" && !e.shiftKey) {
-          e.preventDefault();
-          loadMoreRef.current?.focus();
-        } else if (hasMoreItems === "top" && e.shiftKey) {
-        } else if (!e.shiftKey) {
-          if (bannerPosition) {
-            e.preventDefault();
-            bannerRef.current.focusOnWrapper();
-          }
-        } else {
-          e.preventDefault();
-          virtualListRef.current?.focus();
-        }
-        break;
-      default:
-        break;
-    }
-  }, [bannerRef, hasMoreItems, messages.length, bannerPosition, scrollAndFocus]);
-  const handleListKey = import_react.default.useCallback((e) => {
-    const { key } = e;
-    switch (key) {
-      case "ArrowUp":
-        e.preventDefault();
-        if (document.activeElement !== loadMoreRef.current) {
-          onlyFocus(onScrollStop().shift());
-        }
-        break;
-      case "ArrowDown":
-        e.preventDefault();
-        if (document.activeElement === loadMoreRef.current) {
-          virtualListRef.current.querySelector(`[data-index="0"]`).focus();
-        } else {
-          onlyFocus(onScrollStop().pop());
-        }
-        break;
-      case "Home":
-        e.preventDefault();
-        scrollAndFocus(0);
-        break;
-      case "End":
-        e.preventDefault();
-        scrollAndFocus(messages.length - 1);
-        break;
-      case "Tab":
-        if (document.activeElement !== loadMoreRef.current) {
-          if (hasMoreItems === "bottom" && !e.shiftKey) {
-            e.preventDefault();
-            loadMoreRef.current?.focus();
-          } else if (hasMoreItems === "top" && e.shiftKey) {
-            e.preventDefault();
-            loadMoreRef.current?.focus();
-          } else if (!e.shiftKey) {
-            e.preventDefault();
-            actionRef.current.focusToComposer();
-          }
-        } else if (!e.shiftKey) {
-          e.preventDefault();
-          actionRef.current.focusToComposer();
-        } else {
-          e.preventDefault();
-          virtualListRef.current?.focus();
-        }
-        break;
-      default:
-        break;
-    }
-  }, [actionRef, hasMoreItems, messages.length, onScrollStop, onlyFocus, scrollAndFocus]);
-  const checkPendingOnScroll = import_react.default.useCallback(() => {
-    if (pendingOnScroll.current === true)
-      onScrollStop();
-  }, [onScrollStop]);
-  import_react.default.useEffect(() => {
-    let handlerCallback = null;
-    const localVirtualRef = virtualListRef.current;
-    const onScroll = () => {
-      if (handlerCallback)
-        clearTimeout(handlerCallback);
-      handlerCallback = setTimeout(onScrollStop, 300);
-    };
-    if (onScrollEnds) {
-      virtualListRef.current.addEventListener("scroll", onScroll);
-    }
-    document.addEventListener("visibilitychange", checkPendingOnScroll);
-    return () => {
-      if (handlerCallback)
-        clearTimeout(handlerCallback);
-      if (onScrollEnds)
-        localVirtualRef.removeEventListener("scroll", onScroll);
-      document.removeEventListener("visibilitychange", checkPendingOnScroll);
-    };
-  }, [onScrollStop, onScrollEnds, checkPendingOnScroll]);
-  const render = import_react.default.useMemo(() => virtualItems.map((virtualItem) => {
-    const { index, measureRef, start } = virtualItem;
-    const row = messages[index];
-    const isSending = sendingMessages && sendingMessages.find((m) => m === row.dsId);
-    const style = {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      transform: `translateY(${start}px)`,
-      width: "100%"
-    };
-    return /* @__PURE__ */ import_react.default.createElement(import_styled.ListItem, {
-      "data-element": "chat-element-list-item",
-      "data-index": index,
-      key: `ds-chat-bubble-${index}-${row.dsId}-${row.type}`,
-      style,
-      ref: measureRef,
-      tabIndex: -1,
-      onKeyDown: handleKey,
-      role: "listitem"
-    }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledWrapperListItem, {
-      type: row.type
-    }, row.type === import_bubble.BUBBLE_TYPES.SENDER || row.type === import_bubble.BUBBLE_TYPES.RECIPIENT ? /* @__PURE__ */ import_react.default.createElement(import_bubble.ChatBubble, {
-      ...row,
-      helpMessage: isSending ? sendingText : row.helpMessage
-    }) : null, row.type === import_bubble.BUBBLE_TYPES.DELIMITER ? /* @__PURE__ */ import_react.default.createElement(import_message_delimiter.MessageDelimiter, {
-      ...row
-    }) : null, row.type === import_bubble.BUBBLE_TYPES.SYSTEM ? /* @__PURE__ */ import_react.default.createElement(import_system_message.SystemMessage, {
-      ...row
-    }) : null));
-  }), [virtualItems, messages, sendingMessages, handleKey, sendingText]);
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainerContentList, {
-    "data-testid": "chat-thread-container",
-    tabIndex: 0,
-    "aria-live": "polite",
-    "aria-relevant": "additions",
-    ref: virtualListRef,
-    role: "list",
-    onKeyDown: handleListKey
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainerContentListScroll, {
-    height: `${totalSize}px`
-  }, !isLoading && hasMoreItems ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLoadMoreContainer, {
-    hasMoreItems
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-    labelText: "Load More",
-    buttonType: "secondary",
-    onClick: getMoreMessages,
-    "data-testid": "ds-chat-load-more-btn",
-    innerRef: loadMoreRef
-  })) : null, render)));
-};
-ChatContainerMessagesList.propTypes = import_props.listProps;
-ChatContainerMessagesList.defaultProps = import_props.defaultProps;
-const ChatContainerMessagesListWithSchema = (0, import_react_desc.describe)(ChatContainerMessagesList);
-ChatContainerMessagesListWithSchema.propTypes = import_props.listProps;
-module.exports = __toCommonJS(ChatContainerMessagesList_exports);
-//# sourceMappingURL=ChatContainerMessagesList.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/chat-container-messages-list/ChatContainerMessagesList.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "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\ntype getPaddingT = {\n  hasMoreItems: string | undefined;\n  bannerPosition: string | undefined;\n  isLoading: string | undefined;\n};\nconst getPadding = ({ hasMoreItems, bannerPosition, isLoading }: getPaddingT) => {\n  const padding = {\n    paddingStart: 0,\n    paddingEnd: -5,\n  };\n  if ([hasMoreItems, bannerPosition, isLoading].some((item) => item === 'top')) padding.paddingStart = 42;\n  else if ([hasMoreItems, bannerPosition, isLoading].some((item) => item === 'bottom')) padding.paddingEnd = 42;\n  return padding;\n};\n\nconst ChatContainerMessagesList = (props: ChatContainerMessagesListProps): JSX.Element => {\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, bannerPosition, isLoading }),\n    estimateSize: React.useCallback(() => 80, []),\n  });\n\n  const debouncedScroll = React.useMemo(\n    () =>\n      debounce((): number[] => {\n        console.log('debound');\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\n        const list = virtualListRef.current.querySelectorAll(\n          '[data-element=\"chat-element-list-item\"]',\n        ) as NodeListOf<HTMLDivElement>;\n        const indexList = [];\n        list.forEach((item: HTMLElement) => {\n          const { top: itemTop } = item.getBoundingClientRect();\n\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      onScrollStop(); // init useMemo due to debounce use.\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: React.KeyboardEvent) => {\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          } else if (hasMoreItems === 'top') {\n            loadMoreRef.current?.focus();\n          }\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          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            if (bannerPosition) {\n              e.preventDefault();\n              bannerRef.current.focusOnWrapper();\n            }\n          } else {\n            e.preventDefault();\n            virtualListRef.current?.focus();\n          }\n          break;\n        default:\n          break;\n      }\n    },\n    [bannerRef, hasMoreItems, messages.length, bannerPosition, scrollAndFocus],\n  );\n  const handleListKey = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      const { key } = e;\n      switch (key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          if (document.activeElement !== loadMoreRef.current) {\n            onlyFocus(onScrollStop().shift());\n          }\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          if (document.activeElement === loadMoreRef.current) {\n            (virtualListRef.current.querySelector(`[data-index=\"0\"]`) as HTMLDivElement).focus();\n          } else {\n            onlyFocus(onScrollStop().pop());\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          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={-1}\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 eslint-comments/no-unlimited-disable\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        aria-relevant=\"additions\"\n        ref={virtualListRef}\n        role=\"list\"\n        onKeyDown={handleListKey}\n      >\n        <StyledChatContainerContentListScroll height={`${totalSize}px`}>\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          {render}\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAqC;AACrC,wBAAyB;AACzB,2BAA2B;AAC3B,uBAAqB;AACrB,oBAAyB;AACzB,oBAAyC;AACzC,+BAAiC;AACjC,4BAA8B;AAC9B,oBAOO;AACP,mBAAwE;AAQxE,MAAM,aAAa,CAAC,EAAE,cAAc,gBAAgB,gBAA6B;AAC/E,QAAM,UAAU;AAAA,IACd,cAAc;AAAA,IACd,YAAY;AAAA;AAEd,MAAI,CAAC,cAAc,gBAAgB,WAAW,KAAK,CAAC,SAAS,SAAS;AAAQ,YAAQ,eAAe;AAAA,WAC5F,CAAC,cAAc,gBAAgB,WAAW,KAAK,CAAC,SAAS,SAAS;AAAW,YAAQ,aAAa;AAC3G,SAAO;AAAA;AAGT,MAAM,4BAA4B,CAAC,UAAuD;AACxF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AACJ,QAAM,kBAAkB,qBAAM,OAAO;AACrC,QAAM,cAAc,qBAAM,OAAO;AACjC,QAAM,iBAAiB,qBAAM;AAG7B,QAAM;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,MACE,qCAAW;AAAA,IACb,MAAM,SAAS;AAAA,IACf,WAAW;AAAA,IACX,UAAU;AAAA,OACP,WAAW,EAAE,cAAc,gBAAgB;AAAA,IAC9C,cAAc,qBAAM,YAAY,MAAM,IAAI;AAAA;AAG5C,QAAM,kBAAkB,qBAAM,QAC5B,MACE,4BAAS,MAAgB;AACvB,YAAQ,IAAI;AACZ,QAAI,SAAS,oBAAoB,UAAU;AACzC,sBAAgB,UAAU;AAC1B,aAAO;AAAA;AAET,QAAI,CAAC,eAAe;AAAS,aAAO;AACpC,oBAAgB,UAAU;AAC1B,UAAM,EAAE,QAAQ,QAAQ,eAAe,SAAS;AAEhD,UAAM,OAAO,eAAe,QAAQ,iBAClC;AAEF,UAAM,YAAY;AAClB,SAAK,QAAQ,CAAC,SAAsB;AAClC,YAAM,EAAE,KAAK,YAAY,KAAK;AAE9B,YAAM,cAAc;AACpB,UAAI,UAAU,cAAc,UAAU,UAAU,cAAc;AAAK,kBAAU,KAAK,KAAK,QAAQ;AAAA;AAEjG,QAAI;AAAc,mBAAa;AAC/B,WAAO;AAAA,KACN,MACL,CAAC;AAGH,QAAM,eAAe,qBAAM,YAAY,iBAAiB,CAAC;AAEzD,QAAM,YAAY,qBAAM,YAAY,CAAC,UAAkB;AACrD,eAAW,MAAM;AACf,MAAC,eAAe,QAAQ,cAAc,gBAAgB,WAA8B;AAAA,OACnF;AAAA,KACF;AAEH,QAAM,iBAAiB,qBAAM,YAC3B,CAAC,OAAe,IAAI,EAAE,OAAO,eAAe;AAC1C,YAAQ,OAAO;AACf,cAAU;AACV;AAAA,KAEF,CAAC,cAAc,WAAW;AAG5B,uBAAM,UAAU,MAAM;AACpB,QAAI,aAAa,UAAU,SAAS;AAClC,gBAAU,QAAQ,gBAAgB,CAAC,GAAG,IAAI,EAAE,OAAO,eAAe;AAChE,gBAAQ,GAAG;AACX;AAAA;AAEF,gBAAU,QAAQ,oBAAoB;AACtC;AACA,gBAAU,QAAQ,eAAe,CAAC,GAAG,IAAI,EAAE,OAAO,eAAkC;AAClF,uBAAe,GAAG;AAAA;AAEpB,gBAAU,QAAQ,4BAA4B;AAC9C,gBAAU,QAAQ,cAAc,MAAM;AACpC,uBAAe,SAAS;AAAA;AAAA;AAAA,KAG3B,CAAC,WAAW,cAAc,WAAW,gBAAgB;AAExD,QAAM,YAAY,qBAAM,YACtB,CAAC,MAA2B;AAC1B,UAAM,EAAE,QAAQ;AAChB,UAAM,QAAQ,OAAO,EAAE,cAAc,QAAQ;AAC7C,MAAE;AACF,YAAQ;AAAA,WACD;AACH,UAAE;AACF,YAAI,QAAQ,GAAG;AACb,UAAC,gBAAe,SAAS,cAAc,gBAAgB,QAAQ,QAA0B;AAAA,mBAChF,iBAAiB,OAAO;AACjC,sBAAY,SAAS;AAAA;AAEvB;AAAA,WACG;AACH,UAAE;AACF,YAAI,QAAQ,SAAS,SAAS,GAAG;AAC/B,UAAC,eAAe,QAAQ,cAAc,gBAAgB,QAAQ,OAA0B;AAAA;AAE1F;AAAA,WACG;AACH,UAAE;AACF,uBAAe;AACf;AAAA,WACG;AACH,UAAE;AACF,uBAAe,SAAS,SAAS;AACjC;AAAA,WACG;AACH,YAAI,iBAAiB,YAAY,CAAC,EAAE,UAAU;AAC5C,YAAE;AACF,sBAAY,SAAS;AAAA,mBACZ,iBAAiB,SAAS,EAAE,UAAU;AAAA,mBAGtC,CAAC,EAAE,UAAU;AACtB,cAAI,gBAAgB;AAClB,cAAE;AACF,sBAAU,QAAQ;AAAA;AAAA,eAEf;AACL,YAAE;AACF,yBAAe,SAAS;AAAA;AAE1B;AAAA;AAEA;AAAA;AAAA,KAGN,CAAC,WAAW,cAAc,SAAS,QAAQ,gBAAgB;AAE7D,QAAM,gBAAgB,qBAAM,YAC1B,CAAC,MAA2B;AAC1B,UAAM,EAAE,QAAQ;AAChB,YAAQ;AAAA,WACD;AACH,UAAE;AACF,YAAI,SAAS,kBAAkB,YAAY,SAAS;AAClD,oBAAU,eAAe;AAAA;AAE3B;AAAA,WACG;AACH,UAAE;AACF,YAAI,SAAS,kBAAkB,YAAY,SAAS;AAClD,UAAC,eAAe,QAAQ,cAAc,oBAAuC;AAAA,eACxE;AACL,oBAAU,eAAe;AAAA;AAE3B;AAAA,WACG;AACH,UAAE;AACF,uBAAe;AACf;AAAA,WACG;AACH,UAAE;AACF,uBAAe,SAAS,SAAS;AACjC;AAAA,WACG;AACH,YAAI,SAAS,kBAAkB,YAAY,SAAS;AAClD,cAAI,iBAAiB,YAAY,CAAC,EAAE,UAAU;AAC5C,cAAE;AACF,wBAAY,SAAS;AAAA,qBACZ,iBAAiB,SAAS,EAAE,UAAU;AAC/C,cAAE;AACF,wBAAY,SAAS;AAAA,qBACZ,CAAC,EAAE,UAAU;AACtB,cAAE;AACF,sBAAU,QAAQ;AAAA;AAAA,mBAEX,CAAC,EAAE,UAAU;AACtB,YAAE;AACF,oBAAU,QAAQ;AAAA,eACb;AACL,YAAE;AACF,yBAAe,SAAS;AAAA;AAE1B;AAAA;AAEA;AAAA;AAAA,KAGN,CAAC,WAAW,cAAc,SAAS,QAAQ,cAAc,WAAW;AAGtE,QAAM,uBAAuB,qBAAM,YAAY,MAAM;AACnD,QAAI,gBAAgB,YAAY;AAAM;AAAA,KACrC,CAAC;AAEJ,uBAAM,UAAU,MAAM;AACpB,QAAI,kBAAkB;AACtB,UAAM,kBAAkB,eAAe;AACvC,UAAM,WAAW,MAAM;AACrB,UAAI;AAAiB,qBAAa;AAClC,wBAAkB,WAAW,cAAc;AAAA;AAE7C,QAAI,cAAc;AAChB,qBAAe,QAAQ,iBAAiB,UAAU;AAAA;AAEpD,aAAS,iBAAiB,oBAAoB;AAC9C,WAAO,MAAM;AACX,UAAI;AAAiB,qBAAa;AAClC,UAAI;AAAc,wBAAgB,oBAAoB,UAAU;AAChE,eAAS,oBAAoB,oBAAoB;AAAA;AAAA,KAElD,CAAC,cAAc,cAAc;AAEhC,QAAM,SAAS,qBAAM,QACnB,MACE,aAAa,IAAI,CAAC,gBAAgB;AAChC,UAAM,EAAE,OAAO,YAAY,UAAU;AACrC,UAAM,MAAM,SAAS;AACrB,UAAM,YAAY,mBAAmB,gBAAgB,KAAK,CAAC,MAAM,MAAM,IAAI;AAC3E,UAAM,QAAuB;AAAA,MAC3B,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN,WAAW,cAAc;AAAA,MACzB,OAAO;AAAA;AAGT,WACE,mDAAC,wBAAD;AAAA,MACE,gBAAa;AAAA,MACb,cAAY;AAAA,MACZ,KAAK,kBAAkB,SAAS,IAAI,QAAQ,IAAI;AAAA,MAChD;AAAA,MACA,KAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,MACX,MAAK;AAAA,OAEL,mDAAC,qCAAD;AAAA,MAAuB,MAAM,IAAI;AAAA,OAC9B,IAAI,SAAS,2BAAa,UAAU,IAAI,SAAS,2BAAa,YAE7D,mDAAC,0BAAD;AAAA,SAAiB;AAAA,MAAa,aAAa,YAAY,cAAc,IAAI;AAAA,SACvE,MACH,IAAI,SAAS,2BAAa,YAAY,mDAAC,2CAAD;AAAA,SAAuB;AAAA,SAAkB,MAC/E,IAAI,SAAS,2BAAa,SAAS,mDAAC,qCAAD;AAAA,SAAoB;AAAA,SAAkB;AAAA,MAKpF,CAAC,cAAc,UAAU,iBAAiB,WAAW;AAGvD,SACE,mDAAC,6BAAD,MACE,mDAAC,8CAAD;AAAA,IACE,eAAY;AAAA,IACZ,UAAU;AAAA,IACV,aAAU;AAAA,IACV,iBAAc;AAAA,IACd,KAAK;AAAA,IACL,MAAK;AAAA,IACL,WAAW;AAAA,KAEX,mDAAC,oDAAD;AAAA,IAAsC,QAAQ,GAAG;AAAA,KAC9C,CAAC,aAAa,eACb,mDAAC,uCAAD;AAAA,IAAyB;AAAA,KACvB,mDAAC,0BAAD;AAAA,IACE,WAAU;AAAA,IACV,YAAW;AAAA,IACX,SAAS;AAAA,IACT,eAAY;AAAA,IACZ,UAAU;AAAA,QAGZ,MACH;AAAA;AAOX,0BAA0B,YAAY;AACtC,0BAA0B,eAAe;AACzC,MAAM,sCAAsC,gCAAS;AACrD,oCAAoC,YAAY;",
-  "names": []
-}

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

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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/parts/chat-container-messages-list/config/useValidateProps.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatContainerMessagesListProps } from '../props';\n\nexport const useValidateProps = (props: ChatContainerMessagesListProps, propTypes: unknown): void => {\n  useValidateTypescriptPropTypes(props, propTypes);\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAGxC,MAAM,mBAAmB,CAAC,OAAuC,cAA6B;AACnG,8DAA+B,OAAO;AAAA;",
-  "names": []
-}

package/dist/cjs/parts/chat-container-messages-list/index.js

@@ -1,36 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var chat_container_messages_list_exports = {};
-__export(chat_container_messages_list_exports, {
-  ChatContainerMessagesList: () => import_ChatContainerMessagesList.ChatContainerMessagesList,
-  ChatContainerMessagesListWithSchema: () => import_ChatContainerMessagesList.ChatContainerMessagesListWithSchema
-});
-var React = __toESM(require("react"));
-var import_ChatContainerMessagesList = require("./ChatContainerMessagesList");
-module.exports = __toCommonJS(chat_container_messages_list_exports);
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/chat-container-messages-list/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export {\n  ChatContainerMessagesList,\n  ChatContainerMessagesListWithSchema,\n} from './ChatContainerMessagesList';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uCAGO;",
-  "names": []
-}

package/dist/cjs/parts/chat-container-messages-list/props.js

@@ -1,68 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var props_exports = {};
-__export(props_exports, {
-  defaultProps: () => defaultProps,
-  listProps: () => listProps
-});
-var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_lodash = require("lodash");
-const defaultProps = {
-  messages: [],
-  actionRef: import_lodash.noop,
-  onScrollEnds: () => [],
-  getMoreMessages: import_lodash.noop,
-  sendingMessages: void 0,
-  sendingText: "Sending",
-  bannerPosition: void 0,
-  bannerRef: void 0
-};
-const listProps = {
-  messages: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.object).description("The array of out-of-the-box items you want to render inside the ChatMessageList").defaultValue(defaultProps.messages),
-  actionRef: import_react_desc.PropTypes.object.description(`Reference: 
-        { 
-          scrollToIndex: (n: number) => void,
-          getMessagesInView: () => number[],
-          focusToIndex: (n: number) => void,
-          focusToIndexWithoutScroll: (n: number) => void,
-          focusToList: () => void,
-          focusToComposer: () => void,
-          focusToSend: () => void,
-        }
-        
-      `).defaultValue(defaultProps.actionRef),
-  onScrollEnds: import_react_desc.PropTypes.func.description(`Called when the scroll stops.`),
-  isLoading: import_react_desc.PropTypes.oneOf(["top", "bottom", void 0]).description("Keeps the load more space while the loading is in progress"),
-  hasMoreItems: import_react_desc.PropTypes.oneOf(["top", "bottom", void 0]).description("Show Load More button at the `top` or `bottom` of the container"),
-  getMoreMessages: import_react_desc.PropTypes.func.description("Called when the user clicks on load more").defaultValue(defaultProps.getMoreMessages),
-  sendingMessages: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string), import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.number)]).description("Array of ids of sending messages").defaultValue(defaultProps.sendingMessages),
-  sendingText: import_react_desc.PropTypes.string.description("Label description for messages in sending status").defaultValue(defaultProps.sendingText)
-};
-module.exports = __toCommonJS(props_exports);
-//# sourceMappingURL=props.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/chat-container-messages-list/props.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "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  bannerPosition?: 'top' | 'bottom';\n  bannerRef: React.MutableRefObject<{\n    focusOnWrapper: (...args: any[]) => void;\n    focusOnLink: (...args: any[]) => void;\n  }>;\n}\n\nexport const defaultProps: ChatContainerMessagesListProps = {\n  messages: [],\n  actionRef: noop,\n  onScrollEnds: () => [],\n  getMoreMessages: noop,\n  sendingMessages: undefined,\n  sendingText: 'Sending',\n  bannerPosition: undefined,\n  bannerRef: undefined,\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          focusToIndexWithoutScroll: (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.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};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAA0B;AAC1B,oBAAqB;AAuBd,MAAM,eAA+C;AAAA,EAC1D,UAAU;AAAA,EACV,WAAW;AAAA,EACX,cAAc,MAAM;AAAA,EACpB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,WAAW;AAAA;AAGN,MAAM,YAAY;AAAA,EACvB,UAAU,4BAAU,QAAQ,4BAAU,QACnC,YAAY,mFACZ,aAAa,aAAa;AAAA,EAC7B,WAAW,4BAAU,OAClB,YACC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAaD,aAAa,aAAa;AAAA,EAC7B,cAAc,4BAAU,KAAK,YAAY;AAAA,EACzC,WAAW,4BAAU,MAAM,CAAC,OAAO,UAAU,SAAY,YACvD;AAAA,EAEF,cAAc,4BAAU,MAAM,CAAC,OAAO,UAAU,SAAY,YAC1D;AAAA,EAEF,iBAAiB,4BAAU,KACxB,YAAY,4CACZ,aAAa,aAAa;AAAA,EAC7B,iBAAiB,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,SAAS,4BAAU,QAAQ,4BAAU,UACpG,YAAY,oCACZ,aAAa,aAAa;AAAA,EAC7B,aAAa,4BAAU,OACpB,YAAY,oDACZ,aAAa,aAAa;AAAA;",
-  "names": []
-}

package/dist/cjs/parts/chat-container-messages-list/styled.js

@@ -1,100 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styled_exports = {};
-__export(styled_exports, {
-  ListItem: () => ListItem,
-  StyledChatContainerContentList: () => StyledChatContainerContentList,
-  StyledChatContainerContentListScroll: () => StyledChatContainerContentListScroll,
-  StyledLoadMoreContainer: () => StyledLoadMoreContainer,
-  StyledWrapper: () => StyledWrapper,
-  StyledWrapperListItem: () => StyledWrapperListItem
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_bubble = require("../bubble/index");
-const StyledWrapper = import_styled_components.default.div`
-  width: 100%;
-  height: 100%;
-`;
-const StyledWrapperListItem = import_styled_components.default.div`
-  min-width: 100%;
-  ${(props) => props.type === import_bubble.BUBBLE_TYPES.SENDER && `padding: ${props.theme.space.xxs} ${props.theme.space.xxs} ${props.theme.space.xxs} 13%
-  `};
-  ${(props) => props.type === import_bubble.BUBBLE_TYPES.RECIPIENT && `padding: ${props.theme.space.xxs} 13% ${props.theme.space.xxs}
-    ${props.theme.space.xxs}
-  `};
-  ${(props) => props.type === import_bubble.BUBBLE_TYPES.SYSTEM && `padding: ${props.theme.space.xxs} 0px
-  `};
-`;
-const StyledChatContainerContentList = import_styled_components.default.div`
-  width: 100%;
-  height: 100%;
-  padding: ${(props) => props.theme.space.xs};
-  padding-bottom: 0;
-  overflow-y: auto;
-  overflow-x: hidden;
-`;
-const StyledChatContainerContentListScroll = import_styled_components.default.div`
-  width: 100%;
-  height: ${(props) => props.height};
-  position: relative;
-`;
-const StyledLoadMoreContainer = import_styled_components.default.div`
-  position: absolute;
-  width: calc(100% + ${(props) => props.theme.space.xxs});
-  padding: ${(props) => props.theme.space.xxs};
-  left: -${(props) => props.theme.space.xxs};
-  right: -${(props) => props.theme.space.xxs};
-  display: grid;
-  justify-content: center;
-  align-items: center;
-  ${(props) => props.hasMoreItems === "top" ? "top: 0;" : ""}
-  ${(props) => props.hasMoreItems === "bottom" ? "bottom: 0;" : ""}
-`;
-const ListItem = import_styled_components.default.div`
-  &:focus,
-  &:focus-visible {
-    outline: none;
-    &:after {
-      content: '';
-      display: block;
-      position: absolute;
-      top: 0;
-      left: -${(props) => props.theme.space.xxs};
-      pointer-events: none;
-      border-radius: 2px;
-      background-color: #ebedf0;
-      width: calc(100% + 24px);
-      border: 2px solid #1e79c2;
-      height: 100%;
-      z-index: -1;
-    }
-  }
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/chat-container-messages-list/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "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} ${props.theme.space.xxs} 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      top: 0;\n      left: -${(props) => props.theme.space.xxs};\n      pointer-events: none;\n      border-radius: 2px;\n      background-color: #ebedf0;\n      width: calc(100% + 24px);\n      border: 2px solid #1e79c2;\n      height: 100%;\n      z-index: -1;\n    }\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,oBAA6B;AAGtB,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAAA;AAM7B,MAAM,wBAAwB,iCAAO;AAAA;AAAA,IAExC,CAAC,UACD,MAAM,SAAS,2BAAa,UAC5B,YAAY,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM;AAAA;AAAA,IAEhF,CAAC,UACD,MAAM,SAAS,2BAAa,aAC5B,YAAY,MAAM,MAAM,MAAM,WAAW,MAAM,MAAM,MAAM;AAAA,MACzD,MAAM,MAAM,MAAM;AAAA;AAAA,IAEpB,CAAC,UACD,MAAM,SAAS,2BAAa,UAC5B,YAAY,MAAM,MAAM,MAAM;AAAA;AAAA;AAI3B,MAAM,iCAAiC,iCAAO;AAAA;AAAA;AAAA,aAGxC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAKnC,MAAM,uCAAuC,iCAAO;AAAA;AAAA,YAE/C,CAAC,UAAU,MAAM;AAAA;AAAA;AAItB,MAAM,0BAA0B,iCAAO;AAAA;AAAA,uBAEvB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,aACvC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WAC/B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,YAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,IAIrC,CAAC,UAAW,MAAM,iBAAiB,QAAQ,YAAY;AAAA,IACvD,CAAC,UAAW,MAAM,iBAAiB,WAAW,eAAe;AAAA;AAE1D,MAAM,WAAW,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAShB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}