@elliemae/ds-chat 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/cjs/{parts → exported-related}/bubble/ChatBubble.js

@@ -32,19 +32,18 @@ __export(ChatBubble_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_styled = require("./styled");
 var import_props = require("./props");
-var import_useValidateProps = require("./config/useValidateProps");
 var import_ChatBubbleArrow = require("./ChatBubbleArrow");
 const ChatBubble = (props) => {
-  (0, import_useValidateProps.useValidateProps)(props, ChatBubbleWithSchema.toJSON());
-  const { dsId, type, title, time, body, errorMessage, helpMessage } = props;
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.defaultBubbleProps);
+  (0, import_ds_props_helpers.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}`,
-    type
+    "data-testid": `ds-chat-bubble-${dsId}`
   }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledColoredBubble, {
     type
   }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTitleBubble, {
@@ -77,8 +76,8 @@ const ChatBubble = (props) => {
     cols: [1, "auto"]
   }, /* @__PURE__ */ import_react.default.createElement("span", null, helpMessage)) : null);
 };
-ChatBubble.propTypes = import_props.propsBubbles;
-const ChatBubbleWithSchema = (0, import_react_desc.describe)(ChatBubble);
-ChatBubbleWithSchema.propTypes = import_props.propsBubbles;
+ChatBubble.propTypes = import_props.BubblesPropTypes;
+const ChatBubbleWithSchema = (0, import_ds_props_helpers.describe)(ChatBubble);
+ChatBubbleWithSchema.propTypes = import_props.BubblesPropTypes;
 module.exports = __toCommonJS(ChatBubble_exports);
 //# sourceMappingURL=ChatBubble.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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-props-helpers';\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\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}-${index}`}>\n              {item}\n              {index < bodyParts.length - 1 ? <br /> : null}\n            </React.Fragment>\n          ))}\n        </StyleBodyWrapper>\n        <ChatBubbleArrow type={type} />\n      </StyledColoredBubble>\n      {errorMessage ? (\n        <StyleErrorMessage data-testid={`chat-bubble-error-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n          <span>{errorMessage}</span>\n          <WarningCircleFill />\n        </StyleErrorMessage>\n      ) : null}\n      {helpMessage ? (\n        <StyleHelpMessage data-testid={`chat-bubble-help-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n          <span>{helpMessage}</span>\n        </StyleHelpMessage>\n      ) : null}\n    </StyledWrapper>\n  );\n};\n\nChatBubble.propTypes = BubblesPropTypes as WeakValidationMap<unknown>;\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;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,8BAAuF;AACvF,sBAAkC;AAClC,oBASO;AACP,mBAAmE;AACnE,6BAAgC;AAEhC,MAAM,aAAgD,CAAC,UAAU;AAC/D,QAAM,mBAAmB,0DAA6B,OAAO;AAC7D,8DAA+B,kBAAkB;AAEjD,QAAM,EAAE,MAAM,MAAM,OAAO,MAAM,MAAM,cAAc,gBAAgB;AACrE,QAAM,YAAY,qBAAM,QAAQ,MAAO,OAAO,SAAS,WAAW,KAAK,MAAM,QAAQ,CAAC,OAAQ,CAAC;AAE/F,SACE,mDAAC,6BAAD;AAAA,IAAe,eAAa,kBAAkB;AAAA,KAC5C,mDAAC,mCAAD;AAAA,IAAqB;AAAA,KACnB,mDAAC,iCAAD;AAAA,IAAmB,MAAM,CAAC,GAAG;AAAA,IAAS,QAAO;AAAA,IAAK,YAAW;AAAA,IAAW,WAAU;AAAA,KAChF,mDAAC,qCAAD;AAAA,IAAuB,YAAW;AAAA,IAAS,eAAa,qBAAqB;AAAA,KAC1E,QAEH,mDAAC,sCAAD;AAAA,IAAwB,YAAW;AAAA,IAAS;AAAA,IAAY,eAAa,oBAAoB;AAAA,KACtF,QAGL,mDAAC,gCAAD;AAAA,IAAkB,eAAa,oBAAoB;AAAA,KAChD,UAAU,IAAI,CAAC,MAAM,UACpB,mDAAC,qBAAM,UAAP;AAAA,IAAgB,KAAK,GAAG,QAAQ;AAAA,KAC7B,MACA,QAAQ,UAAU,SAAS,IAAI,mDAAC,MAAD,QAAS,SAI/C,mDAAC,wCAAD;AAAA,IAAiB;AAAA,OAElB,eACC,mDAAC,iCAAD;AAAA,IAAmB,eAAa,6BAA6B;AAAA,IAAQ,GAAE;AAAA,IAAM,QAAO;AAAA,IAAM,MAAM,CAAC,GAAG;AAAA,KAClG,mDAAC,QAAD,MAAO,eACP,mDAAC,mCAAD,SAEA,MACH,cACC,mDAAC,gCAAD;AAAA,IAAkB,eAAa,4BAA4B;AAAA,IAAQ,GAAE;AAAA,IAAM,QAAO;AAAA,IAAM,MAAM,CAAC,GAAG;AAAA,KAChG,mDAAC,QAAD,MAAO,gBAEP;AAAA;AAKV,WAAW,YAAY;AACvB,MAAM,uBAAuB,sCAAS;AACtC,qBAAqB,YAAY;",
