@elliemae/ds-chat 1.57.1 → 2.0.0-alpha.11

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

@@ -2,75 +2,60 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var lodash = require('lodash');
 var reactDesc = require('react-desc');
-var DSIndeterminateProgressIndicator = require('@elliemae/ds-indeterminate-progress-indicator');
+var DSIndeterminateProgressIndicator = require('@elliemae/ds-basic/IndeterminateProgressIndicator');
 var DSBanner = require('@elliemae/ds-banner');
-var parts_chatComposer_ChatContainerComposer = require('../chat-composer/ChatContainerComposer.js');
-var parts_chatContainerMessagesList_ChatContainerMessagesList = require('../chat-container-messages-list/ChatContainerMessagesList.js');
-var parts_chatContainer_props = require('./props.js');
-var parts_chatContainer_styled = require('./styled.js');
-var parts_chatContainer_config_useValidateProps = require('./config/useValidateProps.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-icons');
-require('../chat-composer/styled.js');
-require('styled-components');
-require('@elliemae/ds-button');
-require('../chat-composer/config/useValidateProps.js');
-require('@elliemae/ds-props-helpers');
-require('../chat-composer/props.js');
-require('react-virtual');
-require('../bubble/ChatBubble.js');
-require('../bubble/styled.js');
-require('../bubble/props.js');
-require('prop-types');
-require('../bubble/config/useValidateProps.js');
-require('../bubble/ChatBubbleArrow.js');
-require('../message-delimiter/MessageDelimiter.js');
-require('../message-delimiter/styled.js');
-require('../message-delimiter/props.js');
-require('../message-delimiter/config/useValidateProps.js');
-require('../system-message/SystemMessage.js');
-require('../system-message/style.js');
-require('../system-message/props.js');
-require('../system-message/config/useValidateProps.js');
-require('../chat-container-messages-list/styled.js');
-require('../chat-container-messages-list/props.js');
-require('../chat-container-messages-list/config/useValidateProps.js');
+var ChatContainerComposer = require('../chat-composer/ChatContainerComposer.js');
+var ChatContainerMessagesList = require('../chat-container-messages-list/ChatContainerMessagesList.js');
+var props = require('./props.js');
+var styled = require('./styled.js');
+var useValidateProps = require('./config/useValidateProps.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSIndeterminateProgressIndicator__default = /*#__PURE__*/_interopDefaultLegacy(DSIndeterminateProgressIndicator);
 var DSBanner__default = /*#__PURE__*/_interopDefaultLegacy(DSBanner);
 
-var ChatContainer = function ChatContainer(props) {
+var _DSIndeterminateProgr, _StyledIndicatorConta;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const ChatContainer = props => {
   var _containerRef$current;
 
-  parts_chatContainer_config_useValidateProps.useValidateProps(props, ChatContainerWithSchema.toTypescript());
-  var sendingText = props.sendingText,
-      sendingMessages = props.sendingMessages,
-      bannerPosition = props.bannerPosition,
-      bannerProps = props.bannerProps,
-      messagesListProps = props.messagesListProps,
-      composerProps = props.composerProps,
-      onComposerResize = props.composerProps.onResize,
-      actionRef = props.actionRef,
-      autoScroll = props.autoScroll,
-      device = props.device,
-      isLoading = props.isLoading,
-      hasMoreItems = props.hasMoreItems,
-      getMoreMessages = props.getMoreMessages;
-  var containerRef = React__default['default'].useRef();
-  var listRef = React__default['default'].useRef({
+  useValidateProps.useValidateProps(props, ChatContainerWithSchema.toTypescript());
+  const {
+    sendingText,
+    sendingMessages,
+    bannerPosition,
+    bannerProps,
+    messagesListProps,
+    composerProps,
+    composerProps: {
+      onResize: onComposerResize
+    },
+    actionRef,
+    autoScroll,
+    device,
+    isLoading,
+    hasMoreItems,
+    getMoreMessages
+  } = props;
+  const containerRef = React__default["default"].useRef();
+  const listRef = React__default["default"].useRef({
     scrollToIndex: lodash.noop
   });
-  var onResize = React__default['default'].useCallback(function (height) {
+  const onResize = React__default["default"].useCallback(height => {
     if (onComposerResize) onComposerResize(height);
 
     if (autoScroll) {
@@ -79,63 +64,61 @@ var ChatContainer = function ChatContainer(props) {
       });
     }
   }, [onComposerResize, messagesListProps.messages, autoScroll]);
-  var Container = device === 'desktop' ? parts_chatContainer_styled.StyledChatContainerContent : parts_chatContainer_styled.MobileStyledChatContainerContent;
-  return /*#__PURE__*/React__default['default'].createElement(Container, {
+  const Container = device === 'desktop' ? styled.StyledChatContainerContent : styled.MobileStyledChatContainerContent;
+  return /*#__PURE__*/jsxRuntime.jsxs(Container, {
     rows: ['minmax(0, 1fr)', 'auto'],
     ref: containerRef,
     role: "region",
-    "aria-label": "chat window"
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      position: 'relative',
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(parts_chatContainerMessagesList_ChatContainerMessagesList.ChatContainerMessagesList, _extends__default['default']({}, messagesListProps, {
-    actionRef: actionRef || listRef,
-    isLoading: isLoading,
-    hasMoreItems: hasMoreItems,
-    getMoreMessages: getMoreMessages,
-    sendingMessages: sendingMessages,
-    sendingText: sendingText
-  })), ['top', 'bottom'].includes(isLoading) ? /*#__PURE__*/React__default['default'].createElement(parts_chatContainer_styled.StyledIndicatorContainer, {
-    isLoading: isLoading
-  }, /*#__PURE__*/React__default['default'].createElement(DSIndeterminateProgressIndicator__default['default'], {
-    processing: true,
-    title: "Loading"
-  })) : null, /*#__PURE__*/React__default['default'].createElement(parts_chatContainer_styled.StyledIndicatorContainer, {
-    isLoading: bannerPosition
-  }, /*#__PURE__*/React__default['default'].createElement(DSBanner__default['default'], {
-    showCloseButton: true,
-    label: bannerProps.label || 'Unread messages',
-    containerProps: {
-      id: 'ds-chat-banner'
-    },
-    actionLink: {
-      label: bannerProps.viewLabel || 'View',
-      onClick: bannerProps.onView
-    },
-    onClose: bannerProps.onClose,
-    isOpen: true,
-    type: DSBanner.BANNER_TYPES.INFO
-  })), sendingMessages && sendingMessages.length > 0 ? /*#__PURE__*/React__default['default'].createElement(parts_chatContainer_styled.StyledIndicatorContainer, {
-    isLoading: "bottom",
-    linear: true
-  }, /*#__PURE__*/React__default['default'].createElement(DSIndeterminateProgressIndicator__default['default'], {
-    processing: true,
-    title: "Loading",
-    lineOnly: true
-  })) : null), /*#__PURE__*/React__default['default'].createElement(parts_chatComposer_ChatContainerComposer.ChatComposer, _extends__default['default']({}, composerProps, {
-    onResize: onResize,
-    maxHeight: (((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.clientHeight) || 0) / 2,
-    actionRef: actionRef || listRef
-  })));
+    "aria-label": "chat window",
+    children: [/*#__PURE__*/_jsx__default["default"]("div", {
+      style: {
+        position: 'relative'
+      }
+    }, void 0, /*#__PURE__*/jsxRuntime.jsx(ChatContainerMessagesList.ChatContainerMessagesList, _objectSpread(_objectSpread({}, messagesListProps), {}, {
+      actionRef: actionRef || listRef,
+      isLoading: isLoading,
+      hasMoreItems: hasMoreItems,
+      getMoreMessages: getMoreMessages,
+      sendingMessages: sendingMessages,
+      sendingText: sendingText
+    })), ['top', 'bottom'].includes(isLoading) ? /*#__PURE__*/_jsx__default["default"](styled.StyledIndicatorContainer, {
+      isLoading: isLoading
+    }, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx__default["default"](DSIndeterminateProgressIndicator__default["default"], {
+      processing: true,
+      title: "Loading"
+    }))) : null, ['top', 'bottom'].includes(bannerPosition) ? /*#__PURE__*/_jsx__default["default"](styled.StyledIndicatorContainer, {
+      isLoading: bannerPosition
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSBanner__default["default"], {
+      showCloseButton: true,
+      label: bannerProps.label || 'Unread messages',
+      containerProps: {
+        id: 'ds-chat-banner'
+      },
+      actionLink: {
+        label: bannerProps.viewLabel || 'View',
+        onClick: bannerProps.onView
+      },
+      onClose: bannerProps.onClose,
+      isOpen: true,
+      type: DSBanner.BANNER_TYPES.INFO
+    })) : null, sendingMessages && sendingMessages.length > 0 ? _StyledIndicatorConta || (_StyledIndicatorConta = /*#__PURE__*/_jsx__default["default"](styled.StyledIndicatorContainer, {
+      isLoading: "bottom",
+      linear: true
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSIndeterminateProgressIndicator__default["default"], {
+      processing: true,
+      title: "Loading",
+      lineOnly: true
+    }))) : null), /*#__PURE__*/jsxRuntime.jsx(ChatContainerComposer.ChatComposer, _objectSpread(_objectSpread({}, composerProps), {}, {
+      onResize: onResize,
+      maxHeight: (((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.clientHeight) || 0) / 2,
+      actionRef: actionRef || listRef
+    }))]
+  });
 };
 
-ChatContainer.propTypes = parts_chatContainer_props.containerProps;
-ChatContainer.defaultProps = parts_chatContainer_props.defaultProps;
-var ChatContainerWithSchema = reactDesc.describe(ChatContainer);
-ChatContainerWithSchema.propTypes = parts_chatContainer_props.containerProps;
+ChatContainer.defaultProps = props.defaultProps;
+const ChatContainerWithSchema = reactDesc.describe(ChatContainer);
+ChatContainerWithSchema.propTypes = props.containerProps;
 
 exports.ChatContainer = ChatContainer;
 exports.ChatContainerWithSchema = ChatContainerWithSchema;
-//# sourceMappingURL=ChatContainer.js.map

package/cjs/parts/chat-container/config/useValidateProps.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 
-var useValidateProps = function useValidateProps(props, schema) {
+const useValidateProps = (props, schema) => {
   dsPropsHelpers.useValidateTypescriptPropTypes(props, schema);
 };
 
 exports.useValidateProps = useValidateProps;
-//# sourceMappingURL=useValidateProps.js.map

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

@@ -2,49 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var parts_chatContainer_ChatContainer = require('./ChatContainer.js');
-require('@babel/runtime/helpers/extends');
-require('react');
-require('lodash');
-require('react-desc');
-require('@elliemae/ds-indeterminate-progress-indicator');
-require('@elliemae/ds-banner');
-require('../chat-composer/ChatContainerComposer.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-icons');
-require('../chat-composer/styled.js');
-require('styled-components');
-require('@elliemae/ds-button');
-require('../chat-composer/config/useValidateProps.js');
-require('@elliemae/ds-props-helpers');
-require('../chat-composer/props.js');
-require('../chat-container-messages-list/ChatContainerMessagesList.js');
-require('react-virtual');
-require('../bubble/ChatBubble.js');
-require('../bubble/styled.js');
-require('../bubble/props.js');
-require('prop-types');
-require('../bubble/config/useValidateProps.js');
-require('../bubble/ChatBubbleArrow.js');
-require('../message-delimiter/MessageDelimiter.js');
-require('../message-delimiter/styled.js');
-require('../message-delimiter/props.js');
-require('../message-delimiter/config/useValidateProps.js');
-require('../system-message/SystemMessage.js');
-require('../system-message/style.js');
-require('../system-message/props.js');
-require('../system-message/config/useValidateProps.js');
-require('../chat-container-messages-list/styled.js');
-require('../chat-container-messages-list/props.js');
-require('../chat-container-messages-list/config/useValidateProps.js');
-require('./props.js');
-require('./styled.js');
-require('./config/useValidateProps.js');
+var ChatContainer = require('./ChatContainer.js');
 
 
 
-exports.ChatContainer = parts_chatContainer_ChatContainer.ChatContainer;
-exports.ChatContainerWithSchema = parts_chatContainer_ChatContainer.ChatContainerWithSchema;
-//# sourceMappingURL=index.js.map
+exports.ChatContainer = ChatContainer.ChatContainer;
+exports.ChatContainerWithSchema = ChatContainer.ChatContainerWithSchema;

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

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactDesc = require('react-desc');
 var lodash = require('lodash');
-var parts_chatContainerMessagesList_props = require('../chat-container-messages-list/props.js');
-var parts_chatComposer_props = require('../chat-composer/props.js');
+var props = require('../chat-container-messages-list/props.js');
+var props$1 = require('../chat-composer/props.js');
 
-var defaultProps = {
-  messagesListProps: parts_chatContainerMessagesList_props.defaultProps,
-  composerProps: parts_chatComposer_props.defaultComposerPros,
+const defaultProps = {
+  messagesListProps: props.defaultProps,
+  composerProps: props$1.defaultComposerPros,
   actionRef: undefined,
   autoScroll: false,
   device: 'desktop',
@@ -26,7 +26,7 @@ var defaultProps = {
   sendingMessages: undefined,
   sendingText: 'Sending'
 };
-var containerProps = {
+const containerProps = {
   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),
@@ -43,4 +43,3 @@ var containerProps = {
 
 exports.containerProps = containerProps;
 exports.defaultProps = defaultProps;
-//# sourceMappingURL=props.js.map

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

@@ -4,48 +4,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('styled-components');
 var dsGrid = require('@elliemae/ds-grid');
-var parts_bubble_styled = require('../bubble/styled.js');
-var parts_chatComposer_styled = require('../chat-composer/styled.js');
-var parts_systemMessage_style = require('../system-message/style.js');
-require('../bubble/props.js');
-require('prop-types');
-require('react-desc');
-require('lodash');
-require('@elliemae/ds-button');
+var styled$1 = require('../bubble/styled.js');
+var styled$2 = require('../chat-composer/styled.js');
+var style = require('../system-message/style.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var CONTAINER_WIDTH = 300;
-var StyledChatContainerContent = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+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, function (props) {
-  return props.theme.colors.neutral['050'];
-});
-var StyledIndicatorContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["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:calc(100% + ", ");padding:0 ", ";left:-", ";right:-", ";background:", ";", " ", ""], function (props) {
-  return props.theme.space.xxs * 2;
-}, function (props) {
-  return !props.linear ? props.theme.space.xxs : 0;
-}, function (props) {
-  return props.theme.space.xxs;
-}, function (props) {
-  return props.theme.space.xxs;
-}, function (props) {
-  return props.theme.colors.neutral['000'];
-}, function (props) {
-  return props.isLoading === 'top' ? "\n  top: -41px;\n  transform: translate(0, 41px);\n  visibility: visible;\n  pointer-events: auto\n  " : '';
-}, function (props) {
-  return props.isLoading === 'bottom' ? "\n  bottom: -41px;\n  transform: translate(0, -41px);\n  visibility: visible;\n  pointer-events: auto;\n  " : '';
-});
-var MobileStyledChatContainerContent = /*#__PURE__*/styled__default['default'](StyledChatContainerContent).withConfig({
+})(["position:absolute;width:calc(100% + ", ");padding:", ";left:-", ";right:-", ";background:", ";", " ", ""], props => props.theme.space.xxs, props => !props.linear ? props.theme.space.xxs : 0, props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.theme.colors.neutral['000'], props => props.isLoading === 'top' ? 'top: 0;' : '', props => props.isLoading === 'bottom' ? 'bottom: 0;' : '');
+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;}"], parts_bubble_styled.StyledTitleLeftBubble, parts_bubble_styled.StyleBodyWrapper, parts_bubble_styled.StyledTitleRightBubble, parts_systemMessage_style.Wrapper, parts_systemMessage_style.Title, parts_systemMessage_style.Message, parts_systemMessage_style.Time, parts_chatComposer_styled.StyledComposerInput);
+})(["", ",", "{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;}"], styled$1.StyledTitleLeftBubble, styled$1.StyleBodyWrapper, styled$1.StyledTitleRightBubble, style.Wrapper, style.Title, style.Message, style.Time, styled$2.StyledComposerInput);
 
 exports.CONTAINER_WIDTH = CONTAINER_WIDTH;
 exports.MobileStyledChatContainerContent = MobileStyledChatContainerContent;
 exports.StyledChatContainerContent = StyledChatContainerContent;
 exports.StyledIndicatorContainer = StyledIndicatorContainer;
-//# sourceMappingURL=styled.js.map

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

@@ -2,38 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var parts_chatContainerHeader_styled = require('./styled.js');
-var parts_chatContainerHeader_helpers = require('./helpers.js');
-require('styled-components');
-require('@elliemae/ds-grid');
+var styled = require('./styled.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 ChatContainerHeader = function ChatContainerHeader(props) {
-  var title = props.title,
-      floating = props.floating,
-      children = props.children;
-  return /*#__PURE__*/React__default['default'].createElement(parts_chatContainerHeader_styled.StyledChatContainerContentHeader, {
+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__*/React__default['default'].createElement(parts_chatContainerHeader_styled.StyledChatContainerContentHeaderLabel, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledChatContainerContentHeaderLabel, {
     "data-testid": "chat-container-header-title",
     pl: "xxs",
     pr: "xxs"
-  }, /*#__PURE__*/React__default['default'].createElement(dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
     value: title
-  })), /*#__PURE__*/React__default['default'].createElement(parts_chatContainerHeader_styled.StyledChatContainerContentHeaderActions, {
-    cols: parts_chatContainerHeader_helpers.validHeaderChilds(children),
+  })), /*#__PURE__*/_jsx__default["default"](styled.StyledChatContainerContentHeaderActions, {
+    cols: React__default["default"].Children.toArray(children).filter(e => e).map(() => '32px'),
     justifyContent: "flex-end",
     "data-testid": "chat-container-header-children"
-  }, children));
+  }, void 0, children));
 };
 
 exports.ChatContainerHeader = ChatContainerHeader;
-//# sourceMappingURL=ChatContainerHeader.js.map

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

@@ -9,23 +9,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var StyledChatContainerContentHeaderActions = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const StyledChatContainerContentHeader = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-jmynvr-0"
-})(["max-width:80px;"]);
-var StyledChatContainerContentHeader = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+})(["width:100%;min-height:48px;border-bottom:1px solid ", ";background:", ";"], props => props.theme.colors.neutral['200'], props => props.theme.colors.neutral['050']);
+const StyledChatContainerContentHeaderLabel = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-jmynvr-1"
-})(["width:100%;min-height:48px;border-bottom:1px solid ", ";background:", ";", "{& button{background:transparent;}}"], function (props) {
-  return props.theme.colors.neutral['200'];
-}, function (props) {
-  return props.theme.colors.neutral['050'];
-}, StyledChatContainerContentHeaderActions);
-var StyledChatContainerContentHeaderLabel = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+})(["justify-content:center;align-items:center;font-weight:bold;font-size:18px;color:", ";"], props => props.theme.colors.neutral['700']);
+const StyledChatContainerContentHeaderActions = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-jmynvr-2"
-})(["justify-content:center;align-items:center;font-weight:bold;font-size:18px;color:", ";"], function (props) {
-  return props.theme.colors.neutral['700'];
-});
+})(["max-width:80px;"]);
 
 exports.StyledChatContainerContentHeader = StyledChatContainerContentHeader;
 exports.StyledChatContainerContentHeaderActions = StyledChatContainerContentHeaderActions;
 exports.StyledChatContainerContentHeaderLabel = StyledChatContainerContentHeaderLabel;
-//# sourceMappingURL=styled.js.map