@elliemae/ds-chat 2.3.0-next.0 → 3.0.0-alpha.0

package/dist/cjs/prop-types.js

@@ -0,0 +1,60 @@
+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 prop_types_exports = {};
+__export(prop_types_exports, {
+  chatProps: () => chatProps,
+  defaultProps: () => defaultProps
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
+const defaultProps = {
+  expanded: false,
+  expandedWidth: 348,
+  openedItem: void 0,
+  onFooterExpand: import_lodash.noop,
+  onFooterClose: import_lodash.noop,
+  floating: false,
+  onHeaderExpand: import_lodash.noop,
+  onHeaderClose: import_lodash.noop,
+  title: "Header Title"
+};
+const chatProps = {
+  containerProps: import_react_desc.PropTypes.shape({}).defaultValue({}),
+  expanded: import_react_desc.PropTypes.bool.description("Whether to show the chat expanded or collapsed").defaultValue(defaultProps.expanded),
+  expandedWidth: import_react_desc.PropTypes.number.description("Total width attached to the expanded Chat").defaultValue(defaultProps.expandedWidth),
+  openedItem: import_react_desc.PropTypes.string.description("The id of the chat item you want to be opened").defaultValue(defaultProps.openedItem),
+  messages: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.object).description("The array of out-of-the-box items you want to render inside the container list of the chat").defaultValue(defaultProps.openedItem),
+  onFooterExpand: import_react_desc.PropTypes.func.description("The function to call when the chat is opened via the footer").defaultValue(defaultProps.onFooterExpand),
+  onFooterClose: import_react_desc.PropTypes.func.description("The function to call when the chat is closed via the footer").defaultValue(defaultProps.onFooterClose),
+  onHeaderExpand: import_react_desc.PropTypes.func.description("The function to call when the chat is opened via the header").defaultValue(defaultProps.onHeaderExpand),
+  onHeaderClose: import_react_desc.PropTypes.func.description("The function to call when the chat is closed via the header").defaultValue(defaultProps.onHeaderClose),
+  floating: import_react_desc.PropTypes.bool.description("Whether to show the chat as floating chat or not").defaultValue(defaultProps.floating)
+};
+module.exports = __toCommonJS(prop_types_exports);
+//# sourceMappingURL=prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { ChatProps } from './index.d';\n\nexport const defaultProps: ChatProps = {\n  expanded: false,\n  expandedWidth: 348,\n  openedItem: undefined,\n  onFooterExpand: noop,\n  onFooterClose: noop,\n  floating: false,\n  onHeaderExpand: noop,\n  onHeaderClose: noop,\n  title: 'Header Title',\n};\n\nexport const chatProps = {\n  containerProps: PropTypes.shape({}).defaultValue({}),\n  expanded: PropTypes.bool\n    .description('Whether to show the chat expanded or collapsed')\n    .defaultValue(defaultProps.expanded),\n  expandedWidth: PropTypes.number\n    .description('Total width attached to the expanded Chat')\n    .defaultValue(defaultProps.expandedWidth),\n  openedItem: PropTypes.string\n    .description('The id of the chat item you want to be opened')\n    .defaultValue(defaultProps.openedItem),\n  messages: PropTypes.arrayOf(PropTypes.object)\n    .description(\n      'The array of out-of-the-box items you want to render inside the container list of the chat',\n    )\n    .defaultValue(defaultProps.openedItem),\n  onFooterExpand: PropTypes.func\n    .description('The function to call when the chat is opened via the footer')\n    .defaultValue(defaultProps.onFooterExpand),\n  onFooterClose: PropTypes.func\n    .description('The function to call when the chat is closed via the footer')\n    .defaultValue(defaultProps.onFooterClose),\n  onHeaderExpand: PropTypes.func\n    .description('The function to call when the chat is opened via the header')\n    .defaultValue(defaultProps.onHeaderExpand),\n  onHeaderClose: PropTypes.func\n    .description('The function to call when the chat is closed via the header')\n    .defaultValue(defaultProps.onHeaderClose),\n  floating: PropTypes.bool\n    .description('Whether to show the chat as floating chat or not')\n    .defaultValue(defaultProps.floating),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,oBAAqB;AAGd,MAAM,eAA0B;AAAA,EACrC,UAAU;AAAA,EACV,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,OAAO;AAAA;AAGF,MAAM,YAAY;AAAA,EACvB,gBAAgB,4BAAU,MAAM,IAAI,aAAa;AAAA,EACjD,UAAU,4BAAU,KACjB,YAAY,kDACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,4BAAU,OACtB,YAAY,6CACZ,aAAa,aAAa;AAAA,EAC7B,YAAY,4BAAU,OACnB,YAAY,iDACZ,aAAa,aAAa;AAAA,EAC7B,UAAU,4BAAU,QAAQ,4BAAU,QACnC,YACC,8FAED,aAAa,aAAa;AAAA,EAC7B,gBAAgB,4BAAU,KACvB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,4BAAU,KACtB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,gBAAgB,4BAAU,KACvB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,4BAAU,KACtB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,UAAU,4BAAU,KACjB,YAAY,oDACZ,aAAa,aAAa;AAAA;",
+  "names": []
+}