+  "names": []
+}

package/dist/cjs/{parts → exported-related}/bubble/ChatBubbleArrow.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/parts/bubble/ChatBubbleArrow.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../../../src/exported-related/bubble/ChatBubbleArrow.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { BUBBLE_TYPES, BubbleProps, propsArrowBubble } from './props';\n\nexport const ChatBubbleArrow = ({ type }: Pick<BubbleProps, 'type'>): JSX.Element => (\n  <StyledBubbleArrow>\n    {type === BUBBLE_TYPES.RECIPIENT ? (\n      <svg width=\"15px\" height=\"14px\" viewBox=\"0 0 15 14\">\n        <defs>\n          <path\n            d=\"M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z\"\n            id=\"path-chat-bubble\"\n          ></path>\n          <filter x=\"-55.6%\" y=\"-50.0%\" width=\"211.1%\" height=\"225.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-2\">\n            <feOffset dx=\"2.3\" dy=\"1.2\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"></feOffset>\n            <feGaussianBlur stdDeviation=\"1.5\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"></feGaussianBlur>\n            <feColorMatrix\n              values=\"0 0 0 0 0.207843137   \n                      0 0 0 0 0.235294118   \n                      0 0 0 0 0.274509804  \n                      0 0 0 0.8 0\"\n              type=\"matrix\"\n              in=\"shadowBlurOuter1\"\n            ></feColorMatrix>\n          </filter>\n        </defs>\n        <g id=\"[DSK]-Visual-Design\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n          <g id=\"Path-Copy\" transform=\"translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) \">\n            <use fill=\"black\" fillOpacity=\"1\" filter=\"url(#filter-2)\" xlinkHref=\"#path-chat-bubble\"></use>\n            <use fill=\"#FFFFFF\" fillRule=\"evenodd\" xlinkHref=\"#path-chat-bubble\"></use>\n          </g>\n        </g>\n      </svg>\n    ) : (\n      <svg width=\"9px\" height=\"8px\" viewBox=\"0 0 9 8\">\n        <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n          <path\n            d=\"M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z\"\n            id=\"Path\"\n            fill=\"#1E79C2\"\n          ></path>\n        </g>\n      </svg>\n    )}\n  </StyledBubbleArrow>\n);\n\nChatBubbleArrow.propTypes = propsArrowBubble;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAkC;AAClC,mBAA4D;AAErD,MAAM,kBAAkB,CAAC,EAAE,WAChC,mDAAC,iCAAD,MACG,SAAS,0BAAa,YACrB,mDAAC,OAAD;AAAA,EAAK,OAAM;AAAA,EAAO,QAAO;AAAA,EAAO,SAAQ;AAAA,GACtC,mDAAC,QAAD,MACE,mDAAC,QAAD;AAAA,EACE,GAAE;AAAA,EACF,IAAG;AAAA,IAEL,mDAAC,UAAD;AAAA,EAAQ,GAAE;AAAA,EAAS,GAAE;AAAA,EAAS,OAAM;AAAA,EAAS,QAAO;AAAA,EAAS,aAAY;AAAA,EAAoB,IAAG;AAAA,GAC9F,mDAAC,YAAD;AAAA,EAAU,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,IAAG;AAAA,EAAc,QAAO;AAAA,IACpD,mDAAC,kBAAD;AAAA,EAAgB,cAAa;AAAA,EAAM,IAAG;AAAA,EAAqB,QAAO;AAAA,IAClE,mDAAC,iBAAD;AAAA,EACE,QAAO;AAAA,EAIP,MAAK;AAAA,EACL,IAAG;AAAA,MAIT,mDAAC,KAAD;AAAA,EAAG,IAAG;AAAA,EAAsB,QAAO;AAAA,EAAO,aAAY;AAAA,EAAI,MAAK;AAAA,EAAO,UAAS;AAAA,GAC7E,mDAAC,KAAD;AAAA,EAAG,IAAG;AAAA,EAAY,WAAU;AAAA,GAC1B,mDAAC,OAAD;AAAA,EAAK,MAAK;AAAA,EAAQ,aAAY;AAAA,EAAI,QAAO;AAAA,EAAiB,WAAU;AAAA,IACpE,mDAAC,OAAD;AAAA,EAAK,MAAK;AAAA,EAAU,UAAS;AAAA,EAAU,WAAU;AAAA,QAKvD,mDAAC,OAAD;AAAA,EAAK,OAAM;AAAA,EAAM,QAAO;AAAA,EAAM,SAAQ;AAAA,GACpC,mDAAC,KAAD;AAAA,EAAG,QAAO;AAAA,EAAO,aAAY;AAAA,EAAI,MAAK;AAAA,EAAO,UAAS;AAAA,GACpD,mDAAC,QAAD;AAAA,EACE,GAAE;AAAA,EACF,IAAG;AAAA,EACH,MAAK;AAAA;AAQjB,gBAAgB,YAAY;",
   "names": []

package/dist/cjs/{parts → exported-related}/bubble/index.js.map

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

package/dist/cjs/{parts → exported-related}/bubble/props.js

@@ -28,14 +28,14 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 var props_exports = {};
 __export(props_exports, {
   BUBBLE_TYPES: () => BUBBLE_TYPES,
+  BubblesPropTypes: () => BubblesPropTypes,
   defaultBubbleProps: () => defaultBubbleProps,
-  propsArrowBubble: () => propsArrowBubble,
-  propsBubbles: () => propsBubbles
+  propsArrowBubble: () => propsArrowBubble
 });
 var React = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_react_desc = require("react-desc");
-var import_lodash = require("lodash");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+function noop(..._args) {
+}
 const BUBBLE_TYPES = {
   SENDER: "SENDER",
   RECIPIENT: "RECIPIENT",
@@ -43,27 +43,27 @@ const BUBBLE_TYPES = {
   SYSTEM: "SYSTEM"
 };
 const defaultBubbleProps = {
-  dsId: void 0,
+  dsId: "",
   type: BUBBLE_TYPES.SENDER,
-  title: void 0,
-  time: void 0,
-  body: void 0,
-  onClick: import_lodash.noop,
-  errorMessage: void 0,
-  helpMessage: void 0
+  title: "",
+  time: "",
+  body: "",
+  onClick: noop,
+  errorMessage: "",
+  helpMessage: ""
 };
-const propsBubbles = {
-  dsId: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number]).description("Unique id for bubble").defaultValue(defaultBubbleProps.dsId),
-  type: import_react_desc.PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.description("Define bubble type ").defaultValue(defaultBubbleProps.type),
-  title: import_react_desc.PropTypes.string.isRequired.description("Title of the bubble").defaultValue(defaultBubbleProps.title),
-  time: import_react_desc.PropTypes.string.isRequired.description("Time of the bubble").defaultValue(defaultBubbleProps.title),
-  body: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.element]).isRequired.description("Bubble content").defaultValue(defaultBubbleProps.body),
-  onClick: import_react_desc.PropTypes.string.description("Callback when the bubble is tapped").defaultValue(defaultBubbleProps.onClick),
-  errorMessage: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.element]).description("Error message to display at bottom of the bubble").defaultValue(defaultBubbleProps.onClick),
-  helpMessage: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.element]).description("Help message to display at bottom of the bubble").defaultValue(defaultBubbleProps.onClick)
+const BubblesPropTypes = {
+  dsId: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).description("Unique id for bubble").defaultValue(defaultBubbleProps.dsId),
+  type: import_ds_props_helpers.PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.description("Define bubble type ").defaultValue(defaultBubbleProps.type),
+  title: import_ds_props_helpers.PropTypes.string.isRequired.description("Title of the bubble").defaultValue(defaultBubbleProps.title),
+  time: import_ds_props_helpers.PropTypes.string.isRequired.description("Time of the bubble").defaultValue(defaultBubbleProps.title),
+  body: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.element]).isRequired.description("Bubble content").defaultValue(defaultBubbleProps.body),
+  onClick: import_ds_props_helpers.PropTypes.func.description("Callback when the bubble is tapped").defaultValue(defaultBubbleProps.onClick),
+  errorMessage: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.element]).description("Error message to display at bottom of the bubble").defaultValue(defaultBubbleProps.onClick),
+  helpMessage: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.element]).description("Help message to display at bottom of the bubble").defaultValue(defaultBubbleProps.onClick)
 };
 const propsArrowBubble = {
-  type: import_prop_types.default.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])
+  type: import_ds_props_helpers.PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])
 };
 module.exports = __toCommonJS(props_exports);
 //# sourceMappingURL=props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/bubble/props.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\nimport React from 'react';\n// eslint-disable-next-line @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 type BubbleTypesKeys = keyof typeof BUBBLE_TYPES;\nexport type BubbleTypesValues = typeof BUBBLE_TYPES[BubbleTypesKeys];\n\nexport interface BubblePropsT {\n  dsId: string | number;\n  type: BubbleTypesValues;\n  title: string;\n  body: string;\n  time: string;\n  errorMessage: string | React.ReactChild;\n  helpMessage: string | React.ReactChild;\n  onClick: (id: string | number) => void;\n}\n\nexport const defaultBubbleProps: BubblePropsT = {\n  dsId: '',\n  type: BUBBLE_TYPES.SENDER,\n  title: '',\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.isRequired.description('Title of the bubble').defaultValue(defaultBubbleProps.title),\n  time: PropTypes.string.isRequired.description('Time of the bubble').defaultValue(defaultBubbleProps.title),\n  body: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n    .isRequired.description('Bubble content')\n    .defaultValue(defaultBubbleProps.body),\n  onClick: PropTypes.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]),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAG1B,iBAAsC,OAAgB;AAAA;AAC/C,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AAAA;AAiBH,MAAM,qBAAmC;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,aAAa;AAAA,EACnB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AAAA;AAGR,MAAM,mBAAmB;AAAA,EAC9B,MAAM,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,SACpD,YAAY,wBACZ,aAAa,mBAAmB;AAAA,EACnC,MAAM,kCAAU,MAAM,CAAC,aAAa,WAAW,aAAa,SACzD,WAAW,YAAY,uBACvB,aAAa,mBAAmB;AAAA,EACnC,OAAO,kCAAU,OAAO,WAAW,YAAY,uBAAuB,aAAa,mBAAmB;AAAA,EACtG,MAAM,kCAAU,OAAO,WAAW,YAAY,sBAAsB,aAAa,mBAAmB;AAAA,EACpG,MAAM,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,UACpD,WAAW,YAAY,kBACvB,aAAa,mBAAmB;AAAA,EACnC,SAAS,kCAAU,KAAK,YAAY,sCAAsC,aAAa,mBAAmB;AAAA,EAC1G,cAAc,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,UAC5D,YAAY,oDACZ,aAAa,mBAAmB;AAAA,EACnC,aAAa,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,UAC3D,YAAY,mDACZ,aAAa,mBAAmB;AAAA;AAG9B,MAAM,mBAAmB;AAAA,EAC9B,MAAM,kCAAU,MAAM,CAAC,aAAa,WAAW,aAAa;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/bubble/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUBBLE_TYPES } from './props';\n\n// Bubble WRAPPER\nexport const StyledWrapper = styled.div`\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[500]};\n  }\n  a {\n    font-size: 12px;\n    color: ${(props) => props.theme.colors.danger[500]};\n  }\n`;\n\n// bubble sender/ recipient\nexport const StyledBubbleArrow = styled.div`\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;ACAA,YAAuB;ADCvB,+BAAmB;AACnB,qBAAqB;AACrB,mBAA6B;AAGtB,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAAA;AAM7B,MAAM,oBAAoB,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjC,MAAM,wBAAwB,sCAAO;AAAA;AAAA;AAAA;AAIrC,MAAM,yBAAyB,sCAAO;AAAA;AAAA;AAAA,WAGlC,CAAC,UAAW,MAAM,SAAS,0BAAa,SAAS,SAAS;AAAA;AAG9D,MAAM,mBAAmB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,MAAM,oBAAoB,iCAAO;AAAA;AAAA;AAAA,iBAGvB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WACnC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,aAIpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3C,MAAM,mBAAmB,sCAAO;AAAA;AAAA;AAAA,WAG5B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,YAErC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,aAIpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAK3C,MAAM,oBAAoB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,MAAM,sBAAsB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKtC,CAAC,UACD,MAAM,SAAS,0BAAa,SACxB;AAAA,4BACoB,MAAM,MAAM,OAAO,MAAM;AAAA,sBAC/B,MAAM,MAAM,OAAO,MAAM;AAAA,iBAC9B,MAAM,MAAM,OAAO,QAAQ;AAAA,UAClC;AAAA;AAAA;AAAA;AAAA,wBAIc,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASzC;AAAA;AAAA,sBAEc,MAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,UAElC;AAAA;AAAA;AAAA;AAAA,wBAIc,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/{parts → exported-related}/chat-card/ChatCard.js

