@elliemae/ds-chat 2.2.0-alpha.4 → 3.0.0-next.2

package/esm/parts/floating-button/styled.js

@@ -1,35 +1,10 @@
-import * as React from "react";
-import styled from "styled-components";
+import styled from 'styled-components';
+
 const BUTTON_FLOATING = 56;
-const BOX_SHADOW = "0 5px 8px 0 rgba(53,60,70,0.55)";
-const BOX_SHADOW_FLOATING = "0 5px 8px 0 rgba(53,60,70,0.35)";
-const BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;
-const StyledFloatingButton = styled.button`
-  outline: none;
-  cursor: pointer;
-  height: ${BUTTON_FLOATING}px;
-  width: ${BUTTON_FLOATING}px;
-  border: none;
-  background: ${(props) => props.theme.colors.brand[600]};
-  border-radius: 50%;
-  box-shadow: ${BOX_SHADOW_FLOATING};
-  &:hover {
-    background: ${(props) => props.theme.colors.brand[700]};
-  }
-  &:focus {
-    border: 2px solid ${(props) => props.theme.colors.brand[700]};
-    box-shadow: inset 0 0 0 2px ${(props) => props.theme.colors.neutral["000"]},
-      ${BOX_SHADOW};
-  }
-  &:active {
-    background: ${(props) => props.theme.colors.brand[800]};
-    box-shadow: inset 0 0 0 0, ${BOX_SHADOW_FLOATING};
-  }
-  svg {
-    fill: ${(props) => props.theme.colors.neutral["000"]};
-  }
-`;
-export {
-  StyledFloatingButton
-};
-//# sourceMappingURL=styled.js.map
+const BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';
+const BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';
+const StyledFloatingButton = /*#__PURE__*/styled.button.withConfig({
+  componentId: "sc-vlozhu-0"
+})(["outline:none;cursor:pointer;height:", "px;width:", "px;border:none;background:", ";border-radius:50%;box-shadow:", ";&:hover{background:", ";}&:focus{border:2px solid ", ";box-shadow:inset 0 0 0 2px ", ",", ";}&:active{background:", ";box-shadow:inset 0 0 0 0,", ";}svg{fill:", ";}"], BUTTON_FLOATING, BUTTON_FLOATING, props => props.theme.colors.brand[600], BOX_SHADOW_FLOATING, props => props.theme.colors.brand[700], props => props.theme.colors.brand[700], props => props.theme.colors.neutral['000'], BOX_SHADOW, props => props.theme.colors.brand[800], BOX_SHADOW_FLOATING, props => props.theme.colors.neutral['000']);
+
+export { StyledFloatingButton };

package/esm/parts/floating-container/styled.js

@@ -1,18 +1,9 @@
-import * as React from "react";
-import styled from "styled-components";
-import { Grid } from "@elliemae/ds-grid";
-import { BOX_SHADOW } from "../../styled";
-const StyledFloatingContainer = styled(Grid)`
-  position: fixed;
-  bottom: 24px;
-  right: 24px;
-  border-radius: 4px;
-  z-index: 1;
-  box-shadow: ${BOX_SHADOW};
-  background: ${(nestedProps) => nestedProps.theme.colors.neutral["050"]};
-  width: 348px;
-`;
-export {
-  StyledFloatingContainer
-};
-//# sourceMappingURL=styled.js.map
+import styled from 'styled-components';
+import { Grid } from '@elliemae/ds-grid';
+import { BOX_SHADOW } from '../../styled.js';
+
+const StyledFloatingContainer = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-nqvrts-0"
+})(["position:fixed;bottom:24px;right:24px;border-radius:4px;z-index:1;box-shadow:", ";background:", ";width:348px;"], BOX_SHADOW, nestedProps => nestedProps.theme.colors.neutral['050']);
+
+export { StyledFloatingContainer };

package/esm/parts/grid-influencer/InfluencerContainer.js

