@elliemae/ds-chat 3.5.0-rc.9 → 3.6.0-next.0

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

@@ -1,99 +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 styled_exports = {};
-__export(styled_exports, {
-  StyledChatContainerContentComposer: () => StyledChatContainerContentComposer,
-  StyledComposerButton: () => StyledComposerButton,
-  StyledComposerInput: () => StyledComposerInput,
-  StyledCounterArea: () => StyledCounterArea,
-  StyledCounterErrorA11y: () => StyledCounterErrorA11y
-});
-module.exports = __toCommonJS(styled_exports);
-var React = __toESM(require("react"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_button = require("@elliemae/ds-button");
-const StyledChatContainerContentComposer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
-  width: 100%;
-  min-height: 56px;
-  background: ${(props) => props.theme.colors.neutral["050"]};
-  padding: ${(props) => props.theme.space.xxs};
-  padding-bottom: 3px;
-  padding-top: 6px;
-  padding-left: ${(props) => props.theme.space.xs};
-  max-height: ${(props) => props.maxHeight};
-  border-top: 1px solid #cbcfd7;
-`;
-const StyledComposerInput = import_ds_system.styled.textarea`
-  padding: ${(props) => props.theme.space.xxs};
-  resize: none;
-  min-height: 32px;
-  border-radius: 2px;
-  border: solid 1px #cbcfd7;
-  color: #25292f;
-  height: ${(props) => typeof props.height === "number" ? `${props.height}px` : props.height};
-  min-width: 244px;
-  overflow-y: auto;
-  font-size: 13px;
-  font-weight: 400;
-  line-height: 1;
-  transition: height 0.05s;
-  &:focus {
-    outline: none;
-    border: 1px solid ${(props) => props.theme.colors.brand[600]};
-    box-shadow: inset 0 0 0 1px #8cc2ed;
-    border-radius: 2px;
-  }
-`;
-const StyledComposerButton = (0, import_ds_system.styled)(import_ds_button.DSButton)`
-  &:disabled {
-    background: none;
-    svg {
-      fill: #5d6775;
-    }
-  }
-  svg {
-    fill: ${(props) => props.theme.colors.brand[600]};
-  }
-  &:focus {
-    background: ${(props) => props.theme.colors.brand[200]};
-  }
-`;
-const StyledCounterArea = (0, import_ds_system.styled)(import_ds_grid.Grid)`
-  text-align: right;
-  font-size: 11px;
-  height: 15px;
-  align-items: center;
-  font-style: italic;
-  ${(props) => props.hasError ? `color:${props.theme.colors.danger[900]};` : ""}
-  position:relative;
-`;
-const StyledCounterErrorA11y = import_ds_system.styled.span`
-  width: 1px;
-  height: 1px;
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px);
-`;
-//# sourceMappingURL=styled.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/chat-composer/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSButton } from '@elliemae/ds-button';\nimport { TextAreaProps } from './props';\n\n// Composer\nexport const StyledChatContainerContentComposer = styled(Grid)`\n  width: 100%;\n  min-height: 56px;\n  background: ${(props) => props.theme.colors.neutral['050']};\n  padding: ${(props) => props.theme.space.xxs};\n  padding-bottom: 3px;\n  padding-top: 6px;\n  padding-left: ${(props) => props.theme.space.xs};\n  max-height: ${(props) => props.maxHeight};\n  border-top: 1px solid #cbcfd7;\n`;\n\nexport const StyledComposerInput = styled.textarea<any>`\n  padding: ${(props) => props.theme.space.xxs};\n  resize: none;\n  min-height: 32px;\n  border-radius: 2px;\n  border: solid 1px #cbcfd7;\n  color: #25292f;\n  height: ${(props: TextAreaProps) => (typeof props.height === 'number' ? `${props.height}px` : props.height)};\n  min-width: 244px;\n  overflow-y: auto;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1;\n  transition: height 0.05s;\n  &:focus {\n    outline: none;\n    border: 1px solid ${(props) => props.theme.colors.brand[600]};\n    box-shadow: inset 0 0 0 1px #8cc2ed;\n    border-radius: 2px;\n  }\n`;\nexport const StyledComposerButton = styled(DSButton)`\n  &:disabled {\n    background: none;\n    svg {\n      fill: #5d6775;\n    }\n  }\n  svg {\n    fill: ${(props) => props.theme.colors.brand[600]};\n  }\n  &:focus {\n    background: ${(props) => props.theme.colors.brand[200]};\n  }\n`;\n\nexport const StyledCounterArea = styled(Grid)`\n  text-align: right;\n  font-size: 11px;\n  height: 15px;\n  align-items: center;\n  font-style: italic;\n  ${(props) => (props.hasError ? `color:${props.theme.colors.danger[900]};` : '')}\n  position:relative;\n`;\n\nexport const StyledCounterErrorA11y = styled.span`\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  clip: rect(1px, 1px, 1px, 1px);\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,uBAAyB;AAIlB,MAAM,yCAAqC,yBAAO,mBAAI;AAAA;AAAA;AAAA,gBAG7C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACzC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,kBAGxB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,gBAC/B,CAAC,UAAU,MAAM;AAAA;AAAA;AAI1B,MAAM,sBAAsB,wBAAO;AAAA,aAC7B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAM9B,CAAC,UAA0B,OAAO,MAAM,WAAW,WAAW,GAAG,MAAM,aAAa,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAS9E,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAKrD,MAAM,2BAAuB,yBAAO,yBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQvC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,kBAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAI/C,MAAM,wBAAoB,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxC,CAAC,UAAW,MAAM,WAAW,SAAS,MAAM,MAAM,OAAO,OAAO,UAAU;AAAA;AAAA;AAIvE,MAAM,yBAAyB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

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

@@ -1,160 +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 ChatContainer_exports = {};
-__export(ChatContainer_exports, {
-  ChatContainer: () => ChatContainer,
-  ChatContainerWithSchema: () => ChatContainerWithSchema
-});
-module.exports = __toCommonJS(ChatContainer_exports);
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_ds_indeterminate_progress_indicator = __toESM(require("@elliemae/ds-indeterminate-progress-indicator"));
-var import_ds_banner = __toESM(require("@elliemae/ds-banner"));
-var import_chat_composer = require("../chat-composer");
-var import_chat_container_messages_list = require("../chat-container-messages-list");
-var import_react_desc_prop_types = require("../../react-desc-prop-types");
-var import_styled = require("./styled");
-const ChatContainer = (props) => {
-  const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
-  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.ChatContainerPropTypes);
-  const globalAttributes = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault);
-  const {
-    sendingText,
-    sendingMessages,
-    bannerPosition,
-    bannerProps,
-    messagesListProps,
-    composerProps,
-    composerProps: { onResize: onComposerResize, onKeyDown: onComposerKeyDown },
-    actionRef,
-    device,
-    isLoading,
-    hasMoreItems,
-    getMoreMessages
-  } = propsWithDefault;
-  const bannerRef = import_react.default.useRef({ focusOnWrapper: import_lodash.noop, focusOnLink: import_lodash.noop });
-  const containerRef = import_react.default.useRef();
-  const listRef = import_react.default.useRef({ scrollToIndex: import_lodash.noop });
-  const onResize = import_react.default.useCallback(
-    (height) => {
-      if (onComposerResize)
-        onComposerResize(height);
-      setTimeout(() => {
-        actionRef.current.scrollToIndex(messagesListProps.messages.length - 1, {
-          align: "start"
-        });
-      }, 50);
-    },
-    [onComposerResize, messagesListProps.messages, actionRef]
-  );
-  const Container = device === "desktop" ? import_styled.StyledChatContainerContent : import_styled.MobileStyledChatContainerContent;
-  const handleTabs = import_react.default.useCallback(
-    (e) => {
-      if (onComposerKeyDown)
-        onComposerKeyDown(e);
-      else {
-        const ref = actionRef || listRef;
-        if (e.shiftKey && e.key === "Tab") {
-          if (messagesListProps.messages?.length > 0) {
-            e.preventDefault();
-            if (["top", "bottom"].includes(bannerPosition)) {
-              bannerRef.current.focusOnWrapper();
-            } else {
-              const last = ref.current.getMessagesInView().pop();
-              ref.current?.focusToIndexWithoutScroll(last);
-            }
-          }
-        }
-      }
-    },
-    [actionRef, onComposerKeyDown, bannerPosition, messagesListProps.messages?.length]
-  );
-  import_react.default.useEffect(() => {
-    if (actionRef && actionRef.current) {
-      actionRef.current.focusOnBanner = bannerRef.current.focusOnWrapper;
-      actionRef.current.focusOnBannerLink = bannerRef.current.focusOnLink;
-    }
-  }, [actionRef]);
-  return /* @__PURE__ */ import_react.default.createElement(Container, {
-    ...globalAttributes,
-    rows: ["minmax(0, 1fr)", "auto"],
-    ref: containerRef,
-    role: "region"
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    style: { position: "relative", overflow: "hidden" }
-  }, /* @__PURE__ */ import_react.default.createElement(import_chat_container_messages_list.ChatContainerMessagesList, {
-    ...messagesListProps,
-    actionRef: actionRef || listRef,
-    isLoading,
-    hasMoreItems,
-    getMoreMessages,
-    sendingMessages,
-    sendingText,
-    bannerPosition,
-    bannerRef
-  }), isLoading && ["top", "bottom"].includes(isLoading) ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyledIndicatorContainer, {
-    isLoading,
-    "data-testid": "ds-chat-loading-indicator"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_indeterminate_progress_indicator.default, {
-    processing: true,
-    title: "Loading"
-  })) : null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledIndicatorContainer, {
-    linear: true,
-    isLoading: bannerPosition
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_banner.default, {
-    showCloseButton: true,
-    label: bannerProps?.label || "Unread messages",
-    containerProps: { id: "ds-chat-banner" },
-    actionLink: {
-      label: bannerProps?.viewLabel || "View",
-      onClick: bannerProps?.onView
-    },
-    onClose: bannerProps?.onClose,
-    isOpen: true,
-    type: bannerProps?.type || import_ds_banner.BANNER_TYPES.INFO,
-    actionRef: bannerRef
-  })), sendingMessages && sendingMessages.length > 0 ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyledIndicatorContainer, {
-    isLoading: "bottom",
-    linear: true,
-    "data-testid": "ds-chat-loading-indicator"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_indeterminate_progress_indicator.default, {
-    processing: true,
-    title: sendingText,
-    lineOnly: true
-  })) : null), /* @__PURE__ */ import_react.default.createElement(import_chat_composer.ChatComposer, {
-    ...composerProps,
-    onKeyDown: handleTabs,
-    onResize,
-    maxHeight: (containerRef.current?.clientHeight || 0) / 2,
-    actionRef: actionRef || listRef
-  }));
-};
-ChatContainer.propTypes = import_react_desc_prop_types.ChatContainerPropTypes;
-ChatContainer.displayName = "ChatContainer";
-const ChatContainerWithSchema = (0, import_ds_utilities.describe)(ChatContainer);
-ChatContainerWithSchema.propTypes = import_react_desc_prop_types.ChatContainerPropTypes;
-//# sourceMappingURL=ChatContainer.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/chat-container/ChatContainer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { WeakValidationMap } from 'react';\nimport { noop } from 'lodash';\nimport {\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  describe,\n} from '@elliemae/ds-utilities';\n\nimport DSIndeterminateProgressIndicator from '@elliemae/ds-indeterminate-progress-indicator';\nimport DSBanner, { BANNER_TYPES } from '@elliemae/ds-banner';\nimport { ChatComposer } from '../chat-composer';\nimport { ChatContainerMessagesList } from '../chat-container-messages-list';\nimport { DSChatT, defaultProps, ChatContainerPropTypes } from '../../react-desc-prop-types';\n\nimport { StyledChatContainerContent, StyledIndicatorContainer, MobileStyledChatContainerContent } from './styled';\n\nconst ChatContainer: React.ComponentType<DSChatT.ContainerProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatT.ContainerProps>(props, defaultProps);\n  useValidateTypescriptPropTypes<DSChatT.ContainerProps>(propsWithDefault, ChatContainerPropTypes);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  const {\n    sendingText,\n    sendingMessages,\n    bannerPosition,\n    bannerProps,\n    messagesListProps,\n    composerProps,\n    composerProps: { onResize: onComposerResize, onKeyDown: onComposerKeyDown },\n    actionRef,\n    device,\n    isLoading,\n    hasMoreItems,\n    getMoreMessages,\n  } = propsWithDefault;\n  const bannerRef = React.useRef({ focusOnWrapper: noop, focusOnLink: noop });\n  const containerRef = React.useRef<HTMLElement>();\n  const listRef = React.useRef({ scrollToIndex: noop });\n\n  const onResize = React.useCallback(\n    (height: number) => {\n      if (onComposerResize) onComposerResize(height);\n      /*\n         setTimeout is used to equal the animation duration from the \n         composer text area when increase its size\n        */\n      setTimeout(() => {\n        actionRef.current.scrollToIndex(messagesListProps.messages.length - 1, {\n          align: 'start',\n        });\n      }, 50);\n    },\n    [onComposerResize, messagesListProps.messages, actionRef],\n  );\n  const Container = device === 'desktop' ? StyledChatContainerContent : MobileStyledChatContainerContent;\n  const handleTabs = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (onComposerKeyDown) onComposerKeyDown(e);\n      else {\n        const ref = actionRef || listRef;\n        if (e.shiftKey && e.key === 'Tab') {\n          if (messagesListProps.messages?.length > 0) {\n            e.preventDefault();\n            if (['top', 'bottom'].includes(bannerPosition)) {\n              bannerRef.current.focusOnWrapper();\n            } else {\n              const last = ref.current.getMessagesInView().pop();\n              ref.current?.focusToIndexWithoutScroll(last);\n            }\n          }\n        }\n      }\n    },\n    [actionRef, onComposerKeyDown, bannerPosition, messagesListProps.messages?.length],\n  );\n\n  // Map actions\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.focusOnBanner = bannerRef.current.focusOnWrapper;\n      actionRef.current.focusOnBannerLink = bannerRef.current.focusOnLink;\n    }\n  }, [actionRef]);\n  return (\n    <Container {...globalAttributes} rows={['minmax(0, 1fr)', 'auto']} ref={containerRef} role=\"region\">\n      <div style={{ position: 'relative', overflow: 'hidden' }}>\n        <ChatContainerMessagesList\n          {...messagesListProps}\n          actionRef={actionRef || listRef}\n          isLoading={isLoading}\n          hasMoreItems={hasMoreItems}\n          getMoreMessages={getMoreMessages}\n          sendingMessages={sendingMessages}\n          sendingText={sendingText}\n          bannerPosition={bannerPosition}\n          bannerRef={bannerRef}\n        />\n        {isLoading && ['top', 'bottom'].includes(isLoading) ? (\n          <StyledIndicatorContainer isLoading={isLoading} data-testid=\"ds-chat-loading-indicator\">\n            <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n          </StyledIndicatorContainer>\n        ) : null}\n        <StyledIndicatorContainer linear isLoading={bannerPosition}>\n          <DSBanner\n            showCloseButton\n            label={bannerProps?.label || 'Unread messages'}\n            containerProps={{ id: 'ds-chat-banner' }}\n            actionLink={{\n              label: bannerProps?.viewLabel || 'View',\n              onClick: bannerProps?.onView,\n            }}\n            onClose={bannerProps?.onClose}\n            isOpen\n            type={bannerProps?.type || BANNER_TYPES.INFO}\n            actionRef={bannerRef}\n          />\n        </StyledIndicatorContainer>\n        {sendingMessages && sendingMessages.length > 0 ? (\n          <StyledIndicatorContainer isLoading=\"bottom\" linear data-testid=\"ds-chat-loading-indicator\">\n            <DSIndeterminateProgressIndicator processing title={sendingText} lineOnly />\n          </StyledIndicatorContainer>\n        ) : null}\n      </div>\n      <ChatComposer\n        {...composerProps}\n        onKeyDown={handleTabs}\n        onResize={onResize}\n        maxHeight={(containerRef.current?.clientHeight || 0) / 2}\n        actionRef={actionRef || listRef}\n      />\n    </Container>\n  );\n};\n\nChatContainer.propTypes = ChatContainerPropTypes as WeakValidationMap<unknown>;\nChatContainer.displayName = 'ChatContainer';\nconst ChatContainerWithSchema = describe(ChatContainer);\nChatContainerWithSchema.propTypes = ChatContainerPropTypes as WeakValidationMap<unknown>;\n\nexport { ChatContainer, ChatContainerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": ["React", "DSIndeterminateProgressIndicator", "DSBanner"]
-}

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

