@elliemae/ds-chat 3.5.0-rc.9 → 3.5.1-rc.2

package/dist/cjs/exported-related/bubble/ChatBubble.js

@@ -29,6 +29,7 @@ __export(ChatBubble_exports, {
 });
 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");
@@ -40,39 +41,68 @@ const ChatBubble = (props) => {
   (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_props.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__ */ import_react.default.createElement(import_styled.StyledWrapper, {
-    "data-testid": `ds-chat-bubble-${dsId}`
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledColoredBubble, {
-    type
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTitleBubble, {
-    cols: [1, "auto"],
-    gutter: "xs",
-    alignItems: "flex-end",
-    className: "sr-only"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTitleLeftBubble, {
-    alignItems: "center",
-    "data-testid": `chat-bubble-title-${dsId}`
-  }, title), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTitleRightBubble, {
-    alignItems: "center",
-    type,
-    "data-testid": `chat-bubble-time-${dsId}`
-  }, time)), /* @__PURE__ */ import_react.default.createElement(import_styled.StyleBodyWrapper, {
-    "data-testid": `chat-bubble-body-${dsId}`
-  }, bodyParts.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, {
-    key: `${item}-${dsId}`
-  }, item, index < bodyParts.length - 1 ? /* @__PURE__ */ import_react.default.createElement("br", null) : null))), /* @__PURE__ */ import_react.default.createElement(import_ChatBubbleArrow.ChatBubbleArrow, {
-    type
-  })), errorMessage ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyleErrorMessage, {
-    "data-testid": `chat-bubble-error-message-${dsId}`,
-    p: "xxs",
-    gutter: "xxs",
-    cols: [1, "auto"]
-  }, /* @__PURE__ */ import_react.default.createElement("span", null, errorMessage), /* @__PURE__ */ import_react.default.createElement(import_ds_icons.WarningCircleFill, null)) : null, helpMessage ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyleHelpMessage, {
-    "data-testid": `chat-bubble-help-message-${dsId}`,
-    p: "xxs",
-    gutter: "xxs",
-    cols: [1, "auto"]
-  }, /* @__PURE__ */ import_react.default.createElement("span", null, helpMessage)) : null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledWrapper, {
+    "data-testid": `ds-chat-bubble-${dsId}`,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledColoredBubble, {
+        type,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledTitleBubble, {
+            cols: [1, "auto"],
+            gutter: "xs",
+            alignItems: "flex-end",
+            className: "sr-only",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledTitleLeftBubble, {
+                alignItems: "center",
+                "data-testid": `chat-bubble-title-${dsId}`,
+                children: title
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledTitleRightBubble, {
+                alignItems: "center",
+                type,
+                "data-testid": `chat-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_props.BubblesPropTypes;
 ChatBubble.displayName = "ChatBubble";

package/dist/cjs/exported-related/bubble/ChatBubble.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/bubble/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, BubblePropsT, defaultBubbleProps } from './props';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\n\nconst ChatBubble: React.ComponentType<BubblePropsT> = (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={`ds-chat-bubble-${dsId}`}>\n      <StyledColoredBubble type={type}>\n        <StyledTitleBubble cols={[1, 'auto']} gutter=\"xs\" alignItems=\"flex-end\" className=\"sr-only\">\n          <StyledTitleLeftBubble alignItems=\"center\" data-testid={`chat-bubble-title-${dsId}`}>\n            {title}\n          </StyledTitleLeftBubble>\n          <StyledTitleRightBubble alignItems=\"center\" type={type} data-testid={`chat-bubble-time-${dsId}`}>\n            {time}\n          </StyledTitleRightBubble>\n        </StyledTitleBubble>\n        <StyleBodyWrapper data-testid={`chat-bubble-body-${dsId}`}>\n          {bodyParts.map((item, index) => (\n            <React.Fragment key={`${item}-${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,mBAAyC;AACzC,0BAAuF;AACvF,sBAAkC;AAClC,oBASO;AACP,mBAAmE;AACnE,6BAAgC;AAEhC,MAAM,aAAgD,CAAC,UAAU;AAC/D,QAAM,uBAAmB,kDAA6B,OAAO,+BAAkB;AAC/E,0DAA+B,kBAAkB,6BAAgB;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,6BAAAA,QAAA,cAAC;AAAA,IAAc,eAAa,kBAAkB;AAAA,KAC5C,6BAAAA,QAAA,cAAC;AAAA,IAAoB;AAAA,KACnB,6BAAAA,QAAA,cAAC;AAAA,IAAkB,MAAM,CAAC,GAAG,MAAM;AAAA,IAAG,QAAO;AAAA,IAAK,YAAW;AAAA,IAAW,WAAU;AAAA,KAChF,6BAAAA,QAAA,cAAC;AAAA,IAAsB,YAAW;AAAA,IAAS,eAAa,qBAAqB;AAAA,KAC1E,KACH,GACA,6BAAAA,QAAA,cAAC;AAAA,IAAuB,YAAW;AAAA,IAAS;AAAA,IAAY,eAAa,oBAAoB;AAAA,KACtF,IACH,CACF,GACA,6BAAAA,QAAA,cAAC;AAAA,IAAiB,eAAa,oBAAoB;AAAA,KAChD,UAAU,IAAI,CAAC,MAAM,UACpB,6BAAAA,QAAA,cAAC,aAAAA,QAAM,UAAN;AAAA,IAAe,KAAK,GAAG,QAAQ;AAAA,KAC7B,MACA,QAAQ,UAAU,SAAS,IAAI,6BAAAA,QAAA,cAAC,UAAG,IAAK,IAC3C,CACD,CACH,GACA,6BAAAA,QAAA,cAAC;AAAA,IAAgB;AAAA,GAAY,CAC/B,GACC,eACC,6BAAAA,QAAA,cAAC;AAAA,IAAkB,eAAa,6BAA6B;AAAA,IAAQ,GAAE;AAAA,IAAM,QAAO;AAAA,IAAM,MAAM,CAAC,GAAG,MAAM;AAAA,KACxG,6BAAAA,QAAA,cAAC,cAAM,YAAa,GACpB,6BAAAA,QAAA,cAAC,uCAAkB,CACrB,IACE,MACH,cACC,6BAAAA,QAAA,cAAC;AAAA,IAAiB,eAAa,4BAA4B;AAAA,IAAQ,GAAE;AAAA,IAAM,QAAO;AAAA,IAAM,MAAM,CAAC,GAAG,MAAM;AAAA,KACtG,6BAAAA,QAAA,cAAC,cAAM,WAAY,CACrB,IACE,IACN;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,2BAAuB,8BAAS,UAAU;AAChD,qBAAqB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAyC;AACzC,0BAAuF;AACvF,sBAAkC;AAClC,oBASO;AACP,mBAAmE;AACnE,6BAAgC;AAEhC,MAAM,aAAgD,CAAC,UAAU;AAC/D,QAAM,uBAAmB,kDAA6B,OAAO,+BAAkB;AAC/E,0DAA+B,kBAAkB,6BAAgB;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,kBAAkB;AAAA,IAC5C;AAAA,mDAAC;AAAA,QAAoB;AAAA,QACnB;AAAA,uDAAC;AAAA,YAAkB,MAAM,CAAC,GAAG,MAAM;AAAA,YAAG,QAAO;AAAA,YAAK,YAAW;AAAA,YAAW,WAAU;AAAA,YAChF;AAAA,0DAAC;AAAA,gBAAsB,YAAW;AAAA,gBAAS,eAAa,qBAAqB;AAAA,gBAC1E;AAAA,eACH;AAAA,cACA,4CAAC;AAAA,gBAAuB,YAAW;AAAA,gBAAS;AAAA,gBAAY,eAAa,oBAAoB;AAAA,gBACtF;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/exported-related/bubble/ChatBubbleArrow.js

@@ -28,67 +28,90 @@ __export(ChatBubbleArrow_exports, {
 });
 module.exports = __toCommonJS(ChatBubbleArrow_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_styled = require("./styled");
 var import_props = require("./props");
-const ChatBubbleArrow = ({ type }) => /* @__PURE__ */ import_react.default.createElement(import_styled.StyledBubbleArrow, null, type === import_props.BUBBLE_TYPES.RECIPIENT ? /* @__PURE__ */ import_react.default.createElement("svg", {
-  width: "15px",
-  height: "14px",
-  viewBox: "0 0 15 14"
-}, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z",
-  id: "path-chat-bubble"
-}), /* @__PURE__ */ import_react.default.createElement("filter", {
-  x: "-55.6%",
-  y: "-50.0%",
-  width: "211.1%",
-  height: "225.0%",
-  filterUnits: "objectBoundingBox",
-  id: "filter-2"
-}, /* @__PURE__ */ import_react.default.createElement("feOffset", {
-  dx: "2.3",
-  dy: "1.2",
-  in: "SourceAlpha",
-  result: "shadowOffsetOuter1"
-}), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", {
-  stdDeviation: "1.5",
-  in: "shadowOffsetOuter1",
-  result: "shadowBlurOuter1"
-}), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", {
-  values: "0 0 0 0 0.207843137   \n                      0 0 0 0 0.235294118   \n                      0 0 0 0 0.274509804  \n                      0 0 0 0.8 0",
-  type: "matrix",
-  in: "shadowBlurOuter1"
-}))), /* @__PURE__ */ import_react.default.createElement("g", {
-  id: "[DSK]-Visual-Design",
-  stroke: "none",
-  strokeWidth: "1",
-  fill: "none",
-  fillRule: "evenodd"
-}, /* @__PURE__ */ import_react.default.createElement("g", {
-  id: "Path-Copy",
-  transform: "translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) "
-}, /* @__PURE__ */ import_react.default.createElement("use", {
-  fill: "black",
-  fillOpacity: "1",
-  filter: "url(#filter-2)",
-  xlinkHref: "#path-chat-bubble"
-}), /* @__PURE__ */ import_react.default.createElement("use", {
-  fill: "#FFFFFF",
-  fillRule: "evenodd",
-  xlinkHref: "#path-chat-bubble"
-})))) : /* @__PURE__ */ import_react.default.createElement("svg", {
-  width: "9px",
-  height: "8px",
-  viewBox: "0 0 9 8"
-}, /* @__PURE__ */ import_react.default.createElement("g", {
-  stroke: "none",
-  strokeWidth: "1",
-  fill: "none",
-  fillRule: "evenodd"
-}, /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z",
-  id: "Path",
-  fill: "#1E79C2"
-}))));
+const ChatBubbleArrow = ({ type }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledBubbleArrow, {
+  children: type === import_props.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_props.propsArrowBubble;
 //# sourceMappingURL=ChatBubbleArrow.js.map

package/dist/cjs/exported-related/bubble/ChatBubbleArrow.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/bubble/ChatBubbleArrow.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { BUBBLE_TYPES, BubblePropsT, propsArrowBubble } from './props';\n\nexport const ChatBubbleArrow: React.ComponentType<Pick<BubblePropsT, '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,mBAAyC;AACzC,oBAAkC;AAClC,mBAA6D;AAEtD,MAAM,kBAAmE,CAAC,EAAE,KAAK,MACtF,6BAAAA,QAAA,cAAC,uCACE,SAAS,0BAAa,YACrB,6BAAAA,QAAA,cAAC;AAAA,EAAI,OAAM;AAAA,EAAO,QAAO;AAAA,EAAO,SAAQ;AAAA,GACtC,6BAAAA,QAAA,cAAC,cACC,6BAAAA,QAAA,cAAC;AAAA,EACC,GAAE;AAAA,EACF,IAAG;AAAA,CACJ,GACD,6BAAAA,QAAA,cAAC;AAAA,EAAO,GAAE;AAAA,EAAS,GAAE;AAAA,EAAS,OAAM;AAAA,EAAS,QAAO;AAAA,EAAS,aAAY;AAAA,EAAoB,IAAG;AAAA,GAC9F,6BAAAA,QAAA,cAAC;AAAA,EAAS,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,IAAG;AAAA,EAAc,QAAO;AAAA,CAAqB,GACzE,6BAAAA,QAAA,cAAC;AAAA,EAAe,cAAa;AAAA,EAAM,IAAG;AAAA,EAAqB,QAAO;AAAA,CAAmB,GACrF,6BAAAA,QAAA,cAAC;AAAA,EACC,QAAO;AAAA,EAIP,MAAK;AAAA,EACL,IAAG;AAAA,CACJ,CACH,CACF,GACA,6BAAAA,QAAA,cAAC;AAAA,EAAE,IAAG;AAAA,EAAsB,QAAO;AAAA,EAAO,aAAY;AAAA,EAAI,MAAK;AAAA,EAAO,UAAS;AAAA,GAC7E,6BAAAA,QAAA,cAAC;AAAA,EAAE,IAAG;AAAA,EAAY,WAAU;AAAA,GAC1B,6BAAAA,QAAA,cAAC;AAAA,EAAI,MAAK;AAAA,EAAQ,aAAY;AAAA,EAAI,QAAO;AAAA,EAAiB,WAAU;AAAA,CAAoB,GACxF,6BAAAA,QAAA,cAAC;AAAA,EAAI,MAAK;AAAA,EAAU,UAAS;AAAA,EAAU,WAAU;AAAA,CAAoB,CACvE,CACF,CACF,IAEA,6BAAAA,QAAA,cAAC;AAAA,EAAI,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,SAAQ;AAAA,GACpC,6BAAAA,QAAA,cAAC;AAAA,EAAE,QAAO;AAAA,EAAO,aAAY;AAAA,EAAI,MAAK;AAAA,EAAO,UAAS;AAAA,GACpD,6BAAAA,QAAA,cAAC;AAAA,EACC,GAAE;AAAA,EACF,IAAG;AAAA,EACH,MAAK;AAAA,CACN,CACH,CACF,CAEJ;AAGF,gBAAgB,YAAY;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,oBAAkC;AAClC,mBAA6D;AAEtD,MAAM,kBAAmE,CAAC,EAAE,KAAK,MACtF,4CAAC;AAAA,EACE,mBAAS,0BAAa,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/exported-related/chat-card/ChatCard.js

@@ -29,7 +29,7 @@ __export(ChatCard_exports, {
 });
 module.exports = __toCommonJS(ChatCard_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
 var import_props = require("./props");
@@ -38,20 +38,34 @@ const ChatCard = (props) => {
   const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
   (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_props.propTypes);
   const { title, content, time, rightAddon } = props;
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.Wrapper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.Wrapper, {
     cols: ["1fr", "auto"],
-    "data-testid": "chat-card-wrapper"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.MainContent, null, /* @__PURE__ */ import_react.default.createElement(import_styled.Title, {
-    "data-testid": "chat-card-title"
-  }, title), /* @__PURE__ */ import_react.default.createElement(import_styled.Content, {
-    "data-testid": "chat-card-content"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
-    value: content
-  })), time && /* @__PURE__ */ import_react.default.createElement(import_styled.Time, {
-    "data-testid": "chat-card-time"
-  }, time)), rightAddon && /* @__PURE__ */ import_react.default.createElement(import_styled.RightAddon, {
-    "data-testid": "chat-card-right-addon"
-  }, rightAddon));
+    "data-testid": "chat-card-wrapper",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.MainContent, {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Title, {
+            "data-testid": "chat-card-title",
+            children: title
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Content, {
+            "data-testid": "chat-card-content",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+              value: content
+            })
+          }),
+          time && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Time, {
+            "data-testid": "chat-card-time",
+            children: time
+          })
+        ]
+      }),
+      rightAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.RightAddon, {
+        "data-testid": "chat-card-right-addon",
+        children: rightAddon
+      })
+    ]
+  });
 };
 ChatCard.propTypes = import_props.propTypes;
 ChatCard.displayName = "ChatCard";

