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

package/cjs/parts/chat-container/props.js

@@ -1,92 +1,49 @@
-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, {
-  containerProps: () => containerProps,
-  defaultProps: () => defaultProps
-});
-var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_lodash = __toESM(require("lodash"));
-var import_ds_banner = __toESM(require("@elliemae/ds-banner"));
-var import_props = __toESM(require("../chat-container-messages-list/props"));
-var import_props2 = __toESM(require("../chat-composer/props"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+var lodash = require('lodash');
+var DSBanner = require('@elliemae/ds-banner');
+var props = require('../chat-container-messages-list/props.js');
+var props$1 = require('../chat-composer/props.js');
+
 const defaultProps = {
-  messagesListProps: import_props.defaultProps,
-  composerProps: import_props2.defaultComposerPros,
-  actionRef: void 0,
+  messagesListProps: props.defaultProps,
+  composerProps: props$1.defaultComposerPros,
+  actionRef: undefined,
   autoScroll: false,
-  device: "desktop",
-  isLoading: void 0,
-  hasMoreItems: void 0,
-  getMoreMessages: import_lodash.noop,
-  bannerPosition: void 0,
+  device: 'desktop',
+  isLoading: undefined,
+  hasMoreItems: undefined,
+  getMoreMessages: lodash.noop,
+  bannerPosition: undefined,
   bannerProps: {
-    type: import_ds_banner.BANNER_TYPES.INFO,
-    label: "Unread Messages",
-    viewLabel: "View",
-    onView: import_lodash.noop,
-    onClose: import_lodash.noop
+    type: DSBanner.BANNER_TYPES.INFO,
+    label: 'Unread Messages',
+    viewLabel: 'View',
+    onView: lodash.noop,
+    onClose: lodash.noop
   },
-  sendingMessages: void 0,
-  sendingText: "Sending",
-  ariaLabel: "Chat window"
+  sendingMessages: undefined,
+  sendingText: 'Sending',
+  ariaLabel: 'Chat window'
 };
 const containerProps = {
-  messagesListProps: import_react_desc.PropTypes.object.description('ChatMessageList props "messages" / "onScrollEnds"').defaultValue(defaultProps.messagesListProps),
-  composerProps: import_react_desc.PropTypes.object.description("Composer configuration").defaultValue(defaultProps.composerProps),
-  autoScroll: import_react_desc.PropTypes.bool.description("Auto scroll to bottom on resize").defaultValue(defaultProps.autoScroll),
-  device: import_react_desc.PropTypes.string.description("Option to render mobile or desktop style composer").defaultValue(defaultProps.device),
-  isLoading: import_react_desc.PropTypes.oneOf(["top", "bottom", void 0]).description("Show Loading messages indicator at the `top` or `bottom` of the container"),
-  hasMoreItems: import_react_desc.PropTypes.oneOf(["top", "bottom", void 0]).description("Show Load More button at the `top` or `bottom` of the container"),
-  getMoreMessages: import_react_desc.PropTypes.func.description("Called when the user clicks on load more").defaultValue(defaultProps.getMoreMessages),
-  bannerPosition: import_react_desc.PropTypes.oneOf(["top", "bottom", void 0]).description("Show Loading messages indicator at the `top` or `bottom` of the container"),
-  bannerProps: import_react_desc.PropTypes.object.description(`Banner configuration:
-  label: string;
-  viewLabel: string;
-  type: BANNER_TYPES;
-  onView: () => void;
-  onClose: () => void;
-  `).defaultValue(defaultProps.bannerProps),
-  sendingMessages: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string), import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.number)]).description("Array of ids of sending messages").defaultValue(defaultProps.sendingMessages),
-  sendingText: import_react_desc.PropTypes.string.description("Label description for messages in sending status").defaultValue(defaultProps.sendingText),
-  actionRef: import_react_desc.PropTypes.object.description(`Reference: 
-        { 
-          scrollToIndex: (n: number) => void,
-          getMessagesInView: () => number[],
-          focusToIndex: (n: number) => void,
-          focusToList: () => void,
-          focusToComposer: () => void,
-          focusToSend: () => void,
-        }
-        
-      `).defaultValue(defaultProps.actionRef),
-  ariaLabel: import_react_desc.PropTypes.string.description("Aria Label description for chat container").defaultValue(defaultProps.ariaLabel)
+  messagesListProps: reactDesc.PropTypes.object.description('ChatMessageList props "messages" / "onScrollEnds"').defaultValue(defaultProps.messagesListProps),
+  composerProps: reactDesc.PropTypes.object.description('Composer configuration').defaultValue(defaultProps.composerProps),
+  autoScroll: reactDesc.PropTypes.bool.description('Auto scroll to bottom on resize').defaultValue(defaultProps.autoScroll),
+  device: reactDesc.PropTypes.string.description('Option to render mobile or desktop style composer').defaultValue(defaultProps.device),
+  isLoading: reactDesc.PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Loading messages indicator at the `top` or `bottom` of the container'),
+  hasMoreItems: reactDesc.PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Load More button at the `top` or `bottom` of the container'),
+  getMoreMessages: reactDesc.PropTypes.func.description('Called when the user clicks on load more').defaultValue(defaultProps.getMoreMessages),
+  bannerPosition: reactDesc.PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Loading messages indicator at the `top` or `bottom` of the container'),
+  bannerProps: reactDesc.PropTypes.object.description("Banner configuration:\n  label: string;\n  viewLabel: string;\n  type: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n  ").defaultValue(defaultProps.bannerProps),
+  sendingMessages: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string), reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number)]).description('Array of ids of sending messages').defaultValue(defaultProps.sendingMessages),
+  sendingText: reactDesc.PropTypes.string.description('Label description for messages in sending status').defaultValue(defaultProps.sendingText),
+  actionRef: reactDesc.PropTypes.object.description("Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n          focusToIndex: (n: number) => void,\n          focusToList: () => void,\n          focusToComposer: () => void,\n          focusToSend: () => void,\n        }\n        \n      ").defaultValue(defaultProps.actionRef),
+  ariaLabel: reactDesc.PropTypes.string.description('Aria Label description for chat container').defaultValue(defaultProps.ariaLabel)
 };
