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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/bubble/ChatBubbleArrow.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAkC;AAClC,mBAA4D;AAErD,MAAM,kBAAkB,CAAC,EAAE,WAChC,mDAAC,iCAAD,MACG,SAAS,0BAAa,YACrB,mDAAC,OAAD;AAAA,EAAK,OAAM;AAAA,EAAO,QAAO;AAAA,EAAO,SAAQ;AAAA,GACtC,mDAAC,QAAD,MACE,mDAAC,QAAD;AAAA,EACE,GAAE;AAAA,EACF,IAAG;AAAA,IAEL,mDAAC,UAAD;AAAA,EAAQ,GAAE;AAAA,EAAS,GAAE;AAAA,EAAS,OAAM;AAAA,EAAS,QAAO;AAAA,EAAS,aAAY;AAAA,EAAoB,IAAG;AAAA,GAC9F,mDAAC,YAAD;AAAA,EAAU,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,IAAG;AAAA,EAAc,QAAO;AAAA,IACpD,mDAAC,kBAAD;AAAA,EAAgB,cAAa;AAAA,EAAM,IAAG;AAAA,EAAqB,QAAO;AAAA,IAClE,mDAAC,iBAAD;AAAA,EACE,QAAO;AAAA,EAIP,MAAK;AAAA,EACL,IAAG;AAAA,MAIT,mDAAC,KAAD;AAAA,EAAG,IAAG;AAAA,EAAsB,QAAO;AAAA,EAAO,aAAY;AAAA,EAAI,MAAK;AAAA,EAAO,UAAS;AAAA,GAC7E,mDAAC,KAAD;AAAA,EAAG,IAAG;AAAA,EAAY,WAAU;AAAA,GAC1B,mDAAC,OAAD;AAAA,EAAK,MAAK;AAAA,EAAQ,aAAY;AAAA,EAAI,QAAO;AAAA,EAAiB,WAAU;AAAA,IACpE,mDAAC,OAAD;AAAA,EAAK,MAAK;AAAA,EAAU,UAAS;AAAA,EAAU,WAAU;AAAA,QAKvD,mDAAC,OAAD;AAAA,EAAK,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,SAAQ;AAAA,GACpC,mDAAC,KAAD;AAAA,EAAG,QAAO;AAAA,EAAO,aAAY;AAAA,EAAI,MAAK;AAAA,EAAO,UAAS;AAAA,GACpD,mDAAC,QAAD;AAAA,EACE,GAAE;AAAA,EACF,IAAG;AAAA,EACH,MAAK;AAAA;AAQjB,gBAAgB,YAAY;",
+  "names": []
+}

package/cjs/parts/bubble/config/useValidateProps.js

