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

package/dist/cjs/ChatCard.js

@@ -0,0 +1,75 @@
+"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 ChatCard_exports = {};
+__export(ChatCard_exports, {
+  ChatCard: () => ChatCard,
+  ChatCardWithSchema: () => ChatCardWithSchema
+});
+module.exports = __toCommonJS(ChatCard_exports);
+var 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_react_desc_prop_types = require("./react-desc-prop-types");
+var import_styled = require("./styled");
+var import_ChatCardDataTestIds = require("./ChatCardDataTestIds");
+const ChatCard = (props) => {
+  const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.propTypes);
+  const { title, content, time, rightAddon } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.Wrapper, {
+    cols: ["1fr", "auto"],
+    "data-testid": import_ChatCardDataTestIds.ChatCardDataTestIds.CARD_WRAPPER,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.MainContent, {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Title, {
+            "data-testid": import_ChatCardDataTestIds.ChatCardDataTestIds.CARD_TITLE,
+            children: title
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Content, {
+            "data-testid": import_ChatCardDataTestIds.ChatCardDataTestIds.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": import_ChatCardDataTestIds.ChatCardDataTestIds.CARD_TIME,
+            children: time
+          })
+        ]
+      }),
+      rightAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.RightAddon, {
+        "data-testid": import_ChatCardDataTestIds.ChatCardDataTestIds.CARD_RIGHT_ADDON,
+        children: rightAddon
+      })
+    ]
+  });
+};
+ChatCard.propTypes = import_react_desc_prop_types.propTypes;
+ChatCard.displayName = "ChatCard";
+const ChatCardWithSchema = (0, import_ds_utilities.describe)(ChatCard);
+ChatCardWithSchema.propTypes = import_react_desc_prop_types.propTypes;
+//# sourceMappingURL=ChatCard.js.map

package/dist/cjs/ChatCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/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, DSChatCardT, defaultProps } from './react-desc-prop-types';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled';\nimport { ChatCardDataTestIds } from './ChatCardDataTestIds';\n\nconst ChatCard: React.ComponentType<DSChatCardT.Props> = (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={ChatCardDataTestIds.CARD_WRAPPER}>\n      <MainContent>\n        <Title data-testid={ChatCardDataTestIds.CARD_TITLE}>{title}</Title>\n        <Content data-testid={ChatCardDataTestIds.CARD_CONTENT}>\n          <SimpleTruncatedTooltipText value={content} />\n        </Content>\n        {time && <Time data-testid={ChatCardDataTestIds.CARD_TIME}>{time}</Time>}\n      </MainContent>\n      {rightAddon && <RightAddon data-testid={ChatCardDataTestIds.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;AACA,0BAAuF;AAEvF,uCAA2C;AAC3C,mCAAqD;AACrD,oBAAuE;AACvE,iCAAoC;AAEpC,MAAM,WAAmD,CAAC,UAAU;AAClE,QAAM,uBAAmB,kDAA6B,OAAO,yCAAY;AACzE,0DAA+B,kBAAkB,sCAAS;AAE1D,QAAM,EAAE,OAAO,SAAS,MAAM,WAAW,IAAI;AAC7C,SACE,6CAAC;AAAA,IAAQ,MAAM,CAAC,OAAO,MAAM;AAAA,IAAG,eAAa,+CAAoB;AAAA,IAC/D;AAAA,mDAAC;AAAA,QACC;AAAA,sDAAC;AAAA,YAAM,eAAa,+CAAoB;AAAA,YAAa;AAAA,WAAM;AAAA,UAC3D,4CAAC;AAAA,YAAQ,eAAa,+CAAoB;AAAA,YACxC,sDAAC;AAAA,cAA2B,OAAO;AAAA,aAAS;AAAA,WAC9C;AAAA,UACC,QAAQ,4CAAC;AAAA,YAAK,eAAa,+CAAoB;AAAA,YAAY;AAAA,WAAK;AAAA;AAAA,OACnE;AAAA,MACC,cAAc,4CAAC;AAAA,QAAW,eAAa,+CAAoB;AAAA,QAAmB;AAAA,OAAW;AAAA;AAAA,GAC5F;AAEJ;AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,MAAM,yBAAqB,8BAAS,QAAQ;AAC5C,mBAAmB,YAAY;",
+  "names": []
+}

package/dist/cjs/ChatCardDataTestIds.js