package/dist/cjs/exported-related/chat-card/ChatCard.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/chat-card/ChatCard.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes, CardPropTypes, defaultProps } from './props';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled';\n\nconst ChatCard: React.ComponentType<CardPropTypes> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes);\n\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 as WeakValidationMap<unknown>;\nChatCard.displayName = 'ChatCard';\nconst ChatCardWithSchema = describe(ChatCard);\nChatCardWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { ChatCard, ChatCardWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAAuF;AAEvF,uCAA2C;AAC3C,mBAAuD;AACvD,oBAAuE;AAEvE,MAAM,WAA+C,CAAC,UAAU;AAC9D,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,sBAAS;AAE1D,QAAM,EAAE,OAAO,SAAS,MAAM,WAAW,IAAI;AAC7C,SACE,6BAAAA,QAAA,cAAC;AAAA,IAAQ,MAAM,CAAC,OAAO,MAAM;AAAA,IAAG,eAAY;AAAA,KAC1C,6BAAAA,QAAA,cAAC,iCACC,6BAAAA,QAAA,cAAC;AAAA,IAAM,eAAY;AAAA,KAAmB,KAAM,GAC5C,6BAAAA,QAAA,cAAC;AAAA,IAAQ,eAAY;AAAA,KACnB,6BAAAA,QAAA,cAAC;AAAA,IAA2B,OAAO;AAAA,GAAS,CAC9C,GACC,QAAQ,6BAAAA,QAAA,cAAC;AAAA,IAAK,eAAY;AAAA,KAAkB,IAAK,CACpD,GACC,cAAc,6BAAAA,QAAA,cAAC;AAAA,IAAW,eAAY;AAAA,KAAyB,UAAW,CAC7E;AAEJ;AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,MAAM,yBAAqB,8BAAS,QAAQ;AAC5C,mBAAmB,YAAY;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAuF;AAEvF,uCAA2C;AAC3C,mBAAuD;AACvD,oBAAuE;AAEvE,MAAM,WAA+C,CAAC,UAAU;AAC9D,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,sBAAS;AAE1D,QAAM,EAAE,OAAO,SAAS,MAAM,WAAW,IAAI;AAC7C,SACE,6CAAC;AAAA,IAAQ,MAAM,CAAC,OAAO,MAAM;AAAA,IAAG,eAAY;AAAA,IAC1C;AAAA,mDAAC;AAAA,QACC;AAAA,sDAAC;AAAA,YAAM,eAAY;AAAA,YAAmB;AAAA,WAAM;AAAA,UAC5C,4CAAC;AAAA,YAAQ,eAAY;AAAA,YACnB,sDAAC;AAAA,cAA2B,OAAO;AAAA,aAAS;AAAA,WAC9C;AAAA,UACC,QAAQ,4CAAC;AAAA,YAAK,eAAY;AAAA,YAAkB;AAAA,WAAK;AAAA;AAAA,OACpD;AAAA,MACC,cAAc,4CAAC;AAAA,QAAW,eAAY;AAAA,QAAyB;AAAA,OAAW;AAAA;AAAA,GAC7E;AAEJ;AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,MAAM,yBAAqB,8BAAS,QAAQ;AAC5C,mBAAmB,YAAY;",
+  "names": []
 }