@@ -1,31 +1,54 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-
-const throwError = message => {
-  throw new Error("Bubble:: ".concat(message, "\n  "));
+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 useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const throwError = (message) => {
+  throw new Error(`Bubble:: ${message}
+  `);
 };
-
 const useValidateProps = (props, schema) => {
-  dsPropsHelpers.useValidatePropTypes(props, schema);
-
-  if (typeof props.title === 'undefined') {
-    throwError("Please provide a title property to use this component.");
+  (0, import_ds_props_helpers.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.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.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.");
+  if (typeof props.type === "undefined") {
+    throwError(`Please provide a type property to use this component.`);
   }
 };
-
-exports.useValidateProps = useValidateProps;
+module.exports = __toCommonJS(useValidateProps_exports);
+//# sourceMappingURL=useValidateProps.js.map

package/cjs/parts/bubble/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/bubble/config/useValidateProps.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAqC;AAGrC,MAAM,aAAa,CAAC,YAA0B;AAC5C,QAAM,IAAI,MACR,YAAY;AAAA;AAAA;AAKT,MAAM,mBAAmB,CAAC,OAAoB,WAA0B;AAC7E,oDAAqB,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/cjs/parts/bubble/index.js

@@ -1,12 +1,38 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ChatBubble = require('./ChatBubble.js');
-var props = require('./props.js');
-
-
-
-exports.ChatBubble = ChatBubble.ChatBubble;
-exports.ChatBubbleWithSchema = ChatBubble.ChatBubbleWithSchema;
-exports.BUBBLE_TYPES = props.BUBBLE_TYPES;
+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 bubble_exports = {};
+__export(bubble_exports, {
+  BUBBLE_TYPES: () => import_props.BUBBLE_TYPES,
+  ChatBubble: () => import_ChatBubble.ChatBubble,
+  ChatBubbleWithSchema: () => import_ChatBubble.ChatBubbleWithSchema
+});
+var React = __toESM(require("react"));
+var import_ChatBubble = require("./ChatBubble");
+var import_props = require("./props");
+module.exports = __toCommonJS(bubble_exports);
+//# sourceMappingURL=index.js.map

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

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

package/cjs/parts/bubble/props.js

@@ -1,57 +1,69 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var propsTypes = require('prop-types');
-var reactDesc = require('react-desc');
-var lodash = require('lodash');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var propsTypes__default = /*#__PURE__*/_interopDefaultLegacy(propsTypes);
-
-/**
- *
- * BUBBLE
- *
- */
+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 props_exports = {};
+__export(props_exports, {
+  BUBBLE_TYPES: () => BUBBLE_TYPES,
+  defaultBubbleProps: () => defaultBubbleProps,
+  propsArrowBubble: () => propsArrowBubble,
+  propsBubbles: () => propsBubbles
+});
+var React = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
 const BUBBLE_TYPES = {
-  SENDER: 'SENDER',
-  RECIPIENT: 'RECIPIENT',
-  DELIMITER: 'DELIMITER',
-  SYSTEM: 'SYSTEM'
+  SENDER: "SENDER",
+  RECIPIENT: "RECIPIENT",
+  DELIMITER: "DELIMITER",
+  SYSTEM: "SYSTEM"
 };
 const defaultBubbleProps = {
-  dsId: undefined,
+  dsId: void 0,
   type: BUBBLE_TYPES.SENDER,
-  title: undefined,
-  time: undefined,
-  body: undefined,
-  onClick: lodash.noop,
-  errorMessage: undefined,
-  helpMessage: undefined
+  title: void 0,
+  time: void 0,
+  body: void 0,
+  onClick: import_lodash.noop,
+  errorMessage: void 0,
+  helpMessage: void 0
 };
 const propsBubbles = {
-  dsId: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('Unique id for bubble').defaultValue(defaultBubbleProps.dsId),
-  type: reactDesc.PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.description('Define bubble type ').defaultValue(defaultBubbleProps.type),
-  title: reactDesc.PropTypes.string.isRequired.description('Title of the bubble').defaultValue(defaultBubbleProps.title),
-  time: reactDesc.PropTypes.string.isRequired.description('Time of the bubble').defaultValue(defaultBubbleProps.title),
-  body: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.element]).isRequired.description('Bubble content').defaultValue(defaultBubbleProps.body),
-  onClick: reactDesc.PropTypes.string.description('Callback when the bubble is tapped').defaultValue(defaultBubbleProps.onClick),
-  errorMessage: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.element]).description('Error message to display at bottom of the bubble').defaultValue(defaultBubbleProps.onClick),
-  helpMessage: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.element]).description('Help message to display at bottom of the bubble').defaultValue(defaultBubbleProps.onClick)
+  dsId: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number]).description("Unique id for bubble").defaultValue(defaultBubbleProps.dsId),
+  type: import_react_desc.PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.description("Define bubble type ").defaultValue(defaultBubbleProps.type),
+  title: import_react_desc.PropTypes.string.isRequired.description("Title of the bubble").defaultValue(defaultBubbleProps.title),
+  time: import_react_desc.PropTypes.string.isRequired.description("Time of the bubble").defaultValue(defaultBubbleProps.title),
+  body: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.element]).isRequired.description("Bubble content").defaultValue(defaultBubbleProps.body),
+  onClick: import_react_desc.PropTypes.string.description("Callback when the bubble is tapped").defaultValue(defaultBubbleProps.onClick),
+  errorMessage: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.element]).description("Error message to display at bottom of the bubble").defaultValue(defaultBubbleProps.onClick),
+  helpMessage: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.element]).description("Help message to display at bottom of the bubble").defaultValue(defaultBubbleProps.onClick)
 };