@@ -0,0 +1,38 @@
+"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 ChatCardDataTestIds_exports = {};
+__export(ChatCardDataTestIds_exports, {
+  ChatCardDataTestIds: () => ChatCardDataTestIds
+});
+module.exports = __toCommonJS(ChatCardDataTestIds_exports);
+var React = __toESM(require("react"));
+const ChatCardDataTestIds = {
+  CARD_TITLE: "chat-card-title",
+  CARD_WRAPPER: "chat-card-wrapper",
+  CARD_TIME: "chat-card-time",
+  CARD_RIGHT_ADDON: "chat-right-addon",
+  CARD_CONTENT: "chat-card-content"
+};
+//# sourceMappingURL=ChatCardDataTestIds.js.map

package/dist/cjs/ChatCardDataTestIds.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ChatCardDataTestIds.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const ChatCardDataTestIds = {\n  CARD_TITLE: 'chat-card-title',\n  CARD_WRAPPER: 'chat-card-wrapper',\n  CARD_TIME: 'chat-card-time',\n  CARD_RIGHT_ADDON: 'chat-right-addon',\n  CARD_CONTENT: 'chat-card-content',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,sBAAsB;AAAA,EACjC,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,cAAc;AAChB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,35 @@
+"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 src_exports = {};
+__export(src_exports, {
+  ChatCard: () => import_ChatCard.ChatCard,
+  ChatCardDataTestIds: () => import_ChatCardDataTestIds.ChatCardDataTestIds,
+  ChatCardWithSchema: () => import_ChatCard.ChatCardWithSchema
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_ChatCard = require("./ChatCard");
+var import_ChatCardDataTestIds = require("./ChatCardDataTestIds");
+//# 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 { ChatCard, ChatCardWithSchema } from './ChatCard';\nexport { ChatCardDataTestIds } from './ChatCardDataTestIds';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAA6C;AAC7C,iCAAoC;",
+  "names": []
+}

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

@@ -0,0 +1,43 @@
+"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, {
+  defaultProps: () => defaultProps,
+  propTypes: () => propTypes
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const defaultProps = {
+  content: "",
+  time: ""
+};
+const propTypes = {
+  title: import_ds_utilities.PropTypes.string.isRequired.description(`Card's title`),
+  content: import_ds_utilities.PropTypes.string.description(`Card's content`),
+  time: import_ds_utilities.PropTypes.string.description("Time"),
+  rightAddon: import_ds_utilities.PropTypes.element.description("Right addon, badge or icon")
+};
+//# 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';\n\nexport declare namespace DSChatCardT {\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface DefaultProps {\n    content: string;\n    time: string;\n  }\n\n  export interface OptionalProps {\n    rightAddon?: JSX.Element;\n  }\n\n  export interface Props extends DefaultProps, RequiredProps, OptionalProps {}\n}\n\nexport const defaultProps: DSChatCardT.DefaultProps = {\n  content: '',\n  time: '',\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAmBnB,MAAM,eAAyC;AAAA,EACpD,SAAS;AAAA,EACT,MAAM;AACR;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/styled.js

@@ -0,0 +1,68 @@
+"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, {
+  Content: () => Content,
+  MainContent: () => MainContent,
+  RightAddon: () => RightAddon,
+  Time: () => Time,
+  Title: () => Title,
+  Wrapper: () => Wrapper
+});
+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");
+const Wrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+  min-width: 248px;
+  border: 1px;
+  border-bottom: 1px solid #ccc;
+  padding: 12px 12px;
+`;
+const MainContent = import_ds_system.styled.div``;
+const Title = import_ds_system.styled.p`
+  font-size: 16px;
+  font-weight: 600;
+  margin: 0;
+`;
+const Content = import_ds_system.styled.p`
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 1;
+  margin: 0;
+`;
+const Time = import_ds_system.styled.p`
+  font-size: 12px;
+  font-weight: 100;
+  margin: 0;
+  margin-top: 8px;
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+  color: ${(props) => props.theme.colors.neutral["500"]};
+`;
+const RightAddon = import_ds_system.styled.div`
+  height: fit-content;
+  margin-left: 12px;
+`;
+//# 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": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const Wrapper = styled(Grid)`\n  min-width: 248px;\n  border: 1px;\n  border-bottom: 1px solid #ccc;\n  padding: 12px 12px;\n`;\n\nexport const MainContent = styled.div``;\n\nexport const Title = styled.p`\n  font-size: 16px;\n  font-weight: 600;\n  margin: 0;\n`;\n\nexport const Content = styled.p`\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n`;\n\nexport const Time = styled.p`\n  font-size: 12px;\n  font-weight: 100;\n  margin: 0;\n  margin-top: 8px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['500']};\n`;\n\nexport const RightAddon = styled.div`\n  height: fit-content;\n  margin-left: 12px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAEd,MAAM,cAAU,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,cAAc,wBAAO;AAE3B,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,MAAM,OAAO,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/ChatCard.js

