@elliemae/ds-chat 2.2.0 → 2.3.0-alpha.3

package/cjs/ChatDataTestids.js

@@ -1,28 +1,56 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ChatDataTestids_exports = {};
+__export(ChatDataTestids_exports, {
+  ChatDataTestIds: () => ChatDataTestIds
+});
+var React = __toESM(require("react"));
 const ChatDataTestIds = {
-  COMPOSER_TEXTAREA: 'chat-composer-textarea',
-  COMPOSER_SEND_BUTTON: 'chat-composer-send-button',
-  CARD_TITLE: 'chat-card-title',
-  CARD_WRAPPER: 'chat-card-wrapper',
-  CARD_TIME: 'chat-card-time',
-  CARD_RIGHT_ADDON: 'chat-right-addon',
-  CARD_CONTENT: 'chat-card-content',
-  LOADING_INDICATOR: 'ds-chat-loading-indicator',
-  HEADER_TITLE: 'chat-header-title',
-  HEADER_CHILDREN: 'chat-header-children',
-  THREAD_CONTAINER: 'chat-thread-container',
-  LOAD_MORE_BUTTON: 'ds-chat-load-more-btn',
-  FLOATING_BUTTON: 'chat-floating-button',
-  SYSTEM_MSG_TITLE: 'chat-system-message-title',
-  SYSTEM_MSG_BODY: 'chat-system-message-body',
-  SYSTEM_MSG_TIME: 'chat-system-message-time',
-  BUBBLE: 'ds-chat-bubble',
-  BUBBLE_TITLE: 'chat-bubble-title',
-  BUBBLE_BODY: 'chat-bubble-body',
-  BANNER: 'ds-banner-container'
+  COMPOSER_TEXTAREA: "chat-composer-textarea",
+  COMPOSER_SEND_BUTTON: "chat-composer-send-button",
+  CARD_TITLE: "chat-card-title",
+  CARD_WRAPPER: "chat-card-wrapper",
+  CARD_TIME: "chat-card-time",
+  CARD_RIGHT_ADDON: "chat-right-addon",
+  CARD_CONTENT: "chat-card-content",
+  LOADING_INDICATOR: "ds-chat-loading-indicator",
+  HEADER_TITLE: "chat-header-title",
+  HEADER_CHILDREN: "chat-header-children",
+  THREAD_CONTAINER: "chat-thread-container",
+  LOAD_MORE_BUTTON: "ds-chat-load-more-btn",
+  FLOATING_BUTTON: "chat-floating-button",
+  SYSTEM_MSG_TITLE: "chat-system-message-title",
+  SYSTEM_MSG_BODY: "chat-system-message-body",
+  SYSTEM_MSG_TIME: "chat-system-message-time",
+  BUBBLE: "ds-chat-bubble",
+  BUBBLE_TITLE: "chat-bubble-title",
+  BUBBLE_BODY: "chat-bubble-body",
+  BANNER: "ds-banner-container"
 };
-
-exports.ChatDataTestIds = ChatDataTestIds;
+module.exports = __toCommonJS(ChatDataTestids_exports);
+//# sourceMappingURL=ChatDataTestids.js.map

package/cjs/ChatDataTestids.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ChatDataTestids.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const ChatDataTestIds = {\n  COMPOSER_TEXTAREA: 'chat-composer-textarea',\n  COMPOSER_SEND_BUTTON: 'chat-composer-send-button',\n  CARD_TITLE: 'chat-card-title',\n  CARD_WRAPPER: 'chat-card-wrapper',\n  CARD_TIME: 'chat-card-time',\n  CARD_RIGHT_ADDON: 'chat-right-addon',\n  CARD_CONTENT: 'chat-card-content',\n  LOADING_INDICATOR: 'ds-chat-loading-indicator',\n  HEADER_TITLE: 'chat-header-title',\n  HEADER_CHILDREN: 'chat-header-children',\n  THREAD_CONTAINER: 'chat-thread-container',\n  LOAD_MORE_BUTTON: 'ds-chat-load-more-btn',\n  FLOATING_BUTTON: 'chat-floating-button',\n  SYSTEM_MSG_TITLE: 'chat-system-message-title',\n  SYSTEM_MSG_BODY: 'chat-system-message-body',\n  SYSTEM_MSG_TIME: 'chat-system-message-time',\n  BUBBLE: 'ds-chat-bubble',\n  BUBBLE_TITLE: 'chat-bubble-title',\n  BUBBLE_BODY: 'chat-bubble-body',\n  BANNER: 'ds-banner-container',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,kBAAkB;AAAA,EAC7B,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,QAAQ;AAAA;",
+  "names": []
+}