-/**
- *
- * BUBBLE ARROW
- *
- */
-
 const propsArrowBubble = {
-  type: propsTypes__default["default"].oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])
+  type: import_prop_types.default.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])
 };
-
-exports.BUBBLE_TYPES = BUBBLE_TYPES;
-exports.defaultBubbleProps = defaultBubbleProps;
-exports.propsArrowBubble = propsArrowBubble;
-exports.propsBubbles = propsBubbles;
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/bubble/props.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAsB;AACtB,wBAA0B;AAC1B,oBAAqB;AAQd,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,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,SACpD,YAAY,wBACZ,aAAa,mBAAmB;AAAA,EACnC,MAAM,4BAAU,MAAM,CAAC,aAAa,WAAW,aAAa,SACzD,WAAW,YAAY,uBACvB,aAAa,mBAAmB;AAAA,EACnC,OAAO,4BAAU,OAAO,WAAW,YAAY,uBAAuB,aAAa,mBAAmB;AAAA,EACtG,MAAM,4BAAU,OAAO,WAAW,YAAY,sBAAsB,aAAa,mBAAmB;AAAA,EACpG,MAAM,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,UACpD,WAAW,YAAY,kBACvB,aAAa,mBAAmB;AAAA,EACnC,SAAS,4BAAU,OAAO,YAAY,sCAAsC,aAAa,mBAAmB;AAAA,EAC5G,cAAc,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,UAC5D,YAAY,oDACZ,aAAa,mBAAmB;AAAA,EACnC,aAAa,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,UAC3D,YAAY,mDACZ,aAAa,mBAAmB;AAAA;AAQ9B,MAAM,mBAAmB;AAAA,EAC9B,MAAM,0BAAU,MAAM,CAAC,aAAa,WAAW,aAAa;AAAA;",
+  "names": []
+}

package/cjs/parts/bubble/styled.js

@@ -1,53 +1,146 @@
-'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 __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, {
+  StyleBodyWrapper: () => StyleBodyWrapper,
+  StyleErrorMessage: () => StyleErrorMessage,
+  StyleHelpMessage: () => StyleHelpMessage,
+  StyledBubbleArrow: () => StyledBubbleArrow,
+  StyledColoredBubble: () => StyledColoredBubble,
+  StyledTitleBubble: () => StyledTitleBubble,
+  StyledTitleLeftBubble: () => StyledTitleLeftBubble,
+  StyledTitleRightBubble: () => StyledTitleRightBubble,
+  StyledWrapper: () => StyledWrapper
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_props = require("./props");
+const StyledWrapper = import_styled_components.default.div`
+  min-width: 224px;
+  border-radius: 10px;
+`;
+const StyledTitleBubble = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  padding-top: 6px;
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-bottom: 4px;
+`;
+const StyledTitleLeftBubble = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  font-size: 13px;
+  font-weight: 600;
+`;
+const StyledTitleRightBubble = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  font-size: 13px;
+  font-weight: 400;
+  color: ${(props) => props.type === import_props.BUBBLE_TYPES.SENDER ? "#FFF" : "#657489"};
+`;
+const StyleBodyWrapper = import_styled_components.default.div`
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 15px;
+  min-height: 18px;
+  padding: 0px 10px 8px 10px;
+`;
+const StyleErrorMessage = import_styled_components.default.div`
+  font-size: 12px;
+  font-weight: 400;
+  padding-top: ${(props) => props.theme.space.xxxs};
+  color: ${(props) => props.theme.colors.danger[900]};
+  align-items: flex-end;
+  justify-content: center;
+  text-align: right;
+  line-height: 15px;
+  svg {
+    fill: ${(props) => props.theme.colors.danger[900]};
+  }
+  a {
+    font-size: 12px;
+    color: ${(props) => props.theme.colors.danger[900]};
+  }
+  .em-ds-icon {
+    margin-left: 8px;
+  }
+`;
+const StyleHelpMessage = (0, import_styled_components.default)(StyleErrorMessage)`
+  font-size: 12px;
+  line-height: 15px;
+  color: ${(props) => props.theme.colors.neutral[500]};
+  svg {
+    fill: ${(props) => props.theme.colors.danger[500]};
+  }
+  a {
+    font-size: 12px;
+    color: ${(props) => props.theme.colors.danger[500]};
+  }
+`;
+const StyledBubbleArrow = import_styled_components.default.div`
+  display: block;
+  content: '';
+  position: absolute;
+  bottom: 10px;
+  height: 15px;
+`;
+const StyledColoredBubble = import_styled_components.default.div`
+  min-width: 224px;
+  border-radius: 10px;
+  position: relative;
 
