@elliemae/ds-chat 3.5.1-next.0 → 3.6.0-next.1

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

@@ -1,93 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useFocusAndScrollHelpers_exports = {};
-__export(useFocusAndScrollHelpers_exports, {
-  useFocusAndScrollHelpers: () => useFocusAndScrollHelpers
-});
-module.exports = __toCommonJS(useFocusAndScrollHelpers_exports);
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-const useFocusAndScrollHelpers = ({
-  propsWithDefault: { onScrollEnds },
-  useVirtualHelpers: { scrollToIndex: vScroll },
-  pendingOnScroll,
-  virtualListRef
-}) => {
-  const onScrollStop = import_react.default.useMemo(
-    () => (0, import_lodash.debounce)(() => {
-      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, pendingOnScroll, virtualListRef]
-  );
-  const onlyFocus = import_react.default.useCallback(
-    (index) => {
-      virtualListRef.current?.querySelector(`[data-index="${index}"]`)?.focus();
-    },
-    [virtualListRef]
-  );
-  const scrollAndFocus = import_react.default.useCallback(
-    (index, opts = { align: "center" }) => {
-      vScroll(index, opts);
-      setTimeout(() => {
-        onlyFocus(index);
-      }, 300);
-      onScrollStop();
-    },
-    [onScrollStop, onlyFocus, vScroll]
-  );
-  const checkPendingOnScroll = import_react.default.useCallback(() => {
-    if (pendingOnScroll.current === true)
-      onScrollStop();
-  }, [onScrollStop, pendingOnScroll]);
-  return import_react.default.useMemo(
-    () => ({
-      onScrollStop,
-      onlyFocus,
-      scrollAndFocus,
-      checkPendingOnScroll
-    }),
-    [onScrollStop, onlyFocus, scrollAndFocus, checkPendingOnScroll]
-  );
-};
-//# sourceMappingURL=useFocusAndScrollHelpers.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/chat-container-messages-list/useFocusAndScrollHelpers.ts", "../../../../../../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 from 'react';\nimport { useVirtual } from 'react-virtual';\nimport { debounce } from 'lodash';\nimport { DSChatT } from '../../react-desc-prop-types';\n\ntype UseFocusAndScrollHelpersArgs = {\n  propsWithDefault: DSChatT.MessagesListProps;\n  useVirtualHelpers: ReturnType<typeof useVirtual>;\n  pendingOnScroll: React.MutableRefObject<boolean>;\n  virtualListRef: React.MutableRefObject<HTMLDivElement | undefined>;\n};\n\nexport const useFocusAndScrollHelpers = ({\n  propsWithDefault: { onScrollEnds },\n  useVirtualHelpers: { scrollToIndex: vScroll },\n  pendingOnScroll,\n  virtualListRef,\n}: UseFocusAndScrollHelpersArgs) => {\n  const onScrollStop = React.useMemo(\n    () =>\n      debounce((): string[] => {\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<HTMLElement>('[data-element=\"chat-element-list-item\"]');\n        const indexList: Array<string> = [];\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, pendingOnScroll, virtualListRef],\n  );\n\n  const onlyFocus = React.useCallback(\n    (index: number | string) => {\n      (virtualListRef.current?.querySelector(`[data-index=\"${index}\"]`) as HTMLDivElement)?.focus();\n    },\n    [virtualListRef],\n  );\n\n  const scrollAndFocus = React.useCallback(\n    (index: number, opts = { align: 'center' } as DSChatT.ScrollToIndexOptions) => {\n      vScroll(index, opts);\n      setTimeout(() => {\n        onlyFocus(index);\n      }, 300);\n      onScrollStop();\n    },\n    [onScrollStop, onlyFocus, vScroll],\n  );\n\n  const checkPendingOnScroll = React.useCallback(() => {\n    if (pendingOnScroll.current === true) onScrollStop();\n  }, [onScrollStop, pendingOnScroll]);\n\n  return React.useMemo(\n    () => ({\n      onScrollStop,\n      onlyFocus,\n      scrollAndFocus,\n      checkPendingOnScroll,\n    }),\n    [onScrollStop, onlyFocus, scrollAndFocus, checkPendingOnScroll],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAkB;AAElB,oBAAyB;AAUlB,MAAM,2BAA2B,CAAC;AAAA,EACvC,kBAAkB,EAAE,aAAa;AAAA,EACjC,mBAAmB,EAAE,eAAe,QAAQ;AAAA,EAC5C;AAAA,EACA;AACF,MAAoC;AAClC,QAAM,eAAe,aAAAA,QAAM;AAAA,IACzB,UACE,wBAAS,MAAgB;AACvB,UAAI,SAAS,oBAAoB,UAAU;AACzC,wBAAgB,UAAU;AAC1B,eAAO,CAAC;AAAA,MACV;AACA,UAAI,CAAC,eAAe;AAAS,eAAO,CAAC;AACrC,sBAAgB,UAAU;AAC1B,YAAM,EAAE,QAAQ,IAAI,IAAI,eAAe,SAAS,sBAAsB,KAAK,CAAC;AAE5E,YAAM,OAAO,eAAe,QAAQ,iBAA8B,yCAAyC;AAC3G,YAAM,YAA2B,CAAC;AAClC,WAAK,QAAQ,CAAC,SAAsB;AAClC,cAAM,EAAE,KAAK,QAAQ,IAAI,KAAK,sBAAsB;AAEpD,cAAM,cAAc;AACpB,YAAI,UAAU,cAAc,UAAU,UAAU,cAAc;AAAK,oBAAU,KAAK,KAAK,QAAQ,SAAS,EAAE;AAAA,MAC5G,CAAC;AACD,UAAI;AAAc,qBAAa,SAAS;AACxC,aAAO;AAAA,IACT,GAAG,GAAG;AAAA,IACR,CAAC,cAAc,iBAAiB,cAAc;AAAA,EAChD;AAEA,QAAM,YAAY,aAAAA,QAAM;AAAA,IACtB,CAAC,UAA2B;AAC1B,MAAC,eAAe,SAAS,cAAc,gBAAgB,SAAS,GAAsB,MAAM;AAAA,IAC9F;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,iBAAiB,aAAAA,QAAM;AAAA,IAC3B,CAAC,OAAe,OAAO,EAAE,OAAO,SAAS,MAAsC;AAC7E,cAAQ,OAAO,IAAI;AACnB,iBAAW,MAAM;AACf,kBAAU,KAAK;AAAA,MACjB,GAAG,GAAG;AACN,mBAAa;AAAA,IACf;AAAA,IACA,CAAC,cAAc,WAAW,OAAO;AAAA,EACnC;AAEA,QAAM,uBAAuB,aAAAA,QAAM,YAAY,MAAM;AACnD,QAAI,gBAAgB,YAAY;AAAM,mBAAa;AAAA,EACrD,GAAG,CAAC,cAAc,eAAe,CAAC;AAElC,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,cAAc,WAAW,gBAAgB,oBAAoB;AAAA,EAChE;AACF;",
-  "names": ["React"]
-}

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

