@elliemae/ds-chat 2.3.0-next.3 → 3.0.0-alpha.0

package/dist/cjs/parts/message-delimiter/styled.js

@@ -0,0 +1,53 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styled_exports = {};
+__export(styled_exports, {
+  Line: () => Line,
+  Text: () => Text,
+  Wrapper: () => Wrapper
+});
+var React = __toESM(require("react"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_styled_components = __toESM(require("styled-components"));
+const Wrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  min-height: 8px;
+`;
+const Line = import_styled_components.default.span`
+  border-top: 1px solid ${(props) => props.theme.colors.neutral["400"]};
+`;
+const Text = import_styled_components.default.p`
+  color: ${(props) => props.theme.colors.neutral["600"]};
+  font-size: ${(props) => props.size === "s" ? "12px" : "14px"};
+  font-weight: ${(props) => props.theme.fontWeights.semibold};
+  margin: ${(props) => typeof props.verticalMargin === "number" ? `${props.verticalMargin}px 8px` : `${props.verticalMargin} 8px`};
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/dist/cjs/parts/message-delimiter/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/message-delimiter/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { MessageDelimiterProps } from './props';\n\nconst Wrapper = styled(Grid)`\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-height: 8px;\n`;\n\nconst Line = styled.span`\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nconst Text = styled.p<Pick<MessageDelimiterProps, 'size' | 'verticalMargin'>>`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  margin: ${(props) =>\n    typeof props.verticalMargin === 'number' ? `${props.verticalMargin}px 8px` : `${props.verticalMargin} 8px`};\n`;\n\nexport { Wrapper, Line, Text };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,+BAAmB;AAGnB,MAAM,UAAU,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,MAAM,OAAO,iCAAO;AAAA,0BACM,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGhE,MAAM,OAAO,iCAAO;AAAA,WACT,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS;AAAA,iBACxC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,YACxC,CAAC,UACT,OAAO,MAAM,mBAAmB,WAAW,GAAG,MAAM,yBAAyB,GAAG,MAAM;AAAA;",
+  "names": []
+}

package/dist/cjs/parts/sidebar-button/SidebarButton.js

@@ -0,0 +1,55 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var SidebarButton_exports = {};
+__export(SidebarButton_exports, {
+  SidebarButton: () => SidebarButton
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled = require("./styled");
+var import_props = require("./props");
+const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }) => {
+  const handleClick = import_react.default.useCallback(() => {
+    onClick(dsId);
+  }, [onClick, dsId]);
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSidebarButton, {
+    key: dsId,
+    "data-testid": `sidebar-button-${dsId}`,
+    onClick: handleClick,
+    ...rest
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSidebarButtonIcon, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+    size: "m"
+  })), label && /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSidebarButtonLabel, null, label));
+};
+SidebarButton.propTypes = import_props.propsSidebarButton;
+SidebarButton.defaultProps = import_props.defaultSidebarButton;
+module.exports = __toCommonJS(SidebarButton_exports);
+//# sourceMappingURL=SidebarButton.js.map

package/dist/cjs/parts/sidebar-button/SidebarButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/sidebar-button/SidebarButton.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from './styled';\nimport { propsSidebarButton, defaultSidebarButton, SidebarButtonProps } from './props';\n\nexport const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }: SidebarButtonProps): JSX.Element => {\n  const handleClick = React.useCallback(() => {\n    onClick(dsId);\n  }, [onClick, dsId]);\n\n  return (\n    <StyledSidebarButton key={dsId} data-testid={`sidebar-button-${dsId}`} onClick={handleClick} {...rest}>\n      <StyledSidebarButtonIcon alignItems=\"center\" justifyContent=\"center\">\n        <Icon size=\"m\" />\n      </StyledSidebarButtonIcon>\n      {label && <StyledSidebarButtonLabel>{label}</StyledSidebarButtonLabel>}\n    </StyledSidebarButton>\n  );\n};\n\nSidebarButton.propTypes = propsSidebarButton;\nSidebarButton.defaultProps = defaultSidebarButton;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAuF;AACvF,mBAA6E;AAEtE,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,SAAS,SAAS,WAA4C;AACzG,QAAM,cAAc,qBAAM,YAAY,MAAM;AAC1C,YAAQ;AAAA,KACP,CAAC,SAAS;AAEb,SACE,mDAAC,mCAAD;AAAA,IAAqB,KAAK;AAAA,IAAM,eAAa,kBAAkB;AAAA,IAAQ,SAAS;AAAA,OAAiB;AAAA,KAC/F,mDAAC,uCAAD;AAAA,IAAyB,YAAW;AAAA,IAAS,gBAAe;AAAA,KAC1D,mDAAC,MAAD;AAAA,IAAM,MAAK;AAAA,OAEZ,SAAS,mDAAC,wCAAD,MAA2B;AAAA;AAK3C,cAAc,YAAY;AAC1B,cAAc,eAAe;",
+  "names": []
+}

package/dist/cjs/parts/sidebar-button/index.js

@@ -0,0 +1,20 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var React = __toESM(require("react"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/parts/sidebar-button/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,YAAuB;",
+  "names": []
+}

package/dist/cjs/parts/sidebar-button/props.js

@@ -0,0 +1,53 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var props_exports = {};
+__export(props_exports, {
+  defaultSidebarButton: () => defaultSidebarButton,
+  propsSidebarButton: () => propsSidebarButton
+});
+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_icons = require("@elliemae/ds-icons");
+const defaultSidebarButton = {
+  Icon: import_ds_icons.Comments,
+  dsId: void 0,
+  label: "",
+  onClick: import_lodash.noop,
+  title: ""
+};
+const propsSidebarButton = {
+  Icon: import_react_desc.PropTypes.element.description("Icon component").defaultValue(defaultSidebarButton.Icon),
+  dsId: import_react_desc.PropTypes.oneOfType([import_prop_types.default.number, import_prop_types.default.string]).description("Unique id for the button").defaultValue(defaultSidebarButton.dsId),
+  label: import_react_desc.PropTypes.string.description("It will display under the icon").defaultValue(defaultSidebarButton.label),
+  title: import_react_desc.PropTypes.string.description("Tooltip").defaultValue(defaultSidebarButton.title),
+  onClick: import_react_desc.PropTypes.func.description("The function to call when the is clicked").defaultValue(defaultSidebarButton.onClick)
+};
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/dist/cjs/parts/sidebar-button/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/sidebar-button/props.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport propsTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface SidebarButtonProps {\n  Icon: React.FC<{ size: string }>;\n  dsId: string | number;\n  label: string;\n  onClick?: (dsId: string | number) => void;\n  title: string;\n}\n\nexport const defaultSidebarButton: SidebarButtonProps = {\n  Icon: Comments,\n  dsId: undefined,\n  label: '',\n  onClick: noop,\n  title: '',\n};\n\nexport const propsSidebarButton = {\n  Icon: PropTypes.element.description('Icon component').defaultValue(defaultSidebarButton.Icon),\n  dsId: PropTypes.oneOfType([propsTypes.number, propsTypes.string])\n    .description('Unique id for the button')\n    .defaultValue(defaultSidebarButton.dsId),\n  label: PropTypes.string.description('It will display under the icon').defaultValue(defaultSidebarButton.label),\n  title: PropTypes.string.description('Tooltip').defaultValue(defaultSidebarButton.title),\n  onClick: PropTypes.func\n    .description('The function to call when the is clicked')\n    .defaultValue(defaultSidebarButton.onClick),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAuB;AACvB,wBAA0B;AAC1B,oBAAqB;AACrB,sBAAyB;AAUlB,MAAM,uBAA2C;AAAA,EACtD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA;AAGF,MAAM,qBAAqB;AAAA,EAChC,MAAM,4BAAU,QAAQ,YAAY,kBAAkB,aAAa,qBAAqB;AAAA,EACxF,MAAM,4BAAU,UAAU,CAAC,0BAAW,QAAQ,0BAAW,SACtD,YAAY,4BACZ,aAAa,qBAAqB;AAAA,EACrC,OAAO,4BAAU,OAAO,YAAY,kCAAkC,aAAa,qBAAqB;AAAA,EACxG,OAAO,4BAAU,OAAO,YAAY,WAAW,aAAa,qBAAqB;AAAA,EACjF,SAAS,4BAAU,KAChB,YAAY,4CACZ,aAAa,qBAAqB;AAAA;",
+  "names": []
+}

package/dist/cjs/parts/sidebar-button/styled.js

@@ -0,0 +1,69 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styled_exports = {};
+__export(styled_exports, {
+  StyledSidebarButton: () => StyledSidebarButton,
+  StyledSidebarButtonIcon: () => StyledSidebarButtonIcon,
+  StyledSidebarButtonLabel: () => StyledSidebarButtonLabel
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_styled = require("../../styled");
+const StyledSidebarButton = import_styled_components.default.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  outline: none;
+  height: ${import_styled.BUTTON_SIDEBAR_HEIGHT}px;
+  width: ${import_styled.MIN_WIDTH_SIDEBAR}px;
+  position: relative;
+  border: 0;
+  background: transparent;
+  &:focus,
+  &:hover {
+    background: ${(props) => props.theme.colors.neutral["080"]};
+  }
+  cursor: pointer;
+  border-bottom: 1px solid ${(props) => props.theme.colors.neutral["200"]};
+
+  svg {
+    fill: ${(props) => props.theme.colors.neutral[500]};
+  }
+`;
+const StyledSidebarButtonIcon = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  position: relative;
+`;
+const StyledSidebarButtonLabel = import_styled_components.default.div`
+  width: 30px;
+  text-transform: uppercase;
+  overflow: hidden;
+  text-align: center;
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/dist/cjs/parts/sidebar-button/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/sidebar-button/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR } from '../../styled';\n\n// Buttons\nexport const StyledSidebarButton = styled.button`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n  height: ${BUTTON_SIDEBAR_HEIGHT}px;\n  width: ${MIN_WIDTH_SIDEBAR}px;\n  position: relative;\n  border: 0;\n  background: transparent;\n  &:focus,\n  &:hover {\n    background: ${(props) => props.theme.colors.neutral['080']};\n  }\n  cursor: pointer;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n\n  svg {\n    fill: ${(props) => props.theme.colors.neutral[500]};\n  }\n`;\n\nexport const StyledSidebarButtonIcon = styled(Grid)`\n  position: relative;\n`;\n\nexport const StyledSidebarButtonLabel = styled.div`\n  width: 30px;\n  text-transform: uppercase;\n  overflow: hidden;\n  text-align: center;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AACrB,oBAAyD;AAGlD,MAAM,sBAAsB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAK9B;AAAA,WACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMO,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,6BAG3B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,YAGvD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3C,MAAM,0BAA0B,sCAAO;AAAA;AAAA;AAIvC,MAAM,2BAA2B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/parts/system-message/SystemMessage.js

@@ -0,0 +1,59 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var SystemMessage_exports = {};
+__export(SystemMessage_exports, {
+  SystemMessage: () => SystemMessage,
+  SystemMessageWithSchema: () => SystemMessageWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_style = require("./style");
+var import_props = require("./props");
+var import_useValidateProps = require("./config/useValidateProps");
+const SystemMessage = (props) => {
+  (0, import_useValidateProps.useValidateProps)(props, SystemMessageWithSchema.toJSON());
+  const { title, time, body } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_style.Wrapper, {
+    rows: ["auto", "auto"]
+  }, /* @__PURE__ */ import_react.default.createElement(import_style.Header, {
+    cols: ["1fr", "auto", "1fr"]
+  }, /* @__PURE__ */ import_react.default.createElement("span", null), /* @__PURE__ */ import_react.default.createElement(import_style.Title, {
+    "data-testid": "chat-system-message-title"
+  }, title), /* @__PURE__ */ import_react.default.createElement(import_style.Time, {
+    "data-testid": "chat-system-message-time"
+  }, time)), /* @__PURE__ */ import_react.default.createElement(import_style.Message, {
+    "data-testid": "chat-system-message-body"
+  }, body));
+};
+SystemMessage.defaultProps = import_props.defaultProps;
+SystemMessage.propTypes = import_props.systemMessageProps;
+const SystemMessageWithSchema = (0, import_react_desc.describe)(SystemMessage);
+SystemMessageWithSchema.propTypes = import_props.systemMessageProps;
+module.exports = __toCommonJS(SystemMessage_exports);
+//# sourceMappingURL=SystemMessage.js.map

package/dist/cjs/parts/system-message/SystemMessage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/system-message/SystemMessage.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { Wrapper, Header, Title, Time, Message } from './style';\nimport { SystemMessageProps, systemMessageProps, defaultProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst SystemMessage = (props: SystemMessageProps): JSX.Element => {\n  useValidateProps(props, SystemMessageWithSchema.toJSON());\n  const { title, time, body } = props;\n  return (\n    <Wrapper rows={['auto', 'auto']}>\n      <Header cols={['1fr', 'auto', '1fr']}>\n        <span />\n        <Title data-testid=\"chat-system-message-title\">{title}</Title>\n        <Time data-testid=\"chat-system-message-time\">{time}</Time>\n      </Header>\n      <Message data-testid=\"chat-system-message-body\">{body}</Message>\n    </Wrapper>\n  );\n};\n\nSystemMessage.defaultProps = defaultProps;\nSystemMessage.propTypes = systemMessageProps;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps;\n\nexport { SystemMessage, SystemMessageWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,mBAAsD;AACtD,mBAAqE;AACrE,8BAAiC;AAEjC,MAAM,gBAAgB,CAAC,UAA2C;AAChE,gDAAiB,OAAO,wBAAwB;AAChD,QAAM,EAAE,OAAO,MAAM,SAAS;AAC9B,SACE,mDAAC,sBAAD;AAAA,IAAS,MAAM,CAAC,QAAQ;AAAA,KACtB,mDAAC,qBAAD;AAAA,IAAQ,MAAM,CAAC,OAAO,QAAQ;AAAA,KAC5B,mDAAC,QAAD,OACA,mDAAC,oBAAD;AAAA,IAAO,eAAY;AAAA,KAA6B,QAChD,mDAAC,mBAAD;AAAA,IAAM,eAAY;AAAA,KAA4B,QAEhD,mDAAC,sBAAD;AAAA,IAAS,eAAY;AAAA,KAA4B;AAAA;AAKvD,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,MAAM,0BAA0B,gCAAS;AACzC,wBAAwB,YAAY;",
+  "names": []
+}

package/dist/cjs/parts/system-message/config/useValidateProps.js

@@ -0,0 +1,38 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const useValidateProps = (props, schema) => {
+  (0, import_ds_props_helpers.useValidatePropTypes)(props, schema);
+};
+module.exports = __toCommonJS(useValidateProps_exports);
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/parts/system-message/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/system-message/config/useValidateProps.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { SystemMessageProps } from '../props';\n\nexport const useValidateProps = (props: SystemMessageProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAqC;AAG9B,MAAM,mBAAmB,CAAC,OAA2B,WAA0B;AACpF,oDAAqB,OAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/parts/system-message/index.js

@@ -0,0 +1,36 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var system_message_exports = {};
+__export(system_message_exports, {
+  SystemMessage: () => import_SystemMessage.SystemMessage,
+  SystemMessageWithSchema: () => import_SystemMessage.SystemMessageWithSchema
+});
+var React = __toESM(require("react"));
+var import_SystemMessage = require("./SystemMessage");
+module.exports = __toCommonJS(system_message_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/parts/system-message/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/system-message/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { SystemMessage, SystemMessageWithSchema } from './SystemMessage';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAuD;",
+  "names": []
+}

package/dist/cjs/parts/system-message/props.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var props_exports = {};
+__export(props_exports, {
+  defaultProps: () => defaultProps,
+  systemMessageProps: () => systemMessageProps
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+const defaultProps = {
+  title: "System Message",
+  time: "",
+  body: ""
+};
+const systemMessageProps = {
+  title: import_react_desc.PropTypes.string.isRequired.description("Message title").defaultValue("System Message"),
+  time: import_react_desc.PropTypes.string.description("data of the message, ie: hour"),
+  body: import_react_desc.PropTypes.string.isRequired.description("message")
+};
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/dist/cjs/parts/system-message/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/system-message/props.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport interface SystemMessageProps {\n  title: string;\n  time: string;\n  body: string;\n}\n\nexport const defaultProps: SystemMessageProps = {\n  title: 'System Message',\n  time: '',\n  body: '',\n};\n\nexport const systemMessageProps = {\n  title: PropTypes.string.isRequired\n    .description('Message title')\n    .defaultValue('System Message'),\n  time: PropTypes.string.description('data of the message, ie: hour'),\n  body: PropTypes.string.isRequired.description('message'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAQnB,MAAM,eAAmC;AAAA,EAC9C,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA;AAGD,MAAM,qBAAqB;AAAA,EAChC,OAAO,4BAAU,OAAO,WACrB,YAAY,iBACZ,aAAa;AAAA,EAChB,MAAM,4BAAU,OAAO,YAAY;AAAA,EACnC,MAAM,4BAAU,OAAO,WAAW,YAAY;AAAA;",
+  "names": []
+}

package/dist/cjs/parts/system-message/style.js

@@ -0,0 +1,75 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var style_exports = {};
+__export(style_exports, {
+  Header: () => Header,
+  Message: () => Message,
+  Time: () => Time,
+  Title: () => Title,
+  Wrapper: () => Wrapper
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+const Wrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  align-items: center;
+  justify-content: center;
+  max-width: 100%;
+  padding: 0 8px 8px;
+  border: 1px solid ${(props) => props.theme.colors.neutral["100"]};
+  border-radius: 10px;
+  background-color: ${(props) => props.theme.colors.neutral["080"]};
+  box-shadow: none;
+`;
+const Header = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  align-items: center;
+  height: 36px;
+`;
+const Title = import_styled_components.default.p`
+  font-size: 14px;
+  font-weight: ${(props) => props.theme.fontWeights.semibold};
+  color: ${(props) => props.theme.colors.neutral["700"]};
+  margin: 0;
+`;
+const Time = import_styled_components.default.p`
+  font-size: 12px;
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+  color: ${(props) => props.theme.colors.neutral["700"]};
+  margin: 0;
+  text-align: right;
+`;
+const Message = import_styled_components.default.p`
+  font-size: 13px;
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+  color: ${(props) => props.theme.colors.neutral["700"]};
+  min-height: 32px;
+  text-align: center;
+  margin: 0;
+`;
+module.exports = __toCommonJS(style_exports);
+//# sourceMappingURL=style.js.map

package/dist/cjs/parts/system-message/style.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/system-message/style.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Wrapper = styled(Grid)`\n  align-items: center;\n  justify-content: center;\n  max-width: 100%;\n  padding: 0 8px 8px;\n  border: 1px solid ${(props) => props.theme.colors.neutral['100']};\n  border-radius: 10px;\n  background-color: ${(props) => props.theme.colors.neutral['080']};\n  box-shadow: none;\n`;\n\nconst Header = styled(Grid)`\n  align-items: center;\n  height: 36px;\n`;\n\nconst Title = styled.p<any>`\n  font-size: 14px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  margin: 0;\n`;\n\nconst Time = styled.p<any>`\n  font-size: 12px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  margin: 0;\n  text-align: right;\n`;\n\nconst Message = styled.p<any>`\n  font-size: 13px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  min-height: 32px;\n  text-align: center;\n  margin: 0;\n`;\n\nexport { Wrapper, Header, Title, Time, Message };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AAErB,MAAM,UAAU,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,sBAEtC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI5D,MAAM,SAAS,sCAAO;AAAA;AAAA;AAAA;AAKtB,MAAM,QAAQ,iCAAO;AAAA;AAAA,iBAEJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIjD,MAAM,OAAO,iCAAO;AAAA;AAAA,iBAEH,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAKjD,MAAM,UAAU,iCAAO;AAAA;AAAA,iBAEN,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}