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

package/dist/cjs/ChatBubble.js

@@ -0,0 +1,112 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ChatBubble_exports = {};
+__export(ChatBubble_exports, {
+  ChatBubble: () => ChatBubble,
+  ChatBubbleWithSchema: () => ChatBubbleWithSchema
+});
+module.exports = __toCommonJS(ChatBubble_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_styled = require("./styled");
+var import_react_desc_prop_types = require("./react-desc-prop-types");
+var import_ChatBubbleArrow = require("./ChatBubbleArrow");
+var import_ChatBubbleDataTestIds = require("./ChatBubbleDataTestIds");
+const ChatBubble = (props) => {
+  const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultBubbleProps);
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.BubblesPropTypes);
+  const { dsId, type, title, time, body, errorMessage, helpMessage } = propsWithDefault;
+  const bodyParts = import_react.default.useMemo(() => typeof body === "string" ? body.split("\n") : [body], [body]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledWrapper, {
+    "data-testid": `${import_ChatBubbleDataTestIds.ChatBubbleDataTestIds.BUBBLE}-${dsId}`,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledColoredBubble, {
+        type,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledTitleBubble, {
+            cols: ["1fr", "auto"],
+            gutter: "xs",
+            alignItems: "flex-end",
+            className: "sr-only",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledTitleLeftBubble, {
+                alignItems: "center",
+                "data-testid": `${import_ChatBubbleDataTestIds.ChatBubbleDataTestIds.BUBBLE_TITLE}-${dsId}`,
+                children: title
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledTitleRightBubble, {
+                alignItems: "center",
+                type,
+                "data-testid": `${import_ChatBubbleDataTestIds.ChatBubbleDataTestIds.BUBBLE_TIME}-${dsId}`,
+                children: time
+              })
+            ]
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyleBodyWrapper, {
+            "data-testid": `chat-bubble-body-${dsId}`,
+            children: bodyParts.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, {
+              children: [
+                item,
+                index < bodyParts.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}) : null
+              ]
+            }, `${item}-${dsId}`))
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ChatBubbleArrow.ChatBubbleArrow, {
+            type
+          })
+        ]
+      }),
+      errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyleErrorMessage, {
+        "data-testid": `chat-bubble-error-message-${dsId}`,
+        p: "xxs",
+        gutter: "xxs",
+        cols: [1, "auto"],
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+            children: errorMessage
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.WarningCircleFill, {})
+        ]
+      }) : null,
+      helpMessage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyleHelpMessage, {
+        "data-testid": `chat-bubble-help-message-${dsId}`,
+        p: "xxs",
+        gutter: "xxs",
+        cols: [1, "auto"],
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+          children: helpMessage
+        })
+      }) : null
+    ]
+  });
+};
+ChatBubble.propTypes = import_react_desc_prop_types.BubblesPropTypes;
+ChatBubble.displayName = "ChatBubble";
+const ChatBubbleWithSchema = (0, import_ds_utilities.describe)(ChatBubble);
+ChatBubbleWithSchema.propTypes = import_react_desc_prop_types.BubblesPropTypes;
+//# sourceMappingURL=ChatBubble.js.map

package/dist/cjs/ChatBubble.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ChatBubble.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\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 { BubblesPropTypes, DSChatBubbleT, defaultBubbleProps } from './react-desc-prop-types';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\nimport { ChatBubbleDataTestIds } from './ChatBubbleDataTestIds';\nconst ChatBubble: React.ComponentType<DSChatBubbleT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultBubbleProps);\n  useValidateTypescriptPropTypes(propsWithDefault, BubblesPropTypes);\n\n  const { dsId, type, title, time, body, errorMessage, helpMessage } = propsWithDefault;\n  const bodyParts = React.useMemo(() => (typeof body === 'string' ? body.split('\\n') : [body]), [body]);\n  return (\n    <StyledWrapper data-testid={`${ChatBubbleDataTestIds.BUBBLE}-${dsId}`}>\n      <StyledColoredBubble type={type}>\n        <StyledTitleBubble cols={['1fr', 'auto']} gutter=\"xs\" alignItems=\"flex-end\" className=\"sr-only\">\n          <StyledTitleLeftBubble alignItems=\"center\" data-testid={`${ChatBubbleDataTestIds.BUBBLE_TITLE}-${dsId}`}>\n            {title}\n          </StyledTitleLeftBubble>\n          <StyledTitleRightBubble\n            alignItems=\"center\"\n            type={type}\n            data-testid={`${ChatBubbleDataTestIds.BUBBLE_TIME}-${dsId}`}\n          >\n            {time}\n          </StyledTitleRightBubble>\n        </StyledTitleBubble>\n        <StyleBodyWrapper data-testid={`chat-bubble-body-${dsId}`}>\n          {bodyParts.map((item, index) => (\n            <React.Fragment key={`${item}-${dsId}`}>\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};\n\nChatBubble.propTypes = BubblesPropTypes as WeakValidationMap<unknown>;\nChatBubble.displayName = 'ChatBubble';\nconst ChatBubbleWithSchema = describe(ChatBubble);\nChatBubbleWithSchema.propTypes = BubblesPropTypes as WeakValidationMap<unknown>;\n\nexport { ChatBubble, ChatBubbleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAyC;AACzC,0BAAuF;AACvF,sBAAkC;AAClC,oBASO;AACP,mCAAoE;AACpE,6BAAgC;AAChC,mCAAsC;AACtC,MAAM,aAAuD,CAAC,UAAU;AACtE,QAAM,uBAAmB,kDAA6B,OAAO,+CAAkB;AAC/E,0DAA+B,kBAAkB,6CAAgB;AAEjE,QAAM,EAAE,MAAM,MAAM,OAAO,MAAM,MAAM,cAAc,YAAY,IAAI;AACrE,QAAM,YAAY,aAAAA,QAAM,QAAQ,MAAO,OAAO,SAAS,WAAW,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,GAAI,CAAC,IAAI,CAAC;AACpG,SACE,6CAAC;AAAA,IAAc,eAAa,GAAG,mDAAsB,UAAU;AAAA,IAC7D;AAAA,mDAAC;AAAA,QAAoB;AAAA,QACnB;AAAA,uDAAC;AAAA,YAAkB,MAAM,CAAC,OAAO,MAAM;AAAA,YAAG,QAAO;AAAA,YAAK,YAAW;AAAA,YAAW,WAAU;AAAA,YACpF;AAAA,0DAAC;AAAA,gBAAsB,YAAW;AAAA,gBAAS,eAAa,GAAG,mDAAsB,gBAAgB;AAAA,gBAC9F;AAAA,eACH;AAAA,cACA,4CAAC;AAAA,gBACC,YAAW;AAAA,gBACX;AAAA,gBACA,eAAa,GAAG,mDAAsB,eAAe;AAAA,gBAEpD;AAAA,eACH;AAAA;AAAA,WACF;AAAA,UACA,4CAAC;AAAA,YAAiB,eAAa,oBAAoB;AAAA,YAChD,oBAAU,IAAI,CAAC,MAAM,UACpB,6CAAC,aAAAA,QAAM,UAAN;AAAA,cACE;AAAA;AAAA,gBACA,QAAQ,UAAU,SAAS,IAAI,4CAAC,QAAG,IAAK;AAAA;AAAA,eAFtB,GAAG,QAAQ,MAGhC,CACD;AAAA,WACH;AAAA,UACA,4CAAC;AAAA,YAAgB;AAAA,WAAY;AAAA;AAAA,OAC/B;AAAA,MACC,eACC,6CAAC;AAAA,QAAkB,eAAa,6BAA6B;AAAA,QAAQ,GAAE;AAAA,QAAM,QAAO;AAAA,QAAM,MAAM,CAAC,GAAG,MAAM;AAAA,QACxG;AAAA,sDAAC;AAAA,YAAM;AAAA,WAAa;AAAA,UACpB,4CAAC,qCAAkB;AAAA;AAAA,OACrB,IACE;AAAA,MACH,cACC,4CAAC;AAAA,QAAiB,eAAa,4BAA4B;AAAA,QAAQ,GAAE;AAAA,QAAM,QAAO;AAAA,QAAM,MAAM,CAAC,GAAG,MAAM;AAAA,QACtG,sDAAC;AAAA,UAAM;AAAA,SAAY;AAAA,OACrB,IACE;AAAA;AAAA,GACN;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,2BAAuB,8BAAS,UAAU;AAChD,qBAAqB,YAAY;",
+  "names": ["React"]
+}