package/dist/cjs/exported-related/chat-card/props.js

@@ -29,12 +29,13 @@ __export(props_exports, {
 });
 module.exports = __toCommonJS(props_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 const defaultProps = {
   title: "",
   content: "",
   time: "",
-  rightAddon: /* @__PURE__ */ React.createElement(React.Fragment, null)
+  rightAddon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
 };
 const propTypes = {
   title: import_ds_utilities.PropTypes.string.isRequired.description(`Card's title`),

package/dist/cjs/exported-related/chat-card/props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/chat-card/props.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const defaultProps: CardPropTypes = {\n  title: '',\n  content: '',\n  time: '',\n  rightAddon: <></>,\n};\n\nexport const propTypes = {\n  title: PropTypes.string.isRequired.description(`Card's title`),\n  content: PropTypes.string.description(`Card's content`),\n  time: PropTypes.string.description('Time'),\n  rightAddon: PropTypes.element.description('Right addon, badge or icon'),\n};\n\nexport interface CardPropTypes {\n  title: string;\n  content: string;\n  time: string;\n  rightAddon: JSX.Element;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,eAA8B;AAAA,EACzC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,wDAAE;AAChB;AAEO,MAAM,YAAY;AAAA,EACvB,OAAO,8BAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,SAAS,8BAAU,OAAO,YAAY,gBAAgB;AAAA,EACtD,MAAM,8BAAU,OAAO,YAAY,MAAM;AAAA,EACzC,YAAY,8BAAU,QAAQ,YAAY,4BAA4B;AACxE;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,0BAA0B;AAEnB,MAAM,eAA8B;AAAA,EACzC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,2EAAE;AAChB;AAEO,MAAM,YAAY;AAAA,EACvB,OAAO,8BAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,SAAS,8BAAU,OAAO,YAAY,gBAAgB;AAAA,EACtD,MAAM,8BAAU,OAAO,YAAY,MAAM;AAAA,EACzC,YAAY,8BAAU,QAAQ,YAAY,4BAA4B;AACxE;",
   "names": []
 }

package/dist/cjs/exported-related/chat-container-header/ChatContainerHeader.js

@@ -29,6 +29,7 @@ __export(ChatContainerHeader_exports, {
 });
 module.exports = __toCommonJS(ChatContainerHeader_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_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
@@ -39,22 +40,28 @@ const ChatContainerHeader = (props) => {
   (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_props.propTypes);
   const globalsAttr = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault);
   const { title, children } = propsWithDefault;
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainerContentHeader, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledChatContainerContentHeader, {
     alignItems: "center",
     cols: ["minmax(calc(100% - 64px), 1fr)", children ? "auto" : "0px"],
     role: "heading",
-    ...globalsAttr
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainerContentHeaderLabel, {
-    "data-testid": "chat-container-header-title",
-    pl: "xxs",
-    pr: "xxs"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
-    value: title
-  })), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainerContentHeaderActions, {
-    cols: import_react.default.Children.toArray(children).filter(Boolean).map(() => "32px"),
-    justifyContent: "flex-end",
-    "data-testid": "chat-container-header-children"
-  }, children));
+    ...globalsAttr,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledChatContainerContentHeaderLabel, {
+        "data-testid": "chat-container-header-title",
+        pl: "xxs",
+        pr: "xxs",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+          value: title
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledChatContainerContentHeaderActions, {
+        cols: import_react.default.Children.toArray(children).filter(Boolean).map(() => "32px"),
+        justifyContent: "flex-end",
+        "data-testid": "chat-container-header-children",
+        children
+      })
+    ]
+  });
 };
 ChatContainerHeader.propTypes = import_props.propTypes;
 ChatContainerHeader.displayName = "ChatContainerHeader";

