@elliemae/ds-chat 2.2.0-alpha.4 → 3.0.0-next.2

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

@@ -1,247 +1,95 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styled_exports = {};
-__export(styled_exports, {
-  CloseButton: () => CloseButton,
-  StyledStatusBadge: () => StyledStatusBadge,
-  StyledTileButton: () => StyledTileButton,
-  StyledTileButtonIcon: () => StyledTileButtonIcon,
-  StyledTileButtonLabel: () => StyledTileButtonLabel,
-  StyledTooltipV3ButtonWrapper: () => StyledTooltipV3ButtonWrapper,
-  StyledWrapper: () => StyledWrapper,
-  StyledWrapperCentralContent: () => StyledWrapperCentralContent,
-  StyledWrapperLeftBorder: () => StyledWrapperLeftBorder
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_ds_grid = require("@elliemae/ds-grid");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var styled = require('styled-components');
+var dsSystem = require('@elliemae/ds-system');
+var dsGrid = require('@elliemae/ds-grid');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var _templateObject;
 const MIN_WIDTH_SIDEBAR = 48;
-const BUTTON_SIDEBAR_HEIGHT = 48;
-const StyledWrapperLeftBorder = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  height: 100%;
-  width: 4px;
-  position: absolute;
-  top: 0;
-  left: 0;
-`;
-const StyledStatusBadge = import_styled_components.default.div`
-  height: 8px;
-  width: 8px;
-  position: absolute;
-  top: 0;
-  background: ${(props) => {
+const BUTTON_SIDEBAR_HEIGHT = 48; // Buttons
+
+const StyledWrapperLeftBorder = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-1ebp1zs-0"
+})(["height:100%;width:4px;position:absolute;top:0;left:0;"]);
+const StyledStatusBadge = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1ebp1zs-1"
+})(["height:8px;width:8px;position:absolute;top:0;background:", ";", ";border-radius:50%;box-sizing:content-box;"], props => {
   switch (props.badgeColor) {
-    case "blue":
+    case 'blue':
       return props.theme.colors.brand[600];
-    case "green":
+
+    case 'green':
       return props.theme.colors.success[900];
+
     default:
       return props.theme.colors.brand[600];
   }
-}};
-  ${(props) => {
+}, props => {
   switch (props.badgePosition) {
-    case "left":
-      return "left: -4px;";
-    case "right":
-      return "right: -4px;";
-    default:
-      return "left: -4px;";
-  }
-}};
-  border-radius: 50%;
-  box-sizing: content-box;
-`;
-const StyledWrapperCentralContent = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  width: 24px;
-  height: 40px;
-`;
-const StyledTileButtonIcon = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  position: relative;
-  height: 24px;
-  width: 24px;
-  svg {
-    fill: ${(props) => props.theme.colors.neutral[500]};
-  }
+    case 'left':
+      return 'left: -4px;';
 
-  &:focus {
-    svg {
-      fill: ${(props) => props.theme.colors.brand[800]};
-    }
-  }
-`;
-const StyledTileButtonLabel = import_styled_components.default.div`
-  width: 24px;
-  height: ${(props) => props.theme.space.xs};
-  text-transform: uppercase;
-  overflow: hidden;
-  text-align: center;
-  font-size: 13px;
-  color: ${(props) => props.theme.colors.neutral[600]};
-  line-height: 17px;
-`;
-const CloseButton = import_styled_components.default.button`
-  outline: none;
-  background: none;
-  height: 9px;
-  width: 9px;
-  position: absolute;
-  top: 1px;
-  right: 1px;
-  overflow: hidden;
-  padding: 0;
-  border: none;
-  span {
-    position: absolute;
-    left: -3px;
-    top: -4px;
-  }
+    case 'right':
+      return 'right: -4px;';
 