package/dist/cjs/ChatBubbleArrow.js

@@ -0,0 +1,117 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ChatBubbleArrow_exports = {};
+__export(ChatBubbleArrow_exports, {
+  ChatBubbleArrow: () => ChatBubbleArrow
+});
+module.exports = __toCommonJS(ChatBubbleArrow_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styled = require("./styled");
+var import_react_desc_prop_types = require("./react-desc-prop-types");
+const ChatBubbleArrow = ({ type }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledBubbleArrow, {
+  children: type === import_react_desc_prop_types.BUBBLE_TYPES.RECIPIENT ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
+    width: "15px",
+    height: "14px",
+    viewBox: "0 0 15 14",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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__ */ (0, import_jsx_runtime.jsxs)("filter", {
+            x: "-55.6%",
+            y: "-50.0%",
+            width: "211.1%",
+            height: "225.0%",
+            filterUnits: "objectBoundingBox",
+            id: "filter-2",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feOffset", {
+                dx: "2.3",
+                dy: "1.2",
+                in: "SourceAlpha",
+                result: "shadowOffsetOuter1"
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feGaussianBlur", {
+                stdDeviation: "1.5",
+                in: "shadowOffsetOuter1",
+                result: "shadowBlurOuter1"
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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__ */ (0, import_jsx_runtime.jsx)("g", {
+        id: "[DSK]-Visual-Design",
+        stroke: "none",
+        strokeWidth: "1",
+        fill: "none",
+        fillRule: "evenodd",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+          id: "Path-Copy",
+          transform: "translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) ",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("use", {
+              fill: "black",
+              fillOpacity: "1",
+              filter: "url(#filter-2)",
+              xlinkHref: "#path-chat-bubble"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("use", {
+              fill: "#FFFFFF",
+              fillRule: "evenodd",
+              xlinkHref: "#path-chat-bubble"
+            })
+          ]
+        })
+      })
+    ]
+  }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+    width: "9px",
+    height: "8px",
+    viewBox: "0 0 9 8",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
+      stroke: "none",
+      strokeWidth: "1",
+      fill: "none",
+      fillRule: "evenodd",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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_react_desc_prop_types.propsArrowBubble;
+//# sourceMappingURL=ChatBubbleArrow.js.map

package/dist/cjs/ChatBubbleArrow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ChatBubbleArrow.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { BUBBLE_TYPES, DSChatBubbleT, propsArrowBubble } from './react-desc-prop-types';\n\nexport const ChatBubbleArrow: React.ComponentType<Pick<DSChatBubbleT.Props, 'type'>> = ({ type }) => (\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 as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,oBAAkC;AAClC,mCAA8D;AAEvD,MAAM,kBAA0E,CAAC,EAAE,KAAK,MAC7F,4CAAC;AAAA,EACE,mBAAS,0CAAa,YACrB,6CAAC;AAAA,IAAI,OAAM;AAAA,IAAO,QAAO;AAAA,IAAO,SAAQ;AAAA,IACtC;AAAA,mDAAC;AAAA,QACC;AAAA,sDAAC;AAAA,YACC,GAAE;AAAA,YACF,IAAG;AAAA,WACJ;AAAA,UACD,6CAAC;AAAA,YAAO,GAAE;AAAA,YAAS,GAAE;AAAA,YAAS,OAAM;AAAA,YAAS,QAAO;AAAA,YAAS,aAAY;AAAA,YAAoB,IAAG;AAAA,YAC9F;AAAA,0DAAC;AAAA,gBAAS,IAAG;AAAA,gBAAM,IAAG;AAAA,gBAAM,IAAG;AAAA,gBAAc,QAAO;AAAA,eAAqB;AAAA,cACzE,4CAAC;AAAA,gBAAe,cAAa;AAAA,gBAAM,IAAG;AAAA,gBAAqB,QAAO;AAAA,eAAmB;AAAA,cACrF,4CAAC;AAAA,gBACC,QAAO;AAAA,gBAIP,MAAK;AAAA,gBACL,IAAG;AAAA,eACJ;AAAA;AAAA,WACH;AAAA;AAAA,OACF;AAAA,MACA,4CAAC;AAAA,QAAE,IAAG;AAAA,QAAsB,QAAO;AAAA,QAAO,aAAY;AAAA,QAAI,MAAK;AAAA,QAAO,UAAS;AAAA,QAC7E,uDAAC;AAAA,UAAE,IAAG;AAAA,UAAY,WAAU;AAAA,UAC1B;AAAA,wDAAC;AAAA,cAAI,MAAK;AAAA,cAAQ,aAAY;AAAA,cAAI,QAAO;AAAA,cAAiB,WAAU;AAAA,aAAoB;AAAA,YACxF,4CAAC;AAAA,cAAI,MAAK;AAAA,cAAU,UAAS;AAAA,cAAU,WAAU;AAAA,aAAoB;AAAA;AAAA,SACvE;AAAA,OACF;AAAA;AAAA,GACF,IAEA,4CAAC;AAAA,IAAI,OAAM;AAAA,IAAM,QAAO;AAAA,IAAM,SAAQ;AAAA,IACpC,sDAAC;AAAA,MAAE,QAAO;AAAA,MAAO,aAAY;AAAA,MAAI,MAAK;AAAA,MAAO,UAAS;AAAA,MACpD,sDAAC;AAAA,QACC,GAAE;AAAA,QACF,IAAG;AAAA,QACH,MAAK;AAAA,OACN;AAAA,KACH;AAAA,GACF;AAAA,CAEJ;AAGF,gBAAgB,YAAY;",
+  "names": []
+}

package/dist/cjs/ChatBubbleDataTestIds.js

@@ -0,0 +1,37 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ChatBubbleDataTestIds_exports = {};
+__export(ChatBubbleDataTestIds_exports, {
+  ChatBubbleDataTestIds: () => ChatBubbleDataTestIds
+});
+module.exports = __toCommonJS(ChatBubbleDataTestIds_exports);
+var React = __toESM(require("react"));
+const ChatBubbleDataTestIds = {
+  BUBBLE: "ds-chat-bubble",
+  BUBBLE_TITLE: "chat-bubble-title",
+  BUBBLE_BODY: "chat-bubble-body",
+  BUBBLE_TIME: "chat-bubble-time"
+};
+//# sourceMappingURL=ChatBubbleDataTestIds.js.map

package/dist/cjs/ChatBubbleDataTestIds.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ChatBubbleDataTestIds.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const ChatBubbleDataTestIds = {\n  BUBBLE: 'ds-chat-bubble',\n  BUBBLE_TITLE: 'chat-bubble-title',\n  BUBBLE_BODY: 'chat-bubble-body',\n  BUBBLE_TIME: 'chat-bubble-time',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,wBAAwB;AAAA,EACnC,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AACf;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,40 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  BUBBLE_TYPES: () => import_react_desc_prop_types.BUBBLE_TYPES,
+  ChatBubble: () => import_ChatBubble.ChatBubble,
+  ChatBubbleDataTestIds: () => import_ChatBubbleDataTestIds.ChatBubbleDataTestIds,
+  ChatBubbleWithSchema: () => import_ChatBubble.ChatBubbleWithSchema,
+  DSChatBubbleT: () => import_react_desc_prop_types.DSChatBubbleT
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_ChatBubble = require("./ChatBubble");
+var import_react_desc_prop_types = require("./react-desc-prop-types");
+var import_ChatBubbleDataTestIds = require("./ChatBubbleDataTestIds");
+__reExport(src_exports, require("./styled"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { ChatBubble, ChatBubbleWithSchema } from './ChatBubble';\nexport { BUBBLE_TYPES, DSChatBubbleT } from './react-desc-prop-types';\nexport { ChatBubbleDataTestIds } from './ChatBubbleDataTestIds';\nexport * from './styled';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAiD;AACjD,mCAA4C;AAC5C,mCAAsC;AACtC,wBAAc,qBAHd;",
+  "names": []
+}

package/dist/cjs/react-desc-prop-types.js

@@ -0,0 +1,65 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  BUBBLE_TYPES: () => BUBBLE_TYPES,
+  BubblesPropTypes: () => BubblesPropTypes,
+  defaultBubbleProps: () => defaultBubbleProps,
+  propsArrowBubble: () => propsArrowBubble
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+function noop(..._args) {
+}
+const BUBBLE_TYPES = {
+  SENDER: "SENDER",
+  RECIPIENT: "RECIPIENT",
+  DELIMITER: "DELIMITER",
+  SYSTEM: "SYSTEM"
+};
+const defaultBubbleProps = {
+  dsId: "",
+  type: BUBBLE_TYPES.SENDER,
+  time: "",
+  body: "",
+  onClick: noop,
+  errorMessage: "",
+  helpMessage: ""
+};
+const BubblesPropTypes = {
+  dsId: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description("Unique id for bubble").defaultValue(defaultBubbleProps.dsId),
+  type: import_ds_utilities.PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.description("Define bubble type ").defaultValue(defaultBubbleProps.type),
+  title: import_ds_utilities.PropTypes.string.description("Title of the bubble").defaultValue(defaultBubbleProps.title),
+  time: import_ds_utilities.PropTypes.string.isRequired.description("Time of the bubble").defaultValue(defaultBubbleProps.title),
+  body: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.element]).isRequired.description("Bubble content").defaultValue(defaultBubbleProps.body),
+  onClick: import_ds_utilities.PropTypes.func.description("Callback when the bubble is tapped").defaultValue(defaultBubbleProps.onClick),
+  errorMessage: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.element]).description("Error message to display at bottom of the bubble").defaultValue(defaultBubbleProps.onClick),
+  helpMessage: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.element]).description("Help message to display at bottom of the bubble").defaultValue(defaultBubbleProps.onClick)
+};
+const propsArrowBubble = {
+  type: import_ds_utilities.PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.defaultValue(defaultBubbleProps.type)
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\nimport React from 'react';\n\n// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\nfunction noop<T extends unknown[]>(..._args: T): void {}\nexport const BUBBLE_TYPES = {\n  SENDER: 'SENDER',\n  RECIPIENT: 'RECIPIENT',\n  DELIMITER: 'DELIMITER',\n  SYSTEM: 'SYSTEM',\n};\n\nexport declare namespace DSChatBubbleT {\n  export interface Props {\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\n  export type BubbleTypesKeys = keyof typeof BUBBLE_TYPES;\n  export type BubbleTypesValues = typeof BUBBLE_TYPES[BubbleTypesKeys];\n}\n\nexport const defaultBubbleProps: DSChatBubbleT.Props = {\n  dsId: '',\n  type: BUBBLE_TYPES.SENDER,\n  time: '',\n  body: '',\n  onClick: noop,\n  errorMessage: '',\n  helpMessage: '',\n};\n\nexport const BubblesPropTypes = {\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.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.func.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\nexport const propsArrowBubble = {\n  type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.defaultValue(defaultBubbleProps.type),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAI1B,SAAS,QAA6B,OAAgB;AAAC;AAChD,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AACV;AAkBO,MAAM,qBAA0C;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,aAAa;AAAA,EACnB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AACf;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAC3D,YAAY,sBAAsB,EAClC,aAAa,mBAAmB,IAAI;AAAA,EACvC,MAAM,8BAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAChE,WAAW,YAAY,qBAAqB,EAC5C,aAAa,mBAAmB,IAAI;AAAA,EACvC,OAAO,8BAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EAChG,MAAM,8BAAU,OAAO,WAAW,YAAY,oBAAoB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EACzG,MAAM,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EAC5D,WAAW,YAAY,gBAAgB,EACvC,aAAa,mBAAmB,IAAI;AAAA,EACvC,SAAS,8BAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,mBAAmB,OAAO;AAAA,EACjH,cAAc,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EACpE,YAAY,kDAAkD,EAC9D,aAAa,mBAAmB,OAAO;AAAA,EAC1C,aAAa,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EACnE,YAAY,iDAAiD,EAC7D,aAAa,mBAAmB,OAAO;AAC5C;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,8BAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAAE,WAAW,aAAa,mBAAmB,IAAI;AACtH;",
+  "names": []
+}

