@elliemae/ds-chat 2.0.0-alpha.4 → 2.0.0-alpha.8

package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.url.to-json.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var reactVirtual = require('react-virtual');
@@ -27,7 +26,7 @@ var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
 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; }
+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 getPadding = hasMoreItems => {
   const padding = {
@@ -39,7 +38,7 @@ const getPadding = hasMoreItems => {
 };
 
 const ChatContainerMessagesList = props => {
-  useValidateProps.useValidateProps(props, ChatContainerMessagesListWithSchema.toJSON());
+  useValidateProps.useValidateProps(props, ChatContainerMessagesListWithSchema.toTypescript());
   const {
     sendingText,
     sendingMessages,
@@ -50,7 +49,7 @@ const ChatContainerMessagesList = props => {
     hasMoreItems,
     isLoading
   } = props;
-  const virtualListRef = React__default['default'].useRef(); // estimateSize should not be really required given what was stated on
+  const virtualListRef = React__default["default"].useRef(); // estimateSize should not be really required given what was stated on
   // https://github.com/tannerlinsley/react-virtual/issues/23
 
   const {
@@ -62,9 +61,9 @@ const ChatContainerMessagesList = props => {
     parentRef: virtualListRef,
     overscan: 15
   }, getPadding(hasMoreItems)), {}, {
-    estimateSize: React__default['default'].useCallback(() => 80, [])
+    estimateSize: React__default["default"].useCallback(() => 80, [])
   }));
-  const onScrollStop = React__default['default'].useCallback(() => {
+  const onScrollStop = React__default["default"].useCallback(() => {
     const {
       bottom,
       top
@@ -80,7 +79,7 @@ const ChatContainerMessagesList = props => {
     if (onScrollEnds) onScrollEnds(indexList);
     return indexList;
   }, [onScrollEnds]);
-  const scrollAndFocus = React__default['default'].useCallback(index => {
+  const scrollAndFocus = React__default["default"].useCallback(index => {
     vScroll(index, {
       align: 'center'
     });
@@ -88,7 +87,7 @@ const ChatContainerMessagesList = props => {
       virtualListRef.current.querySelector(`[data-index="${index}"]`).focus();
     }, 300);
   }, [vScroll]);
-  React__default['default'].useEffect(() => {
+  React__default["default"].useEffect(() => {
     if (actionRef && actionRef.current) {
       actionRef.current.scrollToIndex = (a, b = {
         align: 'center'
@@ -113,7 +112,7 @@ const ChatContainerMessagesList = props => {
       };
     }
   }, [actionRef, onScrollStop, scrollAndFocus, vScroll]);
-  const handleKey = React__default['default'].useCallback(e => {
+  const handleKey = React__default["default"].useCallback(e => {
     e.preventDefault();
     const {
       key
@@ -145,7 +144,7 @@ const ChatContainerMessagesList = props => {
         break;
     }
   }, [actionRef, messages.length, scrollAndFocus]);
-  React__default['default'].useEffect(() => {
+  React__default["default"].useEffect(() => {
     let handlerCallback = null;
     const localVirtualRef = virtualListRef.current;
 
@@ -163,7 +162,7 @@ const ChatContainerMessagesList = props => {
       if (onScrollEnds) localVirtualRef.removeEventListener('scroll', onScroll);
     };
   }, [onScrollStop, onScrollEnds]);
-  const render = React__default['default'].useMemo(() => virtualItems.map(virtualItem => {
+  const render = React__default["default"].useMemo(() => virtualItems.map(virtualItem => {
     const {
       index,
       measureRef,
@@ -186,7 +185,7 @@ const ChatContainerMessagesList = props => {
       tabIndex: 0,
       onKeyDown: handleKey,
       role: "listitem",
-      children: /*#__PURE__*/_jsx__default['default'](styled.StyledWrapperListItem, {
+      children: /*#__PURE__*/_jsx__default["default"](styled.StyledWrapperListItem, {
         type: row.type
       }, void 0, row.type === props$1.BUBBLE_TYPES.SENDER || row.type === props$1.BUBBLE_TYPES.RECIPIENT ?
       /*#__PURE__*/
@@ -196,18 +195,18 @@ const ChatContainerMessagesList = props => {
       })) : null, row.type === props$1.BUBBLE_TYPES.DELIMITER ? /*#__PURE__*/jsxRuntime.jsx(MessageDelimiter.MessageDelimiter, _objectSpread({}, row)) : null, row.type === props$1.BUBBLE_TYPES.SYSTEM ? /*#__PURE__*/jsxRuntime.jsx(SystemMessage.SystemMessage, _objectSpread({}, row)) : null)
     }, `ds-chat-bubble-${index}`);
   }), [virtualItems, messages, sendingMessages, handleKey, sendingText]);
-  return /*#__PURE__*/_jsx__default['default'](styled.StyledWrapper, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.StyledChatContainerContentList, {
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledWrapper, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.StyledChatContainerContentList, {
     "data-testid": "chat-thread-container",
     tabIndex: 0,
     "aria-live": "polite",
     ref: virtualListRef,
     role: "list",
     onKeyDown: handleKey,
-    children: /*#__PURE__*/_jsx__default['default'](styled.StyledChatContainerContentListScroll, {
+    children: /*#__PURE__*/_jsx__default["default"](styled.StyledChatContainerContentListScroll, {
       height: `${totalSize}px`
-    }, void 0, render, !isLoading && hasMoreItems ? /*#__PURE__*/_jsx__default['default'](styled.StyledLoadMoreContainer, {
+    }, void 0, render, !isLoading && hasMoreItems ? /*#__PURE__*/_jsx__default["default"](styled.StyledLoadMoreContainer, {
       hasMoreItems: hasMoreItems
-    }, void 0, /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       labelText: "Load More",
       buttonType: "secondary",
       onClick: getMoreMessages

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 
 const useValidateProps = (props, schema) => {
-  dsPropsHelpers.useValidatePropTypes(props, schema);
+  dsPropsHelpers.useValidateTypescriptPropTypes(props, schema);
 };
 
 exports.useValidateProps = useValidateProps;

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

@@ -30,7 +30,7 @@ const listProps = {
   isLoading: reactDesc.PropTypes.oneOf(['top', 'bottom', undefined]).description('Keeps the load more space while the loading is in progress'),
   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),
-  sendingMessages: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number])).description('Array of ids of sending messages').defaultValue(defaultProps.sendingMessages),
+  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)
 };
 

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

@@ -10,27 +10,27 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1jhprzr-0"
 })(["width:100%;height:100%;"]); // list
 
-const StyledWrapperListItem = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledWrapperListItem = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1jhprzr-1"
 })(["min-width:100%;", ";", ";", ";"], props$1 => props$1.type === props.BUBBLE_TYPES.SENDER && `padding: ${props$1.theme.space.xxs} ${props$1.theme.space.xxs} 0px 13%
   `, props$1 => props$1.type === props.BUBBLE_TYPES.RECIPIENT && `padding: ${props$1.theme.space.xxs} 13% ${props$1.theme.space.xxs}
     ${props$1.theme.space.xxs}
   `, props$1 => props$1.type === props.BUBBLE_TYPES.SYSTEM && `padding: ${props$1.theme.space.xxs} 0px
   `);
-const StyledChatContainerContentList = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledChatContainerContentList = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1jhprzr-2"
 })(["width:100%;height:100%;padding:", ";padding-bottom:0;overflow-y:auto;overflow-x:hidden;"], props => props.theme.space.xs);
-const StyledChatContainerContentListScroll = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledChatContainerContentListScroll = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1jhprzr-3"
 })(["width:100%;height:", ";position:relative;"], props => props.height);
-const StyledLoadMoreContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledLoadMoreContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1jhprzr-4"
 })(["position:absolute;width:calc(100% + ", ");padding:", ";left:-", ";right:-", ";display:grid;justify-content:center;align-items:center;", " ", ""], props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.hasMoreItems === 'top' ? 'top: 0;' : '', props => props.hasMoreItems === 'bottom' ? 'bottom: 0;' : '');
-const ListItem = /*#__PURE__*/styled__default['default'].div.withConfig({
+const ListItem = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1jhprzr-5"
 })(["&:focus,&:focus-visible{outline:none;&:after{content:'';display:block;position:absolute;pointer-events:none;background:rgba(255,255,255,0.5);width:calc(100% + ", ");height:100%;}}"], props => props.theme.space.xxs);
 

package/cjs/parts/chat-empty-state/ChatEmptyState.js

@@ -25,23 +25,23 @@ const ChatEmptyState = props => {
     label,
     action
   } = props;
-  const MainContent = React.useMemo(() => /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
+  const MainContent = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Communications__default['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Communications__default["default"], {
     size: "xxl",
     color: ['neutral', 400]
-  })), _Grid || (_Grid = /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
+  })), _Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, /*#__PURE__*/_jsx__default['default'](styled.MessageWrapper, {}, void 0, label))), _Grid2 || (_Grid2 = /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.MessageWrapper, {}, void 0, label))), _Grid2 || (_Grid2 = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "center",
     justifyContent: "center"
   }, void 0, action))), [label, action]);
-  return /*#__PURE__*/_jsx__default['default'](styled.ChatEmptyStateWrapper, {
+  return /*#__PURE__*/_jsx__default["default"](styled.ChatEmptyStateWrapper, {
     alignItems: "center",
     justifyContent: "center"
   }, void 0, MainContent);

package/cjs/parts/chat-empty-state/styled.js

@@ -10,10 +10,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 const CONTAINER_WIDTH = 300;
-const ChatEmptyStateWrapper = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const ChatEmptyStateWrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-1tutmen-0"
 })(["height:100%;min-width:", "px;overflow:hidden;background:", ";"], CONTAINER_WIDTH, props => props.theme.colors.neutral['050']);
-const MessageWrapper = /*#__PURE__*/styled__default['default'].p.withConfig({
+const MessageWrapper = /*#__PURE__*/styled__default["default"].p.withConfig({
   componentId: "sc-1tutmen-1"
 })(["font-size:18px;"]);
 

package/cjs/parts/chat-sidebar/SideBarChat.js

@@ -25,17 +25,17 @@ var MenuCollapse__default = /*#__PURE__*/_interopDefaultLegacy(MenuCollapse);
 
 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; }
+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 FooterChat = ({
   expanded,
   onFooterClose,
   onFooterExpand,
   footerButtonExtraProps
-}) => /*#__PURE__*/_jsx__default['default'](SidebarButton.SidebarButton, {
+}) => /*#__PURE__*/_jsx__default["default"](SidebarButton.SidebarButton, {
   dsId: "sidebar_footer",
   label: null,
-  Icon: !expanded ? MenuCollapse__default['default'] : MenuExpand__default['default'],
+  Icon: !expanded ? MenuCollapse__default["default"] : MenuExpand__default["default"],
   onClick: expanded ? onFooterClose : onFooterExpand,
   "aria-pressed": expanded,
   "aria-label": footerButtonExtraProps['aria-label']
@@ -51,11 +51,11 @@ const SideBarChat = props => {
     selectedItem,
     footerButtonExtraProps
   } = props;
-  return /*#__PURE__*/_jsx__default['default'](styled.StyledSideBarContainer, {
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledSideBarContainer, {
     rows: [1, 'auto']
-  }, void 0, /*#__PURE__*/_jsx__default['default'](styled.StyledSideBarButtonsContainer, {}, void 0, sidebarItems.map(p => /*#__PURE__*/jsxRuntime.jsx(TileButton.TileButton, _objectSpread(_objectSpread({}, p), {}, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledSideBarButtonsContainer, {}, void 0, sidebarItems.map(p => /*#__PURE__*/jsxRuntime.jsx(TileButton.TileButton, _objectSpread(_objectSpread({}, p), {}, {
     selected: selectedItem === p.dsId
-  })))), /*#__PURE__*/_jsx__default['default'](FooterChat, {
+  })))), /*#__PURE__*/_jsx__default["default"](FooterChat, {
     expanded: expanded,
     onFooterClose: onFooterClose,
     onFooterExpand: onFooterExpand,

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

@@ -10,10 +10,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledSideBarContainer = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const StyledSideBarContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-16uijso-0"
 })(["height:100%;width:", "px;background:", ";border-right:1px solid ", ";"], styled$1.MIN_WIDTH_SIDEBAR, props => props.theme.colors.neutral['050'], props => props.theme.colors.neutral['100']);
-const StyledSideBarButtonsContainer = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const StyledSideBarButtonsContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-16uijso-1"
 })(["overflow-y:auto;align-items:flex-start;justify-content:flex-start;grid-template-rows:repeat(auto-fill,", "px);"], styled$1.BUTTON_SIDEBAR_HEIGHT);
 

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

@@ -16,10 +16,10 @@ var Comments__default = /*#__PURE__*/_interopDefaultLegacy(Comments);
 var _Comments;
 const FloatingButton = ({
   onClick
-}) => /*#__PURE__*/_jsx__default['default'](styled.StyledFloatingButton, {
+}) => /*#__PURE__*/_jsx__default["default"](styled.StyledFloatingButton, {
   "data-testid": "chat-floating-button",
   onClick: onClick
-}, void 0, _Comments || (_Comments = /*#__PURE__*/_jsx__default['default'](Comments__default['default'], {
+}, void 0, _Comments || (_Comments = /*#__PURE__*/_jsx__default["default"](Comments__default["default"], {
   size: "l"
 })));
 FloatingButton.defaultProps = props.defaultFloatingButton;

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

@@ -11,7 +11,7 @@ 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 StyledFloatingButton = /*#__PURE__*/styled__default['default'].button.withConfig({
+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']);
 

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

@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledFloatingContainer = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+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']);
 

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

@@ -14,10 +14,10 @@ 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, {
+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
-}, 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]);
+}, 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

@@ -10,10 +10,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledChatContainer = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+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 ? `${props.expandedWidth}px` : `${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({
+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 ? `
   width: ${props.expandedWidth}px;

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

@@ -24,13 +24,13 @@ const MessageDelimiter = props => {
     extraProps,
     verticalMargin
   } = props;
-  return /*#__PURE__*/_jsx__default['default'](styled.Wrapper, {
+  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, {
+  }, 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, {})));
+  }, void 0, title), _Line2 || (_Line2 = /*#__PURE__*/_jsx__default["default"](styled.Line, {})));
 };
 
 MessageDelimiter.defaultProps = props.defaultProps;

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