@@ -1,14 +1,14 @@
-import * as React from "react";
-import React2 from "react";
-import { StyledChatContainer } from "./styled";
-import { ChatContainer } from "../chat-container/ChatContainer";
-import { SideBarChat } from "../chat-sidebar/SideBarChat";
-const InfluencerContainer = (props) => React2.useMemo(() => props.floating ? null : /* @__PURE__ */ React2.createElement(StyledChatContainer, {
-  cols: ["auto", props.expanded ? 1 : "0px"],
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import React from 'react';
+import { StyledChatContainer } from './styled.js';
+import { ChatContainer } from '../chat-container/ChatContainer.js';
+import { SideBarChat } from '../chat-sidebar/SideBarChat.js';
+
+var _SideBarChat, _ChatContainer, _div;
+const InfluencerContainer = props => React.useMemo(() => props.floating ? null : /*#__PURE__*/_jsx(StyledChatContainer, {
+  cols: ['auto', props.expanded ? 1 : '0px'],
   expanded: props.expanded,
   expandedWidth: props.expandedWidth
-}, /* @__PURE__ */ React2.createElement(SideBarChat, null), props.expanded ? /* @__PURE__ */ React2.createElement(ChatContainer, null) : /* @__PURE__ */ React2.createElement("div", null)), [props.floating, props.expanded, props.expandedWidth]);
-export {
-  InfluencerContainer
-};
-//# sourceMappingURL=InfluencerContainer.js.map
+}, void 0, _SideBarChat || (_SideBarChat = /*#__PURE__*/_jsx(SideBarChat, {})), props.expanded ? _ChatContainer || (_ChatContainer = /*#__PURE__*/_jsx(ChatContainer, {})) : _div || (_div = /*#__PURE__*/_jsx("div", {}))), [props.floating, props.expanded, props.expandedWidth]);
+
+export { InfluencerContainer };

package/esm/parts/grid-influencer/styled.js

@@ -1,27 +1,12 @@
-import * as React from "react";
-import styled from "styled-components";
-import { Grid } from "@elliemae/ds-grid";
-import { MIN_WIDTH_SIDEBAR } from "../../styled";
-const StyledChatContainer = styled(Grid)`
-  height: 100%;
-  width: ${(props) => props.expanded ? `${props.expandedWidth}px` : `${MIN_WIDTH_SIDEBAR}px`};
-  background: ${(props) => props.theme.colors.neutral["050"]};
-  box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};
-  transition: width ${(props) => props.expanded ? "ease-out" : "ease-in"}
-    350ms;
-`;
-const StyledChatContainerContent = styled(Grid)`
-  height: 100%;
-  overflow: hidden;
-  background: ${(props) => props.theme.colors.neutral["050"]};
-  ${(props) => props.floating ? `
-  width: ${props.expandedWidth}px;
-` : `
-  width: ${props.expandedWidth - MIN_WIDTH_SIDEBAR}px;
-`}
-`;
-export {
-  StyledChatContainer,
-  StyledChatContainerContent
-};
-//# sourceMappingURL=styled.js.map
+import styled from 'styled-components';
+import { Grid } from '@elliemae/ds-grid';
+import { MIN_WIDTH_SIDEBAR } from '../../styled.js';
+
+const StyledChatContainer = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-b6t5vk-0"
+})(["height:100%;width:", ";background:", ";box-shadow:-1px 0 0 0 ", ";transition:width ", " 350ms;"], props => props.expanded ? "".concat(props.expandedWidth, "px") : "".concat(MIN_WIDTH_SIDEBAR, "px"), props => props.theme.colors.neutral['050'], props => props.theme.colors.neutral[100], props => props.expanded ? 'ease-out' : 'ease-in');
+const StyledChatContainerContent = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-b6t5vk-1"
+})(["height:100%;overflow:hidden;background:", ";", ""], props => props.theme.colors.neutral['050'], props => props.floating ? "\n  width: ".concat(props.expandedWidth, "px;\n") : "\n  width: ".concat(props.expandedWidth - MIN_WIDTH_SIDEBAR, "px;\n"));
+
+export { StyledChatContainer, StyledChatContainerContent };

package/esm/parts/message-delimiter/MessageDelimiter.js