package/cjs/index.d.js

@@ -1,2 +1,27 @@
-'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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var index_d_exports = {};
+var React = __toESM(require("react"));
+module.exports = __toCommonJS(index_d_exports);
+//# sourceMappingURL=index.d.js.map

package/cjs/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.d.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { VirtualItem } from 'react-virtual';\n\nexport type TypescriptVirtualListHelpers = {\n  virtualItems: VirtualItem[];\n  totalSize: number;\n  scrollToOffset: (\n    index: number,\n    options?: {\n      align: 'start' | 'center' | 'end' | 'auto';\n    },\n  ) => void;\n  scrollToIndex: (\n    index: number,\n    options?: {\n      align: 'start' | 'center' | 'end' | 'auto';\n    },\n  ) => void;\n  measure: () => void;\n} | null;\nexport interface ChatProps {\n  expanded: boolean;\n  expandedWidth: number;\n  openedItem?: string | number;\n  onFooterExpand: () => void;\n  onFooterClose: () => void;\n  onHeaderExpand: () => void;\n  onHeaderClose: () => void;\n  floating?: boolean;\n  title: string;\n}\n\nexport interface UseChatConfig {\n  props: ChatProps;\n}\n\nexport interface UseChatAPI {\n  props: ChatProps;\n  virtualListHelpers: TypescriptVirtualListHelpers;\n  virtualListRef: React.RefObject<HTMLElement>;\n}\n\nexport interface HeaderContainerListProps\n  extends Pick<\n    ChatProps,\n    'expanded' | 'onHeaderClose' | 'onHeaderExpand' | 'floating'\n  > {\n  title: string;\n}\n\nexport interface ComposerContainerProps extends Pick<ChatProps, 'floating'> {}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/cjs/index.js