@@ -9,13 +9,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Wrapper = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const Wrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-upz0rt-0"
 })(["align-items:center;justify-content:center;width:100%;min-height:8px;"]);
-const Line = /*#__PURE__*/styled__default['default'].span.withConfig({
+const Line = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-upz0rt-1"
 })(["border-top:1px solid ", ";"], props => props.theme.colors.neutral['400']);
-const Text = /*#__PURE__*/styled__default['default'].p.withConfig({
+const Text = /*#__PURE__*/styled__default["default"].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' ? `${props.verticalMargin}px 8px` : `${props.verticalMargin} 8px`);
 

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

@@ -21,7 +21,7 @@ const _excluded = ["label", "dsId", "onClick", "Icon"];
 
 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; }
+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 SidebarButton = _ref => {
   let {
     label,
@@ -29,21 +29,21 @@ const SidebarButton = _ref => {
     onClick,
     Icon
   } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  const handleClick = React__default['default'].useCallback(() => {
+  const handleClick = React__default["default"].useCallback(() => {
     onClick(dsId);
   }, [onClick, dsId]);
   return /*#__PURE__*/jsxRuntime.jsxs(styled.StyledSidebarButton, _objectSpread(_objectSpread({
     "data-testid": `sidebar-button-${dsId}`,
     onClick: handleClick
   }, rest), {}, {
-    children: [/*#__PURE__*/_jsx__default['default'](styled.StyledSidebarButtonIcon, {
+    children: [/*#__PURE__*/_jsx__default["default"](styled.StyledSidebarButtonIcon, {
       alignItems: "center",
       justifyContent: "center"
-    }, void 0, /*#__PURE__*/_jsx__default['default'](Icon, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](Icon, {
       size: "m"
-    })), label && /*#__PURE__*/_jsx__default['default'](styled.StyledSidebarButtonLabel, {}, void 0, label)]
+    })), label && /*#__PURE__*/_jsx__default["default"](styled.StyledSidebarButtonLabel, {}, void 0, label)]
   }), dsId);
 };
 SidebarButton.defaultProps = props.defaultSidebarButton;

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

@@ -13,7 +13,7 @@ var propsTypes__default = /*#__PURE__*/_interopDefaultLegacy(propsTypes);
 var Comments__default = /*#__PURE__*/_interopDefaultLegacy(Comments);
 
 const defaultSidebarButton = {
-  Icon: Comments__default['default'],
+  Icon: Comments__default["default"],
   dsId: undefined,
   label: '',
   onClick: lodash.noop,
@@ -21,7 +21,7 @@ const defaultSidebarButton = {
 };
 const propsSidebarButton = {
   Icon: reactDesc.PropTypes.element.description('Icon component').defaultValue(defaultSidebarButton.Icon),
-  dsId: reactDesc.PropTypes.oneOfType([propsTypes__default['default'].number, propsTypes__default['default'].string]).description('Unique id for the button').defaultValue(defaultSidebarButton.dsId),
+  dsId: reactDesc.PropTypes.oneOfType([propsTypes__default["default"].number, propsTypes__default["default"].string]).description('Unique id for the button').defaultValue(defaultSidebarButton.dsId),
   label: reactDesc.PropTypes.string.description('It will display under the icon').defaultValue(defaultSidebarButton.label),
   title: reactDesc.PropTypes.string.description('Tooltip').defaultValue(defaultSidebarButton.title),
   onClick: reactDesc.PropTypes.func.description('The function to call when the is clicked').defaultValue(defaultSidebarButton.onClick)

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

@@ -10,13 +10,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledSidebarButton = /*#__PURE__*/styled__default['default'].button.withConfig({
+const StyledSidebarButton = /*#__PURE__*/styled__default["default"].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:", ";}"], styled$1.BUTTON_SIDEBAR_HEIGHT, styled$1.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__default['default'](dsGrid.Grid).withConfig({
+const StyledSidebarButtonIcon = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-6ygly3-1"
 })(["position:relative;"]);
-const StyledSidebarButtonLabel = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledSidebarButtonLabel = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-6ygly3-2"
 })(["width:30px;text-transform:uppercase;overflow:hidden;text-align:center;"]);
 

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

@@ -23,15 +23,15 @@ const SystemMessage = props => {
     time,
     body
   } = props;
-  return /*#__PURE__*/_jsx__default['default'](style.Wrapper, {
+  return /*#__PURE__*/_jsx__default["default"](style.Wrapper, {
     rows: ['auto', 'auto']
-  }, void 0, /*#__PURE__*/_jsx__default['default'](style.Header, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](style.Header, {
     cols: ['1fr', 'auto', '1fr']
-  }, void 0, _span || (_span = /*#__PURE__*/_jsx__default['default']("span", {})), /*#__PURE__*/_jsx__default['default'](style.Title, {
+  }, void 0, _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {})), /*#__PURE__*/_jsx__default["default"](style.Title, {
     "data-testid": "chat-system-message-title"
-  }, void 0, title), /*#__PURE__*/_jsx__default['default'](style.Time, {
+  }, void 0, title), /*#__PURE__*/_jsx__default["default"](style.Time, {
     "data-testid": "chat-system-message-time"
-  }, void 0, time)), /*#__PURE__*/_jsx__default['default'](style.Message, {
+  }, void 0, time)), /*#__PURE__*/_jsx__default["default"](style.Message, {
     "data-testid": "chat-system-message-body"
   }, void 0, body));
 };

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

@@ -9,19 +9,19 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Wrapper = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const Wrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-80w41d-0"
 })(["align-items:center;justify-content:center;min-width:268px;max-width:100%;padding:0 8px 8px;border:1px solid ", ";border-radius:10px;background-color:", ";box-shadow:none;"], props => props.theme.colors.neutral['100'], props => props.theme.colors.neutral['080']);