@@ -32,13 +32,13 @@ __export(ChatCard_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
 var import_props = require("./props");
-var import_useValidateProps = require("./config/useValidateProps");
 var import_styled = require("./styled");
 const ChatCard = (props) => {
-  (0, import_useValidateProps.useValidateProps)(props, ChatCardWithSchema.toJSON());
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_props.propTypes);
   const { title, content, time, rightAddon } = props;
   return /* @__PURE__ */ import_react.default.createElement(import_styled.Wrapper, {
     cols: ["1fr", "auto"],
@@ -56,7 +56,7 @@ const ChatCard = (props) => {
   }, rightAddon));
 };
 ChatCard.propTypes = import_props.propTypes;
-const ChatCardWithSchema = (0, import_react_desc.describe)(ChatCard);
+const ChatCardWithSchema = (0, import_ds_props_helpers.describe)(ChatCard);
 ChatCardWithSchema.propTypes = import_props.propTypes;
 module.exports = __toCommonJS(ChatCard_exports);
 //# sourceMappingURL=ChatCard.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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-props-helpers';\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>;\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;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,8BAAuF;AAEvF,uCAA2C;AAC3C,mBAAuD;AACvD,oBAAuE;AAEvE,MAAM,WAA+C,CAAC,UAAU;AAC9D,QAAM,mBAAmB,0DAA6B,OAAO;AAC7D,8DAA+B,kBAAkB;AAEjD,QAAM,EAAE,OAAO,SAAS,MAAM,eAAe;AAC7C,SACE,mDAAC,uBAAD;AAAA,IAAS,MAAM,CAAC,OAAO;AAAA,IAAS,eAAY;AAAA,KAC1C,mDAAC,2BAAD,MACE,mDAAC,qBAAD;AAAA,IAAO,eAAY;AAAA,KAAmB,QACtC,mDAAC,uBAAD;AAAA,IAAS,eAAY;AAAA,KACnB,mDAAC,6DAAD;AAAA,IAA4B,OAAO;AAAA,OAEpC,QAAQ,mDAAC,oBAAD;AAAA,IAAM,eAAY;AAAA,KAAkB,QAE9C,cAAc,mDAAC,0BAAD;AAAA,IAAY,eAAY;AAAA,KAAyB;AAAA;AAKtE,SAAS,YAAY;AACrB,MAAM,qBAAqB,sCAAS;AACpC,mBAAmB,YAAY;",