@@ -1,46 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useGetNewMessages_exports = {};
-__export(useGetNewMessages_exports, {
-  useGetNewMessages: () => useGetNewMessages
-});
-module.exports = __toCommonJS(useGetNewMessages_exports);
-var React = __toESM(require("react"));
-var import_react = require("react");
-const useGetNewMessages = (messages) => {
-  const [seenMessages, setSeenMessages] = (0, import_react.useState)({});
-  const newMessages = (0, import_react.useMemo)(() => {
-    const list = [];
-    messages.forEach((message) => {
-      if (!(message.dsId in seenMessages)) {
-        list.push(message);
-      }
-    });
-    setSeenMessages(Object.fromEntries(messages.map((m) => [m.dsId, true])));
-    return list;
-  }, [messages]);
-  return newMessages;
-};
-//# sourceMappingURL=useGetNewMessages.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/chat-container-messages-list/useGetNewMessages.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useMemo, useState } from 'react';\nimport { BubblePropsT } from '../../exported-related/bubble/props';\n\nexport const useGetNewMessages = (messages: BubblePropsT[]) => {\n  const [seenMessages, setSeenMessages] = useState<Record<BubblePropsT['dsId'], true>>({});\n  const newMessages = useMemo(() => {\n    const list: BubblePropsT[] = [];\n    messages.forEach((message) => {\n      if (!(message.dsId in seenMessages)) {\n        list.push(message);\n      }\n    });\n    setSeenMessages(Object.fromEntries(messages.map((m) => [m.dsId, true])));\n    return list;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [messages]);\n\n  return newMessages;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAG3B,MAAM,oBAAoB,CAAC,aAA6B;AAC7D,QAAM,CAAC,cAAc,eAAe,QAAI,uBAA6C,CAAC,CAAC;AACvF,QAAM,kBAAc,sBAAQ,MAAM;AAChC,UAAM,OAAuB,CAAC;AAC9B,aAAS,QAAQ,CAAC,YAAY;AAC5B,UAAI,EAAE,QAAQ,QAAQ,eAAe;AACnC,aAAK,KAAK,OAAO;AAAA,MACnB;AAAA,IACF,CAAC;AACD,oBAAgB,OAAO,YAAY,SAAS,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC;AACvE,WAAO;AAAA,EAET,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AACT;",
-  "names": []
-}

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