package/dist/cjs/exported-related/chat-container-header/ChatContainerHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/chat-container-header/ChatContainerHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-utilities';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  StyledChatContainerContentHeader,\n  StyledChatContainerContentHeaderLabel,\n  StyledChatContainerContentHeaderActions,\n} from './styled';\nimport { defaultProps, propTypes, HeaderProps } from './props';\n\nconst ChatContainerHeader: React.ComponentType<HeaderProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes);\n\n  const globalsAttr = useGetGlobalAttributes(propsWithDefault);\n\n  const { title, children } = propsWithDefault;\n\n  return (\n    <StyledChatContainerContentHeader\n      alignItems=\"center\"\n      cols={['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px']}\n      role=\"heading\"\n      {...globalsAttr}\n    >\n      <StyledChatContainerContentHeaderLabel data-testid=\"chat-container-header-title\" pl=\"xxs\" pr=\"xxs\">\n        <SimpleTruncatedTooltipText value={title} />\n      </StyledChatContainerContentHeaderLabel>\n      <StyledChatContainerContentHeaderActions\n        cols={React.Children.toArray(children)\n          .filter(Boolean)\n          .map(() => '32px')}\n        justifyContent=\"flex-end\"\n        data-testid=\"chat-container-header-children\"\n      >\n        {children}\n      </StyledChatContainerContentHeaderActions>\n    </StyledChatContainerContentHeader>\n  );\n};\n\nChatContainerHeader.propTypes = propTypes as WeakValidationMap<unknown>;\nChatContainerHeader.displayName = 'ChatContainerHeader';\nconst ChatContainerHeaderWithSchema = describe(ChatContainerHeader);\nChatContainerHeaderWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAKO;AAEP,uCAA2C;AAC3C,oBAIO;AACP,mBAAqD;AAErD,MAAM,sBAAwD,CAAC,UAAU;AACvE,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,sBAAS;AAE1D,QAAM,kBAAc,4CAAuB,gBAAgB;AAE3D,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC,YAAW;AAAA,IACX,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,IAClE,MAAK;AAAA,IACJ,GAAG;AAAA,KAEJ,6BAAAA,QAAA,cAAC;AAAA,IAAsC,eAAY;AAAA,IAA8B,IAAG;AAAA,IAAM,IAAG;AAAA,KAC3F,6BAAAA,QAAA,cAAC;AAAA,IAA2B,OAAO;AAAA,GAAO,CAC5C,GACA,6BAAAA,QAAA,cAAC;AAAA,IACC,MAAM,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAClC,OAAO,OAAO,EACd,IAAI,MAAM,MAAM;AAAA,IACnB,gBAAe;AAAA,IACf,eAAY;AAAA,KAEX,QACH,CACF;AAEJ;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,oCAAgC,8BAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAyC;AACzC,0BAKO;AAEP,uCAA2C;AAC3C,oBAIO;AACP,mBAAqD;AAErD,MAAM,sBAAwD,CAAC,UAAU;AACvE,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,sBAAS;AAE1D,QAAM,kBAAc,4CAAuB,gBAAgB;AAE3D,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,SACE,6CAAC;AAAA,IACC,YAAW;AAAA,IACX,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,IAClE,MAAK;AAAA,IACJ,GAAG;AAAA,IAEJ;AAAA,kDAAC;AAAA,QAAsC,eAAY;AAAA,QAA8B,IAAG;AAAA,QAAM,IAAG;AAAA,QAC3F,sDAAC;AAAA,UAA2B,OAAO;AAAA,SAAO;AAAA,OAC5C;AAAA,MACA,4CAAC;AAAA,QACC,MAAM,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAClC,OAAO,OAAO,EACd,IAAI,MAAM,MAAM;AAAA,QACnB,gBAAe;AAAA,QACf,eAAY;AAAA,QAEX;AAAA,OACH;AAAA;AAAA,GACF;AAEJ;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,oCAAgC,8BAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
   "names": ["React"]
 }