-Object.defineProperty(exports, '__esModule', { value: true });
+  ${(props) => props.type === import_props.BUBBLE_TYPES.SENDER ? `
+        border: 1px solid ${props.theme.colors.brand["700"]};
+        background: ${props.theme.colors.brand[600]};
+        color: ${props.theme.colors.neutral["000"]};
+        ${StyledBubbleArrow}{            
+            right: -9px;
+            bottom: 6px;
+            svg{
+                fill: ${props.theme.colors.brand[600]};
+            }
+        }
 
-var styled = require('styled-components');
-var dsGrid = require('@elliemae/ds-grid');
-var props = require('./props.js');
+        a {
+          color: #FFF;
+        }
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+    ` : `
+        box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);
+        background: ${props.theme.colors.neutral["000"]};
+        color: ${props.theme.colors.neutral[700]};
 
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+        ${StyledBubbleArrow}{            
+            left: -11px;
+            bottom: 6px;
+            svg{
+                fill: ${props.theme.colors.neutral["000"]};
+            }
+        }
 
-/* eslint-disable max-lines */
-
-const StyledWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-fe8e9o-0"
-})(["min-width:224px;border-radius:10px;"]); // Bubble HEADER
-
-const StyledTitleBubble = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-fe8e9o-1"
-})(["padding-top:6px;padding-left:10px;padding-right:10px;padding-bottom:4px;"]);
-const StyledTitleLeftBubble = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-fe8e9o-2"
-})(["font-size:13px;font-weight:600;"]);
-const StyledTitleRightBubble = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-fe8e9o-3"
-})(["font-size:13px;font-weight:400;color:", ";"], props$1 => props$1.type === props.BUBBLE_TYPES.SENDER ? '#FFF' : '#657489');
-const StyleBodyWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-fe8e9o-4"
-})(["font-size:13px;font-weight:400;line-height:15px;min-height:18px;padding:0px 10px 8px 10px;"]);
-const StyleErrorMessage = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-fe8e9o-5"
-})(["font-size:12px;font-weight:400;padding-top:", ";color:", ";align-items:flex-end;justify-content:center;text-align:right;line-height:15px;svg{fill:", ";}a{font-size:12px;color:", ";}.em-ds-icon{margin-left:8px;}"], props => props.theme.space.xxxs, props => props.theme.colors.danger[900], props => props.theme.colors.danger[900], props => props.theme.colors.danger[900]);
-const StyleHelpMessage = /*#__PURE__*/styled__default["default"](StyleErrorMessage).withConfig({
-  componentId: "sc-fe8e9o-6"
-})(["font-size:12px;line-height:15px;color:", ";svg{fill:", ";}a{font-size:12px;color:", ";}"], props => props.theme.colors.neutral[500], props => props.theme.colors.danger[500], props => props.theme.colors.danger[500]); // bubble sender/ recipient
-
-const StyledBubbleArrow = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-fe8e9o-7"
-})(["display:block;content:'';position:absolute;bottom:10px;height:15px;"]);
-const StyledColoredBubble = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-fe8e9o-8"
-})(["min-width:224px;border-radius:10px;position:relative;", ""], props$1 => props$1.type === props.BUBBLE_TYPES.SENDER ? "\n        border: 1px solid ".concat(props$1.theme.colors.brand['700'], ";\n        background: ").concat(props$1.theme.colors.brand[600], ";\n        color: ").concat(props$1.theme.colors.neutral['000'], ";\n        ").concat(StyledBubbleArrow, "{            \n            right: -9px;\n            bottom: 6px;\n            svg{\n                fill: ").concat(props$1.theme.colors.brand[600], ";\n            }\n        }\n\n        a {\n          color: #FFF;\n        }\n\n    ") : "\n        box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);\n        background: ".concat(props$1.theme.colors.neutral['000'], ";\n        color: ").concat(props$1.theme.colors.neutral[700], ";\n\n        ").concat(StyledBubbleArrow, "{            \n            left: -11px;\n            bottom: 6px;\n            svg{\n                fill: ").concat(props$1.theme.colors.neutral['000'], ";\n            }\n        }\n\n    "));
-
-exports.StyleBodyWrapper = StyleBodyWrapper;
-exports.StyleErrorMessage = StyleErrorMessage;
-exports.StyleHelpMessage = StyleHelpMessage;
-exports.StyledBubbleArrow = StyledBubbleArrow;
-exports.StyledColoredBubble = StyledColoredBubble;
-exports.StyledTitleBubble = StyledTitleBubble;
-exports.StyledTitleLeftBubble = StyledTitleLeftBubble;
-exports.StyledTitleRightBubble = StyledTitleRightBubble;
-exports.StyledWrapper = StyledWrapper;
+    `}
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/bubble/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUBBLE_TYPES } from './props';\n\n// Bubble WRAPPER\nexport const StyledWrapper = styled.div<any>`\n  min-width: 224px;\n  border-radius: 10px;\n`;\n\n// Bubble HEADER\nexport const StyledTitleBubble = styled(Grid)`\n  padding-top: 6px;\n  padding-left: 10px;\n  padding-right: 10px;\n  padding-bottom: 4px;\n`;\n\nexport const StyledTitleLeftBubble = styled(Grid)`\n  font-size: 13px;\n  font-weight: 600;\n`;\nexport const StyledTitleRightBubble = styled(Grid)`\n  font-size: 13px;\n  font-weight: 400;\n  color: ${(props) => (props.type === BUBBLE_TYPES.SENDER ? '#FFF' : '#657489')};\n`;\n\nexport const StyleBodyWrapper = styled.div<any>`\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 15px;\n  min-height: 18px;\n  padding: 0px 10px 8px 10px;\n`;\n\nexport const StyleErrorMessage = styled.div<any>`\n  font-size: 12px;\n  font-weight: 400;\n  padding-top: ${(props) => props.theme.space.xxxs};\n  color: ${(props) => props.theme.colors.danger[900]};\n  align-items: flex-end;\n  justify-content: center;\n  text-align: right;\n  line-height: 15px;\n  svg {\n    fill: ${(props) => props.theme.colors.danger[900]};\n  }\n  a {\n    font-size: 12px;\n    color: ${(props) => props.theme.colors.danger[900]};\n  }\n  .em-ds-icon {\n    margin-left: 8px;\n  }\n`;\n\nexport const StyleHelpMessage = styled(StyleErrorMessage)`\n  font-size: 12px;\n  line-height: 15px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n  svg {\n    fill: ${(props) => props.theme.colors.danger[500]};\n  }\n  a {\n    font-size: 12px;\n    color: ${(props) => props.theme.colors.danger[500]};\n  }\n`;\n\n// bubble sender/ recipient\nexport const StyledBubbleArrow = styled.div<any>`\n  display: block;\n  content: '';\n  position: absolute;\n  bottom: 10px;\n  height: 15px;\n`;\n\nexport const StyledColoredBubble = styled.div<any>`\n  min-width: 224px;\n  border-radius: 10px;\n  position: relative;\n\n  ${(props) =>\n    props.type === BUBBLE_TYPES.SENDER\n      ? `\n        border: 1px solid ${props.theme.colors.brand['700']};\n        background: ${props.theme.colors.brand[600]};\n        color: ${props.theme.colors.neutral['000']};\n        ${StyledBubbleArrow}{            \n            right: -9px;\n            bottom: 6px;\n            svg{\n                fill: ${props.theme.colors.brand[600]};\n            }\n        }\n\n        a {\n          color: #FFF;\n        }\n\n    `\n      : `\n        box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);\n        background: ${props.theme.colors.neutral['000']};\n        color: ${props.theme.colors.neutral[700]};\n\n        ${StyledBubbleArrow}{            \n            left: -11px;\n            bottom: 6px;\n            svg{\n                fill: ${props.theme.colors.neutral['000']};\n            }\n        }\n\n    `}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,+BAAmB;AACnB,qBAAqB;AACrB,mBAA6B;AAGtB,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAAA;AAM7B,MAAM,oBAAoB,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjC,MAAM,wBAAwB,sCAAO;AAAA;AAAA;AAAA;AAIrC,MAAM,yBAAyB,sCAAO;AAAA;AAAA;AAAA,WAGlC,CAAC,UAAW,MAAM,SAAS,0BAAa,SAAS,SAAS;AAAA;AAG9D,MAAM,mBAAmB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,MAAM,oBAAoB,iCAAO;AAAA;AAAA;AAAA,iBAGvB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WACnC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,aAIpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3C,MAAM,mBAAmB,sCAAO;AAAA;AAAA;AAAA,WAG5B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,YAErC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,aAIpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAK3C,MAAM,oBAAoB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,MAAM,sBAAsB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKtC,CAAC,UACD,MAAM,SAAS,0BAAa,SACxB;AAAA,4BACoB,MAAM,MAAM,OAAO,MAAM;AAAA,sBAC/B,MAAM,MAAM,OAAO,MAAM;AAAA,iBAC9B,MAAM,MAAM,OAAO,QAAQ;AAAA,UAClC;AAAA;AAAA;AAAA;AAAA,wBAIc,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASzC;AAAA;AAAA,sBAEc,MAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,UAElC;AAAA;AAAA;AAAA;AAAA,wBAIc,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/cjs/parts/chat-card/ChatCard.js