package/dist/cjs/styled.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styled_exports = {};
+__export(styled_exports, {
+  BOX_SHADOW: () => BOX_SHADOW,
+  BOX_SHADOW_FLOATING: () => BOX_SHADOW_FLOATING,
+  BOX_SHADOW_INSET: () => BOX_SHADOW_INSET,
+  BUTTON_FLOATING: () => BUTTON_FLOATING,
+  BUTTON_SIDEBAR_HEIGHT: () => BUTTON_SIDEBAR_HEIGHT,
+  MIN_WIDTH_SIDEBAR: () => MIN_WIDTH_SIDEBAR
+});
+var React = __toESM(require("react"));
+const MIN_WIDTH_SIDEBAR = 48;
+const BUTTON_SIDEBAR_HEIGHT = 48;
+const BUTTON_FLOATING = 56;
+const BOX_SHADOW = "0 5px 8px 0 rgba(53,60,70,0.55)";
+const BOX_SHADOW_FLOATING = "0 5px 8px 0 rgba(53,60,70,0.35)";
+const BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/dist/cjs/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const MIN_WIDTH_SIDEBAR = 48;\nexport const BUTTON_SIDEBAR_HEIGHT = 48;\nexport const BUTTON_FLOATING = 56;\nexport const BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nexport const BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\nexport const BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAC9B,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;",
+  "names": []
+}

package/dist/cjs/tests/utils.js

@@ -0,0 +1,66 @@
+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 utils_exports = {};
+__export(utils_exports, {
+  loadMsgs: () => loadMsgs
+});
+var React = __toESM(require("react"));
+var import_ds_chat = require("@elliemae/ds-chat");
+const getRandomMessages = (q, key) => Array(q).fill().map((v, i) => {
+  if (i > 5 && i % 22 === 0) {
+    return {
+      dsId: `${i}`,
+      body: `This is a system message that notifies the user of some important things`,
+      type: import_ds_chat.BUBBLE_TYPES.SYSTEM,
+      title: "System Message",
+      time: "4:50 pm"
+    };
+  }
+  if (i > 5 && i % 16 === 0) {
+    return {
+      dsId: `${i}`,
+      type: import_ds_chat.BUBBLE_TYPES.DELIMITER,
+      title: "Mon, Apr 25, 12:43 PM",
+      extraProps: { "data-testid": "custom-data-testid" }
+    };
+  }
+  const isSender = i % 2 === 0;
+  const chatBubbleType = isSender ? import_ds_chat.BUBBLE_TYPES.SENDER : import_ds_chat.BUBBLE_TYPES.RECIPIENT;
+  const chatTitle = isSender ? "Robert Deniro" : "Al Pacino";
+  return {
+    dsId: `${i}`,
+    body: `Message text ${key} Message text ${i}`,
+    type: chatBubbleType,
+    title: chatTitle,
+    time: "4:50 pm",
+    helpMessage: isSender ? "Delivered" : null
+  };
+});
+const loadMsgs = (q) => getRandomMessages(q, "item_key");
+module.exports = __toCommonJS(utils_exports);
+//# sourceMappingURL=utils.js.map