package/dist/cjs/exported-related/chat-empty-state/ChatEmptyState.js

@@ -29,7 +29,8 @@ __export(ChatEmptyState_exports, {
 });
 module.exports = __toCommonJS(ChatEmptyState_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_icons = require("@elliemae/ds-icons");
@@ -40,28 +41,39 @@ const ChatEmptyState = (props) => {
   (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_props.emptyStateProps);
   const { label, action } = propsWithDefault;
   const MainContent = (0, import_react.useMemo)(
-    () => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
       alignItems: "center",
-      justifyContent: "center"
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Communications, {
-      size: "xxl",
-      color: ["neutral", 400]
-    })), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, /* @__PURE__ */ import_react.default.createElement(import_styled.MessageWrapper, null, label)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, action)),
+      justifyContent: "center",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+          alignItems: "center",
+          justifyContent: "center",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Communications, {
+            size: "xxl",
+            color: ["neutral", 400]
+          })
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+          alignItems: "center",
+          justifyContent: "center",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.MessageWrapper, {
+            children: label
+          })
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+          alignItems: "center",
+          justifyContent: "center",
+          children: action
+        })
+      ]
+    }),
     [label, action]
   );
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.ChatEmptyStateWrapper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.ChatEmptyStateWrapper, {
     alignItems: "center",
-    justifyContent: "center"
-  }, MainContent);
+    justifyContent: "center",
+    children: MainContent
+  });
 };
 ChatEmptyState.propTypes = import_props.emptyStateProps;
 ChatEmptyState.displayName = "ChatEmptyState";