-  &:focus,
-  &:hover {
-    svg {
-      fill: ${(props) => props.theme.colors.brand[600]};
-    }
-    &:after {
-      display: block;
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border: solid 1px ${(props) => props.theme.colors.brand[600]};
-      border-radius: 2px;
-    }
-  }
-  cursor: pointer;
-`;
-const StyledTooltipV3ButtonWrapper = import_styled_components.default.div`
-  height: ${BUTTON_SIDEBAR_HEIGHT}px;
-  width: ${MIN_WIDTH_SIDEBAR}px;
-`;
-const StyledTileButton = import_styled_components.default.button`
-  outline: none;
-  background: transparent;
-  height: ${BUTTON_SIDEBAR_HEIGHT}px;
-  width: ${MIN_WIDTH_SIDEBAR}px;
-  position: relative;
-  padding: 0;
-  border: none;
-  cursor: pointer;
-  border-bottom: ${(props) => props.isHeader ? `1px solid  ${props.theme.colors.neutral["200"]}` : "none"};
-  &:focus,
-  &:hover,
-  &:active,
-  &:disabled {
-    background: ${(props) => props.theme.colors.neutral["080"]};
-    & ${StyledStatusBadge} {
-      border: 2px solid ${(props) => props.theme.colors.neutral["080"]};
-      margin-top: -2px;
-      ${(props) => {
-  switch (props.badgePosition) {
-    case "left":
-      return "margin-left: -2px;";
-    case "right":
-      return "margin-right: -2px;";
     default:
-      return "margin-left: -2px;";
-  }
-}};
-    }
+      return 'left: -4px;';
   }
+});
+const StyledWrapperCentralContent = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-1ebp1zs-2"
+})(["width:24px;height:40px;"]);
+const StyledTileButtonIcon = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-1ebp1zs-3"
+})(["position:relative;height:24px;width:24px;svg{fill:", ";}&:focus{svg{fill:", ";}}"], props => props.theme.colors.neutral[500], props => props.theme.colors.brand[800]);
+const StyledTileButtonLabel = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1ebp1zs-4"
+})(["width:24px;height:", ";text-transform:uppercase;overflow:hidden;text-align:center;font-size:13px;color:", ";line-height:17px;"], props => props.theme.space.xs, props => props.theme.colors.neutral[600]);
+const CloseButton = /*#__PURE__*/styled__default["default"].button.withConfig({
+  componentId: "sc-1ebp1zs-5"
+})(["outline:none;background:none;height:9px;width:9px;position:absolute;top:1px;right:1px;overflow:hidden;padding:0;border:none;span{position:absolute;left:-3px;top:-4px;}&:focus,&:hover{svg{fill:", ";}&:after{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:solid 1px ", ";border-radius:2px;}}cursor:pointer;"], props => props.theme.colors.brand[600], props => props.theme.colors.brand[600]); // MAIN WRAPPER
 