@@ -1,26 +1,32 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { Wrapper, Line, Text } from "./styled";
-import { defaultProps, messageDelimiterProps } from "./props";
-import { useValidateProps } from "./config/useValidateProps";
-const MessageDelimiter = (props) => {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.url.to-json.js';
+import 'react';
+import { describe } from 'react-desc';
+import { Wrapper, Line, Text } from './styled.js';
+import { messageDelimiterProps, defaultProps } from './props.js';
+import { useValidateProps } from './config/useValidateProps.js';
+
+var _Line, _Line2;
+
+const MessageDelimiter = props => {
   useValidateProps(props, MessageDelimiterWithSchema.toJSON());
-  const { title, size, extraProps, verticalMargin } = props;
-  return /* @__PURE__ */ React2.createElement(Wrapper, {
-    cols: ["1fr", "auto", "1fr"]
-  }, /* @__PURE__ */ React2.createElement(Line, null), /* @__PURE__ */ React2.createElement(Text, {
+  const {
+    title,
     size,
-    verticalMargin,
-    "data-testid": extraProps["data-testid"]
-  }, title), /* @__PURE__ */ React2.createElement(Line, null));
+    extraProps,
+    verticalMargin
+  } = props;
+  return /*#__PURE__*/_jsx(Wrapper, {
+    cols: ['1fr', 'auto', '1fr']
+  }, void 0, _Line || (_Line = /*#__PURE__*/_jsx(Line, {})), /*#__PURE__*/_jsx(Text, {
+    size: size,
+    verticalMargin: verticalMargin,
+    "data-testid": extraProps['data-testid']
+  }, void 0, title), _Line2 || (_Line2 = /*#__PURE__*/_jsx(Line, {})));
 };
+
 MessageDelimiter.defaultProps = defaultProps;
-MessageDelimiter.propTypes = messageDelimiterProps;
 const MessageDelimiterWithSchema = describe(MessageDelimiter);
 MessageDelimiterWithSchema.propTypes = messageDelimiterProps;
-export {
-  MessageDelimiter,
-  MessageDelimiterWithSchema
-};
-//# sourceMappingURL=MessageDelimiter.js.map
+
+export { MessageDelimiter, MessageDelimiterWithSchema };

package/esm/parts/message-delimiter/config/useValidateProps.js

@@ -1,9 +1,7 @@
-import * as React from "react";
-import { useValidatePropTypes } from "@elliemae/ds-props-helpers";
+import { useValidatePropTypes } from '@elliemae/ds-props-helpers';
+
 const useValidateProps = (props, schema) => {
   useValidatePropTypes(props, schema);
 };
-export {
-  useValidateProps
-};
-//# sourceMappingURL=useValidateProps.js.map
+
+export { useValidateProps };

package/esm/parts/message-delimiter/index.js

@@ -1,10 +1 @@
-import * as React from "react";
-import {
-  MessageDelimiter,
-  MessageDelimiterWithSchema
-} from "./MessageDelimiter";
-export {
-  MessageDelimiter,
-  MessageDelimiterWithSchema
-};
-//# sourceMappingURL=index.js.map
+export { MessageDelimiter, MessageDelimiterWithSchema } from './MessageDelimiter.js';

package/esm/parts/message-delimiter/props.js

@@ -1,19 +1,18 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
+import { PropTypes } from 'react-desc';
+
 const defaultProps = {
-  title: "",
-  size: "s",
-  verticalMargin: "0px",
-  extraProps: { "data-testid": "chat-message-delimiter-title" }
+  title: '',
+  size: 's',
+  verticalMargin: '0px',
+  extraProps: {
+    'data-testid': 'chat-message-delimiter-title'
+  }
 };
 const messageDelimiterProps = {
-  title: PropTypes.string.isRequired.description("Text to display in the delimiter"),
-  size: PropTypes.oneOf(["s", "l"]).description("size of the delimiter").defaultValue("s"),
-  extraProps: PropTypes.object.description("extra props for delimiter"),
-  verticalMargin: PropTypes.oneOf(["string", "number"]).description("Configurable css vertical margin property for flexibilty")
+  title: PropTypes.string.isRequired.description('Text to display in the delimiter'),
+  size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),
+  extraProps: PropTypes.object.description('extra props for delimiter'),
+  verticalMargin: PropTypes.oneOf(['string', 'number']).description('Configurable css vertical margin property for flexibilty')
 };