+  "names": []
+}

package/dist/cjs/{parts → exported-related}/chat-card/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/parts/chat-card/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../../../src/exported-related/chat-card/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export { ChatCard, ChatCardWithSchema } from './ChatCard';\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAA6C;",
   "names": []

package/dist/cjs/{parts/message-delimiter → exported-related/chat-card}/props.js

@@ -28,21 +28,21 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 var props_exports = {};
 __export(props_exports, {
   defaultProps: () => defaultProps,
-  messageDelimiterProps: () => messageDelimiterProps
+  propTypes: () => propTypes
 });
 var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const defaultProps = {
   title: "",
-  size: "s",
-  verticalMargin: "0px",
-  extraProps: { "data-testid": "chat-message-delimiter-title" }
+  content: "",
+  time: "",
+  rightAddon: /* @__PURE__ */ React.createElement(React.Fragment, null)
 };
-const messageDelimiterProps = {
-  title: import_react_desc.PropTypes.string.isRequired.description("Text to display in the delimiter"),
-  size: import_react_desc.PropTypes.oneOf(["s", "l"]).description("size of the delimiter").defaultValue("s"),
-  extraProps: import_react_desc.PropTypes.object.description("extra props for delimiter"),
-  verticalMargin: import_react_desc.PropTypes.oneOf(["string", "number"]).description("Configurable css vertical margin property for flexibilty")
+const propTypes = {
+  title: import_ds_props_helpers.PropTypes.string.isRequired.description(`Card's title`),
+  content: import_ds_props_helpers.PropTypes.string.description(`Card's content`),
+  time: import_ds_props_helpers.PropTypes.string.description("Time"),
+  rightAddon: import_ds_props_helpers.PropTypes.element.description("Right addon, badge or icon")
 };
 module.exports = __toCommonJS(props_exports);
 //# sourceMappingURL=props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/chat-card/props.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\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;ACAA,YAAuB;ADAvB,8BAA0B;AAEnB,MAAM,eAA8B;AAAA,EACzC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY;AAAA;AAGP,MAAM,YAAY;AAAA,EACvB,OAAO,kCAAU,OAAO,WAAW,YAAY;AAAA,EAC/C,SAAS,kCAAU,OAAO,YAAY;AAAA,EACtC,MAAM,kCAAU,OAAO,YAAY;AAAA,EACnC,YAAY,kCAAU,QAAQ,YAAY;AAAA;",
+  "names": []
+}