-  &:focus,
-  &:hover {
-    & ${StyledWrapperLeftBorder} {
-      background: ${(props) => props.theme.colors.brand[800]};
-    }
-    & ${StyledTileButtonLabel} {
-      color: ${(props) => props.theme.colors.neutral[600]};
-    }
-
-    & svg {
-      fill: ${(props) => props.theme.colors.brand[800]};
-    }
-  }
+const StyledTooltipV3ButtonWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1ebp1zs-6"
+})(["height:", "px;width:", "px;"], BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR);
+const StyledTileButton = /*#__PURE__*/styled__default["default"].button.withConfig({
+  componentId: "sc-1ebp1zs-7"
+})(["outline:none;background:transparent;height:", "px;width:", "px;position:relative;padding:0;border:none;cursor:pointer;border-bottom:", ";&:focus,&:hover,&:active,&:disabled{background:", ";& ", "{border:2px solid ", ";margin-top:-2px;", ";}}&:focus,&:hover{& ", "{background:", ";}& ", "{color:", ";}& svg{fill:", ";}}&:active:not(:disabled){background:", ";& ", "{background:", ";}& ", "{color:", ";font-weight:600;}& svg{fill:", ";}& ", "{border:2px solid ", ";}}&:disabled{background:", ";", "{background:", ";}& ", "{background:", ";border:2px solid ", ";}", "{svg{fill:", ";}}", "{color:", ";}}", ""], BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR, props => props.isHeader ? "1px solid  ".concat(props.theme.colors.neutral['200']) : 'none', props => props.theme.colors.neutral['080'], StyledStatusBadge, props => props.theme.colors.neutral['080'], props => {
+  switch (props.badgePosition) {
+    case 'left':
+      return 'margin-left: -2px;';
 
-  &:active:not(:disabled) {
-    background: ${(props) => props.theme.colors.neutral["050"]};
-    & ${StyledWrapperLeftBorder} {
-      background: ${(props) => props.theme.colors.brand[600]};
-    }
-    & ${StyledTileButtonLabel} {
-      color: ${(props) => props.theme.colors.neutral[600]};
-      font-weight: 600;
-    }
-    & svg {
-      fill: ${(props) => props.theme.colors.brand[600]};
-    }
-    & ${StyledStatusBadge} {
-      border: 2px solid ${(props) => props.theme.colors.neutral["050"]};
-    }
-  }
+    case 'right':
+      return 'margin-right: -2px;';
 
-  &:disabled {
-    background: ${(props) => props.theme.colors.neutral["080"]};
-    ${StyledWrapperLeftBorder} {
-      background: ${(props) => props.theme.colors.neutral["400"]};
-    }
-    & ${StyledStatusBadge} {
-      background: ${(props) => props.theme.colors.neutral["500"]};
-      border: 2px solid ${(props) => props.theme.colors.neutral["080"]};
-    }
-    ${StyledTileButtonIcon} {
-      svg {
-        fill: ${(props) => props.theme.colors.neutral[400]};
-      }
-    }
-    ${StyledTileButtonLabel} {
-      color: ${(props) => props.theme.colors.neutral[400]};
-    }
+    default:
+      return 'margin-left: -2px;';
   }
-
-  ${(props) => {
+}, StyledWrapperLeftBorder, props => props.theme.colors.brand[800], StyledTileButtonLabel, props => props.theme.colors.neutral[600], props => props.theme.colors.brand[800], props => props.theme.colors.neutral['050'], StyledWrapperLeftBorder, props => props.theme.colors.brand[600], StyledTileButtonLabel, props => props.theme.colors.neutral[600], props => props.theme.colors.brand[600], StyledStatusBadge, props => props.theme.colors.neutral['050'], props => props.theme.colors.neutral['080'], StyledWrapperLeftBorder, props => props.theme.colors.neutral['400'], StyledStatusBadge, props => props.theme.colors.neutral['500'], props => props.theme.colors.neutral['080'], StyledTileButtonIcon, props => props.theme.colors.neutral[400], StyledTileButtonLabel, props => props.theme.colors.neutral[400], props => {
   if (props.selected) {
-    return import_ds_system.css`
-        & ${StyledWrapperLeftBorder} {
-          background: ${(nestedProps) => nestedProps.theme.colors.brand[600]};
-        }
-      `;
+    return dsSystem.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n        & ", " {\n          background: ", ";\n        }\n      "])), StyledWrapperLeftBorder, nestedProps => nestedProps.theme.colors.brand[600]);
   }
-  return "";
-}}
-`;
-const StyledWrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  height: 100%;
-  width: 100%;
-  position: relative;
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+
+  return '';
+});
+const StyledWrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-1ebp1zs-8"
+})(["height:100%;width:100%;position:relative;"]);
+
+exports.CloseButton = CloseButton;
+exports.StyledStatusBadge = StyledStatusBadge;
+exports.StyledTileButton = StyledTileButton;
+exports.StyledTileButtonIcon = StyledTileButtonIcon;
+exports.StyledTileButtonLabel = StyledTileButtonLabel;
+exports.StyledTooltipV3ButtonWrapper = StyledTooltipV3ButtonWrapper;
+exports.StyledWrapper = StyledWrapper;
+exports.StyledWrapperCentralContent = StyledWrapperCentralContent;
+exports.StyledWrapperLeftBorder = StyledWrapperLeftBorder;

package/cjs/prop-types.js

@@ -1,60 +1,33 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var prop_types_exports = {};
-__export(prop_types_exports, {
-  chatProps: () => chatProps,
-  defaultProps: () => defaultProps
-});
-var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_lodash = require("lodash");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+var lodash = require('lodash');
+
 const defaultProps = {
   expanded: false,
   expandedWidth: 348,
-  openedItem: void 0,
-  onFooterExpand: import_lodash.noop,
-  onFooterClose: import_lodash.noop,
+  openedItem: undefined,
+  onFooterExpand: lodash.noop,
+  onFooterClose: lodash.noop,
   floating: false,
-  onHeaderExpand: import_lodash.noop,
-  onHeaderClose: import_lodash.noop,
-  title: "Header Title"
+  onHeaderExpand: lodash.noop,
+  onHeaderClose: lodash.noop,
+  title: 'Header Title'
 };
 const chatProps = {
-  containerProps: import_react_desc.PropTypes.shape({}).defaultValue({}),
-  expanded: import_react_desc.PropTypes.bool.description("Whether to show the chat expanded or collapsed").defaultValue(defaultProps.expanded),
-  expandedWidth: import_react_desc.PropTypes.number.description("Total width attached to the expanded Chat").defaultValue(defaultProps.expandedWidth),
-  openedItem: import_react_desc.PropTypes.string.description("The id of the chat item you want to be opened").defaultValue(defaultProps.openedItem),
-  messages: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.object).description("The array of out-of-the-box items you want to render inside the container list of the chat").defaultValue(defaultProps.openedItem),
-  onFooterExpand: import_react_desc.PropTypes.func.description("The function to call when the chat is opened via the footer").defaultValue(defaultProps.onFooterExpand),
-  onFooterClose: import_react_desc.PropTypes.func.description("The function to call when the chat is closed via the footer").defaultValue(defaultProps.onFooterClose),
-  onHeaderExpand: import_react_desc.PropTypes.func.description("The function to call when the chat is opened via the header").defaultValue(defaultProps.onHeaderExpand),
-  onHeaderClose: import_react_desc.PropTypes.func.description("The function to call when the chat is closed via the header").defaultValue(defaultProps.onHeaderClose),
-  floating: import_react_desc.PropTypes.bool.description("Whether to show the chat as floating chat or not").defaultValue(defaultProps.floating)
+  containerProps: reactDesc.PropTypes.shape({}).defaultValue({}),
+  expanded: reactDesc.PropTypes.bool.description('Whether to show the chat expanded or collapsed').defaultValue(defaultProps.expanded),
+  expandedWidth: reactDesc.PropTypes.number.description('Total width attached to the expanded Chat').defaultValue(defaultProps.expandedWidth),
+  openedItem: reactDesc.PropTypes.string.description('The id of the chat item you want to be opened').defaultValue(defaultProps.openedItem),
+  messages: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('The array of out-of-the-box items you want to render inside the container list of the chat').defaultValue(defaultProps.openedItem),
+  onFooterExpand: reactDesc.PropTypes.func.description('The function to call when the chat is opened via the footer').defaultValue(defaultProps.onFooterExpand),
+  onFooterClose: reactDesc.PropTypes.func.description('The function to call when the chat is closed via the footer').defaultValue(defaultProps.onFooterClose),
+  onHeaderExpand: reactDesc.PropTypes.func.description('The function to call when the chat is opened via the header').defaultValue(defaultProps.onHeaderExpand),
+  onHeaderClose: reactDesc.PropTypes.func.description('The function to call when the chat is closed via the header').defaultValue(defaultProps.onHeaderClose),
+  floating: reactDesc.PropTypes.bool.description('Whether to show the chat as floating chat or not').defaultValue(defaultProps.floating)
 };
-module.exports = __toCommonJS(prop_types_exports);
-//# sourceMappingURL=prop-types.js.map
+
+exports.chatProps = chatProps;
+exports.defaultProps = defaultProps;

package/cjs/styled.js

@@ -1,45 +1,17 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styled_exports = {};
-__export(styled_exports, {
-  BOX_SHADOW: () => BOX_SHADOW,
-  BOX_SHADOW_FLOATING: () => BOX_SHADOW_FLOATING,
-  BOX_SHADOW_INSET: () => BOX_SHADOW_INSET,
-  BUTTON_FLOATING: () => BUTTON_FLOATING,
-  BUTTON_SIDEBAR_HEIGHT: () => BUTTON_SIDEBAR_HEIGHT,
-  MIN_WIDTH_SIDEBAR: () => MIN_WIDTH_SIDEBAR
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const MIN_WIDTH_SIDEBAR = 48;
 const BUTTON_SIDEBAR_HEIGHT = 48;
 const BUTTON_FLOATING = 56;
-const BOX_SHADOW = "0 5px 8px 0 rgba(53,60,70,0.55)";
-const BOX_SHADOW_FLOATING = "0 5px 8px 0 rgba(53,60,70,0.35)";
-const BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+const BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';
+const BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';
+const BOX_SHADOW_INSET = "inset 100px 3px 4px 0 rgba(53,60,70,0.50)";
+
+exports.BOX_SHADOW = BOX_SHADOW;
+exports.BOX_SHADOW_FLOATING = BOX_SHADOW_FLOATING;
+exports.BOX_SHADOW_INSET = BOX_SHADOW_INSET;
+exports.BUTTON_FLOATING = BUTTON_FLOATING;
+exports.BUTTON_SIDEBAR_HEIGHT = BUTTON_SIDEBAR_HEIGHT;
+exports.MIN_WIDTH_SIDEBAR = MIN_WIDTH_SIDEBAR;

package/esm/ChatDataTestids.js

@@ -1,27 +1,24 @@
-import * as React from "react";
 const ChatDataTestIds = {
-  COMPOSER_TEXTAREA: "chat-composer-textarea",
-  COMPOSER_SEND_BUTTON: "chat-composer-send-button",
-  CARD_TITLE: "chat-card-title",
-  CARD_WRAPPER: "chat-card-wrapper",
-  CARD_TIME: "chat-card-time",
-  CARD_RIGHT_ADDON: "chat-right-addon",
-  CARD_CONTENT: "chat-card-content",
-  LOADING_INDICATOR: "ds-chat-loading-indicator",
-  HEADER_TITLE: "chat-header-title",
-  HEADER_CHILDREN: "chat-header-children",
-  THREAD_CONTAINER: "chat-thread-container",
-  LOAD_MORE_BUTTON: "ds-chat-load-more-btn",
-  FLOATING_BUTTON: "chat-floating-button",
-  SYSTEM_MSG_TITLE: "chat-system-message-title",
-  SYSTEM_MSG_BODY: "chat-system-message-body",
-  SYSTEM_MSG_TIME: "chat-system-message-time",
-  BUBBLE: "ds-chat-bubble",
-  BUBBLE_TITLE: "chat-bubble-title",
-  BUBBLE_BODY: "chat-bubble-body",
-  BANNER: "ds-banner-container"
+  COMPOSER_TEXTAREA: 'chat-composer-textarea',
+  COMPOSER_SEND_BUTTON: 'chat-composer-send-button',
+  CARD_TITLE: 'chat-card-title',
+  CARD_WRAPPER: 'chat-card-wrapper',
+  CARD_TIME: 'chat-card-time',
+  CARD_RIGHT_ADDON: 'chat-right-addon',
+  CARD_CONTENT: 'chat-card-content',
+  LOADING_INDICATOR: 'ds-chat-loading-indicator',
+  HEADER_TITLE: 'chat-header-title',
+  HEADER_CHILDREN: 'chat-header-children',
+  THREAD_CONTAINER: 'chat-thread-container',
+  LOAD_MORE_BUTTON: 'ds-chat-load-more-btn',
+  FLOATING_BUTTON: 'chat-floating-button',
+  SYSTEM_MSG_TITLE: 'chat-system-message-title',
+  SYSTEM_MSG_BODY: 'chat-system-message-body',
+  SYSTEM_MSG_TIME: 'chat-system-message-time',
+  BUBBLE: 'ds-chat-bubble',
+  BUBBLE_TITLE: 'chat-bubble-title',
+  BUBBLE_BODY: 'chat-bubble-body',
+  BANNER: 'ds-banner-container'
 };
-export {
-  ChatDataTestIds
-};
-//# sourceMappingURL=ChatDataTestids.js.map
+
+export { ChatDataTestIds };

package/esm/index.d.js

@@ -1,2 +1 @@
-import * as React from "react";
-//# sourceMappingURL=index.d.js.map
+

package/esm/index.js

@@ -1,40 +1,14 @@
-import * as React from "react";
-import { ChatBubble, ChatBubbleWithSchema, BUBBLE_TYPES } from "./parts/bubble";
-import { FloatingButton } from "./parts/floating-button";
-import { StyledFloatingContainer } from "./parts/floating-container/styled";
-import { ChatContainerHeader } from "./parts/chat-container-header/ChatContainerHeader";
-import { ChatEmptyState } from "./parts/chat-empty-state/ChatEmptyState";
-import { ChatContainerMessagesList, ChatContainerMessagesListWithSchema } from "./parts/chat-container-messages-list";
-import { ChatComposer, ChatComposerWithSchema } from "./parts/chat-composer/ChatContainerComposer";
-import { SideBarChat, SideBarChatWithSchema } from "./parts/chat-sidebar";
-import { ChatContainer, ChatContainerWithSchema } from "./parts/chat-container";
-import { TileButton, TileButtonWithSchema } from "./parts/tile-button";
-import { MessageDelimiter, MessageDelimiterWithSchema } from "./parts/message-delimiter";
-import { SystemMessage, SystemMessageWithSchema } from "./parts/system-message";
-import { ChatCard, ChatCardWithSchema } from "./parts/chat-card";
-export {
-  BUBBLE_TYPES,
-  ChatBubble,
-  ChatBubbleWithSchema,
-  ChatCard,
-  ChatCardWithSchema,
-  ChatComposer,
-  ChatComposerWithSchema,
-  ChatContainer,
-  ChatContainerHeader,
-  ChatContainerMessagesList,
-  ChatContainerMessagesListWithSchema,
-  ChatContainerWithSchema,
-  ChatEmptyState,
-  FloatingButton,
-  MessageDelimiter,
-  MessageDelimiterWithSchema,
-  SideBarChat,
-  SideBarChatWithSchema,
-  StyledFloatingContainer,
-  SystemMessage,
-  SystemMessageWithSchema,
-  TileButton,
-  TileButtonWithSchema
-};
-//# sourceMappingURL=index.js.map
+export { ChatBubble, ChatBubbleWithSchema } from './parts/bubble/ChatBubble.js';
+export { BUBBLE_TYPES } from './parts/bubble/props.js';
+export { FloatingButton } from './parts/floating-button/FloatingButton.js';
+export { StyledFloatingContainer } from './parts/floating-container/styled.js';
+export { ChatContainerHeader } from './parts/chat-container-header/ChatContainerHeader.js';
+export { ChatEmptyState } from './parts/chat-empty-state/ChatEmptyState.js';
+export { ChatContainerMessagesList, ChatContainerMessagesListWithSchema } from './parts/chat-container-messages-list/ChatContainerMessagesList.js';
+export { ChatComposer, ChatComposerWithSchema } from './parts/chat-composer/ChatContainerComposer.js';
+export { SideBarChat, SideBarChatWithSchema } from './parts/chat-sidebar/SideBarChat.js';
+export { ChatContainer, ChatContainerWithSchema } from './parts/chat-container/ChatContainer.js';
+export { TileButton, TileButtonWithSchema } from './parts/tile-button/TileButton.js';
+export { MessageDelimiter, MessageDelimiterWithSchema } from './parts/message-delimiter/MessageDelimiter.js';
+export { SystemMessage, SystemMessageWithSchema } from './parts/system-message/SystemMessage.js';
+export { ChatCard, ChatCardWithSchema } from './parts/chat-card/ChatCard.js';