package/dist/cjs/styled.js

@@ -0,0 +1,143 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styled_exports = {};
+__export(styled_exports, {
+  StyleBodyWrapper: () => StyleBodyWrapper,
+  StyleErrorMessage: () => StyleErrorMessage,
+  StyleHelpMessage: () => StyleHelpMessage,
+  StyledBubbleArrow: () => StyledBubbleArrow,
+  StyledColoredBubble: () => StyledColoredBubble,
+  StyledTitleBubble: () => StyledTitleBubble,
+  StyledTitleLeftBubble: () => StyledTitleLeftBubble,
+  StyledTitleRightBubble: () => StyledTitleRightBubble,
+  StyledWrapper: () => StyledWrapper
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_react_desc_prop_types = require("./react-desc-prop-types");
+const StyledWrapper = import_ds_system.styled.div`
+  min-width: 224px;
+  border-radius: 10px;
+`;
+const StyledTitleBubble = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+  padding-top: 6px;
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-bottom: 4px;
+`;
+const StyledTitleLeftBubble = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+  font-size: 13px;
+  font-weight: 600;
+`;
+const StyledTitleRightBubble = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+  font-size: 13px;
+  font-weight: 400;
+  color: ${(props) => props.type === import_react_desc_prop_types.BUBBLE_TYPES.SENDER ? "#FFF" : "#657489"};
+`;
+const StyleBodyWrapper = import_ds_system.styled.div`
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 15px;
+  min-height: 18px;
+  padding: 0px 10px 8px 10px;
+`;
+const StyleErrorMessage = import_ds_system.styled.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_ds_system.styled)(StyleErrorMessage)`
+  font-size: 12px;
+  line-height: 15px;
+  color: ${(props) => props.theme.colors.neutral[500]};
+  svg {
+    fill: ${(props) => props.theme.colors.danger[900]};
+  }
+  a {
+    font-size: 12px;
+    color: ${(props) => props.theme.colors.danger[900]};
+  }
+`;
+const StyledBubbleArrow = import_ds_system.styled.div`
+  display: block;
+  content: '';
+  position: absolute;
+  bottom: 10px;
+  height: 15px;
+`;
+const StyledColoredBubble = import_ds_system.styled.div`
+  min-width: 224px;
+  border-radius: 10px;
+  position: relative;
+
+  ${(props) => props.type === import_react_desc_prop_types.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]};
+            }
+        }
+
+        a {
+          color: #FFF;
+        }
+
+    ` : `
+        box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);
+        background: ${props.theme.colors.neutral["000"]};
+        color: ${props.theme.colors.neutral[700]};
+
+        ${StyledBubbleArrow}{            
+            left: -11px;
+            bottom: 6px;
+            svg{
+                fill: ${props.theme.colors.neutral["000"]};
+            }
+        }
+
+    `}
+`;
+//# 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": ["/* eslint-disable max-lines */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUBBLE_TYPES } from './react-desc-prop-types';\n\n// Bubble WRAPPER\nexport const StyledWrapper = styled.div`\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)<{ type: string }>`\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`\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`\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[900]};\n  }\n  a {\n    font-size: 12px;\n    color: ${(props) => props.theme.colors.danger[900]};\n  }\n`;\n\n// bubble sender/ recipient\nexport const StyledBubbleArrow = styled.div`\n  display: block;\n  content: '';\n  position: absolute;\n  bottom: 10px;\n  height: 15px;\n`;\n\nexport const StyledColoredBubble = styled.div<{ type: string }>`\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;AAAA;ACAA,YAAuB;ADCvB,uBAAuB;AACvB,qBAAqB;AACrB,mCAA6B;AAGtB,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAM7B,MAAM,wBAAoB,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrC,MAAM,4BAAwB,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAIzC,MAAM,6BAAyB,yBAAO,mBAAI;AAAA;AAAA;AAAA,WAGtC,CAAC,UAAW,MAAM,SAAS,0CAAa,SAAS,SAAS;AAAA;AAG9D,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,MAAM,oBAAoB,wBAAO;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,uBAAmB,yBAAO,iBAAiB;AAAA;AAAA;AAAA,WAG7C,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,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,MAAM,sBAAsB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKtC,CAAC,UACD,MAAM,SAAS,0CAAa,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/dist/esm/ChatBubble.js