package/dist/cjs/exported-related/chat-empty-state/ChatEmptyState.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/chat-empty-state/ChatEmptyState.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useMemo, WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Communications } from '@elliemae/ds-icons';\nimport { ChatEmptyStateProps, emptyStateProps, defaultProps } from './props';\nimport { ChatEmptyStateWrapper, MessageWrapper } from './styled';\n\nconst ChatEmptyState: React.ComponentType<ChatEmptyStateProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, emptyStateProps);\n\n  const { label, action } = propsWithDefault;\n  const MainContent = useMemo(\n    () => (\n      <Grid alignItems=\"center\" justifyContent=\"center\">\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          <Communications size=\"xxl\" color={['neutral', 400]} />\n        </Grid>\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          <MessageWrapper>{label}</MessageWrapper>\n        </Grid>\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          {action}\n        </Grid>\n      </Grid>\n    ),\n    [label, action],\n  );\n  return (\n    <ChatEmptyStateWrapper alignItems=\"center\" justifyContent=\"center\">\n      {MainContent}\n    </ChatEmptyStateWrapper>\n  );\n};\n\nChatEmptyState.propTypes = emptyStateProps as WeakValidationMap<unknown>;\nChatEmptyState.displayName = 'ChatEmptyState';\nconst ChatEmptyStateWithSchema = describe(ChatEmptyState);\nChatEmptyStateWithSchema.propTypes = emptyStateProps as WeakValidationMap<unknown>;\n\nexport { ChatEmptyState, ChatEmptyStateWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkD;AAClD,0BAAuF;AACvF,qBAAqB;AACrB,sBAA+B;AAC/B,mBAAmE;AACnE,oBAAsD;AAEtD,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,4BAAe;AAEhE,QAAM,EAAE,OAAO,OAAO,IAAI;AAC1B,QAAM,kBAAc;AAAA,IAClB,MACE,6BAAAA,QAAA,cAAC;AAAA,MAAK,YAAW;AAAA,MAAS,gBAAe;AAAA,OACvC,6BAAAA,QAAA,cAAC;AAAA,MAAK,YAAW;AAAA,MAAS,gBAAe;AAAA,OACvC,6BAAAA,QAAA,cAAC;AAAA,MAAe,MAAK;AAAA,MAAM,OAAO,CAAC,WAAW,GAAG;AAAA,KAAG,CACtD,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAK,YAAW;AAAA,MAAS,gBAAe;AAAA,OACvC,6BAAAA,QAAA,cAAC,oCAAgB,KAAM,CACzB,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAK,YAAW;AAAA,MAAS,gBAAe;AAAA,OACtC,MACH,CACF;AAAA,IAEF,CAAC,OAAO,MAAM;AAAA,EAChB;AACA,SACE,6BAAAA,QAAA,cAAC;AAAA,IAAsB,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvD,WACH;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AACxD,yBAAyB,YAAY;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkD;AAClD,0BAAuF;AACvF,qBAAqB;AACrB,sBAA+B;AAC/B,mBAAmE;AACnE,oBAAsD;AAEtD,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,4BAAe;AAEhE,QAAM,EAAE,OAAO,OAAO,IAAI;AAC1B,QAAM,kBAAc;AAAA,IAClB,MACE,6CAAC;AAAA,MAAK,YAAW;AAAA,MAAS,gBAAe;AAAA,MACvC;AAAA,oDAAC;AAAA,UAAK,YAAW;AAAA,UAAS,gBAAe;AAAA,UACvC,sDAAC;AAAA,YAAe,MAAK;AAAA,YAAM,OAAO,CAAC,WAAW,GAAG;AAAA,WAAG;AAAA,SACtD;AAAA,QACA,4CAAC;AAAA,UAAK,YAAW;AAAA,UAAS,gBAAe;AAAA,UACvC,sDAAC;AAAA,YAAgB;AAAA,WAAM;AAAA,SACzB;AAAA,QACA,4CAAC;AAAA,UAAK,YAAW;AAAA,UAAS,gBAAe;AAAA,UACtC;AAAA,SACH;AAAA;AAAA,KACF;AAAA,IAEF,CAAC,OAAO,MAAM;AAAA,EAChB;AACA,SACE,4CAAC;AAAA,IAAsB,YAAW;AAAA,IAAS,gBAAe;AAAA,IACvD;AAAA,GACH;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AACxD,yBAAyB,YAAY;",
+  "names": []
 }

package/dist/cjs/exported-related/chat-empty-state/props.js

@@ -29,10 +29,11 @@ __export(props_exports, {
 });
 module.exports = __toCommonJS(props_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 const defaultProps = {
   label: "No Messages Yet",
-  action: /* @__PURE__ */ React.createElement(React.Fragment, null)
+  action: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
 };
 const emptyStateProps = {
   label: import_ds_utilities.PropTypes.string.description("No Message to show text helper").defaultValue(defaultProps.label),

package/dist/cjs/exported-related/chat-empty-state/props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/chat-empty-state/props.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport interface ChatEmptyStateProps {\n  label: string;\n  action: JSX.Element;\n}\n\nexport const defaultProps: ChatEmptyStateProps = {\n  label: 'No Messages Yet',\n  action: <></>,\n};\n\nexport const emptyStateProps = {\n  label: PropTypes.string.description('No Message to show text helper').defaultValue(defaultProps.label),\n  action: PropTypes.node.description('action element').defaultValue(defaultProps.action),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAOnB,MAAM,eAAoC;AAAA,EAC/C,OAAO;AAAA,EACP,QAAQ,wDAAE;AACZ;AAEO,MAAM,kBAAkB;AAAA,EAC7B,OAAO,8BAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,aAAa,KAAK;AAAA,EACrG,QAAQ,8BAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,aAAa,MAAM;AACvF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,0BAA0B;AAOnB,MAAM,eAAoC;AAAA,EAC/C,OAAO;AAAA,EACP,QAAQ,2EAAE;AACZ;AAEO,MAAM,kBAAkB;AAAA,EAC7B,OAAO,8BAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,aAAa,KAAK;AAAA,EACrG,QAAQ,8BAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,aAAa,MAAM;AACvF;",
   "names": []
 }