@elliemae/ds-chat 2.2.0-alpha.3 → 2.2.0-alpha.4

package/cjs/index.js

@@ -52,18 +52,18 @@ __export(src_exports, {
   TileButtonWithSchema: () => import_tile_button.TileButtonWithSchema
 });
 var React = __toESM(require("react"));
-var import_bubble = __toESM(require("./parts/bubble"));
-var import_floating_button = __toESM(require("./parts/floating-button"));
-var import_styled = __toESM(require("./parts/floating-container/styled"));
-var import_ChatContainerHeader = __toESM(require("./parts/chat-container-header/ChatContainerHeader"));
-var import_ChatEmptyState = __toESM(require("./parts/chat-empty-state/ChatEmptyState"));
-var import_chat_container_messages_list = __toESM(require("./parts/chat-container-messages-list"));
-var import_ChatContainerComposer = __toESM(require("./parts/chat-composer/ChatContainerComposer"));
-var import_chat_sidebar = __toESM(require("./parts/chat-sidebar"));
-var import_chat_container = __toESM(require("./parts/chat-container"));
-var import_tile_button = __toESM(require("./parts/tile-button"));
-var import_message_delimiter = __toESM(require("./parts/message-delimiter"));
-var import_system_message = __toESM(require("./parts/system-message"));
-var import_chat_card = __toESM(require("./parts/chat-card"));
+var import_bubble = require("./parts/bubble");
+var import_floating_button = require("./parts/floating-button");
+var import_styled = require("./parts/floating-container/styled");
+var import_ChatContainerHeader = require("./parts/chat-container-header/ChatContainerHeader");
+var import_ChatEmptyState = require("./parts/chat-empty-state/ChatEmptyState");
+var import_chat_container_messages_list = require("./parts/chat-container-messages-list");
+var import_ChatContainerComposer = require("./parts/chat-composer/ChatContainerComposer");
+var import_chat_sidebar = require("./parts/chat-sidebar");
+var import_chat_container = require("./parts/chat-container");
+var import_tile_button = require("./parts/tile-button");
+var import_message_delimiter = require("./parts/message-delimiter");
+var import_system_message = require("./parts/system-message");
+var import_chat_card = require("./parts/chat-card");
 module.exports = __toCommonJS(src_exports);
 //# sourceMappingURL=index.js.map

package/cjs/parts/bubble/ChatBubble.js