@@ -1,44 +1,69 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ChatBubble = require('./parts/bubble/ChatBubble.js');
-var props = require('./parts/bubble/props.js');
-var FloatingButton = require('./parts/floating-button/FloatingButton.js');
-var styled = require('./parts/floating-container/styled.js');
-var ChatContainerHeader = require('./parts/chat-container-header/ChatContainerHeader.js');
-var ChatEmptyState = require('./parts/chat-empty-state/ChatEmptyState.js');
-var ChatContainerMessagesList = require('./parts/chat-container-messages-list/ChatContainerMessagesList.js');
-var ChatContainerComposer = require('./parts/chat-composer/ChatContainerComposer.js');
-var SideBarChat = require('./parts/chat-sidebar/SideBarChat.js');
-var ChatContainer = require('./parts/chat-container/ChatContainer.js');
-var TileButton = require('./parts/tile-button/TileButton.js');
-var MessageDelimiter = require('./parts/message-delimiter/MessageDelimiter.js');
-var SystemMessage = require('./parts/system-message/SystemMessage.js');
-var ChatCard = require('./parts/chat-card/ChatCard.js');
-
-
-
-exports.ChatBubble = ChatBubble.ChatBubble;
-exports.ChatBubbleWithSchema = ChatBubble.ChatBubbleWithSchema;
-exports.BUBBLE_TYPES = props.BUBBLE_TYPES;
-exports.FloatingButton = FloatingButton.FloatingButton;
-exports.StyledFloatingContainer = styled.StyledFloatingContainer;
-exports.ChatContainerHeader = ChatContainerHeader.ChatContainerHeader;
-exports.ChatEmptyState = ChatEmptyState.ChatEmptyState;
-exports.ChatContainerMessagesList = ChatContainerMessagesList.ChatContainerMessagesList;
-exports.ChatContainerMessagesListWithSchema = ChatContainerMessagesList.ChatContainerMessagesListWithSchema;
-exports.ChatComposer = ChatContainerComposer.ChatComposer;
-exports.ChatComposerWithSchema = ChatContainerComposer.ChatComposerWithSchema;
-exports.SideBarChat = SideBarChat.SideBarChat;
-exports.SideBarChatWithSchema = SideBarChat.SideBarChatWithSchema;
-exports.ChatContainer = ChatContainer.ChatContainer;
-exports.ChatContainerWithSchema = ChatContainer.ChatContainerWithSchema;
-exports.TileButton = TileButton.TileButton;
-exports.TileButtonWithSchema = TileButton.TileButtonWithSchema;
-exports.MessageDelimiter = MessageDelimiter.MessageDelimiter;
-exports.MessageDelimiterWithSchema = MessageDelimiter.MessageDelimiterWithSchema;
-exports.SystemMessage = SystemMessage.SystemMessage;
-exports.SystemMessageWithSchema = SystemMessage.SystemMessageWithSchema;
-exports.ChatCard = ChatCard.ChatCard;
-exports.ChatCardWithSchema = ChatCard.ChatCardWithSchema;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+__export(src_exports, {
+  BUBBLE_TYPES: () => import_bubble.BUBBLE_TYPES,
+  ChatBubble: () => import_bubble.ChatBubble,
+  ChatBubbleWithSchema: () => import_bubble.ChatBubbleWithSchema,
+  ChatCard: () => import_chat_card.ChatCard,
+  ChatCardWithSchema: () => import_chat_card.ChatCardWithSchema,
+  ChatComposer: () => import_ChatContainerComposer.ChatComposer,
+  ChatComposerWithSchema: () => import_ChatContainerComposer.ChatComposerWithSchema,
+  ChatContainer: () => import_chat_container.ChatContainer,
+  ChatContainerHeader: () => import_ChatContainerHeader.ChatContainerHeader,
+  ChatContainerMessagesList: () => import_chat_container_messages_list.ChatContainerMessagesList,
+  ChatContainerMessagesListWithSchema: () => import_chat_container_messages_list.ChatContainerMessagesListWithSchema,
+  ChatContainerWithSchema: () => import_chat_container.ChatContainerWithSchema,
+  ChatEmptyState: () => import_ChatEmptyState.ChatEmptyState,
+  FloatingButton: () => import_floating_button.FloatingButton,
+  MessageDelimiter: () => import_message_delimiter.MessageDelimiter,
+  MessageDelimiterWithSchema: () => import_message_delimiter.MessageDelimiterWithSchema,
+  SideBarChat: () => import_chat_sidebar.SideBarChat,
+  SideBarChatWithSchema: () => import_chat_sidebar.SideBarChatWithSchema,
+  StyledFloatingContainer: () => import_styled.StyledFloatingContainer,
+  SystemMessage: () => import_system_message.SystemMessage,
+  SystemMessageWithSchema: () => import_system_message.SystemMessageWithSchema,
+  TileButton: () => import_tile_button.TileButton,
+  TileButtonWithSchema: () => import_tile_button.TileButtonWithSchema
+});
+var React = __toESM(require("react"));
+var import_bubble = require("./parts/bubble");
+var import_floating_button = require("./parts/floating-button");
+var import_styled = require("./parts/floating-container/styled");
+var import_ChatContainerHeader = require("./parts/chat-container-header/ChatContainerHeader");
+var import_ChatEmptyState = require("./parts/chat-empty-state/ChatEmptyState");
+var import_chat_container_messages_list = require("./parts/chat-container-messages-list");
+var import_ChatContainerComposer = require("./parts/chat-composer/ChatContainerComposer");
+var import_chat_sidebar = require("./parts/chat-sidebar");
+var import_chat_container = require("./parts/chat-container");
+var import_tile_button = require("./parts/tile-button");
+var import_message_delimiter = require("./parts/message-delimiter");
+var import_system_message = require("./parts/system-message");
+var import_chat_card = require("./parts/chat-card");
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// Bubble\nexport { ChatBubble, ChatBubbleWithSchema, BUBBLE_TYPES } from './parts/bubble';\n// Floating Button\nexport { FloatingButton } from './parts/floating-button';\nexport { StyledFloatingContainer } from './parts/floating-container/styled';\n// Chat Header\nexport { ChatContainerHeader } from './parts/chat-container-header/ChatContainerHeader';\n// Chat Empty State\nexport { ChatEmptyState } from './parts/chat-empty-state/ChatEmptyState';\n\n// Chat List\nexport { ChatContainerMessagesList, ChatContainerMessagesListWithSchema } from './parts/chat-container-messages-list';\n// Chat Composer\nexport { ChatComposer, ChatComposerWithSchema } from './parts/chat-composer/ChatContainerComposer';\n// Chat Sidebar\nexport { SideBarChat, SideBarChatWithSchema } from './parts/chat-sidebar';\n// Chat Container\nexport { ChatContainer, ChatContainerWithSchema } from './parts/chat-container';\n// Tile\nexport { TileButton, TileButtonWithSchema } from './parts/tile-button';\n// MessageDelimiter\nexport { MessageDelimiter, MessageDelimiterWithSchema } from './parts/message-delimiter';\n// SystemMessage\nexport { SystemMessage, SystemMessageWithSchema } from './parts/system-message';\n// ChatCard\nexport { ChatCard, ChatCardWithSchema } from './parts/chat-card';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,oBAA+D;AAE/D,6BAA+B;AAC/B,oBAAwC;AAExC,iCAAoC;AAEpC,4BAA+B;AAG/B,0CAA+E;AAE/E,mCAAqD;AAErD,0BAAmD;AAEnD,4BAAuD;AAEvD,yBAAiD;AAEjD,+BAA6D;AAE7D,4BAAuD;AAEvD,uBAA6C;",
+  "names": []
+}