@@ -1,109 +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 styled_exports = {};
-__export(styled_exports, {
-  CONTAINER_WIDTH: () => CONTAINER_WIDTH,
-  MobileStyledChatContainerContent: () => MobileStyledChatContainerContent,
-  StyledChatContainerContent: () => StyledChatContainerContent,
-  StyledIndicatorContainer: () => StyledIndicatorContainer
-});
-module.exports = __toCommonJS(styled_exports);
-var React = __toESM(require("react"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_styled = require("../../exported-related/bubble/styled");
-var import_styled2 = require("../chat-composer/styled");
-var import_style = require("../../exported-related/system-message/style");
-const CONTAINER_WIDTH = 300;
-const StyledChatContainerContent = (0, import_ds_system.styled)(import_ds_grid.Grid)`
-  height: 100%;
-  min-width: ${CONTAINER_WIDTH}px;
-  overflow: hidden;
-  background: ${(props) => props.theme.colors.neutral["050"]};
-  position: relative;
-`;
-const StyledIndicatorContainer = import_ds_system.styled.div`
-  transition: 0.2s ease-in-out;
-  // 0.2s is the same duration of the banner settimeout function to focus itself
-  // this has to be this way to fix visual bugs on safari.
-  position: absolute;
-  visibility: hidden;
-  pointer-events: none;
-  width: 100%;
-  padding: 0 ${(props) => !props.linear ? props.theme.space.xxs : 0};
-  left: 0;
-  right: 0;
-  background: ${(props) => props.theme.colors.neutral["000"]};
-  ${(props) => props.isLoading === "top" ? `
-  top: -41px;
-  transform: translate(0, 41px);
-  visibility: visible;
-  pointer-events: auto;
-  ` : ""}
-  ${(props) => props.isLoading === "bottom" ? `
-  bottom: -41px;
-  transform: translate(0, -41px);
-  visibility: visible;
-  pointer-events: auto;
-  ` : ""}
-
-  & div,a {
-    font-size: 13px;
-  }
-`;
-const MobileStyledChatContainerContent = (0, import_ds_system.styled)(StyledChatContainerContent)`
-  ${import_styled.StyledTitleLeftBubble},
-  ${import_styled.StyleBodyWrapper} {
-    font-size: 16px;
-  }
-
-  ${import_styled.StyledTitleRightBubble} {
-    font-size: 13px;
-  }
-
-  ${import_style.Wrapper} {
-    background-color: #fff;
-    box-shadow: -0 1px 3px rgba(53, 60, 70, 0.8);
-  }
-
-  ${import_style.Title},
-  ${import_style.Message} {
-    font-size: 16px;
-    text-align: left;
-  }
-
-  ${import_style.Time} {
-    font-size: 13px;
-  }
-
-  ${import_styled2.StyledComposerInput} {
-    font-size: 16px;
-  }
-
-  ${StyledIndicatorContainer} {
-    font-size: 16px;
-  }
-`;
-//# sourceMappingURL=styled.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/chat-container/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledTitleRightBubble, StyledTitleLeftBubble, StyleBodyWrapper } from '../../exported-related/bubble/styled';\nimport { StyledComposerInput } from '../chat-composer/styled';\nimport { Wrapper, Title, Time, Message } from '../../exported-related/system-message/style';\nexport const CONTAINER_WIDTH = 300;\n\nexport const StyledChatContainerContent = styled(Grid)`\n  height: 100%;\n  min-width: ${CONTAINER_WIDTH}px;\n  overflow: hidden;\n  background: ${(props) => props.theme.colors.neutral['050']};\n  position: relative;\n`;\nexport const StyledIndicatorContainer = styled.div<{\n  isLoading?: 'top' | 'bottom';\n  linear?: boolean;\n}>`\n  transition: 0.2s ease-in-out;\n  // 0.2s is the same duration of the banner settimeout function to focus itself\n  // this has to be this way to fix visual bugs on safari.\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  width: 100%;\n  padding: 0 ${(props) => (!props.linear ? props.theme.space.xxs : 0)};\n  left: 0;\n  right: 0;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  ${(props) =>\n    props.isLoading === 'top'\n      ? `\n  top: -41px;\n  transform: translate(0, 41px);\n  visibility: visible;\n  pointer-events: auto;\n  `\n      : ''}\n  ${(props) =>\n    props.isLoading === 'bottom'\n      ? `\n  bottom: -41px;\n  transform: translate(0, -41px);\n  visibility: visible;\n  pointer-events: auto;\n  `\n      : ''}\n\n  & div,a {\n    font-size: 13px;\n  }\n`;\n\nexport const MobileStyledChatContainerContent = styled(StyledChatContainerContent)`\n  ${StyledTitleLeftBubble},\n  ${StyleBodyWrapper} {\n    font-size: 16px;\n  }\n\n  ${StyledTitleRightBubble} {\n    font-size: 13px;\n  }\n\n  ${Wrapper} {\n    background-color: #fff;\n    box-shadow: -0 1px 3px rgba(53, 60, 70, 0.8);\n  }\n\n  ${Title},\n  ${Message} {\n    font-size: 16px;\n    text-align: left;\n  }\n\n  ${Time} {\n    font-size: 13px;\n  }\n\n  ${StyledComposerInput} {\n    font-size: 16px;\n  }\n\n  ${StyledIndicatorContainer} {\n    font-size: 16px;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,oBAAgF;AAChF,IAAAA,iBAAoC;AACpC,mBAA8C;AACvC,MAAM,kBAAkB;AAExB,MAAM,iCAA6B,yBAAO,mBAAI;AAAA;AAAA,eAEtC;AAAA;AAAA,gBAEC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAG/C,MAAM,2BAA2B,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAWhC,CAAC,UAAW,CAAC,MAAM,SAAS,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,gBAGnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAClD,CAAC,UACD,MAAM,cAAc,QAChB;AAAA;AAAA;AAAA;AAAA;AAAA,MAMA;AAAA,IACJ,CAAC,UACD,MAAM,cAAc,WAChB;AAAA;AAAA;AAAA;AAAA;AAAA,MAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOD,MAAM,uCAAmC,yBAAO,0BAA0B;AAAA,IAC7E;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA;AAAA;AAAA;",
-  "names": ["import_styled"]
-}

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

@@ -1,118 +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 ChatContainerMessagesList_exports = {};
-__export(ChatContainerMessagesList_exports, {
-  ChatContainerMessagesList: () => ChatContainerMessagesList,
-  ChatContainerMessagesListWithSchema: () => ChatContainerMessagesListWithSchema
-});
-module.exports = __toCommonJS(ChatContainerMessagesList_exports);
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_bubble = require("../../exported-related/bubble");
-var import_message_delimiter = require("../../exported-related/message-delimiter");
-var import_system_message = require("../../exported-related/system-message");
-var import_styled = require("./styled");
-var import_react_desc_prop_types = require("../../react-desc-prop-types");
-var import_useGetNewMessages = require("./useGetNewMessages");
-var import_useChatContainerMessageList = require("./useChatContainerMessageList");
-const ChatContainerMessagesList = (props) => {
-  const {
-    propsWithDefault,
-    globalAttributes,
-    useVirtualHelpers,
-    handleKey,
-    handleListKey,
-    loadMoreRef,
-    virtualListRef
-  } = (0, import_useChatContainerMessageList.useChatContainerMessageList)(props);
-  const { sendingText, sendingMessages, messages, getMoreMessages, hasMoreItems, isLoading } = propsWithDefault;
-  const { totalSize, virtualItems } = useVirtualHelpers;
-  const newMessages = (0, import_useGetNewMessages.useGetNewMessages)(messages);
-  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, {
-    ...globalAttributes
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainerContentList, {
-    "data-testid": "chat-thread-container",
-    tabIndex: 0,
-    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)), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledNewMessagesHiddenContainer, {
-    "aria-live": "polite",
-    "aria-hidden": "false"
-  }, newMessages.map((newMessage) => /* @__PURE__ */ import_react.default.createElement("p", {
-    key: newMessage.dsId
-  }, newMessage.title, " ", newMessage.time, " ", newMessage.body, " ", newMessage.errorMessage, " ", newMessage.helpMessage))));
-};
-ChatContainerMessagesList.propTypes = import_react_desc_prop_types.ChatContainerMessagesListPropTypes;
-ChatContainerMessagesList.displayName = "ChatContainerMessagesList";
-const ChatContainerMessagesListWithSchema = (0, import_ds_utilities.describe)(ChatContainerMessagesList);
-ChatContainerMessagesListWithSchema.propTypes = import_react_desc_prop_types.ChatContainerMessagesListPropTypes;
-//# 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, WeakValidationMap } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport DSButton from '@elliemae/ds-button';\nimport { ChatBubble, BUBBLE_TYPES } from '../../exported-related/bubble';\nimport { MessageDelimiter } from '../../exported-related/message-delimiter';\nimport { SystemMessage } from '../../exported-related/system-message';\nimport {\n  StyledWrapperListItem,\n  StyledChatContainerContentList,\n  StyledChatContainerContentListScroll,\n  StyledWrapper,\n  StyledLoadMoreContainer,\n  ListItem,\n  StyledNewMessagesHiddenContainer,\n} from './styled';\nimport { DSChatT, ChatContainerMessagesListPropTypes } from '../../react-desc-prop-types';\nimport { useGetNewMessages } from './useGetNewMessages';\nimport { useChatContainerMessageList } from './useChatContainerMessageList';\n\nconst ChatContainerMessagesList: React.ComponentType<DSChatT.MessagesListProps> = (props) => {\n  const {\n    propsWithDefault,\n    globalAttributes,\n    useVirtualHelpers,\n    handleKey,\n    handleListKey,\n    loadMoreRef,\n    virtualListRef,\n  } = useChatContainerMessageList(props);\n\n  const { sendingText, sendingMessages, messages, getMoreMessages, hasMoreItems, isLoading } = propsWithDefault;\n  const { totalSize, virtualItems } = useVirtualHelpers;\n\n  const newMessages = useGetNewMessages(messages);\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} helpMessage={isSending ? sendingText : row.helpMessage} />\n              ) : null}\n              {row.type === BUBBLE_TYPES.DELIMITER ? <MessageDelimiter {...row} /> : null}\n              {row.type === BUBBLE_TYPES.SYSTEM ? <SystemMessage {...row} /> : null}\n            </StyledWrapperListItem>\n          </ListItem>\n        );\n      }),\n    [virtualItems, messages, sendingMessages, handleKey, sendingText],\n  );\n\n  return (\n    <StyledWrapper {...globalAttributes}>\n      <StyledChatContainerContentList\n        data-testid=\"chat-thread-container\"\n        tabIndex={0}\n        ref={virtualListRef as React.RefObject<HTMLDivElement>}\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      {/* We repeat the render with the new available messages */}\n      <StyledNewMessagesHiddenContainer aria-live=\"polite\" aria-hidden=\"false\">\n        {newMessages.map((newMessage) => (\n          <p key={newMessage.dsId}>\n            {newMessage.title} {newMessage.time} {newMessage.body} {newMessage.errorMessage} {newMessage.helpMessage}\n          </p>\n        ))}\n      </StyledNewMessagesHiddenContainer>\n    </StyledWrapper>\n  );\n};\n\nChatContainerMessagesList.propTypes = ChatContainerMessagesListPropTypes as WeakValidationMap<unknown>;\nChatContainerMessagesList.displayName = 'ChatContainerMessagesList';\nconst ChatContainerMessagesListWithSchema = describe(ChatContainerMessagesList);\nChatContainerMessagesListWithSchema.propTypes = ChatContainerMessagesListPropTypes as WeakValidationMap<unknown>;\n\nexport { ChatContainerMessagesList, ChatContainerMessagesListWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": ["React", "DSButton"]
-}

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

@@ -1,33 +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 chat_container_messages_list_exports = {};
-__export(chat_container_messages_list_exports, {
-  ChatContainerMessagesList: () => import_ChatContainerMessagesList.ChatContainerMessagesList,
-  ChatContainerMessagesListWithSchema: () => import_ChatContainerMessagesList.ChatContainerMessagesListWithSchema
-});
-module.exports = __toCommonJS(chat_container_messages_list_exports);
-var React = __toESM(require("react"));
-var import_ChatContainerMessagesList = require("./ChatContainerMessagesList");
-//# 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 { ChatContainerMessagesList, ChatContainerMessagesListWithSchema } from './ChatContainerMessagesList';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uCAA+E;",
-  "names": []
-}