package/dist/cjs/tests/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/tests/utils.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { BUBBLE_TYPES } from '@elliemae/ds-chat';\n\nconst getRandomMessages = (q, key) =>\n  Array(q)\n    .fill()\n    .map((v, i) => {\n      if (i > 5 && i % 22 === 0) {\n        return {\n          dsId: `${i}`,\n          body: `This is a system message that notifies the user of some important things`,\n          type: BUBBLE_TYPES.SYSTEM,\n          title: 'System Message',\n          time: '4:50 pm',\n        };\n      }\n      if (i > 5 && i % 16 === 0) {\n        return {\n          dsId: `${i}`,\n          type: BUBBLE_TYPES.DELIMITER,\n          title: 'Mon, Apr 25, 12:43 PM',\n          extraProps: { 'data-testid': 'custom-data-testid' },\n        };\n      }\n      const isSender = i % 2 === 0;\n      const chatBubbleType = isSender ? BUBBLE_TYPES.SENDER : BUBBLE_TYPES.RECIPIENT;\n      const chatTitle = isSender ? 'Robert Deniro' : 'Al Pacino';\n      return {\n        dsId: `${i}`,\n        body: `Message text ${key} Message text ${i}`,\n        type: chatBubbleType,\n        title: chatTitle,\n        time: '4:50 pm',\n        helpMessage: isSender ? 'Delivered' : null,\n      };\n    });\n\nexport const loadMsgs = (q: number): unknown => getRandomMessages(q, 'item_key');\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA6B;AAE7B,MAAM,oBAAoB,CAAC,GAAG,QAC5B,MAAM,GACH,OACA,IAAI,CAAC,GAAG,MAAM;AACb,MAAI,IAAI,KAAK,IAAI,OAAO,GAAG;AACzB,WAAO;AAAA,MACL,MAAM,GAAG;AAAA,MACT,MAAM;AAAA,MACN,MAAM,4BAAa;AAAA,MACnB,OAAO;AAAA,MACP,MAAM;AAAA;AAAA;AAGV,MAAI,IAAI,KAAK,IAAI,OAAO,GAAG;AACzB,WAAO;AAAA,MACL,MAAM,GAAG;AAAA,MACT,MAAM,4BAAa;AAAA,MACnB,OAAO;AAAA,MACP,YAAY,EAAE,eAAe;AAAA;AAAA;AAGjC,QAAM,WAAW,IAAI,MAAM;AAC3B,QAAM,iBAAiB,WAAW,4BAAa,SAAS,4BAAa;AACrE,QAAM,YAAY,WAAW,kBAAkB;AAC/C,SAAO;AAAA,IACL,MAAM,GAAG;AAAA,IACT,MAAM,gBAAgB,oBAAoB;AAAA,IAC1C,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa,WAAW,cAAc;AAAA;AAAA;AAIvC,MAAM,WAAW,CAAC,MAAuB,kBAAkB,GAAG;",
+  "names": []
+}

package/dist/esm/ChatDataTestids.js

@@ -0,0 +1,27 @@
+import * as React from "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"
+};
+export {
+  ChatDataTestIds
+};
+//# sourceMappingURL=ChatDataTestids.js.map

package/dist/esm/ChatDataTestids.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ChatDataTestids.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAO,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/dist/esm/index.d.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=index.d.js.map

package/dist/esm/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+import { ChatBubble, ChatBubbleWithSchema, BUBBLE_TYPES } from "./parts/bubble";
+import { FloatingButton } from "./parts/floating-button";
+import { StyledFloatingContainer } from "./parts/floating-container/styled";
+import { ChatContainerHeader } from "./parts/chat-container-header/ChatContainerHeader";
+import { ChatEmptyState } from "./parts/chat-empty-state/ChatEmptyState";
+import { ChatContainerMessagesList, ChatContainerMessagesListWithSchema } from "./parts/chat-container-messages-list";
+import { ChatComposer, ChatComposerWithSchema } from "./parts/chat-composer/ChatContainerComposer";
+import { SideBarChat, SideBarChatWithSchema } from "./parts/chat-sidebar";
+import { ChatContainer, ChatContainerWithSchema } from "./parts/chat-container";
+import { TileButton, TileButtonWithSchema } from "./parts/tile-button";
+import { MessageDelimiter, MessageDelimiterWithSchema } from "./parts/message-delimiter";
+import { SystemMessage, SystemMessageWithSchema } from "./parts/system-message";
+import { ChatCard, ChatCardWithSchema } from "./parts/chat-card";
+export {
+  BUBBLE_TYPES,
+  ChatBubble,
+  ChatBubbleWithSchema,
+  ChatCard,
+  ChatCardWithSchema,
+  ChatComposer,
+  ChatComposerWithSchema,
+  ChatContainer,
+  ChatContainerHeader,
+  ChatContainerMessagesList,
+  ChatContainerMessagesListWithSchema,
+  ChatContainerWithSchema,
+  ChatEmptyState,
+  FloatingButton,
+  MessageDelimiter,
+  MessageDelimiterWithSchema,
+  SideBarChat,
+  SideBarChatWithSchema,
+  StyledFloatingContainer,
+  SystemMessage,
+  SystemMessageWithSchema,
+  TileButton,
+  TileButtonWithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// 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"],
+  "mappings": "AAAA;ACCA;AAEA;AACA;AAEA;AAEA;AAGA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;",
+  "names": []
+}