-module.exports = __toCommonJS(props_exports);
-//# sourceMappingURL=props.js.map
+
+exports.containerProps = containerProps;
+exports.defaultProps = defaultProps;

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

@@ -1,110 +1,29 @@
-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, {
-  CONTAINER_WIDTH: () => CONTAINER_WIDTH,
-  MobileStyledChatContainerContent: () => MobileStyledChatContainerContent,
-  StyledChatContainerContent: () => StyledChatContainerContent,
-  StyledIndicatorContainer: () => StyledIndicatorContainer
-});
-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("../bubble/styled"));
-var import_styled2 = __toESM(require("../chat-composer/styled"));
-var import_style = __toESM(require("../system-message/style"));
-const CONTAINER_WIDTH = 300;
-const StyledChatContainerContent = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  height: 100%;
-  min-width: ${CONTAINER_WIDTH}px;
-  overflow: hidden;
-  background: ${(props) => props.theme.colors.neutral["050"]};
-  position: relative;
-`;
-const StyledIndicatorContainer = import_styled_components.default.div`
-  transition: 0.4s ease-in-out;
-  position: absolute;
-  visibility: hidden;
-  pointer-events: none;
-  width: 100%;
-  padding: 0 ${(props) => !props.linear ? props.theme.space.xxs : 0};
-  left: 0;
-  right: 0;
-  background: ${(props) => props.theme.colors.neutral["000"]};
-  ${(props) => props.isLoading === "top" ? `
-  top: -41px;
-  transform: translate(0, 41px);
-  visibility: visible;
-  pointer-events: auto;
-  ` : ""}
-  ${(props) => props.isLoading === "bottom" ? `
-  bottom: -41px;
-  transform: translate(0, -41px);
-  visibility: visible;
-  pointer-events: auto;
-  ` : ""}
-
-  & div,a {
-    font-size: 13px;
-  }
-`;
-const MobileStyledChatContainerContent = (0, import_styled_components.default)(StyledChatContainerContent)`
-  ${import_styled.StyledTitleLeftBubble},
-  ${import_styled.StyleBodyWrapper} {
-    font-size: 16px;
-  }
+'use strict';
 