package/cjs/parts/bubble/ChatBubble.js

@@ -1,74 +1,84 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.url.to-json.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-var React = require('react');
-var reactDesc = require('react-desc');
-var dsIcons = require('@elliemae/ds-icons');
-var styled = require('./styled.js');
-var props = require('./props.js');
-var useValidateProps = require('./config/useValidateProps.js');
-var ChatBubbleArrow = require('./ChatBubbleArrow.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var _br, _WarningCircleFill;
-
-const ChatBubble = props => {
-  useValidateProps.useValidateProps(props, ChatBubbleWithSchema.toJSON());
-  const {
-    dsId,
-    type,
-    title,
-    time,
-    body,
-    errorMessage,
-    helpMessage
-  } = props;
-  const bodyParts = React__default["default"].useMemo(() => typeof body === 'string' ? body.split('\n') : [body], [body]);
-  return /*#__PURE__*/_jsx__default["default"](styled.StyledWrapper, {
-    "data-testid": "ds-chat-bubble-".concat(dsId),
-    type: type
-  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledColoredBubble, {
-    type: type
-  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledTitleBubble, {
-    cols: [1, 'auto'],
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ChatBubble_exports = {};
+__export(ChatBubble_exports, {
+  ChatBubble: () => ChatBubble,
+  ChatBubbleWithSchema: () => ChatBubbleWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_styled = require("./styled");
+var import_props = require("./props");
+var import_useValidateProps = require("./config/useValidateProps");
+var import_ChatBubbleArrow = require("./ChatBubbleArrow");
+const ChatBubble = (props) => {
+  (0, import_useValidateProps.useValidateProps)(props, ChatBubbleWithSchema.toJSON());
+  const { dsId, type, title, time, body, errorMessage, helpMessage } = props;
+  const bodyParts = import_react.default.useMemo(() => typeof body === "string" ? body.split("\n") : [body], [body]);
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledWrapper, {
+    "data-testid": `ds-chat-bubble-${dsId}`,
+    type
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledColoredBubble, {
+    type
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTitleBubble, {
+    cols: [1, "auto"],
     gutter: "xs",
     alignItems: "flex-end",
     className: "sr-only"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledTitleLeftBubble, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTitleLeftBubble, {
     alignItems: "center",
-    "data-testid": "chat-bubble-title-".concat(dsId)
-  }, void 0, title), /*#__PURE__*/_jsx__default["default"](styled.StyledTitleRightBubble, {
+    "data-testid": `chat-bubble-title-${dsId}`
+  }, title), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTitleRightBubble, {
     alignItems: "center",
-    type: type,
-    "data-testid": "chat-bubble-time-".concat(dsId)
-  }, void 0, time)), /*#__PURE__*/_jsx__default["default"](styled.StyleBodyWrapper, {
-    "data-testid": "chat-bubble-body-".concat(dsId)
-  }, void 0, bodyParts.map((item, index) => /*#__PURE__*/_jsx__default["default"](React__default["default"].Fragment, {}, "".concat(item, "-").concat(index), item, index < bodyParts.length - 1 ? _br || (_br = /*#__PURE__*/_jsx__default["default"]("br", {})) : null))), /*#__PURE__*/_jsx__default["default"](ChatBubbleArrow.ChatBubbleArrow, {
-    type: type
-  })), errorMessage ? /*#__PURE__*/_jsx__default["default"](styled.StyleErrorMessage, {
-    "data-testid": "chat-bubble-error-message-".concat(dsId),
+    type,
+    "data-testid": `chat-bubble-time-${dsId}`
+  }, time)), /* @__PURE__ */ import_react.default.createElement(import_styled.StyleBodyWrapper, {
+    "data-testid": `chat-bubble-body-${dsId}`
+  }, bodyParts.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, {
+    key: `${item}-${index}`
+  }, item, index < bodyParts.length - 1 ? /* @__PURE__ */ import_react.default.createElement("br", null) : null))), /* @__PURE__ */ import_react.default.createElement(import_ChatBubbleArrow.ChatBubbleArrow, {
+    type
+  })), errorMessage ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyleErrorMessage, {
+    "data-testid": `chat-bubble-error-message-${dsId}`,
     p: "xxs",
     gutter: "xxs",
-    cols: [1, 'auto']
-  }, void 0, /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, errorMessage), _WarningCircleFill || (_WarningCircleFill = /*#__PURE__*/_jsx__default["default"](dsIcons.WarningCircleFill, {}))) : null, helpMessage ? /*#__PURE__*/_jsx__default["default"](styled.StyleHelpMessage, {
-    "data-testid": "chat-bubble-help-message-".concat(dsId),
+    cols: [1, "auto"]
+  }, /* @__PURE__ */ import_react.default.createElement("span", null, errorMessage), /* @__PURE__ */ import_react.default.createElement(import_ds_icons.WarningCircleFill, null)) : null, helpMessage ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyleHelpMessage, {
+    "data-testid": `chat-bubble-help-message-${dsId}`,
     p: "xxs",
     gutter: "xxs",
-    cols: [1, 'auto']
-  }, void 0, /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, helpMessage)) : null);
+    cols: [1, "auto"]
+  }, /* @__PURE__ */ import_react.default.createElement("span", null, helpMessage)) : null);
 };