package/dist/cjs/{parts → exported-related}/chat-card/styled.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/parts/chat-card/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../../../src/exported-related/chat-card/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import styled from 'styled-components';\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;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AAEd,MAAM,UAAU,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,MAAM,cAAc,iCAAO;AAE3B,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,UAAU,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,MAAM,OAAO,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,aAAa,iCAAO;AAAA;AAAA;AAAA;",
   "names": []

package/dist/cjs/{parts → exported-related}/chat-container-header/ChatContainerHeader.js

@@ -27,19 +27,22 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
 var ChatContainerHeader_exports = {};
 __export(ChatContainerHeader_exports, {
-  ChatContainerHeader: () => ChatContainerHeader
+  ChatContainerHeader: () => ChatContainerHeader,
+  ChatContainerHeaderWithSchema: () => ChatContainerHeaderWithSchema
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
 var import_styled = require("./styled");
-var import_helpers = require("./helpers");
+var import_props = require("./props");
 const ChatContainerHeader = (props) => {
-  const { title, floating, children } = props;
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_props.propTypes);
+  const { title, children } = propsWithDefault;
   return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainerContentHeader, {
     alignItems: "center",
     cols: ["minmax(calc(100% - 64px), 1fr)", children ? "auto" : "0px"],
-    floating,
     role: "heading"
   }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainerContentHeaderLabel, {
     "data-testid": "chat-container-header-title",
@@ -48,10 +51,13 @@ const ChatContainerHeader = (props) => {
   }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
     value: title
   })), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainerContentHeaderActions, {
-    cols: (0, import_helpers.validHeaderChilds)(children),
+    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;
+const ChatContainerHeaderWithSchema = (0, import_ds_props_helpers.describe)(ChatContainerHeader);
+ChatContainerHeaderWithSchema.propTypes = import_props.propTypes;
 module.exports = __toCommonJS(ChatContainerHeader_exports);
 //# sourceMappingURL=ChatContainerHeader.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/chat-container-header/ChatContainerHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\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 { 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    >\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>;\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;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,8BAAuF;AAEvF,uCAA2C;AAC3C,oBAIO;AACP,mBAAqD;AAErD,MAAM,sBAAwD,CAAC,UAAU;AACvE,QAAM,mBAAmB,0DAA6B,OAAO;AAC7D,8DAA+B,kBAAkB;AAEjD,QAAM,EAAE,OAAO,aAAa;AAE5B,SACE,mDAAC,gDAAD;AAAA,IACE,YAAW;AAAA,IACX,MAAM,CAAC,kCAAkC,WAAW,SAAS;AAAA,IAC7D,MAAK;AAAA,KAEL,mDAAC,qDAAD;AAAA,IAAuC,eAAY;AAAA,IAA8B,IAAG;AAAA,IAAM,IAAG;AAAA,KAC3F,mDAAC,6DAAD;AAAA,IAA4B,OAAO;AAAA,OAErC,mDAAC,uDAAD;AAAA,IACE,MAAM,qBAAM,SAAS,QAAQ,UAC1B,OAAO,SACP,IAAI,MAAM;AAAA,IACb,gBAAe;AAAA,IACf,eAAY;AAAA,KAEX;AAAA;AAMT,oBAAoB,YAAY;AAChC,MAAM,gCAAgC,sCAAS;AAC/C,8BAA8B,YAAY;",
+  "names": []
+}