@@ -0,0 +1,49 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
+import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import { propTypes, defaultProps } from "./react-desc-prop-types";
+import { Wrapper, MainContent, Title, Content, Time, RightAddon } from "./styled";
+import { ChatCardDataTestIds } from "./ChatCardDataTestIds";
+const ChatCard = (props) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateTypescriptPropTypes(propsWithDefault, propTypes);
+  const { title, content, time, rightAddon } = props;
+  return /* @__PURE__ */ jsxs(Wrapper, {
+    cols: ["1fr", "auto"],
+    "data-testid": ChatCardDataTestIds.CARD_WRAPPER,
+    children: [
+      /* @__PURE__ */ jsxs(MainContent, {
+        children: [
+          /* @__PURE__ */ jsx(Title, {
+            "data-testid": ChatCardDataTestIds.CARD_TITLE,
+            children: title
+          }),
+          /* @__PURE__ */ jsx(Content, {
+            "data-testid": ChatCardDataTestIds.CARD_CONTENT,
+            children: /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, {
+              value: content
+            })
+          }),
+          time && /* @__PURE__ */ jsx(Time, {
+            "data-testid": ChatCardDataTestIds.CARD_TIME,
+            children: time
+          })
+        ]
+      }),
+      rightAddon && /* @__PURE__ */ jsx(RightAddon, {
+        "data-testid": ChatCardDataTestIds.CARD_RIGHT_ADDON,
+        children: rightAddon
+      })
+    ]
+  });
+};
+ChatCard.propTypes = propTypes;
+ChatCard.displayName = "ChatCard";
+const ChatCardWithSchema = describe(ChatCard);
+ChatCardWithSchema.propTypes = propTypes;
+export {
+  ChatCard,
+  ChatCardWithSchema
+};
+//# sourceMappingURL=ChatCard.js.map

package/dist/esm/ChatCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ChatCard.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes, DSChatCardT, defaultProps } from './react-desc-prop-types';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled';\nimport { ChatCardDataTestIds } from './ChatCardDataTestIds';\n\nconst ChatCard: React.ComponentType<DSChatCardT.Props> = (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={ChatCardDataTestIds.CARD_WRAPPER}>\n      <MainContent>\n        <Title data-testid={ChatCardDataTestIds.CARD_TITLE}>{title}</Title>\n        <Content data-testid={ChatCardDataTestIds.CARD_CONTENT}>\n          <SimpleTruncatedTooltipText value={content} />\n        </Content>\n        {time && <Time data-testid={ChatCardDataTestIds.CARD_TIME}>{time}</Time>}\n      </MainContent>\n      {rightAddon && <RightAddon data-testid={ChatCardDataTestIds.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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,UAAU,gCAAgC,oCAAoC;AAEvF,SAAS,kCAAkC;AAC3C,SAAS,WAAwB,oBAAoB;AACrD,SAAS,SAAS,aAAa,OAAO,SAAS,MAAM,kBAAkB;AACvE,SAAS,2BAA2B;AAEpC,MAAM,WAAmD,CAAC,UAAU;AAClE,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,SAAS;AAE1D,QAAM,EAAE,OAAO,SAAS,MAAM,WAAW,IAAI;AAC7C,SACE,qBAAC;AAAA,IAAQ,MAAM,CAAC,OAAO,MAAM;AAAA,IAAG,eAAa,oBAAoB;AAAA,IAC/D;AAAA,2BAAC;AAAA,QACC;AAAA,8BAAC;AAAA,YAAM,eAAa,oBAAoB;AAAA,YAAa;AAAA,WAAM;AAAA,UAC3D,oBAAC;AAAA,YAAQ,eAAa,oBAAoB;AAAA,YACxC,8BAAC;AAAA,cAA2B,OAAO;AAAA,aAAS;AAAA,WAC9C;AAAA,UACC,QAAQ,oBAAC;AAAA,YAAK,eAAa,oBAAoB;AAAA,YAAY;AAAA,WAAK;AAAA;AAAA,OACnE;AAAA,MACC,cAAc,oBAAC;AAAA,QAAW,eAAa,oBAAoB;AAAA,QAAmB;AAAA,OAAW;AAAA;AAAA,GAC5F;AAEJ;AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,MAAM,qBAAqB,SAAS,QAAQ;AAC5C,mBAAmB,YAAY;",
+  "names": []
+}

package/dist/esm/ChatCardDataTestIds.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+const ChatCardDataTestIds = {
+  CARD_TITLE: "chat-card-title",
+  CARD_WRAPPER: "chat-card-wrapper",
+  CARD_TIME: "chat-card-time",
+  CARD_RIGHT_ADDON: "chat-right-addon",
+  CARD_CONTENT: "chat-card-content"
+};
+export {
+  ChatCardDataTestIds
+};
+//# sourceMappingURL=ChatCardDataTestIds.js.map