-const Header = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const Header = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-80w41d-1"
 })(["align-items:center;height:36px;"]);
-const Title = /*#__PURE__*/styled__default['default'].p.withConfig({
+const Title = /*#__PURE__*/styled__default["default"].p.withConfig({
   componentId: "sc-80w41d-2"
 })(["font-size:14px;font-weight:", ";color:", ";margin:0;"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['700']);
-const Time = /*#__PURE__*/styled__default['default'].p.withConfig({
+const Time = /*#__PURE__*/styled__default["default"].p.withConfig({
   componentId: "sc-80w41d-3"
 })(["font-size:12px;font-weight:", ";color:", ";margin:0;text-align:right;"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700']);
-const Message = /*#__PURE__*/styled__default['default'].p.withConfig({
+const Message = /*#__PURE__*/styled__default["default"].p.withConfig({
   componentId: "sc-80w41d-4"
 })(["font-size:13px;font-weight:", ";color:", ";min-height:32px;text-align:center;margin:0;"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700']);
 

package/cjs/parts/tile-button/TileButton.js

@@ -44,28 +44,28 @@ const TileButton = props => {
     isHeader,
     ariaLabel
   } = props;
-  const handleClick = React__default['default'].useCallback(() => {
+  const handleClick = React__default["default"].useCallback(() => {
     onClick(dsId, title);
   }, [dsId, onClick, title]);
-  const MainContent = React__default['default'].useMemo(() => /*#__PURE__*/_jsx__default['default'](styled.StyledWrapperCentralContent, {
+  const MainContent = React__default["default"].useMemo(() => /*#__PURE__*/_jsx__default["default"](styled.StyledWrapperCentralContent, {
     alignItems: isHeader ? 'center' : undefined
-  }, void 0, /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     width: "100%",
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, /*#__PURE__*/_jsx__default['default'](styled.StyledTileButtonIcon, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledTileButtonIcon, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx__default['default'](Icon, {
+  }, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx__default["default"](Icon, {
     size: "m"
-  })), badge ? _StyledStatusBadge || (_StyledStatusBadge = /*#__PURE__*/_jsx__default['default'](styled.StyledStatusBadge, {
+  })), badge ? _StyledStatusBadge || (_StyledStatusBadge = /*#__PURE__*/_jsx__default["default"](styled.StyledStatusBadge, {
     badgeColor: badgeColor,
     badgePosition: badgePosition
-  })) : null)), !isHeader ? /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
+  })) : null)), !isHeader ? /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     width: "100%",
     justifyContent: "center"
-  }, void 0, label ? _StyledTileButtonLabe || (_StyledTileButtonLabe = /*#__PURE__*/_jsx__default['default'](styled.StyledTileButtonLabel, {}, void 0, label)) : null) : null), [isHeader, Icon, badge, badgeColor, badgePosition, label]);
-  return /*#__PURE__*/_jsx__default['default'](styled.StyledTileButton, {
+  }, void 0, label ? _StyledTileButtonLabe || (_StyledTileButtonLabe = /*#__PURE__*/_jsx__default["default"](styled.StyledTileButtonLabel, {}, void 0, label)) : null) : null), [isHeader, Icon, badge, badgeColor, badgePosition, label]);
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledTileButton, {
     isHeader: isHeader,
     value: dsId,
     "data-testid": `tile-button-${dsId}`,
@@ -78,22 +78,22 @@ const TileButton = props => {
     badgePosition: badgePosition,
     "aria-pressed": selected,
     "aria-label": ariaLabel
-  }, dsId, /*#__PURE__*/_jsx__default['default'](styled.StyledWrapper, {
+  }, dsId, /*#__PURE__*/_jsx__default["default"](styled.StyledWrapper, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, title ? /*#__PURE__*/_jsx__default['default'](DSTooltip__default['default'], {
+  }, void 0, title ? /*#__PURE__*/_jsx__default["default"](DSTooltip__default["default"], {
     containerProps: {
       id: `ds-chat-tile-tooltip-button-${dsId}`,
       'data-testid': `ds-chat-tile-tooltip-button-${dsId}`
     },
     interactionType: "hover",
     title: title,
-    triggerComponent: /*#__PURE__*/_jsx__default['default']("span", {}, void 0, MainContent),
+    triggerComponent: /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, MainContent),
     placement: "bottom"
-  }) : MainContent, _StyledWrapperLeftBor || (_StyledWrapperLeftBor = /*#__PURE__*/_jsx__default['default'](styled.StyledWrapperLeftBorder, {})), showClose && !disabled ? /*#__PURE__*/_jsx__default['default'](styled.CloseButton, {
+  }) : MainContent, _StyledWrapperLeftBor || (_StyledWrapperLeftBor = /*#__PURE__*/_jsx__default["default"](styled.StyledWrapperLeftBorder, {})), showClose && !disabled ? /*#__PURE__*/_jsx__default["default"](styled.CloseButton, {
     onClick: onClose,
     value: dsId
-  }, void 0, _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx__default['default'](CloseXsmall__default['default'], {}))) : null));
+  }, void 0, _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx__default["default"](CloseXsmall__default["default"], {}))) : null));
 };
 
 TileButton.defaultProps = props.defaultTileButton;

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

@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var Comments__default = /*#__PURE__*/_interopDefaultLegacy(Comments);
 
 const defaultTileButton = {
-  Icon: Comments__default['default'],
+  Icon: Comments__default["default"],
   dsId: undefined,
   label: '',
   onClick: lodash.noop,