package/dist/cjs/{parts → exported-related}/chat-container-header/helpers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/parts/chat-container-header/helpers.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\n\ninterface validParamT {\n  childs: React.ReactChild | React.ReactFragment | React.ReactPortal;\n}\n\nexport const validHeaderChilds = (children: validParamT): any =>\n  React.Children.toArray(children)\n    .filter((e) => {\n      if (Array.isArray(e.props.children)) {\n        return false;\n      }\n      if (e.props.children === undefined && e.$$typeof.toString() === 'Symbol(react.element)') {\n        return true;\n      }\n      return !!e.props.children;\n    })\n    .map(() => '32px');\n", "import * as React from 'react';\nexport { React };\n"],
+  "sources": ["../../../../src/exported-related/chat-container-header/helpers.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\n\ninterface ValidParamT {\n  childs: React.ReactChild | React.ReactFragment | React.ReactPortal;\n}\n\nexport const validHeaderChilds = (children: ValidParamT): any =>\n  React.Children.toArray(children)\n    .filter((e) => {\n      if (Array.isArray(e.props.children)) {\n        return false;\n      }\n      if (e.props.children === undefined && e.$$typeof.toString() === 'Symbol(react.element)') {\n        return true;\n      }\n      return !!e.props.children;\n    })\n    .map(() => '32px');\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAMX,MAAM,oBAAoB,CAAC,aAChC,qBAAM,SAAS,QAAQ,UACpB,OAAO,CAAC,MAAM;AACb,MAAI,MAAM,QAAQ,EAAE,MAAM,WAAW;AACnC,WAAO;AAAA;AAET,MAAI,EAAE,MAAM,aAAa,UAAa,EAAE,SAAS,eAAe,yBAAyB;AACvF,WAAO;AAAA;AAET,SAAO,CAAC,CAAC,EAAE,MAAM;AAAA,GAElB,IAAI,MAAM;",
   "names": []
 }