@@ -0,0 +1,95 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React2 from "react";
+import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
+import { WarningCircleFill } from "@elliemae/ds-icons";
+import {
+  StyledWrapper,
+  StyledColoredBubble,
+  StyledTitleBubble,
+  StyledTitleLeftBubble,
+  StyledTitleRightBubble,
+  StyleBodyWrapper,
+  StyleErrorMessage,
+  StyleHelpMessage
+} from "./styled";
+import { BubblesPropTypes, defaultBubbleProps } from "./react-desc-prop-types";
+import { ChatBubbleArrow } from "./ChatBubbleArrow";
+import { ChatBubbleDataTestIds } from "./ChatBubbleDataTestIds";
+const ChatBubble = (props) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultBubbleProps);
+  useValidateTypescriptPropTypes(propsWithDefault, BubblesPropTypes);
+  const { dsId, type, title, time, body, errorMessage, helpMessage } = propsWithDefault;
+  const bodyParts = React2.useMemo(() => typeof body === "string" ? body.split("\n") : [body], [body]);
+  return /* @__PURE__ */ jsxs(StyledWrapper, {
+    "data-testid": `${ChatBubbleDataTestIds.BUBBLE}-${dsId}`,
+    children: [
+      /* @__PURE__ */ jsxs(StyledColoredBubble, {
+        type,
+        children: [
+          /* @__PURE__ */ jsxs(StyledTitleBubble, {
+            cols: ["1fr", "auto"],
+            gutter: "xs",
+            alignItems: "flex-end",
+            className: "sr-only",
+            children: [
+              /* @__PURE__ */ jsx(StyledTitleLeftBubble, {
+                alignItems: "center",
+                "data-testid": `${ChatBubbleDataTestIds.BUBBLE_TITLE}-${dsId}`,
+                children: title
+              }),
+              /* @__PURE__ */ jsx(StyledTitleRightBubble, {
+                alignItems: "center",
+                type,
+                "data-testid": `${ChatBubbleDataTestIds.BUBBLE_TIME}-${dsId}`,
+                children: time
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx(StyleBodyWrapper, {
+            "data-testid": `chat-bubble-body-${dsId}`,
+            children: bodyParts.map((item, index) => /* @__PURE__ */ jsxs(React2.Fragment, {
+              children: [
+                item,
+                index < bodyParts.length - 1 ? /* @__PURE__ */ jsx("br", {}) : null
+              ]
+            }, `${item}-${dsId}`))
+          }),
+          /* @__PURE__ */ jsx(ChatBubbleArrow, {
+            type
+          })
+        ]
+      }),
+      errorMessage ? /* @__PURE__ */ jsxs(StyleErrorMessage, {
+        "data-testid": `chat-bubble-error-message-${dsId}`,
+        p: "xxs",
+        gutter: "xxs",
+        cols: [1, "auto"],
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            children: errorMessage
+          }),
+          /* @__PURE__ */ jsx(WarningCircleFill, {})
+        ]
+      }) : null,
+      helpMessage ? /* @__PURE__ */ jsx(StyleHelpMessage, {
+        "data-testid": `chat-bubble-help-message-${dsId}`,
+        p: "xxs",
+        gutter: "xxs",
+        cols: [1, "auto"],
+        children: /* @__PURE__ */ jsx("span", {
+          children: helpMessage
+        })
+      }) : null
+    ]
+  });
+};
+ChatBubble.propTypes = BubblesPropTypes;
+ChatBubble.displayName = "ChatBubble";
+const ChatBubbleWithSchema = describe(ChatBubble);
+ChatBubbleWithSchema.propTypes = BubblesPropTypes;
+export {
+  ChatBubble,
+  ChatBubbleWithSchema
+};
+//# sourceMappingURL=ChatBubble.js.map

package/dist/esm/ChatBubble.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ChatBubble.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\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 { BubblesPropTypes, DSChatBubbleT, defaultBubbleProps } from './react-desc-prop-types';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\nimport { ChatBubbleDataTestIds } from './ChatBubbleDataTestIds';\nconst ChatBubble: React.ComponentType<DSChatBubbleT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultBubbleProps);\n  useValidateTypescriptPropTypes(propsWithDefault, BubblesPropTypes);\n\n  const { dsId, type, title, time, body, errorMessage, helpMessage } = propsWithDefault;\n  const bodyParts = React.useMemo(() => (typeof body === 'string' ? body.split('\\n') : [body]), [body]);\n  return (\n    <StyledWrapper data-testid={`${ChatBubbleDataTestIds.BUBBLE}-${dsId}`}>\n      <StyledColoredBubble type={type}>\n        <StyledTitleBubble cols={['1fr', 'auto']} gutter=\"xs\" alignItems=\"flex-end\" className=\"sr-only\">\n          <StyledTitleLeftBubble alignItems=\"center\" data-testid={`${ChatBubbleDataTestIds.BUBBLE_TITLE}-${dsId}`}>\n            {title}\n          </StyledTitleLeftBubble>\n          <StyledTitleRightBubble\n            alignItems=\"center\"\n            type={type}\n            data-testid={`${ChatBubbleDataTestIds.BUBBLE_TIME}-${dsId}`}\n          >\n            {time}\n          </StyledTitleRightBubble>\n        </StyledTitleBubble>\n        <StyleBodyWrapper data-testid={`chat-bubble-body-${dsId}`}>\n          {bodyParts.map((item, index) => (\n            <React.Fragment key={`${item}-${dsId}`}>\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};\n\nChatBubble.propTypes = BubblesPropTypes as WeakValidationMap<unknown>;\nChatBubble.displayName = 'ChatBubble';\nconst ChatBubbleWithSchema = describe(ChatBubble);\nChatBubbleWithSchema.propTypes = BubblesPropTypes as WeakValidationMap<unknown>;\n\nexport { ChatBubble, ChatBubbleWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAkC;AACzC,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAiC,0BAA0B;AACpE,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,MAAM,aAAuD,CAAC,UAAU;AACtE,QAAM,mBAAmB,6BAA6B,OAAO,kBAAkB;AAC/E,iCAA+B,kBAAkB,gBAAgB;AAEjE,QAAM,EAAE,MAAM,MAAM,OAAO,MAAM,MAAM,cAAc,YAAY,IAAI;AACrE,QAAM,YAAYA,OAAM,QAAQ,MAAO,OAAO,SAAS,WAAW,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,GAAI,CAAC,IAAI,CAAC;AACpG,SACE,qBAAC;AAAA,IAAc,eAAa,GAAG,sBAAsB,UAAU;AAAA,IAC7D;AAAA,2BAAC;AAAA,QAAoB;AAAA,QACnB;AAAA,+BAAC;AAAA,YAAkB,MAAM,CAAC,OAAO,MAAM;AAAA,YAAG,QAAO;AAAA,YAAK,YAAW;AAAA,YAAW,WAAU;AAAA,YACpF;AAAA,kCAAC;AAAA,gBAAsB,YAAW;AAAA,gBAAS,eAAa,GAAG,sBAAsB,gBAAgB;AAAA,gBAC9F;AAAA,eACH;AAAA,cACA,oBAAC;AAAA,gBACC,YAAW;AAAA,gBACX;AAAA,gBACA,eAAa,GAAG,sBAAsB,eAAe;AAAA,gBAEpD;AAAA,eACH;AAAA;AAAA,WACF;AAAA,UACA,oBAAC;AAAA,YAAiB,eAAa,oBAAoB;AAAA,YAChD,oBAAU,IAAI,CAAC,MAAM,UACpB,qBAACA,OAAM,UAAN;AAAA,cACE;AAAA;AAAA,gBACA,QAAQ,UAAU,SAAS,IAAI,oBAAC,QAAG,IAAK;AAAA;AAAA,eAFtB,GAAG,QAAQ,MAGhC,CACD;AAAA,WACH;AAAA,UACA,oBAAC;AAAA,YAAgB;AAAA,WAAY;AAAA;AAAA,OAC/B;AAAA,MACC,eACC,qBAAC;AAAA,QAAkB,eAAa,6BAA6B;AAAA,QAAQ,GAAE;AAAA,QAAM,QAAO;AAAA,QAAM,MAAM,CAAC,GAAG,MAAM;AAAA,QACxG;AAAA,8BAAC;AAAA,YAAM;AAAA,WAAa;AAAA,UACpB,oBAAC,qBAAkB;AAAA;AAAA,OACrB,IACE;AAAA,MACH,cACC,oBAAC;AAAA,QAAiB,eAAa,4BAA4B;AAAA,QAAQ,GAAE;AAAA,QAAM,QAAO;AAAA,QAAM,MAAM,CAAC,GAAG,MAAM;AAAA,QACtG,8BAAC;AAAA,UAAM;AAAA,SAAY;AAAA,OACrB,IACE;AAAA;AAAA,GACN;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAChD,qBAAqB,YAAY;",
+  "names": ["React"]
+}