@@ -1,46 +1,62 @@
-'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('react');
-var reactDesc = require('react-desc');
-var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var props = require('./props.js');
-var useValidateProps = require('./config/useValidateProps.js');
-var styled = require('./styled.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const ChatCard = props => {
-  useValidateProps.useValidateProps(props, ChatCardWithSchema.toJSON());
-  const {
-    title,
-    content,
-    time,
-    rightAddon
-  } = props;
-  return /*#__PURE__*/_jsx__default["default"](styled.Wrapper, {
-    cols: ['1fr', '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 ChatCard_exports = {};
+__export(ChatCard_exports, {
+  ChatCard: () => ChatCard,
+  ChatCardWithSchema: () => ChatCardWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_props = require("./props");
+var import_useValidateProps = require("./config/useValidateProps");
+var import_styled = require("./styled");
+const ChatCard = (props) => {
+  (0, import_useValidateProps.useValidateProps)(props, ChatCardWithSchema.toJSON());
+  const { title, content, time, rightAddon } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.Wrapper, {
+    cols: ["1fr", "auto"],
     "data-testid": "chat-card-wrapper"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.MainContent, {}, void 0, /*#__PURE__*/_jsx__default["default"](styled.Title, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.MainContent, null, /* @__PURE__ */ import_react.default.createElement(import_styled.Title, {
     "data-testid": "chat-card-title"
-  }, void 0, title), /*#__PURE__*/_jsx__default["default"](styled.Content, {
+  }, title), /* @__PURE__ */ import_react.default.createElement(import_styled.Content, {
     "data-testid": "chat-card-content"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
     value: content
-  })), time && /*#__PURE__*/_jsx__default["default"](styled.Time, {
+  })), time && /* @__PURE__ */ import_react.default.createElement(import_styled.Time, {
     "data-testid": "chat-card-time"
-  }, void 0, time)), rightAddon && /*#__PURE__*/_jsx__default["default"](styled.RightAddon, {
+  }, time)), rightAddon && /* @__PURE__ */ import_react.default.createElement(import_styled.RightAddon, {
     "data-testid": "chat-card-right-addon"
-  }, void 0, rightAddon));
+  }, rightAddon));
 };