-  ${import_styled.StyledTitleRightBubble} {
-    font-size: 13px;
-  }
+Object.defineProperty(exports, '__esModule', { value: true });
 
-  ${import_style.Wrapper} {
-    background-color: #fff;
-    box-shadow: -0 1px 3px rgba(53, 60, 70, 0.8);
-  }
+var styled = require('styled-components');
+var dsGrid = require('@elliemae/ds-grid');
+var styled$1 = require('../bubble/styled.js');
+var styled$2 = require('../chat-composer/styled.js');
+var style = require('../system-message/style.js');
 
-  ${import_style.Title},
-  ${import_style.Message} {
-    font-size: 16px;
-    text-align: left;
-  }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-  ${import_style.Time} {
-    font-size: 13px;
-  }
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-  ${import_styled2.StyledComposerInput} {
-    font-size: 16px;
-  }
+const CONTAINER_WIDTH = 300;
+const StyledChatContainerContent = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-d732wo-0"
+})(["height:100%;min-width:", "px;overflow:hidden;background:", ";position:relative;"], CONTAINER_WIDTH, props => props.theme.colors.neutral['050']);
+const StyledIndicatorContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-d732wo-1"
+})(["transition:0.4s ease-in-out;position:absolute;visibility:hidden;pointer-events:none;width:100%;padding:0 ", ";left:0;right:0;background:", ";", " ", " & div,a{font-size:13px;}"], props => !props.linear ? props.theme.space.xxs : 0, props => props.theme.colors.neutral['000'], props => props.isLoading === 'top' ? "\n  top: -41px;\n  transform: translate(0, 41px);\n  visibility: visible;\n  pointer-events: auto;\n  " : '', props => props.isLoading === 'bottom' ? "\n  bottom: -41px;\n  transform: translate(0, -41px);\n  visibility: visible;\n  pointer-events: auto;\n  " : '');
+const MobileStyledChatContainerContent = /*#__PURE__*/styled__default["default"](StyledChatContainerContent).withConfig({
+  componentId: "sc-d732wo-2"
+})(["", ",", "{font-size:16px;}", "{font-size:13px;}", "{background-color:#fff;box-shadow:-0 1px 3px rgba(53,60,70,0.8);}", ",", "{font-size:16px;text-align:left;}", "{font-size:13px;}", "{font-size:16px;}", "{font-size:16px;}"], styled$1.StyledTitleLeftBubble, styled$1.StyleBodyWrapper, styled$1.StyledTitleRightBubble, style.Wrapper, style.Title, style.Message, style.Time, styled$2.StyledComposerInput, StyledIndicatorContainer);
 
-  ${StyledIndicatorContainer} {
-    font-size: 16px;
-  }
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+exports.CONTAINER_WIDTH = CONTAINER_WIDTH;
+exports.MobileStyledChatContainerContent = MobileStyledChatContainerContent;
+exports.StyledChatContainerContent = StyledChatContainerContent;
+exports.StyledIndicatorContainer = StyledIndicatorContainer;

package/cjs/parts/chat-container-header/ChatContainerHeader.js

@@ -1,57 +1,39 @@
-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 ChatContainerHeader_exports = {};
-__export(ChatContainerHeader_exports, {
-  ChatContainerHeader: () => ChatContainerHeader
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
-var import_styled = __toESM(require("./styled"));
-var import_helpers = __toESM(require("./helpers"));
-const ChatContainerHeader = (props) => {
-  const { title, floating, children } = props;
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainerContentHeader, {
-    alignItems: "center",
-    cols: ["minmax(calc(100% - 64px), 1fr)", children ? "auto" : "0px"],
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
+var styled = require('./styled.js');
+var helpers = require('./helpers.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const ChatContainerHeader = props => {
+  const {
+    title,
     floating,
+    children
+  } = props;
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledChatContainerContentHeader, {
+    alignItems: "center",
+    cols: ['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px'],
+    floating: floating,
     role: "heading"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainerContentHeaderLabel, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledChatContainerContentHeaderLabel, {
     "data-testid": "chat-container-header-title",
     pl: "xxs",
     pr: "xxs"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
     value: title
-  })), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainerContentHeaderActions, {
-    cols: (0, import_helpers.validHeaderChilds)(children),
+  })), /*#__PURE__*/_jsx__default["default"](styled.StyledChatContainerContentHeaderActions, {
+    cols: helpers.validHeaderChilds(children),
     justifyContent: "flex-end",
     "data-testid": "chat-container-header-children"
-  }, children));
+  }, void 0, children));
 };