package/dist/esm/ChatBubbleArrow.js

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ChatBubbleArrow.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { BUBBLE_TYPES, DSChatBubbleT, propsArrowBubble } from './react-desc-prop-types';\n\nexport const ChatBubbleArrow: React.ComponentType<Pick<DSChatBubbleT.Props, 'type'>> = ({ type }) => (\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 as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,yBAAyB;AAClC,SAAS,cAA6B,wBAAwB;AAEvD,MAAM,kBAA0E,CAAC,EAAE,KAAK,MAC7F,oBAAC;AAAA,EACE,mBAAS,aAAa,YACrB,qBAAC;AAAA,IAAI,OAAM;AAAA,IAAO,QAAO;AAAA,IAAO,SAAQ;AAAA,IACtC;AAAA,2BAAC;AAAA,QACC;AAAA,8BAAC;AAAA,YACC,GAAE;AAAA,YACF,IAAG;AAAA,WACJ;AAAA,UACD,qBAAC;AAAA,YAAO,GAAE;AAAA,YAAS,GAAE;AAAA,YAAS,OAAM;AAAA,YAAS,QAAO;AAAA,YAAS,aAAY;AAAA,YAAoB,IAAG;AAAA,YAC9F;AAAA,kCAAC;AAAA,gBAAS,IAAG;AAAA,gBAAM,IAAG;AAAA,gBAAM,IAAG;AAAA,gBAAc,QAAO;AAAA,eAAqB;AAAA,cACzE,oBAAC;AAAA,gBAAe,cAAa;AAAA,gBAAM,IAAG;AAAA,gBAAqB,QAAO;AAAA,eAAmB;AAAA,cACrF,oBAAC;AAAA,gBACC,QAAO;AAAA,gBAIP,MAAK;AAAA,gBACL,IAAG;AAAA,eACJ;AAAA;AAAA,WACH;AAAA;AAAA,OACF;AAAA,MACA,oBAAC;AAAA,QAAE,IAAG;AAAA,QAAsB,QAAO;AAAA,QAAO,aAAY;AAAA,QAAI,MAAK;AAAA,QAAO,UAAS;AAAA,QAC7E,+BAAC;AAAA,UAAE,IAAG;AAAA,UAAY,WAAU;AAAA,UAC1B;AAAA,gCAAC;AAAA,cAAI,MAAK;AAAA,cAAQ,aAAY;AAAA,cAAI,QAAO;AAAA,cAAiB,WAAU;AAAA,aAAoB;AAAA,YACxF,oBAAC;AAAA,cAAI,MAAK;AAAA,cAAU,UAAS;AAAA,cAAU,WAAU;AAAA,aAAoB;AAAA;AAAA,SACvE;AAAA,OACF;AAAA;AAAA,GACF,IAEA,oBAAC;AAAA,IAAI,OAAM;AAAA,IAAM,QAAO;AAAA,IAAM,SAAQ;AAAA,IACpC,8BAAC;AAAA,MAAE,QAAO;AAAA,MAAO,aAAY;AAAA,MAAI,MAAK;AAAA,MAAO,UAAS;AAAA,MACpD,8BAAC;AAAA,QACC,GAAE;AAAA,QACF,IAAG;AAAA,QACH,MAAK;AAAA,OACN;AAAA,KACH;AAAA,GACF;AAAA,CAEJ;AAGF,gBAAgB,YAAY;",
+  "names": []
+}