@@ -1,59 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useGlobalEventListener_exports = {};
-__export(useGlobalEventListener_exports, {
-  useGlobalEventListener: () => useGlobalEventListener
-});
-module.exports = __toCommonJS(useGlobalEventListener_exports);
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const useGlobalEventListener = ({
-  propsWithDefault: { onScrollEnds },
-  virtualListRef,
-  onScrollStop,
-  checkPendingOnScroll
-}) => {
-  import_react.default.useEffect(() => {
-    let handlerCallback;
-    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, virtualListRef]);
-};
-//# sourceMappingURL=useGlobalEventListener.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/chat-container-messages-list/useGlobalEventListener.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { type DebouncedFunc } from 'lodash';\nimport { type DSChatT } from '../../react-desc-prop-types';\n\ntype UseGlobalEventListenerArgs = {\n  propsWithDefault: DSChatT.MessagesListProps;\n  virtualListRef: React.MutableRefObject<HTMLDivElement | undefined>;\n  onScrollStop: DebouncedFunc<() => string[]>;\n  checkPendingOnScroll: GenericFunc;\n};\n\nexport const useGlobalEventListener = ({\n  propsWithDefault: { onScrollEnds },\n  virtualListRef,\n  onScrollStop,\n  checkPendingOnScroll,\n}: UseGlobalEventListenerArgs) => {\n  React.useEffect(() => {\n    let handlerCallback: ReturnType<typeof setTimeout>;\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, virtualListRef]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAWX,MAAM,yBAAyB,CAAC;AAAA,EACrC,kBAAkB,EAAE,aAAa;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,MAAkC;AAChC,eAAAA,QAAM,UAAU,MAAM;AACpB,QAAI;AACJ,UAAM,kBAAkB,eAAe;AACvC,UAAM,WAAW,MAAM;AACrB,UAAI;AAAiB,qBAAa,eAAe;AACjD,wBAAkB,WAAW,cAAc,GAAG;AAAA,IAChD;AACA,QAAI,cAAc;AAChB,qBAAe,SAAS,iBAAiB,UAAU,QAAQ;AAAA,IAC7D;AACA,aAAS,iBAAiB,oBAAoB,oBAAoB;AAClE,WAAO,MAAM;AACX,UAAI;AAAiB,qBAAa,eAAe;AACjD,UAAI;AAAc,wBAAgB,oBAAoB,UAAU,QAAQ;AACxE,eAAS,oBAAoB,oBAAoB,oBAAoB;AAAA,IACvE;AAAA,EACF,GAAG,CAAC,cAAc,cAAc,sBAAsB,cAAc,CAAC;AACvE;",
-  "names": ["React"]
-}

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