@@ -32,12 +32,12 @@ __export(ChatBubble_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_styled = __toESM(require("./styled"));
-var import_props = __toESM(require("./props"));
-var import_useValidateProps = __toESM(require("./config/useValidateProps"));
-var import_ChatBubbleArrow = __toESM(require("./ChatBubbleArrow"));
+var import_react_desc = require("react-desc");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_styled = require("./styled");
+var import_props = require("./props");
+var import_useValidateProps = require("./config/useValidateProps");
+var import_ChatBubbleArrow = require("./ChatBubbleArrow");
 const ChatBubble = (props) => {
   (0, import_useValidateProps.useValidateProps)(props, ChatBubbleWithSchema.toJSON());
   const { dsId, type, title, time, body, errorMessage, helpMessage } = props;

package/cjs/parts/bubble/ChatBubbleArrow.js

@@ -31,8 +31,8 @@ __export(ChatBubbleArrow_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_styled = __toESM(require("./styled"));
-var import_props = __toESM(require("./props"));
+var import_styled = require("./styled");
+var import_props = require("./props");
 const ChatBubbleArrow = ({ type }) => /* @__PURE__ */ import_react.default.createElement(import_styled.StyledBubbleArrow, null, type === import_props.BUBBLE_TYPES.RECIPIENT ? /* @__PURE__ */ import_react.default.createElement("svg", {
   width: "15px",
   height: "14px",

package/cjs/parts/bubble/config/useValidateProps.js

@@ -30,7 +30,7 @@ __export(useValidateProps_exports, {
   useValidateProps: () => useValidateProps
 });
 var React = __toESM(require("react"));
-var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const throwError = (message) => {
   throw new Error(`Bubble:: ${message}
   `);

package/cjs/parts/bubble/index.js

@@ -32,7 +32,7 @@ __export(bubble_exports, {
   ChatBubbleWithSchema: () => import_ChatBubble.ChatBubbleWithSchema
 });
 var React = __toESM(require("react"));
-var import_ChatBubble = __toESM(require("./ChatBubble"));
-var import_props = __toESM(require("./props"));
+var import_ChatBubble = require("./ChatBubble");
+var import_props = require("./props");
 module.exports = __toCommonJS(bubble_exports);
 //# sourceMappingURL=index.js.map

package/cjs/parts/bubble/props.js

@@ -34,8 +34,8 @@ __export(props_exports, {
 });
 var React = __toESM(require("react"));
 var import_prop_types = __toESM(require("prop-types"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_lodash = __toESM(require("lodash"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
 const BUBBLE_TYPES = {
   SENDER: "SENDER",
   RECIPIENT: "RECIPIENT",

package/cjs/parts/bubble/styled.js

@@ -39,8 +39,8 @@ __export(styled_exports, {
 });
 var React = __toESM(require("react"));
 var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_props = __toESM(require("./props"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_props = require("./props");
 const StyledWrapper = import_styled_components.default.div`
   min-width: 224px;
   border-radius: 10px;

package/cjs/parts/chat-card/ChatCard.js

@@ -32,11 +32,11 @@ __export(ChatCard_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
-var import_props = __toESM(require("./props"));
-var import_useValidateProps = __toESM(require("./config/useValidateProps"));
-var import_styled = __toESM(require("./styled"));
+var import_react_desc = require("react-desc");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_props = require("./props");
+var import_useValidateProps = require("./config/useValidateProps");
+var import_styled = require("./styled");
 const ChatCard = (props) => {
   (0, import_useValidateProps.useValidateProps)(props, ChatCardWithSchema.toJSON());
   const { title, content, time, rightAddon } = props;

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

@@ -30,7 +30,7 @@ __export(useValidateProps_exports, {
   useValidateProps: () => useValidateProps
 });
 var React = __toESM(require("react"));
-var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const useValidateProps = (props, schema) => {
   (0, import_ds_props_helpers.useValidatePropTypes)(props, schema);
 };

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

@@ -31,6 +31,6 @@ __export(chat_card_exports, {
   ChatCardWithSchema: () => import_ChatCard.ChatCardWithSchema
 });
 var React = __toESM(require("react"));
-var import_ChatCard = __toESM(require("./ChatCard"));
+var import_ChatCard = require("./ChatCard");
 module.exports = __toCommonJS(chat_card_exports);
 //# sourceMappingURL=index.js.map

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

@@ -30,7 +30,7 @@ __export(props_exports, {
   propTypes: () => propTypes
 });
 var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
+var import_react_desc = require("react-desc");
 const propTypes = {
   title: import_react_desc.PropTypes.string.isRequired.description(`Card's title`),
   content: import_react_desc.PropTypes.string.description(`Card's content`),

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

@@ -36,7 +36,7 @@ __export(styled_exports, {
 });
 var React = __toESM(require("react"));
 var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
+var import_ds_grid = require("@elliemae/ds-grid");
 const Wrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
   min-width: 248px;
   border: 1px;

package/cjs/parts/chat-composer/ChatContainerComposer.js

@@ -32,12 +32,12 @@ __export(ChatContainerComposer_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_styled = __toESM(require("./styled"));
-var import_useValidateProps = __toESM(require("./config/useValidateProps"));
-var import_props = __toESM(require("./props"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_react_desc = require("react-desc");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_styled = require("./styled");
+var import_useValidateProps = require("./config/useValidateProps");
+var import_props = require("./props");
 const ChatComposer = (props) => {
   (0, import_useValidateProps.useValidateProps)(props, ChatComposerWithSchema.toJSON());
   const {

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

@@ -30,7 +30,7 @@ __export(useValidateProps_exports, {
   useValidateProps: () => useValidateProps
 });
 var React = __toESM(require("react"));
-var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const useValidateProps = (props, schema) => {
   (0, import_ds_props_helpers.useValidatePropTypes)(props, schema);
 };

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

@@ -31,6 +31,6 @@ __export(chat_composer_exports, {
   ChatComposerWithSchema: () => import_ChatContainerComposer.ChatComposerWithSchema
 });
 var React = __toESM(require("react"));
-var import_ChatContainerComposer = __toESM(require("./ChatContainerComposer"));
+var import_ChatContainerComposer = require("./ChatContainerComposer");
 module.exports = __toCommonJS(chat_composer_exports);
 //# sourceMappingURL=index.js.map

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

@@ -31,8 +31,8 @@ __export(props_exports, {
   defaultComposerPros: () => defaultComposerPros
 });
 var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_lodash = __toESM(require("lodash"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
 const defaultComposerPros = {
   placeholder: "Type your message",
   inputValue: "",

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

@@ -35,8 +35,8 @@ __export(styled_exports, {
 });
 var React = __toESM(require("react"));
 var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_button = require("@elliemae/ds-button");
 const StyledChatContainerContentComposer = (0, import_styled_components.default)(import_ds_grid.Grid)`
   width: 100%;
   min-height: 56px;

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

@@ -32,15 +32,15 @@ __export(ChatContainer_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_lodash = __toESM(require("lodash"));
-var import_react_desc = __toESM(require("react-desc"));
+var import_lodash = require("lodash");
+var import_react_desc = require("react-desc");
 var import_ds_indeterminate_progress_indicator = __toESM(require("@elliemae/ds-indeterminate-progress-indicator"));
 var import_ds_banner = __toESM(require("@elliemae/ds-banner"));
-var import_chat_composer = __toESM(require("../chat-composer"));
-var import_chat_container_messages_list = __toESM(require("../chat-container-messages-list"));
-var import_props = __toESM(require("./props"));
-var import_styled = __toESM(require("./styled"));
-var import_useValidateProps = __toESM(require("./config/useValidateProps"));
+var import_chat_composer = require("../chat-composer");
+var import_chat_container_messages_list = require("../chat-container-messages-list");
+var import_props = require("./props");
+var import_styled = require("./styled");
+var import_useValidateProps = require("./config/useValidateProps");
 const ChatContainer = (props) => {
   (0, import_useValidateProps.useValidateProps)(props, import_props.containerProps);
   const {

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

@@ -30,7 +30,7 @@ __export(useValidateProps_exports, {
   useValidateProps: () => useValidateProps
 });
 var React = __toESM(require("react"));
-var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const useValidateProps = (props, propTypes) => {
   (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes);
 };

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

@@ -31,6 +31,6 @@ __export(chat_container_exports, {
   ChatContainerWithSchema: () => import_ChatContainer.ChatContainerWithSchema
 });
 var React = __toESM(require("react"));
-var import_ChatContainer = __toESM(require("./ChatContainer"));
+var import_ChatContainer = require("./ChatContainer");
 module.exports = __toCommonJS(chat_container_exports);
 //# sourceMappingURL=index.js.map

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

@@ -31,11 +31,11 @@ __export(props_exports, {
   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"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
+var import_ds_banner = require("@elliemae/ds-banner");
+var import_props = require("../chat-container-messages-list/props");
+var import_props2 = require("../chat-composer/props");
 const defaultProps = {
   messagesListProps: import_props.defaultProps,
   composerProps: import_props2.defaultComposerPros,

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

@@ -34,10 +34,10 @@ __export(styled_exports, {
 });
 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"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_styled = require("../bubble/styled");
+var import_styled2 = require("../chat-composer/styled");
+var import_style = require("../system-message/style");
 const CONTAINER_WIDTH = 300;
 const StyledChatContainerContent = (0, import_styled_components.default)(import_ds_grid.Grid)`
   height: 100%;

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

@@ -31,9 +31,9 @@ __export(ChatContainerHeader_exports, {
 });
 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"));
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_styled = require("./styled");
+var import_helpers = require("./helpers");
 const ChatContainerHeader = (props) => {
   const { title, floating, children } = props;
   return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainerContentHeader, {

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

@@ -33,7 +33,7 @@ __export(styled_exports, {
 });
 var React = __toESM(require("react"));
 var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
+var import_ds_grid = require("@elliemae/ds-grid");
 const StyledChatContainerContentHeaderActions = (0, import_styled_components.default)(import_ds_grid.Grid)`
   max-width: 80px;
 `;

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

@@ -32,15 +32,15 @@ __export(ChatContainerMessagesList_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_react_virtual = __toESM(require("react-virtual"));
+var import_react_desc = require("react-desc");
+var import_react_virtual = require("react-virtual");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_lodash = __toESM(require("lodash"));
-var import_bubble = __toESM(require("../bubble"));
-var import_message_delimiter = __toESM(require("../message-delimiter"));
-var import_system_message = __toESM(require("../system-message"));
-var import_styled = __toESM(require("./styled"));
-var import_props = __toESM(require("./props"));
+var import_lodash = require("lodash");
+var import_bubble = require("../bubble");
+var import_message_delimiter = require("../message-delimiter");
+var import_system_message = require("../system-message");
+var import_styled = require("./styled");
+var import_props = require("./props");
 const getPadding = ({ hasMoreItems, bannerPosition, isLoading }) => {
   const padding = {
     paddingStart: 0,

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

@@ -30,7 +30,7 @@ __export(useValidateProps_exports, {
   useValidateProps: () => useValidateProps
 });
 var React = __toESM(require("react"));
-var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const useValidateProps = (props, propTypes) => {
   (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes);
 };

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

@@ -31,6 +31,6 @@ __export(chat_container_messages_list_exports, {
   ChatContainerMessagesListWithSchema: () => import_ChatContainerMessagesList.ChatContainerMessagesListWithSchema
 });
 var React = __toESM(require("react"));
-var import_ChatContainerMessagesList = __toESM(require("./ChatContainerMessagesList"));
+var import_ChatContainerMessagesList = require("./ChatContainerMessagesList");
 module.exports = __toCommonJS(chat_container_messages_list_exports);
 //# sourceMappingURL=index.js.map

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

@@ -31,8 +31,8 @@ __export(props_exports, {
   listProps: () => listProps
 });
 var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_lodash = __toESM(require("lodash"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
 const defaultProps = {
   messages: [],
   actionRef: import_lodash.noop,

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

@@ -36,7 +36,7 @@ __export(styled_exports, {
 });
 var React = __toESM(require("react"));
 var import_styled_components = __toESM(require("styled-components"));
-var import_bubble = __toESM(require("../bubble/index"));
+var import_bubble = require("../bubble/index");
 const StyledWrapper = import_styled_components.default.div`
   width: 100%;
   height: 100%;

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

@@ -32,12 +32,12 @@ __export(ChatEmptyState_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_props = __toESM(require("./props"));
-var import_styled = __toESM(require("./styled"));
-var import_useValidateProps = __toESM(require("./config/useValidateProps"));
+var import_react_desc = require("react-desc");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_props = require("./props");
+var import_styled = require("./styled");
+var import_useValidateProps = require("./config/useValidateProps");
 const ChatEmptyState = (props) => {
   (0, import_useValidateProps.useValidateProps)(props, ChatEmptyStateListWithSchema.toJSON());
   const { label, action } = props;

package/cjs/parts/chat-empty-state/config/useValidateProps.js

@@ -30,7 +30,7 @@ __export(useValidateProps_exports, {
   useValidateProps: () => useValidateProps
 });
 var React = __toESM(require("react"));
-var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const useValidateProps = (props, schema) => {
   (0, import_ds_props_helpers.useValidatePropTypes)(props, schema);
 };

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

@@ -31,7 +31,7 @@ __export(props_exports, {
   emptyStateProps: () => emptyStateProps
 });
 var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
+var import_react_desc = require("react-desc");
 const defaultProps = {
   label: "No Messages Yet",
   action: null

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

@@ -33,7 +33,7 @@ __export(styled_exports, {
 });
 var React = __toESM(require("react"));
 var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
+var import_ds_grid = require("@elliemae/ds-grid");
 const CONTAINER_WIDTH = 300;
 const ChatEmptyStateWrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
   height: 100%;

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

@@ -32,13 +32,13 @@ __export(SideBarChat_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_styled = __toESM(require("./styled"));
-var import_tile_button = __toESM(require("../tile-button"));
-var import_SidebarButton = __toESM(require("../sidebar-button/SidebarButton"));
-var import_props = __toESM(require("./props"));
-var import_useValidateProps = __toESM(require("./config/useValidateProps"));
+var import_react_desc = require("react-desc");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_styled = require("./styled");
+var import_tile_button = require("../tile-button");
+var import_SidebarButton = require("../sidebar-button/SidebarButton");
+var import_props = require("./props");
+var import_useValidateProps = require("./config/useValidateProps");
 const FooterChat = ({
   expanded,
   onFooterClose,

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

@@ -30,7 +30,7 @@ __export(useValidateProps_exports, {
   useValidateProps: () => useValidateProps
 });
 var React = __toESM(require("react"));
-var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const useValidateProps = (props, schema) => {
   (0, import_ds_props_helpers.useValidatePropTypes)(props, schema);
 };

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

@@ -31,6 +31,6 @@ __export(chat_sidebar_exports, {
   SideBarChatWithSchema: () => import_SideBarChat.SideBarChatWithSchema
 });
 var React = __toESM(require("react"));
-var import_SideBarChat = __toESM(require("./SideBarChat"));
+var import_SideBarChat = require("./SideBarChat");
 module.exports = __toCommonJS(chat_sidebar_exports);
 //# sourceMappingURL=index.js.map

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

@@ -31,8 +31,8 @@ __export(props_exports, {
   defaultProps: () => defaultProps
 });
 var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_lodash = __toESM(require("lodash"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
 const defaultProps = {
   expanded: false,
   selectedItem: void 0,

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

@@ -32,8 +32,8 @@ __export(styled_exports, {
 });
 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"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_styled = require("../../styled");
 const StyledSideBarContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
   height: 100%;
   width: ${import_styled.MIN_WIDTH_SIDEBAR}px;

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

@@ -31,9 +31,9 @@ __export(FloatingButton_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_styled = __toESM(require("./styled"));
-var import_props = __toESM(require("./props"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_styled = require("./styled");
+var import_props = require("./props");
 const FloatingButton = ({ onClick, onFocus, innerRef }) => /* @__PURE__ */ import_react.default.createElement(import_styled.StyledFloatingButton, {
   onFocus,
   ref: innerRef,

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

@@ -23,6 +23,6 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
 var floating_button_exports = {};
 var React = __toESM(require("react"));
-__reExport(floating_button_exports, __toESM(require("./FloatingButton")));
+__reExport(floating_button_exports, require("./FloatingButton"));
 module.exports = __toCommonJS(floating_button_exports);
 //# sourceMappingURL=index.js.map

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

@@ -31,8 +31,8 @@ __export(props_exports, {
   propsFloatingButton: () => propsFloatingButton
 });
 var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_lodash = __toESM(require("lodash"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
 const defaultFloatingButton = {
   onClick: import_lodash.noop,
   onFocus: import_lodash.noop,

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

@@ -31,8 +31,8 @@ __export(styled_exports, {
 });
 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"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_styled = require("../../styled");
 const StyledFloatingContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
   position: fixed;
   bottom: 24px;

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

@@ -31,9 +31,9 @@ __export(InfluencerContainer_exports, {
 });
 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"));
+var import_styled = require("./styled");
+var import_ChatContainer = require("../chat-container/ChatContainer");
+var import_SideBarChat = 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"],
   expanded: props.expanded,

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

@@ -32,8 +32,8 @@ __export(styled_exports, {
 });
 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"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_styled = 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`};

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

@@ -32,10 +32,10 @@ __export(MessageDelimiter_exports, {
 });
 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"));
+var import_react_desc = require("react-desc");
+var import_styled = require("./styled");
+var import_props = require("./props");
+var import_useValidateProps = require("./config/useValidateProps");
 const MessageDelimiter = (props) => {
   (0, import_useValidateProps.useValidateProps)(props, MessageDelimiterWithSchema.toJSON());
   const { title, size, extraProps, verticalMargin } = props;

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

@@ -30,7 +30,7 @@ __export(useValidateProps_exports, {
   useValidateProps: () => useValidateProps
 });
 var React = __toESM(require("react"));
-var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const useValidateProps = (props, schema) => {
   (0, import_ds_props_helpers.useValidatePropTypes)(props, schema);
 };

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

@@ -31,6 +31,6 @@ __export(message_delimiter_exports, {
   MessageDelimiterWithSchema: () => import_MessageDelimiter.MessageDelimiterWithSchema
 });
 var React = __toESM(require("react"));
-var import_MessageDelimiter = __toESM(require("./MessageDelimiter"));
+var import_MessageDelimiter = require("./MessageDelimiter");
 module.exports = __toCommonJS(message_delimiter_exports);
 //# sourceMappingURL=index.js.map

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

@@ -31,7 +31,7 @@ __export(props_exports, {
   messageDelimiterProps: () => messageDelimiterProps
 });
 var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
+var import_react_desc = require("react-desc");
 const defaultProps = {
   title: "",
   size: "s",

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

@@ -32,7 +32,7 @@ __export(styled_exports, {
   Wrapper: () => Wrapper
 });
 var React = __toESM(require("react"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
+var import_ds_grid = require("@elliemae/ds-grid");
 var import_styled_components = __toESM(require("styled-components"));
 const Wrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
   align-items: center;

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

@@ -31,8 +31,8 @@ __export(SidebarButton_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_styled = __toESM(require("./styled"));
-var import_props = __toESM(require("./props"));
+var import_styled = require("./styled");
+var import_props = require("./props");
 const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }) => {
   const handleClick = import_react.default.useCallback(() => {
     onClick(dsId);

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

@@ -32,9 +32,9 @@ __export(props_exports, {
 });
 var React = __toESM(require("react"));
 var import_prop_types = __toESM(require("prop-types"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_lodash = __toESM(require("lodash"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
+var import_ds_icons = require("@elliemae/ds-icons");
 const defaultSidebarButton = {
   Icon: import_ds_icons.Comments,
   dsId: void 0,

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

@@ -33,8 +33,8 @@ __export(styled_exports, {
 });
 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"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_styled = require("../../styled");
 const StyledSidebarButton = import_styled_components.default.button`
   display: flex;
   align-items: center;

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

@@ -32,10 +32,10 @@ __export(SystemMessage_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_style = __toESM(require("./style"));
-var import_props = __toESM(require("./props"));
-var import_useValidateProps = __toESM(require("./config/useValidateProps"));
+var import_react_desc = require("react-desc");
+var import_style = require("./style");
+var import_props = require("./props");
+var import_useValidateProps = require("./config/useValidateProps");
 const SystemMessage = (props) => {
   (0, import_useValidateProps.useValidateProps)(props, SystemMessageWithSchema.toJSON());
   const { title, time, body } = props;

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

@@ -30,7 +30,7 @@ __export(useValidateProps_exports, {
   useValidateProps: () => useValidateProps
 });
 var React = __toESM(require("react"));
-var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const useValidateProps = (props, schema) => {
   (0, import_ds_props_helpers.useValidatePropTypes)(props, schema);
 };

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

@@ -31,6 +31,6 @@ __export(system_message_exports, {
   SystemMessageWithSchema: () => import_SystemMessage.SystemMessageWithSchema
 });
 var React = __toESM(require("react"));
-var import_SystemMessage = __toESM(require("./SystemMessage"));
+var import_SystemMessage = require("./SystemMessage");
 module.exports = __toCommonJS(system_message_exports);
 //# sourceMappingURL=index.js.map

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

@@ -31,7 +31,7 @@ __export(props_exports, {
   systemMessageProps: () => systemMessageProps
 });
 var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
+var import_react_desc = require("react-desc");
 const defaultProps = {
   title: "System Message",
   time: "",

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

@@ -35,7 +35,7 @@ __export(style_exports, {
 });
 var React = __toESM(require("react"));
 var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
+var import_ds_grid = require("@elliemae/ds-grid");
 const Wrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
   align-items: center;
   justify-content: center;

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

@@ -32,13 +32,13 @@ __export(TileButton_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_tooltip = __toESM(require("@elliemae/ds-tooltip"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_styled = __toESM(require("./styled"));
-var import_props = __toESM(require("./props"));
-var import_useValidateProps = __toESM(require("./config/useValidateProps"));
+var import_react_desc = require("react-desc");
+var import_ds_tooltip = require("@elliemae/ds-tooltip");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_styled = require("./styled");
+var import_props = require("./props");
+var import_useValidateProps = require("./config/useValidateProps");
 const TileButton = (props) => {
   (0, import_useValidateProps.useValidateProps)(props, TileButtonWithSchema.toJSON());
   const {

package/cjs/parts/tile-button/config/useValidateProps.js

@@ -30,7 +30,7 @@ __export(useValidateProps_exports, {
   useValidateProps: () => useValidateProps
 });
 var React = __toESM(require("react"));
-var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const useValidateProps = (props, schema) => {
   (0, import_ds_props_helpers.useValidatePropTypes)(props, schema);
 };

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

@@ -31,6 +31,6 @@ __export(tile_button_exports, {
   TileButtonWithSchema: () => import_TileButton.TileButtonWithSchema
 });
 var React = __toESM(require("react"));
-var import_TileButton = __toESM(require("./TileButton"));
+var import_TileButton = require("./TileButton");
 module.exports = __toCommonJS(tile_button_exports);
 //# sourceMappingURL=index.js.map

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

@@ -31,9 +31,9 @@ __export(props_exports, {
   propsTileButton: () => propsTileButton
 });
 var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_lodash = __toESM(require("lodash"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
+var import_ds_icons = require("@elliemae/ds-icons");
 const defaultTileButton = {
   Icon: import_ds_icons.Comments,
   dsId: void 0,

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

@@ -39,8 +39,8 @@ __export(styled_exports, {
 });
 var React = __toESM(require("react"));
 var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = __toESM(require("@elliemae/ds-system"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_grid = require("@elliemae/ds-grid");
 const MIN_WIDTH_SIDEBAR = 48;
 const BUTTON_SIDEBAR_HEIGHT = 48;
 const StyledWrapperLeftBorder = (0, import_styled_components.default)(import_ds_grid.Grid)`

package/cjs/prop-types.js

@@ -31,8 +31,8 @@ __export(prop_types_exports, {
   defaultProps: () => defaultProps
 });
 var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_lodash = __toESM(require("lodash"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
 const defaultProps = {
   expanded: false,
   expandedWidth: 348,

package/cjs/tests/utils.js

@@ -30,7 +30,7 @@ __export(utils_exports, {
   loadMsgs: () => loadMsgs
 });
 var React = __toESM(require("react"));
-var import_ds_chat = __toESM(require("@elliemae/ds-chat"));
+var import_ds_chat = require("@elliemae/ds-chat");
 const getRandomMessages = (q, key) => Array(q).fill().map((v, i) => {
   if (i > 5 && i % 22 === 0) {
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat",
-  "version": "2.2.0-alpha.3",
+  "version": "2.2.0-alpha.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Chat",
   "module": "./esm/index.js",
@@ -305,15 +305,15 @@
     "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-banner": "2.2.0-alpha.3",
-    "@elliemae/ds-button": "2.2.0-alpha.3",
-    "@elliemae/ds-grid": "2.2.0-alpha.3",
-    "@elliemae/ds-icons": "2.2.0-alpha.3",
-    "@elliemae/ds-indeterminate-progress-indicator": "2.2.0-alpha.3",
-    "@elliemae/ds-props-helpers": "2.2.0-alpha.3",
-    "@elliemae/ds-system": "2.2.0-alpha.3",
-    "@elliemae/ds-tooltip": "2.2.0-alpha.3",
-    "@elliemae/ds-truncated-tooltip-text": "2.2.0-alpha.3",
+    "@elliemae/ds-banner": "2.2.0-alpha.4",
+    "@elliemae/ds-button": "2.2.0-alpha.4",
+    "@elliemae/ds-grid": "2.2.0-alpha.4",
+    "@elliemae/ds-icons": "2.2.0-alpha.4",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.2.0-alpha.4",
+    "@elliemae/ds-props-helpers": "2.2.0-alpha.4",
+    "@elliemae/ds-system": "2.2.0-alpha.4",
+    "@elliemae/ds-tooltip": "2.2.0-alpha.4",
+    "@elliemae/ds-truncated-tooltip-text": "2.2.0-alpha.4",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.2",
     "react-virtual": "~2.3.2"