package/dist/esm/ChatCardDataTestIds.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ChatCardDataTestIds.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ChatCardDataTestIds = {\n  CARD_TITLE: 'chat-card-title',\n  CARD_WRAPPER: 'chat-card-wrapper',\n  CARD_TIME: 'chat-card-time',\n  CARD_RIGHT_ADDON: 'chat-right-addon',\n  CARD_CONTENT: 'chat-card-content',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,sBAAsB;AAAA,EACjC,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,cAAc;AAChB;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { ChatCard, ChatCardWithSchema } from "./ChatCard";
+import { ChatCardDataTestIds } from "./ChatCardDataTestIds";
+export {
+  ChatCard,
+  ChatCardDataTestIds,
+  ChatCardWithSchema
+};
+//# 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 { ChatCard, ChatCardWithSchema } from './ChatCard';\nexport { ChatCardDataTestIds } from './ChatCardDataTestIds';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU,0BAA0B;AAC7C,SAAS,2BAA2B;",
+  "names": []
+}

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

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-utilities";
+const defaultProps = {
+  content: "",
+  time: ""
+};
+const propTypes = {
+  title: PropTypes.string.isRequired.description(`Card's title`),
+  content: PropTypes.string.description(`Card's content`),
+  time: PropTypes.string.description("Time"),
+  rightAddon: PropTypes.element.description("Right addon, badge or icon")
+};
+export {
+  defaultProps,
+  propTypes
+};
+//# 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';\n\nexport declare namespace DSChatCardT {\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface DefaultProps {\n    content: string;\n    time: string;\n  }\n\n  export interface OptionalProps {\n    rightAddon?: JSX.Element;\n  }\n\n  export interface Props extends DefaultProps, RequiredProps, OptionalProps {}\n}\n\nexport const defaultProps: DSChatCardT.DefaultProps = {\n  content: '',\n  time: '',\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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAmBnB,MAAM,eAAyC;AAAA,EACpD,SAAS;AAAA,EACT,MAAM;AACR;AAEO,MAAM,YAAY;AAAA,EACvB,OAAO,UAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,SAAS,UAAU,OAAO,YAAY,gBAAgB;AAAA,EACtD,MAAM,UAAU,OAAO,YAAY,MAAM;AAAA,EACzC,YAAY,UAAU,QAAQ,YAAY,4BAA4B;AACxE;",
+  "names": []
+}

package/dist/esm/styled.js

@@ -0,0 +1,42 @@
+import * as React from "react";
+import { styled } from "@elliemae/ds-system";
+import { Grid } from "@elliemae/ds-grid";
+const Wrapper = styled(Grid)`
+  min-width: 248px;
+  border: 1px;
+  border-bottom: 1px solid #ccc;
+  padding: 12px 12px;
+`;
+const MainContent = styled.div``;
+const Title = styled.p`
+  font-size: 16px;
+  font-weight: 600;
+  margin: 0;
+`;
+const Content = styled.p`
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 1;
+  margin: 0;
+`;
+const Time = styled.p`
+  font-size: 12px;
+  font-weight: 100;
+  margin: 0;
+  margin-top: 8px;
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+  color: ${(props) => props.theme.colors.neutral["500"]};
+`;
+const RightAddon = styled.div`
+  height: fit-content;
+  margin-left: 12px;
+`;
+export {
+  Content,
+  MainContent,
+  RightAddon,
+  Time,
+  Title,
+  Wrapper
+};
+//# 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", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const Wrapper = styled(Grid)`\n  min-width: 248px;\n  border: 1px;\n  border-bottom: 1px solid #ccc;\n  padding: 12px 12px;\n`;\n\nexport const MainContent = styled.div``;\n\nexport const Title = styled.p`\n  font-size: 16px;\n  font-weight: 600;\n  margin: 0;\n`;\n\nexport const Content = styled.p`\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n`;\n\nexport const Time = styled.p`\n  font-size: 12px;\n  font-weight: 100;\n  margin: 0;\n  margin-top: 8px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['500']};\n`;\n\nexport const RightAddon = styled.div`\n  height: fit-content;\n  margin-left: 12px;\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAEd,MAAM,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,cAAc,OAAO;AAE3B,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@elliemae/ds-chat-card",
+  "version": "3.6.0-next.0",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Chat Card",
+  "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"
+    },
+    "./ChatCard": {
+      "import": "./dist/esm/ChatCard.js",
+      "require": "./dist/cjs/ChatCard.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-system": "3.6.0-next.0",
+    "@elliemae/ds-truncated-tooltip-text": "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": "node ../../scripts/build/build.js -w",
+    "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/*\""
+  }
+}