-module.exports = __toCommonJS(ChatContainerHeader_exports);
-//# sourceMappingURL=ChatContainerHeader.js.map
+
+exports.ChatContainerHeader = ChatContainerHeader;

package/cjs/parts/chat-container-header/helpers.js

@@ -1,44 +1,31 @@
-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 helpers_exports = {};
-__export(helpers_exports, {
-  validHeaderChilds: () => validHeaderChilds
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const validHeaderChilds = (children) => import_react.default.Children.toArray(children).filter((e) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.constructor.js');
+require('core-js/modules/esnext.async-iterator.to-array.js');
+require('core-js/modules/esnext.iterator.to-array.js');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const validHeaderChilds = children => React__default["default"].Children.toArray(children).filter(e => {
   if (Array.isArray(e.props.children)) {
     return false;
   }
-  if (e.props.children === void 0 && e.$$typeof.toString() === "Symbol(react.element)") {
+
+  if (e.props.children === undefined && e.$$typeof.toString() === 'Symbol(react.element)') {
     return true;
   }
+
   return !!e.props.children;
-}).map(() => "32px");
-module.exports = __toCommonJS(helpers_exports);
-//# sourceMappingURL=helpers.js.map
+}).map(() => '32px');
+
+exports.validHeaderChilds = validHeaderChilds;

package/cjs/parts/chat-container-header/styled.js

@@ -1,59 +1,24 @@
-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, {
-  StyledChatContainerContentHeader: () => StyledChatContainerContentHeader,
-  StyledChatContainerContentHeaderActions: () => StyledChatContainerContentHeaderActions,
-  StyledChatContainerContentHeaderLabel: () => StyledChatContainerContentHeaderLabel
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-const StyledChatContainerContentHeaderActions = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  max-width: 80px;
-`;
-const StyledChatContainerContentHeader = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  width: 100%;
-  min-height: 48px;
-  border-bottom: 1px solid ${(props) => props.theme.colors.neutral["200"]};
-  background: ${(props) => props.theme.colors.neutral["050"]};
-  ${StyledChatContainerContentHeaderActions} {
-    & button {
-      background: transparent;
-    }
-  }
-`;
-const StyledChatContainerContentHeaderLabel = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  justify-content: center;
-  align-items: center;
-  font-weight: bold;
-  font-size: 18px;
-  color: ${(props) => props.theme.colors.neutral["700"]};
-`;
-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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledChatContainerContentHeaderActions = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-jmynvr-0"
+})(["max-width:80px;"]);
+const StyledChatContainerContentHeader = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-jmynvr-1"
+})(["width:100%;min-height:48px;border-bottom:1px solid ", ";background:", ";", "{& button{background:transparent;}}"], props => props.theme.colors.neutral['200'], props => props.theme.colors.neutral['050'], StyledChatContainerContentHeaderActions);
+const StyledChatContainerContentHeaderLabel = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-jmynvr-2"
+})(["justify-content:center;align-items:center;font-weight:bold;font-size:18px;color:", ";"], props => props.theme.colors.neutral['700']);
+
+exports.StyledChatContainerContentHeader = StyledChatContainerContentHeader;
+exports.StyledChatContainerContentHeaderActions = StyledChatContainerContentHeaderActions;
+exports.StyledChatContainerContentHeaderLabel = StyledChatContainerContentHeaderLabel;