-export {
-  defaultProps,
-  messageDelimiterProps
-};
-//# sourceMappingURL=props.js.map
+
+export { defaultProps, messageDelimiterProps };

package/esm/parts/message-delimiter/styled.js

@@ -1,24 +1,14 @@
-import * as React from "react";
-import { Grid } from "@elliemae/ds-grid";
-import styled from "styled-components";
-const Wrapper = styled(Grid)`
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  min-height: 8px;
-`;
-const Line = styled.span`
-  border-top: 1px solid ${(props) => props.theme.colors.neutral["400"]};
-`;
-const Text = styled.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`};
-`;
-export {
-  Line,
-  Text,
-  Wrapper
-};
-//# sourceMappingURL=styled.js.map
+import { Grid } from '@elliemae/ds-grid';
+import styled from 'styled-components';
+
+const Wrapper = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-upz0rt-0"
+})(["align-items:center;justify-content:center;width:100%;min-height:8px;"]);
+const Line = /*#__PURE__*/styled.span.withConfig({
+  componentId: "sc-upz0rt-1"
+})(["border-top:1px solid ", ";"], props => props.theme.colors.neutral['400']);
+const Text = /*#__PURE__*/styled.p.withConfig({
+  componentId: "sc-upz0rt-2"
+})(["color:", ";font-size:", ";font-weight:", ";margin:", ";"], props => props.theme.colors.neutral['600'], props => props.size === 's' ? '12px' : '14px', props => props.theme.fontWeights.semibold, props => typeof props.verticalMargin === 'number' ? "".concat(props.verticalMargin, "px 8px") : "".concat(props.verticalMargin, " 8px"));
+
+export { Line, Text, Wrapper };

package/esm/parts/sidebar-button/SidebarButton.js