-
-const ChatBubbleWithSchema = reactDesc.describe(ChatBubble);
-ChatBubbleWithSchema.propTypes = props.propsBubbles;
-
-exports.ChatBubble = ChatBubble;
-exports.ChatBubbleWithSchema = ChatBubbleWithSchema;
+ChatBubble.propTypes = import_props.propsBubbles;
+const ChatBubbleWithSchema = (0, import_react_desc.describe)(ChatBubble);
+ChatBubbleWithSchema.propTypes = import_props.propsBubbles;
+module.exports = __toCommonJS(ChatBubble_exports);
+//# sourceMappingURL=ChatBubble.js.map

package/cjs/parts/bubble/ChatBubble.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/bubble/ChatBubble.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { WarningCircleFill } from '@elliemae/ds-icons';\nimport {\n  StyledWrapper,\n  StyledColoredBubble,\n  StyledTitleBubble,\n  StyledTitleLeftBubble,\n  StyledTitleRightBubble,\n  StyleBodyWrapper,\n  StyleErrorMessage,\n  StyleHelpMessage,\n} from './styled';\nimport { propsBubbles, BubbleProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\n\nconst ChatBubble = (props: BubbleProps): JSX.Element => {\n  useValidateProps(props, ChatBubbleWithSchema.toJSON());\n\n  const { dsId, type, title, time, body, errorMessage, helpMessage } = props;\n  const bodyParts = React.useMemo(() => (typeof body === 'string' ? body.split('\\n') : [body]), [body]);\n\n  return (\n    <StyledWrapper data-testid={`ds-chat-bubble-${dsId}`} type={type}>\n      <StyledColoredBubble type={type}>\n        <StyledTitleBubble cols={[1, 'auto']} gutter=\"xs\" alignItems=\"flex-end\" className=\"sr-only\">\n          <StyledTitleLeftBubble alignItems=\"center\" data-testid={`chat-bubble-title-${dsId}`}>\n            {title}\n          </StyledTitleLeftBubble>\n          <StyledTitleRightBubble alignItems=\"center\" type={type} data-testid={`chat-bubble-time-${dsId}`}>\n            {time}\n          </StyledTitleRightBubble>\n        </StyledTitleBubble>\n        <StyleBodyWrapper data-testid={`chat-bubble-body-${dsId}`}>\n          {bodyParts.map((item, index) => (\n            <React.Fragment key={`${item}-${index}`}>\n              {item}\n              {index < bodyParts.length - 1 ? <br /> : null}\n            </React.Fragment>\n          ))}\n        </StyleBodyWrapper>\n        <ChatBubbleArrow type={type} />\n      </StyledColoredBubble>\n      {errorMessage ? (\n        <StyleErrorMessage data-testid={`chat-bubble-error-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n          <span>{errorMessage}</span>\n          <WarningCircleFill />\n        </StyleErrorMessage>\n      ) : null}\n      {helpMessage ? (\n        <StyleHelpMessage data-testid={`chat-bubble-help-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n          <span>{helpMessage}</span>\n        </StyleHelpMessage>\n      ) : null}\n    </StyledWrapper>\n  );\n};\nChatBubble.propTypes = propsBubbles;\n\nconst ChatBubbleWithSchema = describe(ChatBubble);\nChatBubbleWithSchema.propTypes = propsBubbles;\n\nexport { ChatBubble, ChatBubbleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,sBAAkC;AAClC,oBASO;AACP,mBAA0C;AAC1C,8BAAiC;AACjC,6BAAgC;AAEhC,MAAM,aAAa,CAAC,UAAoC;AACtD,gDAAiB,OAAO,qBAAqB;AAE7C,QAAM,EAAE,MAAM,MAAM,OAAO,MAAM,MAAM,cAAc,gBAAgB;AACrE,QAAM,YAAY,qBAAM,QAAQ,MAAO,OAAO,SAAS,WAAW,KAAK,MAAM,QAAQ,CAAC,OAAQ,CAAC;AAE/F,SACE,mDAAC,6BAAD;AAAA,IAAe,eAAa,kBAAkB;AAAA,IAAQ;AAAA,KACpD,mDAAC,mCAAD;AAAA,IAAqB;AAAA,KACnB,mDAAC,iCAAD;AAAA,IAAmB,MAAM,CAAC,GAAG;AAAA,IAAS,QAAO;AAAA,IAAK,YAAW;AAAA,IAAW,WAAU;AAAA,KAChF,mDAAC,qCAAD;AAAA,IAAuB,YAAW;AAAA,IAAS,eAAa,qBAAqB;AAAA,KAC1E,QAEH,mDAAC,sCAAD;AAAA,IAAwB,YAAW;AAAA,IAAS;AAAA,IAAY,eAAa,oBAAoB;AAAA,KACtF,QAGL,mDAAC,gCAAD;AAAA,IAAkB,eAAa,oBAAoB;AAAA,KAChD,UAAU,IAAI,CAAC,MAAM,UACpB,mDAAC,qBAAM,UAAP;AAAA,IAAgB,KAAK,GAAG,QAAQ;AAAA,KAC7B,MACA,QAAQ,UAAU,SAAS,IAAI,mDAAC,MAAD,QAAS,SAI/C,mDAAC,wCAAD;AAAA,IAAiB;AAAA,OAElB,eACC,mDAAC,iCAAD;AAAA,IAAmB,eAAa,6BAA6B;AAAA,IAAQ,GAAE;AAAA,IAAM,QAAO;AAAA,IAAM,MAAM,CAAC,GAAG;AAAA,KAClG,mDAAC,QAAD,MAAO,eACP,mDAAC,mCAAD,SAEA,MACH,cACC,mDAAC,gCAAD;AAAA,IAAkB,eAAa,4BAA4B;AAAA,IAAQ,GAAE;AAAA,IAAM,QAAO;AAAA,IAAM,MAAM,CAAC,GAAG;AAAA,KAChG,mDAAC,QAAD,MAAO,gBAEP;AAAA;AAIV,WAAW,YAAY;AAEvB,MAAM,uBAAuB,gCAAS;AACtC,qBAAqB,YAAY;",
+  "names": []
+}

package/cjs/parts/bubble/ChatBubbleArrow.js

@@ -1,80 +1,97 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var styled = require('./styled.js');
-var props = require('./props.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _svg, _svg2;
-const ChatBubbleArrow = _ref => {
-  let {
-    type
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](styled.StyledBubbleArrow, {}, void 0, type === props.BUBBLE_TYPES.RECIPIENT ? _svg || (_svg = /*#__PURE__*/_jsx__default["default"]("svg", {
-    width: "15px",
-    height: "14px",
-    viewBox: "0 0 15 14"
-  }, void 0, /*#__PURE__*/_jsx__default["default"]("defs", {}, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
-    d: "M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z",
-    id: "path-chat-bubble"
-  }), /*#__PURE__*/_jsx__default["default"]("filter", {
-    x: "-55.6%",
-    y: "-50.0%",
-    width: "211.1%",
-    height: "225.0%",
-    filterUnits: "objectBoundingBox",
-    id: "filter-2"
-  }, void 0, /*#__PURE__*/_jsx__default["default"]("feOffset", {
-    dx: "2.3",
-    dy: "1.2",
-    in: "SourceAlpha",
-    result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/_jsx__default["default"]("feGaussianBlur", {
-    stdDeviation: "1.5",
-    in: "shadowOffsetOuter1",
-    result: "shadowBlurOuter1"
-  }), /*#__PURE__*/_jsx__default["default"]("feColorMatrix", {
-    values: "0 0 0 0 0.207843137    0 0 0 0 0.235294118    0 0 0 0 0.274509804   0 0 0 0.8 0",
-    type: "matrix",
-    in: "shadowBlurOuter1"
-  }))), /*#__PURE__*/_jsx__default["default"]("g", {
-    id: "[DSK]-Visual-Design",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
-    id: "Path-Copy",
-    transform: "translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) "
-  }, void 0, /*#__PURE__*/_jsx__default["default"]("use", {
-    fill: "black",
-    fillOpacity: "1",
-    filter: "url(#filter-2)",
-    xlinkHref: "#path-chat-bubble"
-  }), /*#__PURE__*/_jsx__default["default"]("use", {
-    fill: "#FFFFFF",
-    fillRule: "evenodd",
-    xlinkHref: "#path-chat-bubble"
-  }))))) : _svg2 || (_svg2 = /*#__PURE__*/_jsx__default["default"]("svg", {
-    width: "9px",
-    height: "8px",
-    viewBox: "0 0 9 8"
-  }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
-    d: "M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z",
-    id: "Path",
-    fill: "#1E79C2"
-  })))));
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-
-exports.ChatBubbleArrow = ChatBubbleArrow;
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ChatBubbleArrow_exports = {};
+__export(ChatBubbleArrow_exports, {
+  ChatBubbleArrow: () => ChatBubbleArrow
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled = require("./styled");
+var import_props = require("./props");
+const ChatBubbleArrow = ({ type }) => /* @__PURE__ */ import_react.default.createElement(import_styled.StyledBubbleArrow, null, type === import_props.BUBBLE_TYPES.RECIPIENT ? /* @__PURE__ */ import_react.default.createElement("svg", {
+  width: "15px",
+  height: "14px",
+  viewBox: "0 0 15 14"
+}, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("path", {
+  d: "M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z",
+  id: "path-chat-bubble"
+}), /* @__PURE__ */ import_react.default.createElement("filter", {
+  x: "-55.6%",
+  y: "-50.0%",
+  width: "211.1%",
+  height: "225.0%",
+  filterUnits: "objectBoundingBox",
+  id: "filter-2"
+}, /* @__PURE__ */ import_react.default.createElement("feOffset", {
+  dx: "2.3",
+  dy: "1.2",
+  in: "SourceAlpha",
+  result: "shadowOffsetOuter1"
+}), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", {
+  stdDeviation: "1.5",
+  in: "shadowOffsetOuter1",
+  result: "shadowBlurOuter1"
+}), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", {
+  values: "0 0 0 0 0.207843137   \n                      0 0 0 0 0.235294118   \n                      0 0 0 0 0.274509804  \n                      0 0 0 0.8 0",
+  type: "matrix",
+  in: "shadowBlurOuter1"
+}))), /* @__PURE__ */ import_react.default.createElement("g", {
+  id: "[DSK]-Visual-Design",
+  stroke: "none",
+  strokeWidth: "1",
+  fill: "none",
+  fillRule: "evenodd"
+}, /* @__PURE__ */ import_react.default.createElement("g", {
+  id: "Path-Copy",
+  transform: "translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) "
+}, /* @__PURE__ */ import_react.default.createElement("use", {
+  fill: "black",
+  fillOpacity: "1",
+  filter: "url(#filter-2)",
+  xlinkHref: "#path-chat-bubble"
+}), /* @__PURE__ */ import_react.default.createElement("use", {
+  fill: "#FFFFFF",
+  fillRule: "evenodd",
+  xlinkHref: "#path-chat-bubble"
+})))) : /* @__PURE__ */ import_react.default.createElement("svg", {
+  width: "9px",
+  height: "8px",
+  viewBox: "0 0 9 8"
+}, /* @__PURE__ */ import_react.default.createElement("g", {
+  stroke: "none",
+  strokeWidth: "1",
+  fill: "none",
+  fillRule: "evenodd"
+}, /* @__PURE__ */ import_react.default.createElement("path", {
+  d: "M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z",
+  id: "Path",
+  fill: "#1E79C2"
+}))));
+ChatBubbleArrow.propTypes = import_props.propsArrowBubble;
+module.exports = __toCommonJS(ChatBubbleArrow_exports);
+//# sourceMappingURL=ChatBubbleArrow.js.map