package/dist/cjs/{parts/chat-card → exported-related/chat-container-header}/props.js

@@ -27,15 +27,17 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
 var props_exports = {};
 __export(props_exports, {
+  defaultProps: () => defaultProps,
   propTypes: () => propTypes
 });
 var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const defaultProps = {
+  title: ""
+};
 const propTypes = {
-  title: import_react_desc.PropTypes.string.isRequired.description(`Card's title`),
-  content: import_react_desc.PropTypes.string.description(`Card's content`),
-  time: import_react_desc.PropTypes.string.description("Time"),
-  rightAddon: import_react_desc.PropTypes.element.description("Right addon, badge or icon")
+  title: import_ds_props_helpers.PropTypes.string.isRequired.description(`Card's title`),
+  children: import_ds_props_helpers.PropTypes.node.description("Childrens")
 };
 module.exports = __toCommonJS(props_exports);
 //# sourceMappingURL=props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/chat-container-header/props.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport const defaultProps: HeaderProps = {\n  title: '',\n};\n\nexport const propTypes = {\n  title: PropTypes.string.isRequired.description(`Card's title`),\n  children: PropTypes.node.description('Childrens'),\n};\n\nexport interface HeaderProps {\n  title: string;\n  children?: React.ReactChild;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA0B;AAEnB,MAAM,eAA4B;AAAA,EACvC,OAAO;AAAA;AAGF,MAAM,YAAY;AAAA,EACvB,OAAO,kCAAU,OAAO,WAAW,YAAY;AAAA,EAC/C,UAAU,kCAAU,KAAK,YAAY;AAAA;",
+  "names": []
+}

package/dist/cjs/{parts → exported-related}/chat-container-header/styled.js