package/dist/esm/ChatBubbleDataTestIds.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+const ChatBubbleDataTestIds = {
+  BUBBLE: "ds-chat-bubble",
+  BUBBLE_TITLE: "chat-bubble-title",
+  BUBBLE_BODY: "chat-bubble-body",
+  BUBBLE_TIME: "chat-bubble-time"
+};
+export {
+  ChatBubbleDataTestIds
+};
+//# sourceMappingURL=ChatBubbleDataTestIds.js.map

package/dist/esm/ChatBubbleDataTestIds.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ChatBubbleDataTestIds.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ChatBubbleDataTestIds = {\n  BUBBLE: 'ds-chat-bubble',\n  BUBBLE_TITLE: 'chat-bubble-title',\n  BUBBLE_BODY: 'chat-bubble-body',\n  BUBBLE_TIME: 'chat-bubble-time',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,wBAAwB;AAAA,EACnC,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AACf;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { ChatBubble, ChatBubbleWithSchema } from "./ChatBubble";
+import { BUBBLE_TYPES, DSChatBubbleT } from "./react-desc-prop-types";
+import { ChatBubbleDataTestIds } from "./ChatBubbleDataTestIds";
+export * from "./styled";
+export {
+  BUBBLE_TYPES,
+  ChatBubble,
+  ChatBubbleDataTestIds,
+  ChatBubbleWithSchema,
+  DSChatBubbleT
+};
+//# 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", "export { ChatBubble, ChatBubbleWithSchema } from './ChatBubble';\nexport { BUBBLE_TYPES, DSChatBubbleT } from './react-desc-prop-types';\nexport { ChatBubbleDataTestIds } from './ChatBubbleDataTestIds';\nexport * from './styled';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY,4BAA4B;AACjD,SAAS,cAAc,qBAAqB;AAC5C,SAAS,6BAA6B;AACtC,cAAc;",
+  "names": []
+}