@@ -1,26 +1,45 @@
-import * as React from "react";
-import React2 from "react";
-import { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from "./styled";
-import { propsSidebarButton, defaultSidebarButton } from "./props";
-const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }) => {
-  const handleClick = React2.useCallback(() => {
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import React from 'react';
+import { StyledSidebarButton, StyledSidebarButtonIcon, StyledSidebarButtonLabel } from './styled.js';
+import { defaultSidebarButton } from './props.js';
+import { jsxs } from 'react/jsx-runtime';
+
+const _excluded = ["label", "dsId", "onClick", "Icon"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const SidebarButton = _ref => {
+  let {
+    label,
+    dsId,
+    onClick,
+    Icon
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  const handleClick = React.useCallback(() => {
     onClick(dsId);
   }, [onClick, dsId]);
-  return /* @__PURE__ */ React2.createElement(StyledSidebarButton, {
-    key: dsId,
-    "data-testid": `sidebar-button-${dsId}`,
-    onClick: handleClick,
-    ...rest
-  }, /* @__PURE__ */ React2.createElement(StyledSidebarButtonIcon, {
-    alignItems: "center",
-    justifyContent: "center"
-  }, /* @__PURE__ */ React2.createElement(Icon, {
-    size: "m"
-  })), label && /* @__PURE__ */ React2.createElement(StyledSidebarButtonLabel, null, label));
+  return /*#__PURE__*/jsxs(StyledSidebarButton, _objectSpread(_objectSpread({
+    "data-testid": "sidebar-button-".concat(dsId),
+    onClick: handleClick
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx(StyledSidebarButtonIcon, {
+      alignItems: "center",
+      justifyContent: "center"
+    }, void 0, /*#__PURE__*/_jsx(Icon, {
+      size: "m"
+    })), label && /*#__PURE__*/_jsx(StyledSidebarButtonLabel, {}, void 0, label)]
+  }), dsId);
 };
-SidebarButton.propTypes = propsSidebarButton;
 SidebarButton.defaultProps = defaultSidebarButton;
-export {
-  SidebarButton
-};
-//# sourceMappingURL=SidebarButton.js.map
+
+export { SidebarButton };

package/esm/parts/sidebar-button/index.js

@@ -1,2 +1 @@
-import * as React from "react";
-//# sourceMappingURL=index.js.map
+

package/esm/parts/sidebar-button/props.js

@@ -1,24 +1,21 @@
-import * as React from "react";
-import propsTypes from "prop-types";
-import { PropTypes } from "react-desc";
-import { noop } from "lodash";
-import { Comments } from "@elliemae/ds-icons";
+import propsTypes from 'prop-types';
+import { PropTypes } from 'react-desc';
+import { noop } from 'lodash';
+import { Comments } from '@elliemae/ds-icons';
+
 const defaultSidebarButton = {
   Icon: Comments,
-  dsId: void 0,
-  label: "",
+  dsId: undefined,
+  label: '',
   onClick: noop,
-  title: ""
+  title: ''
 };
 const propsSidebarButton = {
-  Icon: PropTypes.element.description("Icon component").defaultValue(defaultSidebarButton.Icon),
-  dsId: PropTypes.oneOfType([propsTypes.number, propsTypes.string]).description("Unique id for the button").defaultValue(defaultSidebarButton.dsId),
-  label: PropTypes.string.description("It will display under the icon").defaultValue(defaultSidebarButton.label),
-  title: PropTypes.string.description("Tooltip").defaultValue(defaultSidebarButton.title),
-  onClick: PropTypes.func.description("The function to call when the is clicked").defaultValue(defaultSidebarButton.onClick)
+  Icon: PropTypes.element.description('Icon component').defaultValue(defaultSidebarButton.Icon),
+  dsId: PropTypes.oneOfType([propsTypes.number, propsTypes.string]).description('Unique id for the button').defaultValue(defaultSidebarButton.dsId),
+  label: PropTypes.string.description('It will display under the icon').defaultValue(defaultSidebarButton.label),
+  title: PropTypes.string.description('Tooltip').defaultValue(defaultSidebarButton.title),
+  onClick: PropTypes.func.description('The function to call when the is clicked').defaultValue(defaultSidebarButton.onClick)
 };
-export {
-  defaultSidebarButton,
-  propsSidebarButton
-};
-//# sourceMappingURL=props.js.map
+
+export { defaultSidebarButton, propsSidebarButton };

package/esm/parts/sidebar-button/styled.js

@@ -1,40 +1,15 @@
-import * as React from "react";
-import styled from "styled-components";
-import { Grid } from "@elliemae/ds-grid";
-import { BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR } from "../../styled";
-const StyledSidebarButton = styled.button`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  outline: none;
-  height: ${BUTTON_SIDEBAR_HEIGHT}px;
-  width: ${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"]};
+import styled from 'styled-components';
+import { Grid } from '@elliemae/ds-grid';
+import { BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR } from '../../styled.js';
 
-  svg {
-    fill: ${(props) => props.theme.colors.neutral[500]};
-  }
-`;
-const StyledSidebarButtonIcon = styled(Grid)`
-  position: relative;
-`;
-const StyledSidebarButtonLabel = styled.div`
-  width: 30px;
-  text-transform: uppercase;
-  overflow: hidden;
-  text-align: center;
-`;
-export {
-  StyledSidebarButton,
-  StyledSidebarButtonIcon,
-  StyledSidebarButtonLabel
-};
-//# sourceMappingURL=styled.js.map
+const StyledSidebarButton = /*#__PURE__*/styled.button.withConfig({
+  componentId: "sc-6ygly3-0"
+})(["display:flex;align-items:center;justify-content:center;outline:none;height:", "px;width:", "px;position:relative;border:0;background:transparent;&:focus,&:hover{background:", ";}cursor:pointer;border-bottom:1px solid ", ";svg{fill:", ";}"], BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR, props => props.theme.colors.neutral['080'], props => props.theme.colors.neutral['200'], props => props.theme.colors.neutral[500]);
+const StyledSidebarButtonIcon = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-6ygly3-1"
+})(["position:relative;"]);
+const StyledSidebarButtonLabel = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-6ygly3-2"
+})(["width:30px;text-transform:uppercase;overflow:hidden;text-align:center;"]);
+
+export { StyledSidebarButton, StyledSidebarButtonIcon, StyledSidebarButtonLabel };

package/esm/parts/system-message/SystemMessage.js

@@ -1,30 +1,35 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { Wrapper, Header, Title, Time, Message } from "./style";
-import { systemMessageProps, defaultProps } from "./props";
-import { useValidateProps } from "./config/useValidateProps";
-const SystemMessage = (props) => {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.url.to-json.js';
+import 'react';
+import { describe } from 'react-desc';
+import { Wrapper, Header, Title, Time, Message } from './style.js';
+import { systemMessageProps, defaultProps } from './props.js';
+import { useValidateProps } from './config/useValidateProps.js';
+
+var _span;
+
+const SystemMessage = props => {
   useValidateProps(props, SystemMessageWithSchema.toJSON());
-  const { title, time, body } = props;
-  return /* @__PURE__ */ React2.createElement(Wrapper, {
-    rows: ["auto", "auto"]
-  }, /* @__PURE__ */ React2.createElement(Header, {
-    cols: ["1fr", "auto", "1fr"]
-  }, /* @__PURE__ */ React2.createElement("span", null), /* @__PURE__ */ React2.createElement(Title, {
+  const {
+    title,
+    time,
+    body
+  } = props;
+  return /*#__PURE__*/_jsx(Wrapper, {
+    rows: ['auto', 'auto']
+  }, void 0, /*#__PURE__*/_jsx(Header, {
+    cols: ['1fr', 'auto', '1fr']
+  }, void 0, _span || (_span = /*#__PURE__*/_jsx("span", {})), /*#__PURE__*/_jsx(Title, {
     "data-testid": "chat-system-message-title"
-  }, title), /* @__PURE__ */ React2.createElement(Time, {
+  }, void 0, title), /*#__PURE__*/_jsx(Time, {
     "data-testid": "chat-system-message-time"
-  }, time)), /* @__PURE__ */ React2.createElement(Message, {
+  }, void 0, time)), /*#__PURE__*/_jsx(Message, {
     "data-testid": "chat-system-message-body"
-  }, body));
+  }, void 0, body));
 };
+
 SystemMessage.defaultProps = defaultProps;
-SystemMessage.propTypes = systemMessageProps;
 const SystemMessageWithSchema = describe(SystemMessage);
 SystemMessageWithSchema.propTypes = systemMessageProps;
-export {
-  SystemMessage,
-  SystemMessageWithSchema
-};
-//# sourceMappingURL=SystemMessage.js.map
+
+export { SystemMessage, SystemMessageWithSchema };

package/esm/parts/system-message/config/useValidateProps.js

@@ -1,9 +1,7 @@
-import * as React from "react";
-import { useValidatePropTypes } from "@elliemae/ds-props-helpers";
+import { useValidatePropTypes } from '@elliemae/ds-props-helpers';
+
 const useValidateProps = (props, schema) => {
   useValidatePropTypes(props, schema);
 };
-export {
-  useValidateProps
-};
-//# sourceMappingURL=useValidateProps.js.map
+
+export { useValidateProps };

package/esm/parts/system-message/index.js

@@ -1,7 +1 @@
-import * as React from "react";
-import { SystemMessage, SystemMessageWithSchema } from "./SystemMessage";
-export {
-  SystemMessage,
-  SystemMessageWithSchema
-};
-//# sourceMappingURL=index.js.map
+export { SystemMessage, SystemMessageWithSchema } from './SystemMessage.js';

package/esm/parts/system-message/props.js

@@ -1,17 +1,14 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
+import { PropTypes } from 'react-desc';
+
 const defaultProps = {
-  title: "System Message",
-  time: "",
-  body: ""
+  title: 'System Message',
+  time: '',
+  body: ''
 };
 const systemMessageProps = {
-  title: PropTypes.string.isRequired.description("Message title").defaultValue("System Message"),
-  time: PropTypes.string.description("data of the message, ie: hour"),
-  body: PropTypes.string.isRequired.description("message")
+  title: PropTypes.string.isRequired.description('Message title').defaultValue('System Message'),
+  time: PropTypes.string.description('data of the message, ie: hour'),
+  body: PropTypes.string.isRequired.description('message')
 };
-export {
-  defaultProps,
-  systemMessageProps
-};
-//# sourceMappingURL=props.js.map
+
+export { defaultProps, systemMessageProps };