package/dist/esm/parts/bubble/ChatBubble.js

@@ -0,0 +1,64 @@
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { WarningCircleFill } from "@elliemae/ds-icons";
+import {
+  StyledWrapper,
+  StyledColoredBubble,
+  StyledTitleBubble,
+  StyledTitleLeftBubble,
+  StyledTitleRightBubble,
+  StyleBodyWrapper,
+  StyleErrorMessage,
+  StyleHelpMessage
+} from "./styled";
+import { propsBubbles } from "./props";
+import { useValidateProps } from "./config/useValidateProps";
+import { ChatBubbleArrow } from "./ChatBubbleArrow";
+const ChatBubble = (props) => {
+  useValidateProps(props, ChatBubbleWithSchema.toJSON());
+  const { dsId, type, title, time, body, errorMessage, helpMessage } = props;
+  const bodyParts = React2.useMemo(() => typeof body === "string" ? body.split("\n") : [body], [body]);
+  return /* @__PURE__ */ React2.createElement(StyledWrapper, {
+    "data-testid": `ds-chat-bubble-${dsId}`,
+    type
+  }, /* @__PURE__ */ React2.createElement(StyledColoredBubble, {
+    type
+  }, /* @__PURE__ */ React2.createElement(StyledTitleBubble, {
+    cols: [1, "auto"],
+    gutter: "xs",
+    alignItems: "flex-end",
+    className: "sr-only"
+  }, /* @__PURE__ */ React2.createElement(StyledTitleLeftBubble, {
+    alignItems: "center",
+    "data-testid": `chat-bubble-title-${dsId}`
+  }, title), /* @__PURE__ */ React2.createElement(StyledTitleRightBubble, {
+    alignItems: "center",
+    type,
+    "data-testid": `chat-bubble-time-${dsId}`
+  }, time)), /* @__PURE__ */ React2.createElement(StyleBodyWrapper, {
+    "data-testid": `chat-bubble-body-${dsId}`
+  }, bodyParts.map((item, index) => /* @__PURE__ */ React2.createElement(React2.Fragment, {
+    key: `${item}-${index}`
+  }, item, index < bodyParts.length - 1 ? /* @__PURE__ */ React2.createElement("br", null) : null))), /* @__PURE__ */ React2.createElement(ChatBubbleArrow, {
+    type
+  })), errorMessage ? /* @__PURE__ */ React2.createElement(StyleErrorMessage, {
+    "data-testid": `chat-bubble-error-message-${dsId}`,
+    p: "xxs",
+    gutter: "xxs",
+    cols: [1, "auto"]
+  }, /* @__PURE__ */ React2.createElement("span", null, errorMessage), /* @__PURE__ */ React2.createElement(WarningCircleFill, null)) : null, helpMessage ? /* @__PURE__ */ React2.createElement(StyleHelpMessage, {
+    "data-testid": `chat-bubble-help-message-${dsId}`,
+    p: "xxs",
+    gutter: "xxs",
+    cols: [1, "auto"]
+  }, /* @__PURE__ */ React2.createElement("span", null, helpMessage)) : null);
+};
+ChatBubble.propTypes = propsBubbles;
+const ChatBubbleWithSchema = describe(ChatBubble);
+ChatBubbleWithSchema.propTypes = propsBubbles;
+export {
+  ChatBubble,
+  ChatBubbleWithSchema
+};
+//# sourceMappingURL=ChatBubble.js.map