package/dist/esm/react-desc-prop-types.js

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-utilities";
+function noop(..._args) {
+}
+const BUBBLE_TYPES = {
+  SENDER: "SENDER",
+  RECIPIENT: "RECIPIENT",
+  DELIMITER: "DELIMITER",
+  SYSTEM: "SYSTEM"
+};
+const defaultBubbleProps = {
+  dsId: "",
+  type: BUBBLE_TYPES.SENDER,
+  time: "",
+  body: "",
+  onClick: noop,
+  errorMessage: "",
+  helpMessage: ""
+};
+const BubblesPropTypes = {
+  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.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.func.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]).isRequired.defaultValue(defaultBubbleProps.type)
+};
+export {
+  BUBBLE_TYPES,
+  BubblesPropTypes,
+  defaultBubbleProps,
+  propsArrowBubble
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\nimport React from 'react';\n\n// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\nfunction noop<T extends unknown[]>(..._args: T): void {}\nexport const BUBBLE_TYPES = {\n  SENDER: 'SENDER',\n  RECIPIENT: 'RECIPIENT',\n  DELIMITER: 'DELIMITER',\n  SYSTEM: 'SYSTEM',\n};\n\nexport declare namespace DSChatBubbleT {\n  export interface Props {\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\n  export type BubbleTypesKeys = keyof typeof BUBBLE_TYPES;\n  export type BubbleTypesValues = typeof BUBBLE_TYPES[BubbleTypesKeys];\n}\n\nexport const defaultBubbleProps: DSChatBubbleT.Props = {\n  dsId: '',\n  type: BUBBLE_TYPES.SENDER,\n  time: '',\n  body: '',\n  onClick: noop,\n  errorMessage: '',\n  helpMessage: '',\n};\n\nexport const BubblesPropTypes = {\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.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.func.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\nexport const propsArrowBubble = {\n  type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.defaultValue(defaultBubbleProps.type),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAI1B,SAAS,QAA6B,OAAgB;AAAC;AAChD,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AACV;AAkBO,MAAM,qBAA0C;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,aAAa;AAAA,EACnB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AACf;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAC3D,YAAY,sBAAsB,EAClC,aAAa,mBAAmB,IAAI;AAAA,EACvC,MAAM,UAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAChE,WAAW,YAAY,qBAAqB,EAC5C,aAAa,mBAAmB,IAAI;AAAA,EACvC,OAAO,UAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EAChG,MAAM,UAAU,OAAO,WAAW,YAAY,oBAAoB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EACzG,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAC5D,WAAW,YAAY,gBAAgB,EACvC,aAAa,mBAAmB,IAAI;AAAA,EACvC,SAAS,UAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,mBAAmB,OAAO;AAAA,EACjH,cAAc,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EACpE,YAAY,kDAAkD,EAC9D,aAAa,mBAAmB,OAAO;AAAA,EAC1C,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EACnE,YAAY,iDAAiD,EAC7D,aAAa,mBAAmB,OAAO;AAC5C;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,UAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAAE,WAAW,aAAa,mBAAmB,IAAI;AACtH;",
+  "names": []
+}