@@ -54,6 +54,7 @@ const StyledChatContainerContentHeaderLabel = (0, import_styled_components.defau
   font-weight: bold;
   font-size: 18px;
   color: ${(props) => props.theme.colors.neutral["700"]};
+  line-height: 1.6;
 `;
 module.exports = __toCommonJS(styled_exports);
 //# sourceMappingURL=styled.js.map

package/dist/cjs/{parts → exported-related}/chat-container-header/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/parts/chat-container-header/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid)`\n  max-width: 80px;\n`;\n\nexport const StyledChatContainerContentHeader = styled(Grid)`\n  width: 100%;\n  min-height: 48px;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n  background: ${(props) => props.theme.colors.neutral['050']};\n  ${StyledChatContainerContentHeaderActions} {\n    & button {\n      background: transparent;\n    }\n  }\n`;\n\nexport const StyledChatContainerContentHeaderLabel = styled(Grid)`\n  justify-content: center;\n  align-items: center;\n  font-weight: bold;\n  font-size: 18px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AAEd,MAAM,0CAA0C,sCAAO;AAAA;AAAA;AAIvD,MAAM,mCAAmC,sCAAO;AAAA;AAAA;AAAA,6BAG1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAClD;AAAA;AAAA;AAAA;AAAA;AAAA;AAOG,MAAM,wCAAwC,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,WAKjD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;",
+  "sources": ["../../../../src/exported-related/chat-container-header/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid)`\n  max-width: 80px;\n`;\n\nexport const StyledChatContainerContentHeader = styled(Grid)`\n  width: 100%;\n  min-height: 48px;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n  background: ${(props) => props.theme.colors.neutral['050']};\n  ${StyledChatContainerContentHeaderActions} {\n    & button {\n      background: transparent;\n    }\n  }\n`;\n\nexport const StyledChatContainerContentHeaderLabel = styled(Grid)`\n  justify-content: center;\n  align-items: center;\n  font-weight: bold;\n  font-size: 18px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: 1.6;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AAEd,MAAM,0CAA0C,sCAAO;AAAA;AAAA;AAIvD,MAAM,mCAAmC,sCAAO;AAAA;AAAA;AAAA,6BAG1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAClD;AAAA;AAAA;AAAA;AAAA;AAAA;AAOG,MAAM,wCAAwC,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,WAKjD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/{parts → exported-related}/chat-empty-state/ChatEmptyState.js

@@ -28,19 +28,19 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 var ChatEmptyState_exports = {};
 __export(ChatEmptyState_exports, {
   ChatEmptyState: () => ChatEmptyState,
-  ChatEmptyStateListWithSchema: () => ChatEmptyStateListWithSchema
+  ChatEmptyStateWithSchema: () => ChatEmptyStateWithSchema
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_props = require("./props");
 var import_styled = require("./styled");
-var import_useValidateProps = require("./config/useValidateProps");
 const ChatEmptyState = (props) => {
-  (0, import_useValidateProps.useValidateProps)(props, ChatEmptyStateListWithSchema.toJSON());
-  const { label, action } = props;
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_props.emptyStateProps);
+  const { label, action } = propsWithDefault;
   const MainContent = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
     alignItems: "center",
     justifyContent: "center"
@@ -63,8 +63,7 @@ const ChatEmptyState = (props) => {
   }, MainContent);
 };
 ChatEmptyState.propTypes = import_props.emptyStateProps;
-ChatEmptyState.defaultProps = import_props.defaultProps;
-const ChatEmptyStateListWithSchema = (0, import_react_desc.describe)(ChatEmptyState);
-ChatEmptyStateListWithSchema.propTypes = import_props.emptyStateProps;
+const ChatEmptyStateWithSchema = (0, import_ds_props_helpers.describe)(ChatEmptyState);
+ChatEmptyStateWithSchema.propTypes = import_props.emptyStateProps;
 module.exports = __toCommonJS(ChatEmptyState_exports);
 //# sourceMappingURL=ChatEmptyState.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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-props-helpers';\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>;\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;ACAA,YAAuB;ADAvB,mBAAkD;AAClD,8BAAuF;AACvF,qBAAqB;AACrB,sBAA+B;AAC/B,mBAAmE;AACnE,oBAAsD;AAEtD,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM,mBAAmB,0DAA6B,OAAO;AAC7D,8DAA+B,kBAAkB;AAEjD,QAAM,EAAE,OAAO,WAAW;AAC1B,QAAM,cAAc,0BAClB,MACE,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvC,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvC,mDAAC,gCAAD;AAAA,IAAgB,MAAK;AAAA,IAAM,OAAO,CAAC,WAAW;AAAA,OAEhD,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvC,mDAAC,8BAAD,MAAiB,SAEnB,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACtC,UAIP,CAAC,OAAO;AAEV,SACE,mDAAC,qCAAD;AAAA,IAAuB,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvD;AAAA;AAKP,eAAe,YAAY;AAC3B,MAAM,2BAA2B,sCAAS;AAC1C,yBAAyB,YAAY;",
+  "names": []
+}

package/dist/cjs/{parts → exported-related}/chat-empty-state/props.js

@@ -31,14 +31,14 @@ __export(props_exports, {
   emptyStateProps: () => emptyStateProps
 });
 var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const defaultProps = {
   label: "No Messages Yet",
-  action: null
+  action: /* @__PURE__ */ React.createElement(React.Fragment, null)
 };
 const emptyStateProps = {
-  label: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string).description("No Message to show text helper").defaultValue(defaultProps.label),
-  action: import_react_desc.PropTypes.node.description("action element").defaultValue(defaultProps.action)
+  label: import_ds_props_helpers.PropTypes.string.description("No Message to show text helper").defaultValue(defaultProps.label),
+  action: import_ds_props_helpers.PropTypes.node.description("action element").defaultValue(defaultProps.action)
 };
 module.exports = __toCommonJS(props_exports);
 //# sourceMappingURL=props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/chat-empty-state/props.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\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;ACAA,YAAuB;ADAvB,8BAA0B;AAOnB,MAAM,eAAoC;AAAA,EAC/C,OAAO;AAAA,EACP,QAAQ;AAAA;AAGH,MAAM,kBAAkB;AAAA,EAC7B,OAAO,kCAAU,OAAO,YAAY,kCAAkC,aAAa,aAAa;AAAA,EAChG,QAAQ,kCAAU,KAAK,YAAY,kBAAkB,aAAa,aAAa;AAAA;",
+  "names": []
+}

package/dist/cjs/{parts → exported-related}/chat-empty-state/styled.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/parts/chat-empty-state/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../../../src/exported-related/chat-empty-state/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const CONTAINER_WIDTH = 300;\n\nexport const ChatEmptyStateWrapper = styled(Grid)`\n  height: 100%;\n  min-width: ${CONTAINER_WIDTH}px;\n  overflow: hidden;\n  background: ${(props) => props.theme.colors.neutral['050']};\n`;\n\nexport const MessageWrapper = styled.p`\n  font-size: 18px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AAEd,MAAM,kBAAkB;AAExB,MAAM,wBAAwB,sCAAO;AAAA;AAAA,eAE7B;AAAA;AAAA,gBAEC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG/C,MAAM,iBAAiB,iCAAO;AAAA;AAAA;",
   "names": []