package/dist/esm/parts/bubble/ChatBubble.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/bubble/ChatBubble.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AACA;AACA;AAEA,MAAM,aAAa,CAAC,UAAoC;AACtD,mBAAiB,OAAO,qBAAqB;AAE7C,QAAM,EAAE,MAAM,MAAM,OAAO,MAAM,MAAM,cAAc,gBAAgB;AACrE,QAAM,YAAY,OAAM,QAAQ,MAAO,OAAO,SAAS,WAAW,KAAK,MAAM,QAAQ,CAAC,OAAQ,CAAC;AAE/F,SACE,qCAAC,eAAD;AAAA,IAAe,eAAa,kBAAkB;AAAA,IAAQ;AAAA,KACpD,qCAAC,qBAAD;AAAA,IAAqB;AAAA,KACnB,qCAAC,mBAAD;AAAA,IAAmB,MAAM,CAAC,GAAG;AAAA,IAAS,QAAO;AAAA,IAAK,YAAW;AAAA,IAAW,WAAU;AAAA,KAChF,qCAAC,uBAAD;AAAA,IAAuB,YAAW;AAAA,IAAS,eAAa,qBAAqB;AAAA,KAC1E,QAEH,qCAAC,wBAAD;AAAA,IAAwB,YAAW;AAAA,IAAS;AAAA,IAAY,eAAa,oBAAoB;AAAA,KACtF,QAGL,qCAAC,kBAAD;AAAA,IAAkB,eAAa,oBAAoB;AAAA,KAChD,UAAU,IAAI,CAAC,MAAM,UACpB,qCAAC,OAAM,UAAP;AAAA,IAAgB,KAAK,GAAG,QAAQ;AAAA,KAC7B,MACA,QAAQ,UAAU,SAAS,IAAI,qCAAC,MAAD,QAAS,SAI/C,qCAAC,iBAAD;AAAA,IAAiB;AAAA,OAElB,eACC,qCAAC,mBAAD;AAAA,IAAmB,eAAa,6BAA6B;AAAA,IAAQ,GAAE;AAAA,IAAM,QAAO;AAAA,IAAM,MAAM,CAAC,GAAG;AAAA,KAClG,qCAAC,QAAD,MAAO,eACP,qCAAC,mBAAD,SAEA,MACH,cACC,qCAAC,kBAAD;AAAA,IAAkB,eAAa,4BAA4B;AAAA,IAAQ,GAAE;AAAA,IAAM,QAAO;AAAA,IAAM,MAAM,CAAC,GAAG;AAAA,KAChG,qCAAC,QAAD,MAAO,gBAEP;AAAA;AAIV,WAAW,YAAY;AAEvB,MAAM,uBAAuB,SAAS;AACtC,qBAAqB,YAAY;",
+  "names": []
+}

package/dist/esm/parts/bubble/ChatBubbleArrow.js