-
-const ChatCardWithSchema = reactDesc.describe(ChatCard);
-ChatCardWithSchema.propTypes = props.propTypes;
-
-exports.ChatCard = ChatCard;
-exports.ChatCardWithSchema = ChatCardWithSchema;
+ChatCard.propTypes = import_props.propTypes;
+const ChatCardWithSchema = (0, import_react_desc.describe)(ChatCard);
+ChatCardWithSchema.propTypes = import_props.propTypes;
+module.exports = __toCommonJS(ChatCard_exports);
+//# sourceMappingURL=ChatCard.js.map

package/cjs/parts/chat-card/ChatCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/chat-card/ChatCard.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes, CardPropTypes } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled';\n\nconst ChatCard = (props: CardPropTypes): JSX.Element => {\n  useValidateProps(props, ChatCardWithSchema.toJSON());\n  const { title, content, time, rightAddon } = props;\n  return (\n    <Wrapper cols={['1fr', 'auto']} data-testid=\"chat-card-wrapper\">\n      <MainContent>\n        <Title data-testid=\"chat-card-title\">{title}</Title>\n        <Content data-testid=\"chat-card-content\">\n          <SimpleTruncatedTooltipText value={content} />\n        </Content>\n        {time && <Time data-testid=\"chat-card-time\">{time}</Time>}\n      </MainContent>\n      {rightAddon && <RightAddon data-testid=\"chat-card-right-addon\">{rightAddon}</RightAddon>}\n    </Wrapper>\n  );\n};\n\nChatCard.propTypes = propTypes;\nconst ChatCardWithSchema = describe(ChatCard);\nChatCardWithSchema.propTypes = propTypes;\n\nexport { ChatCard, ChatCardWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AAEzB,uCAA2C;AAC3C,mBAAyC;AACzC,8BAAiC;AACjC,oBAAuE;AAEvE,MAAM,WAAW,CAAC,UAAsC;AACtD,gDAAiB,OAAO,mBAAmB;AAC3C,QAAM,EAAE,OAAO,SAAS,MAAM,eAAe;AAC7C,SACE,mDAAC,uBAAD;AAAA,IAAS,MAAM,CAAC,OAAO;AAAA,IAAS,eAAY;AAAA,KAC1C,mDAAC,2BAAD,MACE,mDAAC,qBAAD;AAAA,IAAO,eAAY;AAAA,KAAmB,QACtC,mDAAC,uBAAD;AAAA,IAAS,eAAY;AAAA,KACnB,mDAAC,6DAAD;AAAA,IAA4B,OAAO;AAAA,OAEpC,QAAQ,mDAAC,oBAAD;AAAA,IAAM,eAAY;AAAA,KAAkB,QAE9C,cAAc,mDAAC,0BAAD;AAAA,IAAY,eAAY;AAAA,KAAyB;AAAA;AAKtE,SAAS,YAAY;AACrB,MAAM,qBAAqB,gCAAS;AACpC,mBAAmB,YAAY;",
+  "names": []
+}