@@ -1,147 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useKeyboard_exports = {};
-__export(useKeyboard_exports, {
-  useKeyboard: () => useKeyboard
-});
-module.exports = __toCommonJS(useKeyboard_exports);
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const getIsNumber = (val) => Number.isInteger(val);
-const useKeyboard = ({
-  propsWithDefault: { hasMoreItems, messages, bannerPosition, bannerRef },
-  actionRef,
-  virtualListRef,
-  loadMoreRef,
-  scrollAndFocus,
-  onlyFocus,
-  onScrollStop
-}) => {
-  const handleKey = import_react.default.useCallback(
-    (e) => {
-      const { key, currentTarget } = e;
-      const index = currentTarget.dataset?.index ? Number(currentTarget.dataset.index) : void 0;
-      const isIndexNumber = getIsNumber(index);
-      e.stopPropagation();
-      switch (key) {
-        case "ArrowUp":
-          e.preventDefault();
-          if (index && index > 0) {
-            (virtualListRef.current?.querySelector(`[data-index="${index - 1}"]`)).focus();
-          } else if (hasMoreItems === "top") {
-            loadMoreRef.current?.focus();
-          }
-          break;
-        case "ArrowDown":
-          e.preventDefault();
-          if (messages?.length && isIndexNumber && index < messages.length - 1) {
-            (virtualListRef.current?.querySelector(`[data-index="${index + 1}"]`)).focus();
-          }
-          break;
-        case "Home":
-          e.preventDefault();
-          scrollAndFocus(0);
-          break;
-        case "End":
-          e.preventDefault();
-          if (messages?.length)
-            scrollAndFocus(messages.length - 1);
-          break;
-        case "Tab":
-          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) {
-            if (bannerPosition) {
-              e.preventDefault();
-              bannerRef?.current?.focusOnWrapper();
-            }
-          } else {
-            e.preventDefault();
-            virtualListRef.current?.focus();
-          }
-          break;
-        default:
-          break;
-      }
-    },
-    [hasMoreItems, messages.length, scrollAndFocus, virtualListRef, loadMoreRef, bannerPosition, bannerRef]
-  );
-  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();
-          if (messages?.length)
-            scrollAndFocus(messages.length - 1);
-          break;
-        case "Tab":
-          if (document.activeElement !== loadMoreRef.current) {
-            if (hasMoreItems === "bottom" && !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, loadMoreRef, messages.length, onScrollStop, onlyFocus, scrollAndFocus, virtualListRef]
-  );
-  return import_react.default.useMemo(() => ({ handleKey, handleListKey }), [handleKey, handleListKey]);
-};
-//# sourceMappingURL=useKeyboard.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/chat-container-messages-list/useKeyboard.ts", "../../../../../../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 from 'react';\nimport { type DebouncedFunc } from 'lodash';\nimport { DSChatT } from '../../react-desc-prop-types';\n\ntype UseKeyboardArgs = {\n  propsWithDefault: DSChatT.MessagesListProps;\n  actionRef: DSChatT.ActionRef;\n  virtualListRef: React.MutableRefObject<HTMLDivElement | undefined>;\n  loadMoreRef: React.MutableRefObject<HTMLButtonElement | undefined>;\n  scrollAndFocus: (index: number, opts?: DSChatT.ScrollToIndexOptions) => void;\n  onlyFocus: (index: number | string) => void;\n  onScrollStop: DebouncedFunc<() => string[]>;\n  //   useVirtualHelpers: ReturnType<typeof useVirtual>;\n};\n\nconst getIsNumber = (val: unknown): val is number => Number.isInteger(val);\n\nexport const useKeyboard = ({\n  propsWithDefault: { hasMoreItems, messages, bannerPosition, bannerRef },\n  actionRef,\n  virtualListRef,\n  loadMoreRef,\n  scrollAndFocus,\n  onlyFocus,\n  onScrollStop,\n}: UseKeyboardArgs) => {\n  const handleKey = React.useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      const { key, currentTarget } = e;\n      const index = currentTarget.dataset?.index ? Number(currentTarget.dataset.index) : undefined;\n      const isIndexNumber = getIsNumber(index);\n      e.stopPropagation();\n      switch (key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          if (index && 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 (messages?.length && isIndexNumber && 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          if (messages?.length) 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    [hasMoreItems, messages.length, scrollAndFocus, virtualListRef, loadMoreRef, bannerPosition, bannerRef],\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          if (messages?.length) 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 (!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, loadMoreRef, messages.length, onScrollStop, onlyFocus, scrollAndFocus, virtualListRef],\n  );\n\n  return React.useMemo(() => ({ handleKey, handleListKey }), [handleKey, handleListKey]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": ["React"]
-}

package/dist/cjs/parts/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/parts/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './chat-composer/ChatContainerComposer';\nexport * from './chat-container/ChatContainer';\nexport * from './chat-container-messages-list/ChatContainerMessagesList';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAc,kDAAd;AACA,0BAAc,2CADd;AAEA,0BAAc,qEAFd;",
-  "names": []
-}

package/dist/cjs/react-desc-prop-types.js