@@ -0,0 +1,68 @@
+import * as React from "react";
+import React2 from "react";
+import { StyledBubbleArrow } from "./styled";
+import { BUBBLE_TYPES, propsArrowBubble } from "./props";
+const ChatBubbleArrow = ({ type }) => /* @__PURE__ */ React2.createElement(StyledBubbleArrow, null, type === BUBBLE_TYPES.RECIPIENT ? /* @__PURE__ */ React2.createElement("svg", {
+  width: "15px",
+  height: "14px",
+  viewBox: "0 0 15 14"
+}, /* @__PURE__ */ React2.createElement("defs", null, /* @__PURE__ */ React2.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__ */ React2.createElement("filter", {
+  x: "-55.6%",
+  y: "-50.0%",
+  width: "211.1%",
+  height: "225.0%",
+  filterUnits: "objectBoundingBox",
+  id: "filter-2"
+}, /* @__PURE__ */ React2.createElement("feOffset", {
+  dx: "2.3",
+  dy: "1.2",
+  in: "SourceAlpha",
+  result: "shadowOffsetOuter1"
+}), /* @__PURE__ */ React2.createElement("feGaussianBlur", {
+  stdDeviation: "1.5",
+  in: "shadowOffsetOuter1",
+  result: "shadowBlurOuter1"
+}), /* @__PURE__ */ React2.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__ */ React2.createElement("g", {
+  id: "[DSK]-Visual-Design",
+  stroke: "none",
+  strokeWidth: "1",
+  fill: "none",
+  fillRule: "evenodd"
+}, /* @__PURE__ */ React2.createElement("g", {
+  id: "Path-Copy",
+  transform: "translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) "
+}, /* @__PURE__ */ React2.createElement("use", {
+  fill: "black",
+  fillOpacity: "1",
+  filter: "url(#filter-2)",
+  xlinkHref: "#path-chat-bubble"
+}), /* @__PURE__ */ React2.createElement("use", {
+  fill: "#FFFFFF",
+  fillRule: "evenodd",
+  xlinkHref: "#path-chat-bubble"
+})))) : /* @__PURE__ */ React2.createElement("svg", {
+  width: "9px",
+  height: "8px",
+  viewBox: "0 0 9 8"
+}, /* @__PURE__ */ React2.createElement("g", {
+  stroke: "none",
+  strokeWidth: "1",
+  fill: "none",
+  fillRule: "evenodd"
+}, /* @__PURE__ */ React2.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 = propsArrowBubble;
+export {
+  ChatBubbleArrow
+};
+//# sourceMappingURL=ChatBubbleArrow.js.map

package/dist/esm/parts/bubble/ChatBubbleArrow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/bubble/ChatBubbleArrow.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { BUBBLE_TYPES, BubbleProps, propsArrowBubble } from './props';\n\nexport const ChatBubbleArrow = ({ type }: Pick<BubbleProps, 'type'>): JSX.Element => (\n  <StyledBubbleArrow>\n    {type === BUBBLE_TYPES.RECIPIENT ? (\n      <svg width=\"15px\" height=\"14px\" viewBox=\"0 0 15 14\">\n        <defs>\n          <path\n            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\"\n            id=\"path-chat-bubble\"\n          ></path>\n          <filter x=\"-55.6%\" y=\"-50.0%\" width=\"211.1%\" height=\"225.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-2\">\n            <feOffset dx=\"2.3\" dy=\"1.2\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"></feOffset>\n            <feGaussianBlur stdDeviation=\"1.5\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"></feGaussianBlur>\n            <feColorMatrix\n              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\"\n              type=\"matrix\"\n              in=\"shadowBlurOuter1\"\n            ></feColorMatrix>\n          </filter>\n        </defs>\n        <g id=\"[DSK]-Visual-Design\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n          <g id=\"Path-Copy\" transform=\"translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) \">\n            <use fill=\"black\" fillOpacity=\"1\" filter=\"url(#filter-2)\" xlinkHref=\"#path-chat-bubble\"></use>\n            <use fill=\"#FFFFFF\" fillRule=\"evenodd\" xlinkHref=\"#path-chat-bubble\"></use>\n          </g>\n        </g>\n      </svg>\n    ) : (\n      <svg width=\"9px\" height=\"8px\" viewBox=\"0 0 9 8\">\n        <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n          <path\n            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\"\n            id=\"Path\"\n            fill=\"#1E79C2\"\n          ></path>\n        </g>\n      </svg>\n    )}\n  </StyledBubbleArrow>\n);\n\nChatBubbleArrow.propTypes = propsArrowBubble;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,kBAAkB,CAAC,EAAE,WAChC,qCAAC,mBAAD,MACG,SAAS,aAAa,YACrB,qCAAC,OAAD;AAAA,EAAK,OAAM;AAAA,EAAO,QAAO;AAAA,EAAO,SAAQ;AAAA,GACtC,qCAAC,QAAD,MACE,qCAAC,QAAD;AAAA,EACE,GAAE;AAAA,EACF,IAAG;AAAA,IAEL,qCAAC,UAAD;AAAA,EAAQ,GAAE;AAAA,EAAS,GAAE;AAAA,EAAS,OAAM;AAAA,EAAS,QAAO;AAAA,EAAS,aAAY;AAAA,EAAoB,IAAG;AAAA,GAC9F,qCAAC,YAAD;AAAA,EAAU,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,IAAG;AAAA,EAAc,QAAO;AAAA,IACpD,qCAAC,kBAAD;AAAA,EAAgB,cAAa;AAAA,EAAM,IAAG;AAAA,EAAqB,QAAO;AAAA,IAClE,qCAAC,iBAAD;AAAA,EACE,QAAO;AAAA,EAIP,MAAK;AAAA,EACL,IAAG;AAAA,MAIT,qCAAC,KAAD;AAAA,EAAG,IAAG;AAAA,EAAsB,QAAO;AAAA,EAAO,aAAY;AAAA,EAAI,MAAK;AAAA,EAAO,UAAS;AAAA,GAC7E,qCAAC,KAAD;AAAA,EAAG,IAAG;AAAA,EAAY,WAAU;AAAA,GAC1B,qCAAC,OAAD;AAAA,EAAK,MAAK;AAAA,EAAQ,aAAY;AAAA,EAAI,QAAO;AAAA,EAAiB,WAAU;AAAA,IACpE,qCAAC,OAAD;AAAA,EAAK,MAAK;AAAA,EAAU,UAAS;AAAA,EAAU,WAAU;AAAA,QAKvD,qCAAC,OAAD;AAAA,EAAK,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,SAAQ;AAAA,GACpC,qCAAC,KAAD;AAAA,EAAG,QAAO;AAAA,EAAO,aAAY;AAAA,EAAI,MAAK;AAAA,EAAO,UAAS;AAAA,GACpD,qCAAC,QAAD;AAAA,EACE,GAAE;AAAA,EACF,IAAG;AAAA,EACH,MAAK;AAAA;AAQjB,gBAAgB,YAAY;",
+  "names": []
+}

package/dist/esm/parts/bubble/config/useValidateProps.js

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { useValidatePropTypes } from "@elliemae/ds-props-helpers";
+const throwError = (message) => {
+  throw new Error(`Bubble:: ${message}
+  `);
+};
+const useValidateProps = (props, schema) => {
+  useValidatePropTypes(props, schema);
+  if (typeof props.title === "undefined") {
+    throwError(`Please provide a title property to use this component.`);
+  }
+  if (typeof props.time === "undefined") {
+    throwError(`Please provide a time property to use this component.`);
+  }
+  if (typeof props.body === "undefined") {
+    throwError(`Please provide a body property to use this component.`);
+  }
+  if (typeof props.type === "undefined") {
+    throwError(`Please provide a type property to use this component.`);
+  }
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/parts/bubble/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/bubble/config/useValidateProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { BubbleProps } from '../props';\n\nconst throwError = (message: string): void => {\n  throw new Error(\n    `Bubble:: ${message}\n  `,\n  );\n};\n\nexport const useValidateProps = (props: BubbleProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n  if (typeof props.title === 'undefined') {\n    throwError(`Please provide a title property to use this component.`);\n  }\n  if (typeof props.time === 'undefined') {\n    throwError(`Please provide a time property to use this component.`);\n  }\n  if (typeof props.body === 'undefined') {\n    throwError(`Please provide a body property to use this component.`);\n  }\n  if (typeof props.type === 'undefined') {\n    throwError(`Please provide a type property to use this component.`);\n  }\n};\n"],
+  "mappings": "AAAA;ACAA;AAGA,MAAM,aAAa,CAAC,YAA0B;AAC5C,QAAM,IAAI,MACR,YAAY;AAAA;AAAA;AAKT,MAAM,mBAAmB,CAAC,OAAoB,WAA0B;AAC7E,uBAAqB,OAAO;AAC5B,MAAI,OAAO,MAAM,UAAU,aAAa;AACtC,eAAW;AAAA;AAEb,MAAI,OAAO,MAAM,SAAS,aAAa;AACrC,eAAW;AAAA;AAEb,MAAI,OAAO,MAAM,SAAS,aAAa;AACrC,eAAW;AAAA;AAEb,MAAI,OAAO,MAAM,SAAS,aAAa;AACrC,eAAW;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/parts/bubble/index.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { ChatBubble, ChatBubbleWithSchema } from "./ChatBubble";
+import { BUBBLE_TYPES } from "./props";
+export {
+  BUBBLE_TYPES,
+  ChatBubble,
+  ChatBubbleWithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/parts/bubble/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/bubble/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ChatBubble, ChatBubbleWithSchema } from './ChatBubble';\nexport { BUBBLE_TYPES } from './props';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

package/dist/esm/parts/bubble/props.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+import propTypes from "prop-types";
+import { PropTypes } from "react-desc";
+import { noop } from "lodash";
+const BUBBLE_TYPES = {
+  SENDER: "SENDER",
+  RECIPIENT: "RECIPIENT",
+  DELIMITER: "DELIMITER",
+  SYSTEM: "SYSTEM"
+};
+const defaultBubbleProps = {
+  dsId: void 0,
+  type: BUBBLE_TYPES.SENDER,
+  title: void 0,
+  time: void 0,
+  body: void 0,
+  onClick: noop,
+  errorMessage: void 0,
+  helpMessage: void 0
+};
+const propsBubbles = {
+  dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("Unique id for bubble").defaultValue(defaultBubbleProps.dsId),
+  type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.description("Define bubble type ").defaultValue(defaultBubbleProps.type),
+  title: PropTypes.string.isRequired.description("Title of the bubble").defaultValue(defaultBubbleProps.title),
+  time: PropTypes.string.isRequired.description("Time of the bubble").defaultValue(defaultBubbleProps.title),
+  body: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired.description("Bubble content").defaultValue(defaultBubbleProps.body),
+  onClick: PropTypes.string.description("Callback when the bubble is tapped").defaultValue(defaultBubbleProps.onClick),
+  errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description("Error message to display at bottom of the bubble").defaultValue(defaultBubbleProps.onClick),
+  helpMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description("Help message to display at bottom of the bubble").defaultValue(defaultBubbleProps.onClick)
+};
+const propsArrowBubble = {
+  type: propTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])
+};
+export {
+  BUBBLE_TYPES,
+  defaultBubbleProps,
+  propsArrowBubble,
+  propsBubbles
+};
+//# sourceMappingURL=props.js.map

package/dist/esm/parts/bubble/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/bubble/props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import propTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport React from 'react';\n\n/**\n *\n * BUBBLE\n *\n */\nexport const BUBBLE_TYPES = {\n  SENDER: 'SENDER',\n  RECIPIENT: 'RECIPIENT',\n  DELIMITER: 'DELIMITER',\n  SYSTEM: 'SYSTEM',\n};\n\nexport type BubbleTypesKeys = keyof typeof BUBBLE_TYPES;\nexport type BubbleTypesValues = typeof BUBBLE_TYPES[BubbleTypesKeys];\n\nexport interface BubbleProps {\n  dsId: string | number;\n  type: BubbleTypesValues;\n  title: string;\n  body: string;\n  time: string;\n  errorMessage: string | React.ReactChild;\n  helpMessage: string | React.ReactChild;\n  onClick: (id: string | number) => void;\n}\n\nexport const defaultBubbleProps: BubbleProps = {\n  dsId: undefined,\n  type: BUBBLE_TYPES.SENDER,\n  title: undefined,\n  time: undefined,\n  body: undefined,\n  onClick: noop,\n  errorMessage: undefined,\n  helpMessage: undefined,\n};\n\nexport const propsBubbles = {\n  dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    .description('Unique id for bubble')\n    .defaultValue(defaultBubbleProps.dsId),\n  type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])\n    .isRequired.description('Define bubble type ')\n    .defaultValue(defaultBubbleProps.type),\n  title: PropTypes.string.isRequired.description('Title of the bubble').defaultValue(defaultBubbleProps.title),\n  time: PropTypes.string.isRequired.description('Time of the bubble').defaultValue(defaultBubbleProps.title),\n  body: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n    .isRequired.description('Bubble content')\n    .defaultValue(defaultBubbleProps.body),\n  onClick: PropTypes.string.description('Callback when the bubble is tapped').defaultValue(defaultBubbleProps.onClick),\n  errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n    .description('Error message to display at bottom of the bubble')\n    .defaultValue(defaultBubbleProps.onClick),\n  helpMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n    .description('Help message to display at bottom of the bubble')\n    .defaultValue(defaultBubbleProps.onClick),\n};\n\n/**\n *\n * BUBBLE ARROW\n *\n */\nexport const propsArrowBubble = {\n  type: propTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]),\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAQO,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AAAA;AAiBH,MAAM,qBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,aAAa;AAAA,EACnB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AAAA;AAGR,MAAM,eAAe;AAAA,EAC1B,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SACpD,YAAY,wBACZ,aAAa,mBAAmB;AAAA,EACnC,MAAM,UAAU,MAAM,CAAC,aAAa,WAAW,aAAa,SACzD,WAAW,YAAY,uBACvB,aAAa,mBAAmB;AAAA,EACnC,OAAO,UAAU,OAAO,WAAW,YAAY,uBAAuB,aAAa,mBAAmB;AAAA,EACtG,MAAM,UAAU,OAAO,WAAW,YAAY,sBAAsB,aAAa,mBAAmB;AAAA,EACpG,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,UACpD,WAAW,YAAY,kBACvB,aAAa,mBAAmB;AAAA,EACnC,SAAS,UAAU,OAAO,YAAY,sCAAsC,aAAa,mBAAmB;AAAA,EAC5G,cAAc,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,UAC5D,YAAY,oDACZ,aAAa,mBAAmB;AAAA,EACnC,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,UAC3D,YAAY,mDACZ,aAAa,mBAAmB;AAAA;AAQ9B,MAAM,mBAAmB;AAAA,EAC9B,MAAM,UAAU,MAAM,CAAC,aAAa,WAAW,aAAa;AAAA;",
+  "names": []
+}