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

package/cjs/parts/floating-button/props.js

@@ -1,47 +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 __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, {
-  defaultFloatingButton: () => defaultFloatingButton,
-  propsFloatingButton: () => propsFloatingButton
-});
-var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_lodash = __toESM(require("lodash"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+var lodash = require('lodash');
+
 const defaultFloatingButton = {
-  onClick: import_lodash.noop,
-  onFocus: import_lodash.noop,
+  onClick: lodash.noop,
+  onFocus: lodash.noop,
   innerRef: null
 };
 const propsFloatingButton = {
-  onClick: import_react_desc.PropTypes.func.description("The function to call when the chat is opened via the footer").defaultValue(defaultFloatingButton.onClick),
-  onFocus: import_react_desc.PropTypes.func.description("The function to call when button is being focused").defaultValue(defaultFloatingButton.onFocus),
-  innerRef: import_react_desc.PropTypes.object.description("Ref to the component container").defaultValue(null)
+  onClick: reactDesc.PropTypes.func.description('The function to call when the chat is opened via the footer').defaultValue(defaultFloatingButton.onClick),
+  onFocus: reactDesc.PropTypes.func.description('The function to call when button is being focused').defaultValue(defaultFloatingButton.onFocus),
+  innerRef: reactDesc.PropTypes.object.description('Ref to the component container').defaultValue(null)
 };
-module.exports = __toCommonJS(props_exports);
-//# sourceMappingURL=props.js.map
+
+exports.defaultFloatingButton = defaultFloatingButton;
+exports.propsFloatingButton = propsFloatingButton;

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

@@ -1,64 +1,18 @@
-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, {
-  StyledFloatingButton: () => StyledFloatingButton
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
 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 = import_styled_components.default.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"]};
-  }
-`;
-module.exports = __toCommonJS(styled_exports);
-//# 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__default["default"].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']);
+
+exports.StyledFloatingButton = StyledFloatingButton;

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

@@ -1,47 +1,17 @@
-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, {
-  StyledFloatingContainer: () => StyledFloatingContainer
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_styled = __toESM(require("../../styled"));
-const StyledFloatingContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  position: fixed;
-  bottom: 24px;
-  right: 24px;
-  border-radius: 4px;
-  z-index: 1;
-  box-shadow: ${import_styled.BOX_SHADOW};
-  background: ${(nestedProps) => nestedProps.theme.colors.neutral["050"]};
-  width: 348px;
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var dsGrid = require('@elliemae/ds-grid');
+var styled$1 = require('../../styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledFloatingContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-nqvrts-0"
+})(["position:fixed;bottom:24px;right:24px;border-radius:4px;z-index:1;box-shadow:", ";background:", ";width:348px;"], styled$1.BOX_SHADOW, nestedProps => nestedProps.theme.colors.neutral['050']);
+
+exports.StyledFloatingContainer = StyledFloatingContainer;

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

@@ -1,43 +1,23 @@
-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 InfluencerContainer_exports = {};
-__export(InfluencerContainer_exports, {
-  InfluencerContainer: () => InfluencerContainer
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_styled = __toESM(require("./styled"));
-var import_ChatContainer = __toESM(require("../chat-container/ChatContainer"));
-var import_SideBarChat = __toESM(require("../chat-sidebar/SideBarChat"));
-const InfluencerContainer = (props) => import_react.default.useMemo(() => props.floating ? null : /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainer, {
-  cols: ["auto", props.expanded ? 1 : "0px"],
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var styled = require('./styled.js');
+var ChatContainer = require('../chat-container/ChatContainer.js');
+var SideBarChat = require('../chat-sidebar/SideBarChat.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _SideBarChat, _ChatContainer, _div;
+const InfluencerContainer = props => React__default["default"].useMemo(() => props.floating ? null : /*#__PURE__*/_jsx__default["default"](styled.StyledChatContainer, {
+  cols: ['auto', props.expanded ? 1 : '0px'],
   expanded: props.expanded,
   expandedWidth: props.expandedWidth
-}, /* @__PURE__ */ import_react.default.createElement(import_SideBarChat.SideBarChat, null), props.expanded ? /* @__PURE__ */ import_react.default.createElement(import_ChatContainer.ChatContainer, null) : /* @__PURE__ */ import_react.default.createElement("div", null)), [props.floating, props.expanded, props.expandedWidth]);
-module.exports = __toCommonJS(InfluencerContainer_exports);
-//# sourceMappingURL=InfluencerContainer.js.map
+}, void 0, _SideBarChat || (_SideBarChat = /*#__PURE__*/_jsx__default["default"](SideBarChat.SideBarChat, {})), props.expanded ? _ChatContainer || (_ChatContainer = /*#__PURE__*/_jsx__default["default"](ChatContainer.ChatContainer, {})) : _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {}))), [props.floating, props.expanded, props.expandedWidth]);
+
+exports.InfluencerContainer = InfluencerContainer;

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

@@ -1,56 +1,21 @@
-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, {
-  StyledChatContainer: () => StyledChatContainer,
-  StyledChatContainerContent: () => StyledChatContainerContent
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_styled = __toESM(require("../../styled"));
-const StyledChatContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  height: 100%;
-  width: ${(props) => props.expanded ? `${props.expandedWidth}px` : `${import_styled.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 = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  height: 100%;
-  overflow: hidden;
-  background: ${(props) => props.theme.colors.neutral["050"]};
-  ${(props) => props.floating ? `
-  width: ${props.expandedWidth}px;
-` : `
-  width: ${props.expandedWidth - import_styled.MIN_WIDTH_SIDEBAR}px;
-`}
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var dsGrid = require('@elliemae/ds-grid');
+var styled$1 = require('../../styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledChatContainer = /*#__PURE__*/styled__default["default"](dsGrid.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(styled$1.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__default["default"](dsGrid.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 - styled$1.MIN_WIDTH_SIDEBAR, "px;\n"));
+
+exports.StyledChatContainer = StyledChatContainer;
+exports.StyledChatContainerContent = StyledChatContainerContent;

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

@@ -1,55 +1,41 @@
-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 MessageDelimiter_exports = {};
-__export(MessageDelimiter_exports, {
-  MessageDelimiter: () => MessageDelimiter,
-  MessageDelimiterWithSchema: () => MessageDelimiterWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_styled = __toESM(require("./styled"));
-var import_props = __toESM(require("./props"));
-var import_useValidateProps = __toESM(require("./config/useValidateProps"));
-const MessageDelimiter = (props) => {
-  (0, import_useValidateProps.useValidateProps)(props, MessageDelimiterWithSchema.toJSON());
-  const { title, size, extraProps, verticalMargin } = props;
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.Wrapper, {
-    cols: ["1fr", "auto", "1fr"]
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.Line, null), /* @__PURE__ */ import_react.default.createElement(import_styled.Text, {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.url.to-json.js');
+require('react');
+var reactDesc = require('react-desc');
+var styled = require('./styled.js');
+var props = require('./props.js');
+var useValidateProps = require('./config/useValidateProps.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _Line, _Line2;
+
+const MessageDelimiter = props => {
+  useValidateProps.useValidateProps(props, MessageDelimiterWithSchema.toJSON());
+  const {
+    title,
     size,
-    verticalMargin,
-    "data-testid": extraProps["data-testid"]
-  }, title), /* @__PURE__ */ import_react.default.createElement(import_styled.Line, null));
+    extraProps,
+    verticalMargin
+  } = props;
+  return /*#__PURE__*/_jsx__default["default"](styled.Wrapper, {
+    cols: ['1fr', 'auto', '1fr']
+  }, void 0, _Line || (_Line = /*#__PURE__*/_jsx__default["default"](styled.Line, {})), /*#__PURE__*/_jsx__default["default"](styled.Text, {
+    size: size,
+    verticalMargin: verticalMargin,
+    "data-testid": extraProps['data-testid']
+  }, void 0, title), _Line2 || (_Line2 = /*#__PURE__*/_jsx__default["default"](styled.Line, {})));
 };
-MessageDelimiter.defaultProps = import_props.defaultProps;
-MessageDelimiter.propTypes = import_props.messageDelimiterProps;
-const MessageDelimiterWithSchema = (0, import_react_desc.describe)(MessageDelimiter);
-MessageDelimiterWithSchema.propTypes = import_props.messageDelimiterProps;
-module.exports = __toCommonJS(MessageDelimiter_exports);
-//# sourceMappingURL=MessageDelimiter.js.map
+
+MessageDelimiter.defaultProps = props.defaultProps;
+const MessageDelimiterWithSchema = reactDesc.describe(MessageDelimiter);
+MessageDelimiterWithSchema.propTypes = props.messageDelimiterProps;
+
+exports.MessageDelimiter = MessageDelimiter;
+exports.MessageDelimiterWithSchema = MessageDelimiterWithSchema;

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

@@ -1,38 +1,11 @@
-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 = __toESM(require("@elliemae/ds-props-helpers"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+
 const useValidateProps = (props, schema) => {
-  (0, import_ds_props_helpers.useValidatePropTypes)(props, schema);
+  dsPropsHelpers.useValidatePropTypes(props, schema);
 };
-module.exports = __toCommonJS(useValidateProps_exports);
-//# sourceMappingURL=useValidateProps.js.map
+
+exports.useValidateProps = useValidateProps;

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

@@ -1,36 +1,10 @@
-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 message_delimiter_exports = {};
-__export(message_delimiter_exports, {
-  MessageDelimiter: () => import_MessageDelimiter.MessageDelimiter,
-  MessageDelimiterWithSchema: () => import_MessageDelimiter.MessageDelimiterWithSchema
-});
-var React = __toESM(require("react"));
-var import_MessageDelimiter = __toESM(require("./MessageDelimiter"));
-module.exports = __toCommonJS(message_delimiter_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MessageDelimiter = require('./MessageDelimiter.js');
+
+
+
+exports.MessageDelimiter = MessageDelimiter.MessageDelimiter;
+exports.MessageDelimiterWithSchema = MessageDelimiter.MessageDelimiterWithSchema;

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

@@ -1,48 +1,23 @@
-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,
-  messageDelimiterProps: () => messageDelimiterProps
-});
-var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('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: 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")
+  title: reactDesc.PropTypes.string.isRequired.description('Text to display in the delimiter'),
+  size: reactDesc.PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),
+  extraProps: reactDesc.PropTypes.object.description('extra props for delimiter'),
+  verticalMargin: reactDesc.PropTypes.oneOf(['string', 'number']).description('Configurable css vertical margin property for flexibilty')
 };
-module.exports = __toCommonJS(props_exports);
-//# sourceMappingURL=props.js.map
+
+exports.defaultProps = defaultProps;
+exports.messageDelimiterProps = messageDelimiterProps;