@elliemae/ds-chat-container 3.6.0-next.0

package/dist/cjs/ChatContainer.js

@@ -0,0 +1,174 @@
+"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_jsx_runtime = require("react/jsx-runtime");
+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("./parts/chat-composer");
+var import_chat_container_messages_list = require("./parts/chat-container-messages-list");
+var import_react_desc_prop_types = require("./react-desc-prop-types");
+var import_ChatContainerDataTestids = require("./ChatContainerDataTestids");
+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(() => {
+        if (actionRef?.current?.scrollToIndex) {
+          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 if (e.shiftKey && e.key === "Tab" && messagesListProps.messages?.length > 0) {
+        e.preventDefault();
+        if (bannerPosition && ["top", "bottom"].includes(bannerPosition)) {
+          bannerRef.current.focusOnWrapper();
+        }
+        if (actionRef?.current && actionRef.current.getMessagesInView) {
+          const last = actionRef.current.getMessagesInView().pop();
+          if (last && actionRef.current.focusToIndexWithoutScroll)
+            actionRef.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__ */ (0, import_jsx_runtime.jsxs)(Container, {
+    ...globalAttributes,
+    rows: ["minmax(0, 1fr)", "auto"],
+    ref: containerRef,
+    role: "region",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+        style: { position: "relative", overflow: "hidden" },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_chat_container_messages_list.ChatContainerMessagesList, {
+            ...messagesListProps,
+            actionRef: actionRef || listRef,
+            isLoading,
+            hasMoreItems,
+            getMoreMessages,
+            sendingMessages,
+            sendingText,
+            bannerPosition,
+            bannerRef
+          }),
+          isLoading && ["top", "bottom"].includes(isLoading) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledIndicatorContainer, {
+            isLoading,
+            "data-testid": import_ChatContainerDataTestids.ChatContainerDataTestIds.LOADING_INDICATOR,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_indeterminate_progress_indicator.default, {
+              processing: true,
+              title: "Loading"
+            })
+          }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledIndicatorContainer, {
+            linear: true,
+            isLoading: bannerPosition,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(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__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledIndicatorContainer, {
+            isLoading: "bottom",
+            linear: true,
+            "data-testid": import_ChatContainerDataTestids.ChatContainerDataTestIds.LOADING_INDICATOR,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_indeterminate_progress_indicator.default, {
+              processing: true,
+              title: sendingText,
+              lineOnly: true
+            })
+          }) : null
+        ]
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(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/ChatContainer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/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 './parts/chat-composer';\nimport { ChatContainerMessagesList } from './parts/chat-container-messages-list';\nimport { DSChatT, defaultProps, ChatContainerPropTypes } from './react-desc-prop-types';\nimport { ChatContainerDataTestIds } from './ChatContainerDataTestids';\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        if (actionRef?.current?.scrollToIndex) {\n          actionRef.current.scrollToIndex(messagesListProps.messages.length - 1, {\n            align: 'start',\n          });\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 if (e.shiftKey && e.key === 'Tab' && messagesListProps.messages?.length > 0) {\n        e.preventDefault();\n        if (bannerPosition && ['top', 'bottom'].includes(bannerPosition)) {\n          bannerRef.current.focusOnWrapper();\n        }\n        if (actionRef?.current && actionRef.current.getMessagesInView) {\n          const last = actionRef.current.getMessagesInView().pop();\n          if (last && actionRef.current.focusToIndexWithoutScroll) actionRef.current?.focusToIndexWithoutScroll(last);\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={ChatContainerDataTestIds.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={ChatContainerDataTestIds.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/ChatContainerDataTestids.js

@@ -0,0 +1,42 @@
+"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 ChatContainerDataTestids_exports = {};
+__export(ChatContainerDataTestids_exports, {
+  ChatContainerDataTestIds: () => ChatContainerDataTestIds
+});
+module.exports = __toCommonJS(ChatContainerDataTestids_exports);
+var React = __toESM(require("react"));
+const ChatContainerDataTestIds = {
+  COMPOSER: "chat-composer",
+  COMPOSER_TEXTAREA: "chat-composer-textarea",
+  COMPOSER_SEND_BUTTON: "chat-composer-send-button",
+  COMPOSER_COUNTER_AREA: "composer-counter-area",
+  LOADING_INDICATOR: "ds-chat-loading-indicator",
+  THREAD_CONTAINER: "chat-thread-container",
+  LOAD_MORE_BUTTON: "ds-chat-load-more-btn",
+  FLOATING_BUTTON: "chat-floating-button",
+  BANNER: "ds-banner-container"
+};
+//# sourceMappingURL=ChatContainerDataTestids.js.map

package/dist/cjs/ChatContainerDataTestids.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ChatContainerDataTestids.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const ChatContainerDataTestIds = {\n  COMPOSER: 'chat-composer',\n  COMPOSER_TEXTAREA: 'chat-composer-textarea',\n  COMPOSER_SEND_BUTTON: 'chat-composer-send-button',\n  COMPOSER_COUNTER_AREA: 'composer-counter-area',\n  LOADING_INDICATOR: 'ds-chat-loading-indicator',\n  THREAD_CONTAINER: 'chat-thread-container',\n  LOAD_MORE_BUTTON: 'ds-chat-load-more-btn',\n  FLOATING_BUTTON: 'chat-floating-button',\n  BANNER: 'ds-banner-container',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,2BAA2B;AAAA,EACtC,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,QAAQ;AACV;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,35 @@
+"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 src_exports = {};
+__export(src_exports, {
+  ChatContainer: () => import_ChatContainer.ChatContainer,
+  ChatContainerDataTestIds: () => import_ChatContainerDataTestids.ChatContainerDataTestIds,
+  ChatContainerWithSchema: () => import_ChatContainer.ChatContainerWithSchema
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_ChatContainer = require("./ChatContainer");
+var import_ChatContainerDataTestids = require("./ChatContainerDataTestids");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { ChatContainer, ChatContainerWithSchema } from './ChatContainer';\nexport { ChatContainerDataTestIds } from './ChatContainerDataTestids';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAuD;AACvD,sCAAyC;",
+  "names": []
+}

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

@@ -0,0 +1,195 @@
+"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 ChatContainerComposer_exports = {};
+__export(ChatContainerComposer_exports, {
+  ChatComposer: () => ChatComposer,
+  ChatComposerWithSchema: () => ChatComposerWithSchema
+});
+module.exports = __toCommonJS(ChatContainerComposer_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_styled = require("./styled");
+var import_ChatContainerDataTestids = require("../../ChatContainerDataTestids");
+var import_react_desc_prop_types = require("../../react-desc-prop-types");
+const ChatComposer = (props) => {
+  const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultPropsComposer);
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.ChatComposerPropTypes);
+  const {
+    inputValue,
+    onChange,
+    onResize,
+    onSend,
+    onFocus,
+    onBlur,
+    onKeyDown,
+    maxHeight = 300,
+    placeholder,
+    inputMaxLength,
+    maxLengthMessage,
+    ariaMaxLengthMessage,
+    buttonDisabled,
+    dataTestid,
+    actionRef
+  } = propsWithDefault;
+  const COMPOSER_MIN_HEIGHT = 32;
+  const input = import_react.default.useRef();
+  const inputSize = import_react.default.useRef();
+  const inputSend = import_react.default.useRef(null);
+  const [height, setHeight] = import_react.default.useState(32);
+  const internalMaxHeight = import_react.default.useMemo(() => maxHeight - 24, [maxHeight]);
+  const [showScroll, setShowScroll] = import_react.default.useState(true);
+  import_react.default.useEffect(() => {
+    if (inputSize?.current?.scrollHeight) {
+      const newHeight = inputSize.current.scrollHeight > internalMaxHeight ? internalMaxHeight : inputSize.current?.scrollHeight;
+      if (newHeight !== height && newHeight > COMPOSER_MIN_HEIGHT && onResize)
+        onResize(newHeight);
+      setHeight(newHeight);
+      setShowScroll(inputSize.current.scrollHeight - inputSize.current.clientHeight > 5);
+    }
+  }, [inputValue, internalMaxHeight, height, onResize]);
+  import_react.default.useEffect(() => {
+    if (actionRef && actionRef.current) {
+      actionRef.current.focusToComposer = () => {
+        input?.current?.focus?.();
+      };
+      actionRef.current.focusToSend = () => {
+        input?.current?.focus?.();
+      };
+    }
+  }, [actionRef]);
+  const handleChange = import_react.default.useCallback(
+    (e) => {
+      onChange(e.target.value);
+    },
+    [onChange]
+  );
+  const heightProps = { height, overflow: showScroll ? "auto" : "hidden" };
+  const inputLength = String(inputValue || "").length;
+  const hasError = import_react.default.useMemo(() => {
+    if (!inputMaxLength)
+      return false;
+    return inputLength > inputMaxLength;
+  }, [inputLength, inputMaxLength]);
+  const isSendButtonDisabled = (0, import_react.useMemo)(
+    () => !inputValue || buttonDisabled || hasError,
+    [inputValue, buttonDisabled, hasError]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledChatContainerContentComposer, {
+    rows: ["auto", "15px"],
+    maxHeight: `${maxHeight}px`,
+    "data-testid": dataTestid ?? import_ChatContainerDataTestids.ChatContainerDataTestIds.COMPOSER,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+        cols: ["1fr", "24px"],
+        style: { height: heightProps.height },
+        justifyContent: "center",
+        alignItems: "flex-end",
+        gutter: "xxs",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledComposerInput, {
+            ref: input,
+            onChange: handleChange,
+            style: { ...heightProps },
+            value: inputValue,
+            onFocus,
+            onBlur,
+            onKeyDown,
+            placeholder,
+            "aria-label": "Message to send",
+            "data-testid": import_ChatContainerDataTestids.ChatContainerDataTestIds.COMPOSER_TEXTAREA,
+            name: "chat-composer-textarea",
+            id: "chat-composer-textarea"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+            height: "32px",
+            alignItems: "center",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledComposerButton, {
+              buttonType: "icon",
+              onClick: onSend,
+              size: "s",
+              disabled: isSendButtonDisabled,
+              "aria-disabled": isSendButtonDisabled,
+              "data-testid": import_ChatContainerDataTestids.ChatContainerDataTestIds.COMPOSER_SEND_BUTTON,
+              "aria-label": "Send",
+              innerRef: inputSend,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.PaperAirplane, {
+                width: 18,
+                height: 18
+              })
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledComposerInput, {
+        ref: inputSize,
+        style: {
+          height: 32,
+          visibility: "hidden",
+          pointerEvents: "none",
+          position: "absolute",
+          top: 0,
+          width: input.current?.clientWidth
+        },
+        onChange: handleChange,
+        value: inputValue
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+        cols: ["1fr", "24px"],
+        justifyContent: "flex-end",
+        alignItems: "center",
+        gutter: "xxs",
+        pb: "xxs",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledCounterArea, {
+            hasError,
+            "data-testid": import_ChatContainerDataTestids.ChatContainerDataTestIds.COMPOSER_COUNTER_AREA,
+            children: [
+              inputMaxLength && hasError ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledCounterErrorA11y, {
+                    role: "alert",
+                    children: ariaMaxLengthMessage || `You have entered ${inputLength} characters and have exceeded the limit by ${inputLength - inputMaxLength}. Please limit to less than ${inputMaxLength} characters. `
+                  }),
+                  maxLengthMessage || `Please limit to less than ${inputMaxLength} characters. `
+                ]
+              }) : "",
+              inputMaxLength ? ` ${inputLength} / ${inputMaxLength}` : ""
+            ]
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {})
+        ]
+      })
+    ]
+  });
+};
+ChatComposer.propTypes = import_react_desc_prop_types.ChatComposerPropTypes;
+ChatComposer.displayName = "ChatComposer";
+const ChatComposerWithSchema = (0, import_ds_utilities.describe)(ChatComposer);
+ChatComposerWithSchema.propTypes = import_react_desc_prop_types.ChatComposerPropTypes;
+//# sourceMappingURL=ChatContainerComposer.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/chat-composer/ChatContainerComposer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { WeakValidationMap, useMemo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { PaperAirplane } from '@elliemae/ds-icons';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, describe } from '@elliemae/ds-utilities';\nimport {\n  StyledChatContainerContentComposer,\n  StyledComposerInput,\n  StyledComposerButton,\n  StyledCounterArea,\n  StyledCounterErrorA11y,\n} from './styled';\nimport { ChatContainerDataTestIds } from '../../ChatContainerDataTestids';\n\nimport { DSChatT, ChatComposerPropTypes, defaultPropsComposer } from '../../react-desc-prop-types';\n// eslint-disable-next-line complexity\nconst ChatComposer: React.ComponentType<DSChatT.ComposerProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatT.ComposerProps>(props, defaultPropsComposer);\n  useValidateTypescriptPropTypes<DSChatT.ComposerProps>(propsWithDefault, ChatComposerPropTypes);\n  const {\n    inputValue,\n    onChange,\n    onResize,\n    onSend,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    maxHeight = 300,\n    placeholder,\n    inputMaxLength,\n    maxLengthMessage,\n    ariaMaxLengthMessage,\n    buttonDisabled,\n    dataTestid,\n    actionRef,\n  } = propsWithDefault;\n\n  const COMPOSER_MIN_HEIGHT = 32;\n  const input = React.useRef<HTMLTextAreaElement>();\n  const inputSize = React.useRef<HTMLTextAreaElement>();\n  const inputSend = React.useRef<HTMLButtonElement>(null);\n  const [height, setHeight] = React.useState(32);\n  const internalMaxHeight = React.useMemo(() => maxHeight - 24, [maxHeight]);\n  const [showScroll, setShowScroll] = React.useState(true);\n\n  React.useEffect(() => {\n    if (inputSize?.current?.scrollHeight) {\n      const newHeight =\n        inputSize.current.scrollHeight > internalMaxHeight ? internalMaxHeight : inputSize.current?.scrollHeight;\n      if (newHeight !== height && newHeight > COMPOSER_MIN_HEIGHT && onResize) onResize(newHeight);\n      setHeight(newHeight);\n      setShowScroll(inputSize.current.scrollHeight - inputSize.current.clientHeight > 5);\n    }\n  }, [inputValue, internalMaxHeight, height, onResize]);\n\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.focusToComposer = () => {\n        input?.current?.focus?.();\n      };\n      actionRef.current.focusToSend = () => {\n        input?.current?.focus?.();\n      };\n    }\n  }, [actionRef]);\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = React.useCallback(\n    (e) => {\n      onChange(e.target.value);\n    },\n    [onChange],\n  );\n  const heightProps = { height, overflow: showScroll ? 'auto' : 'hidden' };\n\n  const inputLength = String(inputValue || '').length;\n  const hasError = React.useMemo(() => {\n    if (!inputMaxLength) return false;\n    return inputLength > inputMaxLength;\n  }, [inputLength, inputMaxLength]);\n\n  const isSendButtonDisabled = useMemo(\n    () => !inputValue || buttonDisabled || hasError,\n    [inputValue, buttonDisabled, hasError],\n  );\n  return (\n    <StyledChatContainerContentComposer\n      rows={['auto', '15px']}\n      maxHeight={`${maxHeight}px`}\n      data-testid={dataTestid ?? ChatContainerDataTestIds.COMPOSER}\n    >\n      <Grid\n        cols={['1fr', '24px']}\n        style={{ height: heightProps.height }}\n        justifyContent=\"center\"\n        alignItems=\"flex-end\"\n        gutter=\"xxs\"\n      >\n        <StyledComposerInput\n          ref={input}\n          onChange={handleChange}\n          style={{ ...heightProps }}\n          value={inputValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder}\n          aria-label=\"Message to send\"\n          data-testid={ChatContainerDataTestIds.COMPOSER_TEXTAREA}\n          name=\"chat-composer-textarea\"\n          id=\"chat-composer-textarea\"\n        />\n\n        <Grid height=\"32px\" alignItems=\"center\">\n          <StyledComposerButton\n            buttonType=\"icon\"\n            onClick={onSend}\n            size=\"s\"\n            disabled={isSendButtonDisabled}\n            aria-disabled={isSendButtonDisabled}\n            data-testid={ChatContainerDataTestIds.COMPOSER_SEND_BUTTON}\n            aria-label=\"Send\"\n            innerRef={inputSend}\n          >\n            <PaperAirplane width={18} height={18} />\n          </StyledComposerButton>\n        </Grid>\n      </Grid>\n      <StyledComposerInput\n        ref={inputSize}\n        style={{\n          height: 32,\n          visibility: 'hidden',\n          pointerEvents: 'none',\n          position: 'absolute',\n          top: 0,\n          width: input.current?.clientWidth,\n        }}\n        onChange={handleChange}\n        value={inputValue}\n      />\n      <Grid cols={['1fr', '24px']} justifyContent=\"flex-end\" alignItems=\"center\" gutter=\"xxs\" pb=\"xxs\">\n        <StyledCounterArea hasError={hasError} data-testid={ChatContainerDataTestIds.COMPOSER_COUNTER_AREA}>\n          {inputMaxLength && hasError ? (\n            <>\n              <StyledCounterErrorA11y role=\"alert\">\n                {ariaMaxLengthMessage ||\n                  `You have entered ${inputLength} characters and have exceeded the limit by ${\n                    inputLength - inputMaxLength\n                  }. Please limit to less than ${inputMaxLength} characters. `}\n              </StyledCounterErrorA11y>\n              {maxLengthMessage || `Please limit to less than ${inputMaxLength} characters. `}\n            </>\n          ) : (\n            ''\n          )}\n          {inputMaxLength ? ` ${inputLength} / ${inputMaxLength}` : ''}\n        </StyledCounterArea>\n        <Grid />\n      </Grid>\n    </StyledChatContainerContentComposer>\n  );\n};\n\nChatComposer.propTypes = ChatComposerPropTypes as WeakValidationMap<unknown>;\nChatComposer.displayName = 'ChatComposer';\nconst ChatComposerWithSchema = describe(ChatComposer);\nChatComposerWithSchema.propTypes = ChatComposerPropTypes as WeakValidationMap<unknown>;\n\nexport { ChatComposer, ChatComposerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": ["React"]
+}

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

@@ -0,0 +1,33 @@
+"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_composer_exports = {};
+__export(chat_composer_exports, {
+  ChatComposer: () => import_ChatContainerComposer.ChatComposer,
+  ChatComposerWithSchema: () => import_ChatContainerComposer.ChatComposerWithSchema
+});
+module.exports = __toCommonJS(chat_composer_exports);
+var React = __toESM(require("react"));
+var import_ChatContainerComposer = require("./ChatContainerComposer");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/chat-composer/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { ChatComposer, ChatComposerWithSchema } from './ChatContainerComposer';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mCAAqD;",
+  "names": []
+}