@@ -1,184 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var react_desc_prop_types_exports = {};
-__export(react_desc_prop_types_exports, {
-  ChatComposerPropTypes: () => ChatComposerPropTypes,
-  ChatContainerMessagesListPropTypes: () => ChatContainerMessagesListPropTypes,
-  ChatContainerPropTypes: () => ChatContainerPropTypes,
-  defaultProps: () => defaultProps,
-  defaultPropsComposer: () => defaultPropsComposer,
-  defaultPropsMessagesList: () => defaultPropsMessagesList
-});
-module.exports = __toCommonJS(react_desc_prop_types_exports);
-var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_ds_banner = require("@elliemae/ds-banner");
-function noop(..._args) {
-}
-const defaultPropsComposer = {
-  placeholder: "Type your message",
-  inputValue: "",
-  ariaMaxLengthMessage: "",
-  onChange: noop,
-  onResize: noop,
-  onSend: noop,
-  onFocus: noop,
-  onBlur: noop,
-  onKeyDown: noop,
-  maxHeight: 0,
-  inputMaxLength: void 0,
-  maxLengthMessage: void 0,
-  buttonDisabled: false,
-  dataTestid: "ds-chat-composer",
-  actionRef: void 0
-};
-const ChatComposerPropTypes = {
-  placeholder: import_ds_utilities.PropTypes.string.description("Input Placeholder").defaultValue(defaultPropsComposer.placeholder),
-  inputValue: import_ds_utilities.PropTypes.string.description("Input value").defaultValue(defaultPropsComposer.inputValue),
-  ariaMaxLengthMessage: import_ds_utilities.PropTypes.string.description("Aria message for Max length message when exceeded").defaultValue(defaultPropsComposer.maxLengthMessage),
-  maxLengthMessage: import_ds_utilities.PropTypes.string.description("Max length message").defaultValue(defaultPropsComposer.maxLengthMessage),
-  onChange: import_ds_utilities.PropTypes.func.description("Called when the user types").defaultValue(defaultPropsComposer.onChange),
-  onResize: import_ds_utilities.PropTypes.func.description("Called the input changes his height").defaultValue(defaultPropsComposer.onResize),
-  onSend: import_ds_utilities.PropTypes.func.description("Called when the click send").defaultValue(defaultPropsComposer.onSend),
-  onFocus: import_ds_utilities.PropTypes.func.description("Input focus").defaultValue(defaultPropsComposer.onFocus),
-  onBlur: import_ds_utilities.PropTypes.func.description("Input blur").defaultValue(defaultPropsComposer.onBlur),
-  onKeyDown: import_ds_utilities.PropTypes.func.description("Input on key down").defaultValue(defaultPropsComposer.onKeyDown),
-  maxHeight: import_ds_utilities.PropTypes.number.description("Max height of the composer. Use 0 for no limit").defaultValue(defaultPropsComposer.onBlur),
-  inputMaxLength: import_ds_utilities.PropTypes.number.description("Max length of the composer. `undefined` for no limit").defaultValue(defaultPropsComposer.inputMaxLength),
-  buttonDisabled: import_ds_utilities.PropTypes.bool.description("Control the disabled for the send button").defaultValue(defaultPropsComposer.buttonDisabled),
-  dataTestid: import_ds_utilities.PropTypes.string.description("Data testid").defaultValue(defaultPropsComposer.placeholder),
-  actionRef: import_ds_utilities.PropTypes.object.description(
-    `Reference: 
-        { 
-          scrollToIndex?: (n: number, opts: { align: 'end' | 'center' | 'start' }) => void,
-          getMessagesInView?: () => number[],
-          focusToIndex?: (n: number) => void,
-          focusToList?: () => void,
-          focusToComposer?: () => void,
-          focusToSend?: () => void,
-        }
-        
-      `
-  ).defaultValue(defaultPropsComposer.actionRef)
-};
-const defaultPropsMessagesList = {
-  messages: [],
-  actionRef: { current: {} },
-  getMoreMessages: noop,
-  sendingMessages: void 0,
-  sendingText: "Sending",
-  bannerPosition: void 0,
-  bannerRef: void 0
-};
-const ChatContainerMessagesListPropTypes = {
-  ...import_ds_utilities.globalAttributesPropTypes,
-  messages: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.object).description("The array of out-of-the-box items you want to render inside the ChatMessageList").defaultValue(defaultPropsMessagesList.messages),
-  actionRef: import_ds_utilities.PropTypes.object.description(
-    `Reference: 
-        { 
-          scrollToIndex?: (n: number, opts: { align: 'end' | 'center' | 'start' }) => void,
-          getMessagesInView: () => number[],
-          focusToIndex: (n: number) => void,
-          focusToIndexWithoutScroll: (n: number) => void,
-          focusToList: () => void,
-          focusToComposer: () => void,
-          focusToSend: () => void,
-        }
-        
-      `
-  ).defaultValue(defaultPropsMessagesList.actionRef),
-  onScrollEnds: import_ds_utilities.PropTypes.func.description(`Called when the scroll stops.`),
-  isLoading: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description(
-    "Keeps the load more space while the loading is in progress"
-  ),
-  hasMoreItems: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description(
-    "Show Load More button at the `top` or `bottom` of the container"
-  ),
-  getMoreMessages: import_ds_utilities.PropTypes.func.description("Called when the user clicks on load more").defaultValue(defaultPropsMessagesList.getMoreMessages),
-  sendingMessages: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.string), import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.number)]).description("Array of ids of sending messages").defaultValue(defaultPropsMessagesList.sendingMessages),
-  sendingText: import_ds_utilities.PropTypes.string.description("Label description for messages in sending status").defaultValue(defaultPropsMessagesList.sendingText)
-};
-const defaultProps = {
-  messagesListProps: defaultPropsMessagesList,
-  composerProps: defaultPropsComposer,
-  actionRef: void 0,
-  autoScroll: false,
-  device: "desktop",
-  isLoading: void 0,
-  hasMoreItems: void 0,
-  getMoreMessages: noop,
-  bannerPosition: void 0,
-  bannerProps: {
-    type: import_ds_banner.BANNER_TYPES.INFO,
-    label: "Unread Messages",
-    viewLabel: "View",
-    onView: noop,
-    onClose: noop
-  },
-  sendingMessages: void 0,
-  sendingText: "Sending"
-};
-const ChatContainerPropTypes = {
-  ...import_ds_utilities.globalAttributesPropTypes,
-  messagesListProps: import_ds_utilities.PropTypes.object.description('ChatMessageList props "messages" / "onScrollEnds"').defaultValue(defaultProps.messagesListProps),
-  composerProps: import_ds_utilities.PropTypes.object.description("Composer configuration").defaultValue(defaultProps.composerProps),
-  autoScroll: import_ds_utilities.PropTypes.bool.description("Auto scroll to bottom on resize").defaultValue(defaultProps.autoScroll),
-  device: import_ds_utilities.PropTypes.string.description("Option to render mobile or desktop style composer").defaultValue(defaultProps.device),
-  isLoading: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description(
-    "Show Loading messages indicator at the `top` or `bottom` of the container"
-  ),
-  hasMoreItems: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description(
-    "Show Load More button at the `top` or `bottom` of the container"
-  ),
-  getMoreMessages: import_ds_utilities.PropTypes.func.description("Called when the user clicks on load more").defaultValue(defaultProps.getMoreMessages),
-  bannerPosition: import_ds_utilities.PropTypes.oneOf(["top", "bottom", void 0]).description(
-    "Show Loading messages indicator at the `top` or `bottom` of the container"
-  ),
-  bannerProps: import_ds_utilities.PropTypes.object.description(
-    `Banner configuration:
-  label: string;
-  viewLabel: string;
-  type: BANNER_TYPES;
-  onView: () => void;
-  onClose: () => void;
-  `
-  ).defaultValue(defaultProps.bannerProps),
-  sendingMessages: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.string), import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.number)]).description("Array of ids of sending messages").defaultValue(defaultProps.sendingMessages),
-  sendingText: import_ds_utilities.PropTypes.string.description("Label description for messages in sending status").defaultValue(defaultProps.sendingText),
-  actionRef: import_ds_utilities.PropTypes.object.description(
-    `Reference: 
-        { 
-          scrollToIndex: (n: number) => void,
-          getMessagesInView: () => number[],
-          focusToIndex: (n: number) => void,
-          focusToList: () => void,
-          focusToComposer: () => void,
-          focusToSend: () => void,
-        }
-        
-      `
-  ).defaultValue(defaultProps.actionRef)
-};
-//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport { type DebouncedFunc } from 'lodash';\nimport { useVirtual } from 'react-virtual';\nimport { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-utilities';\nimport { BANNER_TYPES } from '@elliemae/ds-banner';\nimport { BubblePropsT } from './exported-related/bubble/props';\n\n// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\nfunction noop<T extends unknown[]>(..._args: T): void {}\nexport declare namespace DSChatT {\n  interface ChatBannerProps {\n    label: string;\n    viewLabel: string;\n    type?: string;\n    onView: () => void;\n    onClose: () => void;\n  }\n  export type ScrollToIndexOptions = Parameters<ReturnType<typeof useVirtual>['scrollToIndex']>[1];\n  export type ActionRef = React.MutableRefObject<{\n    scrollToIndex?: (index: number, opts: ScrollToIndexOptions) => void;\n    focusToIndex?: (index: number, opts: ScrollToIndexOptions) => void;\n    getMessagesInView?: DebouncedFunc<() => string[]>;\n    focusToIndexWithoutScroll?: (index?: number) => void;\n    focusToList?: () => void;\n    focusToComposer?: () => void;\n    focusToSend?: () => void;\n  }>;\n\n  export interface ContainerProps {\n    messagesListProps: Pick<MessagesListProps, 'messages' | 'onScrollEnds'>;\n    composerProps: ComposerProps;\n    actionRef?: ActionRef;\n    autoScroll: boolean;\n    device: 'desktop' | 'mobile';\n    isLoading?: 'top' | 'bottom';\n    hasMoreItems?: 'top' | 'bottom';\n    getMoreMessages: () => void;\n    bannerPosition?: 'top' | 'bottom';\n    bannerProps?: ChatBannerProps;\n    sendingMessages?: string[] | number[];\n    sendingText: string;\n  }\n\n  export interface ComposerProps {\n    placeholder?: string;\n    inputValue?: string;\n    ariaMaxLengthMessage?: string;\n    maxLengthMessage?: string;\n    onChange: (value: string) => void;\n    onResize?: (value: number) => void;\n    onSend: (value: string) => void;\n    onFocus?: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;\n    onBlur?: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;\n    onKeyDown?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n    maxHeight?: number;\n    inputMaxLength: number | undefined;\n    buttonDisabled: boolean;\n    dataTestid?: string;\n    actionRef?: ActionRef;\n  }\n\n  export interface MessagesListProps {\n    messages: BubblePropsT[];\n    actionRef: ActionRef;\n    onScrollEnds?: (indexList: string[]) => void;\n    isLoading?: 'top' | 'bottom';\n    hasMoreItems?: 'top' | 'bottom';\n    getMoreMessages: () => void;\n    sendingMessages?: Array<string | number>;\n    sendingText: string;\n    bannerPosition?: 'top' | 'bottom';\n    bannerRef?: React.MutableRefObject<{\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      focusOnWrapper: (...args: any[]) => void;\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      focusOnLink: (...args: any[]) => void;\n    }>;\n  }\n\n  export interface GetPaddingT {\n    hasMoreItems: string | undefined;\n    bannerPosition: string | undefined;\n    isLoading: string | undefined;\n  }\n}\n\nexport interface TextAreaProps {\n  height: string | number;\n  style: React.CSSProperties;\n}\n\nexport const defaultPropsComposer: DSChatT.ComposerProps = {\n  placeholder: 'Type your message',\n  inputValue: '',\n  ariaMaxLengthMessage: '',\n  onChange: noop,\n  onResize: noop,\n  onSend: noop,\n  onFocus: noop,\n  onBlur: noop,\n  onKeyDown: noop,\n  maxHeight: 0,\n  inputMaxLength: undefined,\n  maxLengthMessage: undefined,\n  buttonDisabled: false,\n  dataTestid: 'ds-chat-composer',\n  actionRef: undefined,\n};\n\nexport const ChatComposerPropTypes = {\n  placeholder: PropTypes.string.description('Input Placeholder').defaultValue(defaultPropsComposer.placeholder),\n  inputValue: PropTypes.string.description('Input value').defaultValue(defaultPropsComposer.inputValue),\n  ariaMaxLengthMessage: PropTypes.string\n    .description('Aria message for Max length message when exceeded')\n    .defaultValue(defaultPropsComposer.maxLengthMessage),\n  maxLengthMessage: PropTypes.string\n    .description('Max length message')\n    .defaultValue(defaultPropsComposer.maxLengthMessage),\n  onChange: PropTypes.func.description('Called when the user types').defaultValue(defaultPropsComposer.onChange),\n  onResize: PropTypes.func\n    .description('Called the input changes his height')\n    .defaultValue(defaultPropsComposer.onResize),\n  onSend: PropTypes.func.description('Called when the click send').defaultValue(defaultPropsComposer.onSend),\n  onFocus: PropTypes.func.description('Input focus').defaultValue(defaultPropsComposer.onFocus),\n  onBlur: PropTypes.func.description('Input blur').defaultValue(defaultPropsComposer.onBlur),\n  onKeyDown: PropTypes.func.description('Input on key down').defaultValue(defaultPropsComposer.onKeyDown),\n  maxHeight: PropTypes.number\n    .description('Max height of the composer. Use 0 for no limit')\n    .defaultValue(defaultPropsComposer.onBlur),\n  inputMaxLength: PropTypes.number\n    .description('Max length of the composer. `undefined` for no limit')\n    .defaultValue(defaultPropsComposer.inputMaxLength),\n  buttonDisabled: PropTypes.bool\n    .description('Control the disabled for the send button')\n    .defaultValue(defaultPropsComposer.buttonDisabled),\n  dataTestid: PropTypes.string.description('Data testid').defaultValue(defaultPropsComposer.placeholder),\n  actionRef: PropTypes.object\n    .description(\n      `Reference: \n        { \n          scrollToIndex?: (n: number, opts: { align: 'end' | 'center' | 'start' }) => void,\n          getMessagesInView?: () => number[],\n          focusToIndex?: (n: number) => void,\n          focusToList?: () => void,\n          focusToComposer?: () => void,\n          focusToSend?: () => void,\n        }\n        \n      `,\n    )\n    .defaultValue(defaultPropsComposer.actionRef),\n};\n\nexport const defaultPropsMessagesList: DSChatT.MessagesListProps = {\n  messages: [],\n  actionRef: { current: {} },\n  // we don't want this to exist \"by default\" since this loads document.addEventListener\n  // the code is already checking for this callback existence everytime it's invoked anyway\n  // onScrollEnds: () => [],\n  getMoreMessages: noop,\n  sendingMessages: undefined,\n  sendingText: 'Sending',\n  bannerPosition: undefined,\n  bannerRef: undefined,\n};\n\nexport const ChatContainerMessagesListPropTypes = {\n  ...globalAttributesPropTypes,\n\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(defaultPropsMessagesList.messages),\n  actionRef: PropTypes.object\n    .description(\n      `Reference: \n        { \n          scrollToIndex?: (n: number, opts: { align: 'end' | 'center' | 'start' }) => 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(defaultPropsMessagesList.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(defaultPropsMessagesList.getMoreMessages),\n  sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)])\n    .description('Array of ids of sending messages')\n    .defaultValue(defaultPropsMessagesList.sendingMessages),\n  sendingText: PropTypes.string\n    .description('Label description for messages in sending status')\n    .defaultValue(defaultPropsMessagesList.sendingText),\n};\n\nexport const defaultProps: DSChatT.ContainerProps = {\n  messagesListProps: defaultPropsMessagesList,\n  composerProps: defaultPropsComposer,\n  actionRef: undefined,\n  autoScroll: false,\n  device: 'desktop',\n  isLoading: undefined,\n  hasMoreItems: undefined,\n  getMoreMessages: noop,\n  bannerPosition: undefined,\n  bannerProps: {\n    type: BANNER_TYPES.INFO,\n    label: 'Unread Messages',\n    viewLabel: 'View',\n    onView: noop,\n    onClose: noop,\n  },\n  sendingMessages: undefined,\n  sendingText: 'Sending',\n};\n\nexport const ChatContainerPropTypes = {\n  ...globalAttributesPropTypes,\n  messagesListProps: PropTypes.object\n    .description('ChatMessageList props \"messages\" / \"onScrollEnds\"')\n    .defaultValue(defaultProps.messagesListProps),\n  composerProps: PropTypes.object.description('Composer configuration').defaultValue(defaultProps.composerProps),\n  autoScroll: PropTypes.bool.description('Auto scroll to bottom on resize').defaultValue(defaultProps.autoScroll),\n  device: PropTypes.string\n    .description('Option to render mobile or desktop style composer')\n    .defaultValue(defaultProps.device),\n  isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Loading messages indicator at the `top` or `bottom` of the container',\n  ),\n  hasMoreItems: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Load More button at the `top` or `bottom` of the container',\n  ),\n  getMoreMessages: PropTypes.func\n    .description('Called when the user clicks on load more')\n    .defaultValue(defaultProps.getMoreMessages),\n  bannerPosition: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Loading messages indicator at the `top` or `bottom` of the container',\n  ),\n  bannerProps: PropTypes.object\n    .description(\n      `Banner configuration:\n  label: string;\n  viewLabel: string;\n  type: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n  `,\n    )\n    .defaultValue(defaultProps.bannerProps),\n  sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)])\n    .description('Array of ids of sending messages')\n    .defaultValue(defaultProps.sendingMessages),\n  sendingText: PropTypes.string\n    .description('Label description for messages in sending status')\n    .defaultValue(defaultProps.sendingText),\n  actionRef: PropTypes.object\n    .description(\n      `Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n          focusToIndex: (n: number) => void,\n          focusToList: () => void,\n          focusToComposer: () => void,\n          focusToSend: () => void,\n        }\n        \n      `,\n    )\n    .defaultValue(defaultProps.actionRef),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}