package/dist/esm/styled.js

@@ -0,0 +1,117 @@
+import * as React from "react";
+import { styled } from "@elliemae/ds-system";
+import { Grid } from "@elliemae/ds-grid";
+import { BUBBLE_TYPES } from "./react-desc-prop-types";
+const StyledWrapper = styled.div`
+  min-width: 224px;
+  border-radius: 10px;
+`;
+const StyledTitleBubble = styled(Grid)`
+  padding-top: 6px;
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-bottom: 4px;
+`;
+const StyledTitleLeftBubble = styled(Grid)`
+  font-size: 13px;
+  font-weight: 600;
+`;
+const StyledTitleRightBubble = styled(Grid)`
+  font-size: 13px;
+  font-weight: 400;
+  color: ${(props) => props.type === BUBBLE_TYPES.SENDER ? "#FFF" : "#657489"};
+`;
+const StyleBodyWrapper = styled.div`
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 15px;
+  min-height: 18px;
+  padding: 0px 10px 8px 10px;
+`;
+const StyleErrorMessage = styled.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 = styled(StyleErrorMessage)`
+  font-size: 12px;
+  line-height: 15px;
+  color: ${(props) => props.theme.colors.neutral[500]};
+  svg {
+    fill: ${(props) => props.theme.colors.danger[900]};
+  }
+  a {
+    font-size: 12px;
+    color: ${(props) => props.theme.colors.danger[900]};
+  }
+`;
+const StyledBubbleArrow = styled.div`
+  display: block;
+  content: '';
+  position: absolute;
+  bottom: 10px;
+  height: 15px;
+`;
+const StyledColoredBubble = styled.div`
+  min-width: 224px;
+  border-radius: 10px;
+  position: relative;
+
+  ${(props) => props.type === 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]};
+            }
+        }
+
+        a {
+          color: #FFF;
+        }
+
+    ` : `
+        box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);
+        background: ${props.theme.colors.neutral["000"]};
+        color: ${props.theme.colors.neutral[700]};
+
+        ${StyledBubbleArrow}{            
+            left: -11px;
+            bottom: 6px;
+            svg{
+                fill: ${props.theme.colors.neutral["000"]};
+            }
+        }
+
+    `}
+`;
+export {
+  StyleBodyWrapper,
+  StyleErrorMessage,
+  StyleHelpMessage,
+  StyledBubbleArrow,
+  StyledColoredBubble,
+  StyledTitleBubble,
+  StyledTitleLeftBubble,
+  StyledTitleRightBubble,
+  StyledWrapper
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUBBLE_TYPES } from './react-desc-prop-types';\n\n// Bubble WRAPPER\nexport const StyledWrapper = styled.div`\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)<{ type: string }>`\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`\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`\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[900]};\n  }\n  a {\n    font-size: 12px;\n    color: ${(props) => props.theme.colors.danger[900]};\n  }\n`;\n\n// bubble sender/ recipient\nexport const StyledBubbleArrow = styled.div`\n  display: block;\n  content: '';\n  position: absolute;\n  bottom: 10px;\n  height: 15px;\n`;\n\nexport const StyledColoredBubble = styled.div<{ type: string }>`\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"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAGtB,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAM7B,MAAM,oBAAoB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrC,MAAM,wBAAwB,OAAO,IAAI;AAAA;AAAA;AAAA;AAIzC,MAAM,yBAAyB,OAAO,IAAI;AAAA;AAAA;AAAA,WAGtC,CAAC,UAAW,MAAM,SAAS,aAAa,SAAS,SAAS;AAAA;AAG9D,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,MAAM,oBAAoB,OAAO;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,OAAO,iBAAiB;AAAA;AAAA;AAAA,WAG7C,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,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKtC,CAAC,UACD,MAAM,SAAS,aAAa,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/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@elliemae/ds-chat-bubble",
+  "version": "3.6.0-next.0",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Chat",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./styled": {
+      "import": "./dist/esm/styled.js",
+      "require": "./dist/cjs/styled.js"
+    },
+    "./props": {
+      "import": "./dist/esm/props.js",
+      "require": "./dist/cjs/props.js"
+    },
+    "./ChatBubbleArrow": {
+      "import": "./dist/esm/ChatBubbleArrow.js",
+      "require": "./dist/cjs/ChatBubbleArrow.js"
+    },
+    "./ChatBubble": {
+      "import": "./dist/esm/ChatBubble.js",
+      "require": "./dist/cjs/ChatBubble.js"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": true
+  },
+  "dependencies": {
+    "@elliemae/ds-grid": "3.6.0-next.0",
+    "@elliemae/ds-icons": "3.6.0-next.0",
+    "@elliemae/ds-system": "3.6.0-next.0",
+    "@elliemae/ds-utilities": "3.6.0-next.0"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "~8.13.0",
+    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/react": "~12.1.3",
+    "@testing-library/user-event": "~13.5.0",
+    "styled-components": "~5.3.5"
+  },
+  "peerDependencies": {
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.5"
+  },
+  "scripts": {
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}