@elliemae/ds-chat 2.3.0-alpha.8 → 2.3.0-next.2

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

@@ -1,247 +0,0 @@
-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");
-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) => {
-  switch (props.badgeColor) {
-    case "blue":
-      return props.theme.colors.brand[600];
-    case "green":
-      return props.theme.colors.success[900];
-    default:
-      return props.theme.colors.brand[600];
-  }
-}};
-  ${(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]};
-  }
-
-  &: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;
-  }
-
-  &: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;";
-  }
-}};
-    }
-  }
-
-  &: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]};
-    }
-  }
-
-  &: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"]};
-    }
-  }
-
-  &: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]};
-    }
-  }
-
-  ${(props) => {
-  if (props.selected) {
-    return import_ds_system.css`
-        & ${StyledWrapperLeftBorder} {
-          background: ${(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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/tile-button/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable indent */\n/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { TileButtonProps } from './props';\nconst MIN_WIDTH_SIDEBAR = 48;\nconst BUTTON_SIDEBAR_HEIGHT = 48;\n\n// Buttons\nexport const StyledWrapperLeftBorder = styled(Grid)`\n  height: 100%;\n  width: 4px;\n  position: absolute;\n  top: 0;\n  left: 0;\n`;\n\nexport const StyledStatusBadge = styled.div<Partial<TileButtonProps>>`\n  height: 8px;\n  width: 8px;\n  position: absolute;\n  top: 0;\n  background: ${(props) => {\n    switch (props.badgeColor) {\n      case 'blue':\n        return props.theme.colors.brand[600];\n      case 'green':\n        return props.theme.colors.success[900];\n      default:\n        return props.theme.colors.brand[600];\n    }\n  }};\n  ${(props) => {\n    switch (props.badgePosition) {\n      case 'left':\n        return 'left: -4px;';\n      case 'right':\n        return 'right: -4px;';\n      default:\n        return 'left: -4px;';\n    }\n  }};\n  border-radius: 50%;\n  box-sizing: content-box;\n`;\n\nexport const StyledWrapperCentralContent = styled(Grid)`\n  width: 24px;\n  height: 40px;\n`;\n\nexport const StyledTileButtonIcon = styled(Grid)`\n  position: relative;\n  height: 24px;\n  width: 24px;\n  svg {\n    fill: ${(props) => props.theme.colors.neutral[500]};\n  }\n\n  &:focus {\n    svg {\n      fill: ${(props) => props.theme.colors.brand[800]};\n    }\n  }\n`;\n\nexport const StyledTileButtonLabel = styled.div`\n  width: 24px;\n  height: ${(props) => props.theme.space.xs};\n  text-transform: uppercase;\n  overflow: hidden;\n  text-align: center;\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral[600]};\n  line-height: 17px;\n`;\n\nexport const CloseButton = styled.button<any>`\n  outline: none;\n  background: none;\n  height: 9px;\n  width: 9px;\n  position: absolute;\n  top: 1px;\n  right: 1px;\n  overflow: hidden;\n  padding: 0;\n  border: none;\n  span {\n    position: absolute;\n    left: -3px;\n    top: -4px;\n  }\n\n  &:focus,\n  &:hover {\n    svg {\n      fill: ${(props) => props.theme.colors.brand[600]};\n    }\n    &:after {\n      display: block;\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border: solid 1px ${(props) => props.theme.colors.brand[600]};\n      border-radius: 2px;\n    }\n  }\n  cursor: pointer;\n`;\n\n// MAIN WRAPPER\nexport const StyledTooltipV3ButtonWrapper = styled.div`\n  height: ${BUTTON_SIDEBAR_HEIGHT}px;\n  width: ${MIN_WIDTH_SIDEBAR}px;\n`;\nexport const StyledTileButton = styled.button<Partial<TileButtonProps>>`\n  outline: none;\n  background: transparent;\n  height: ${BUTTON_SIDEBAR_HEIGHT}px;\n  width: ${MIN_WIDTH_SIDEBAR}px;\n  position: relative;\n  padding: 0;\n  border: none;\n  cursor: pointer;\n  border-bottom: ${(props) => (props.isHeader ? `1px solid  ${props.theme.colors.neutral['200']}` : 'none')};\n  &:focus,\n  &:hover,\n  &:active,\n  &:disabled {\n    background: ${(props) => props.theme.colors.neutral['080']};\n    & ${StyledStatusBadge} {\n      border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n      margin-top: -2px;\n      ${(props) => {\n        switch (props.badgePosition) {\n          case 'left':\n            return 'margin-left: -2px;';\n          case 'right':\n            return 'margin-right: -2px;';\n          default:\n            return 'margin-left: -2px;';\n        }\n      }};\n    }\n  }\n\n  &:focus,\n  &:hover {\n    & ${StyledWrapperLeftBorder} {\n      background: ${(props) => props.theme.colors.brand[800]};\n    }\n    & ${StyledTileButtonLabel} {\n      color: ${(props) => props.theme.colors.neutral[600]};\n    }\n\n    & svg {\n      fill: ${(props) => props.theme.colors.brand[800]};\n    }\n  }\n\n  &:active:not(:disabled) {\n    background: ${(props) => props.theme.colors.neutral['050']};\n    & ${StyledWrapperLeftBorder} {\n      background: ${(props) => props.theme.colors.brand[600]};\n    }\n    & ${StyledTileButtonLabel} {\n      color: ${(props) => props.theme.colors.neutral[600]};\n      font-weight: 600;\n    }\n    & svg {\n      fill: ${(props) => props.theme.colors.brand[600]};\n    }\n    & ${StyledStatusBadge} {\n      border: 2px solid ${(props) => props.theme.colors.neutral['050']};\n    }\n  }\n\n  &:disabled {\n    background: ${(props) => props.theme.colors.neutral['080']};\n    ${StyledWrapperLeftBorder} {\n      background: ${(props) => props.theme.colors.neutral['400']};\n    }\n    & ${StyledStatusBadge} {\n      background: ${(props) => props.theme.colors.neutral['500']};\n      border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n    }\n    ${StyledTileButtonIcon} {\n      svg {\n        fill: ${(props) => props.theme.colors.neutral[400]};\n      }\n    }\n    ${StyledTileButtonLabel} {\n      color: ${(props) => props.theme.colors.neutral[400]};\n    }\n  }\n\n  ${(props) => {\n    if (props.selected) {\n      return css`\n        & ${StyledWrapperLeftBorder} {\n          background: ${(nestedProps) => nestedProps.theme.colors.brand[600]};\n        }\n      `;\n    }\n    return '';\n  }}\n`;\n\nexport const StyledWrapper = styled(Grid)`\n  height: 100%;\n  width: 100%;\n  position: relative;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/cjs/prop-types.js

@@ -1,60 +0,0 @@
-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");
-const defaultProps = {
-  expanded: false,
-  expandedWidth: 348,
-  openedItem: void 0,
-  onFooterExpand: import_lodash.noop,
-  onFooterClose: import_lodash.noop,
-  floating: false,
-  onHeaderExpand: import_lodash.noop,
-  onHeaderClose: import_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)
-};
-module.exports = __toCommonJS(prop_types_exports);
-//# sourceMappingURL=prop-types.js.map

package/dist/cjs/prop-types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { ChatProps } from './index.d';\n\nexport const defaultProps: ChatProps = {\n  expanded: false,\n  expandedWidth: 348,\n  openedItem: undefined,\n  onFooterExpand: noop,\n  onFooterClose: noop,\n  floating: false,\n  onHeaderExpand: noop,\n  onHeaderClose: noop,\n  title: 'Header Title',\n};\n\nexport const chatProps = {\n  containerProps: PropTypes.shape({}).defaultValue({}),\n  expanded: PropTypes.bool\n    .description('Whether to show the chat expanded or collapsed')\n    .defaultValue(defaultProps.expanded),\n  expandedWidth: PropTypes.number\n    .description('Total width attached to the expanded Chat')\n    .defaultValue(defaultProps.expandedWidth),\n  openedItem: PropTypes.string\n    .description('The id of the chat item you want to be opened')\n    .defaultValue(defaultProps.openedItem),\n  messages: PropTypes.arrayOf(PropTypes.object)\n    .description(\n      'The array of out-of-the-box items you want to render inside the container list of the chat',\n    )\n    .defaultValue(defaultProps.openedItem),\n  onFooterExpand: PropTypes.func\n    .description('The function to call when the chat is opened via the footer')\n    .defaultValue(defaultProps.onFooterExpand),\n  onFooterClose: PropTypes.func\n    .description('The function to call when the chat is closed via the footer')\n    .defaultValue(defaultProps.onFooterClose),\n  onHeaderExpand: PropTypes.func\n    .description('The function to call when the chat is opened via the header')\n    .defaultValue(defaultProps.onHeaderExpand),\n  onHeaderClose: PropTypes.func\n    .description('The function to call when the chat is closed via the header')\n    .defaultValue(defaultProps.onHeaderClose),\n  floating: PropTypes.bool\n    .description('Whether to show the chat as floating chat or not')\n    .defaultValue(defaultProps.floating),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,oBAAqB;AAGd,MAAM,eAA0B;AAAA,EACrC,UAAU;AAAA,EACV,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,OAAO;AAAA;AAGF,MAAM,YAAY;AAAA,EACvB,gBAAgB,4BAAU,MAAM,IAAI,aAAa;AAAA,EACjD,UAAU,4BAAU,KACjB,YAAY,kDACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,4BAAU,OACtB,YAAY,6CACZ,aAAa,aAAa;AAAA,EAC7B,YAAY,4BAAU,OACnB,YAAY,iDACZ,aAAa,aAAa;AAAA,EAC7B,UAAU,4BAAU,QAAQ,4BAAU,QACnC,YACC,8FAED,aAAa,aAAa;AAAA,EAC7B,gBAAgB,4BAAU,KACvB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,4BAAU,KACtB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,gBAAgB,4BAAU,KACvB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,4BAAU,KACtB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,UAAU,4BAAU,KACjB,YAAY,oDACZ,aAAa,aAAa;AAAA;",
-  "names": []
-}

package/dist/cjs/styled.js

@@ -1,45 +0,0 @@
-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"));
-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

package/dist/cjs/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const MIN_WIDTH_SIDEBAR = 48;\nexport const BUTTON_SIDEBAR_HEIGHT = 48;\nexport const BUTTON_FLOATING = 56;\nexport const BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nexport const BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\nexport const BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAC9B,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;",
-  "names": []
-}

package/dist/cjs/tests/utils.js

@@ -1,66 +0,0 @@
-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 utils_exports = {};
-__export(utils_exports, {
-  loadMsgs: () => loadMsgs
-});
-var React = __toESM(require("react"));
-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 {
-      dsId: `${i}`,
-      body: `This is a system message that notifies the user of some important things`,
-      type: import_ds_chat.BUBBLE_TYPES.SYSTEM,
-      title: "System Message",
-      time: "4:50 pm"
-    };
-  }
-  if (i > 5 && i % 16 === 0) {
-    return {
-      dsId: `${i}`,
-      type: import_ds_chat.BUBBLE_TYPES.DELIMITER,
-      title: "Mon, Apr 25, 12:43 PM",
-      extraProps: { "data-testid": "custom-data-testid" }
-    };
-  }
-  const isSender = i % 2 === 0;
-  const chatBubbleType = isSender ? import_ds_chat.BUBBLE_TYPES.SENDER : import_ds_chat.BUBBLE_TYPES.RECIPIENT;
-  const chatTitle = isSender ? "Robert Deniro" : "Al Pacino";
-  return {
-    dsId: `${i}`,
-    body: `Message text ${key} Message text ${i}`,
-    type: chatBubbleType,
-    title: chatTitle,
-    time: "4:50 pm",
-    helpMessage: isSender ? "Delivered" : null
-  };
-});
-const loadMsgs = (q) => getRandomMessages(q, "item_key");
-module.exports = __toCommonJS(utils_exports);
-//# sourceMappingURL=utils.js.map

package/dist/cjs/tests/utils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/tests/utils.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { BUBBLE_TYPES } from '@elliemae/ds-chat';\n\nconst getRandomMessages = (q, key) =>\n  Array(q)\n    .fill()\n    .map((v, i) => {\n      if (i > 5 && i % 22 === 0) {\n        return {\n          dsId: `${i}`,\n          body: `This is a system message that notifies the user of some important things`,\n          type: BUBBLE_TYPES.SYSTEM,\n          title: 'System Message',\n          time: '4:50 pm',\n        };\n      }\n      if (i > 5 && i % 16 === 0) {\n        return {\n          dsId: `${i}`,\n          type: BUBBLE_TYPES.DELIMITER,\n          title: 'Mon, Apr 25, 12:43 PM',\n          extraProps: { 'data-testid': 'custom-data-testid' },\n        };\n      }\n      const isSender = i % 2 === 0;\n      const chatBubbleType = isSender ? BUBBLE_TYPES.SENDER : BUBBLE_TYPES.RECIPIENT;\n      const chatTitle = isSender ? 'Robert Deniro' : 'Al Pacino';\n      return {\n        dsId: `${i}`,\n        body: `Message text ${key} Message text ${i}`,\n        type: chatBubbleType,\n        title: chatTitle,\n        time: '4:50 pm',\n        helpMessage: isSender ? 'Delivered' : null,\n      };\n    });\n\nexport const loadMsgs = (q: number): unknown => getRandomMessages(q, 'item_key');\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA6B;AAE7B,MAAM,oBAAoB,CAAC,GAAG,QAC5B,MAAM,GACH,OACA,IAAI,CAAC,GAAG,MAAM;AACb,MAAI,IAAI,KAAK,IAAI,OAAO,GAAG;AACzB,WAAO;AAAA,MACL,MAAM,GAAG;AAAA,MACT,MAAM;AAAA,MACN,MAAM,4BAAa;AAAA,MACnB,OAAO;AAAA,MACP,MAAM;AAAA;AAAA;AAGV,MAAI,IAAI,KAAK,IAAI,OAAO,GAAG;AACzB,WAAO;AAAA,MACL,MAAM,GAAG;AAAA,MACT,MAAM,4BAAa;AAAA,MACnB,OAAO;AAAA,MACP,YAAY,EAAE,eAAe;AAAA;AAAA;AAGjC,QAAM,WAAW,IAAI,MAAM;AAC3B,QAAM,iBAAiB,WAAW,4BAAa,SAAS,4BAAa;AACrE,QAAM,YAAY,WAAW,kBAAkB;AAC/C,SAAO;AAAA,IACL,MAAM,GAAG;AAAA,IACT,MAAM,gBAAgB,oBAAoB;AAAA,IAC1C,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa,WAAW,cAAc;AAAA;AAAA;AAIvC,MAAM,WAAW,CAAC,MAAuB,kBAAkB,GAAG;",
-  "names": []
-}

package/dist/esm/ChatDataTestids.js

@@ -1,27 +0,0 @@
-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"
-};
-export {
-  ChatDataTestIds
-};
-//# sourceMappingURL=ChatDataTestids.js.map

package/dist/esm/ChatDataTestids.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ChatDataTestids.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ChatDataTestIds = {\n  COMPOSER_TEXTAREA: 'chat-composer-textarea',\n  COMPOSER_SEND_BUTTON: 'chat-composer-send-button',\n  CARD_TITLE: 'chat-card-title',\n  CARD_WRAPPER: 'chat-card-wrapper',\n  CARD_TIME: 'chat-card-time',\n  CARD_RIGHT_ADDON: 'chat-right-addon',\n  CARD_CONTENT: 'chat-card-content',\n  LOADING_INDICATOR: 'ds-chat-loading-indicator',\n  HEADER_TITLE: 'chat-header-title',\n  HEADER_CHILDREN: 'chat-header-children',\n  THREAD_CONTAINER: 'chat-thread-container',\n  LOAD_MORE_BUTTON: 'ds-chat-load-more-btn',\n  FLOATING_BUTTON: 'chat-floating-button',\n  SYSTEM_MSG_TITLE: 'chat-system-message-title',\n  SYSTEM_MSG_BODY: 'chat-system-message-body',\n  SYSTEM_MSG_TIME: 'chat-system-message-time',\n  BUBBLE: 'ds-chat-bubble',\n  BUBBLE_TITLE: 'chat-bubble-title',\n  BUBBLE_BODY: 'chat-bubble-body',\n  BANNER: 'ds-banner-container',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,kBAAkB;AAAA,EAC7B,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,QAAQ;AAAA;",
-  "names": []
-}

package/dist/esm/index.d.js

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

package/dist/esm/index.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA;",
-  "names": []
-}

package/dist/esm/index.js

@@ -1,40 +0,0 @@
-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

package/dist/esm/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// Bubble\nexport { ChatBubble, ChatBubbleWithSchema, BUBBLE_TYPES } from './parts/bubble';\n// Floating Button\nexport { FloatingButton } from './parts/floating-button';\nexport { StyledFloatingContainer } from './parts/floating-container/styled';\n// Chat Header\nexport { ChatContainerHeader } from './parts/chat-container-header/ChatContainerHeader';\n// Chat Empty State\nexport { ChatEmptyState } from './parts/chat-empty-state/ChatEmptyState';\n\n// Chat List\nexport { ChatContainerMessagesList, ChatContainerMessagesListWithSchema } from './parts/chat-container-messages-list';\n// Chat Composer\nexport { ChatComposer, ChatComposerWithSchema } from './parts/chat-composer/ChatContainerComposer';\n// Chat Sidebar\nexport { SideBarChat, SideBarChatWithSchema } from './parts/chat-sidebar';\n// Chat Container\nexport { ChatContainer, ChatContainerWithSchema } from './parts/chat-container';\n// Tile\nexport { TileButton, TileButtonWithSchema } from './parts/tile-button';\n// MessageDelimiter\nexport { MessageDelimiter, MessageDelimiterWithSchema } from './parts/message-delimiter';\n// SystemMessage\nexport { SystemMessage, SystemMessageWithSchema } from './parts/system-message';\n// ChatCard\nexport { ChatCard, ChatCardWithSchema } from './parts/chat-card';\n"],
-  "mappings": "AAAA;ACCA;AAEA;AACA;AAEA;AAEA;AAGA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;",
-  "names": []
-}

package/dist/esm/parts/bubble/ChatBubble.js

@@ -1,64 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { WarningCircleFill } from "@elliemae/ds-icons";
-import {
-  StyledWrapper,
-  StyledColoredBubble,
-  StyledTitleBubble,
-  StyledTitleLeftBubble,
-  StyledTitleRightBubble,
-  StyleBodyWrapper,
-  StyleErrorMessage,
-  StyleHelpMessage
-} from "./styled";
-import { propsBubbles } from "./props";
-import { useValidateProps } from "./config/useValidateProps";
-import { ChatBubbleArrow } from "./ChatBubbleArrow";
-const ChatBubble = (props) => {
-  useValidateProps(props, ChatBubbleWithSchema.toJSON());
-  const { dsId, type, title, time, body, errorMessage, helpMessage } = props;
-  const bodyParts = React2.useMemo(() => typeof body === "string" ? body.split("\n") : [body], [body]);
-  return /* @__PURE__ */ React2.createElement(StyledWrapper, {
-    "data-testid": `ds-chat-bubble-${dsId}`,
-    type
-  }, /* @__PURE__ */ React2.createElement(StyledColoredBubble, {
-    type
-  }, /* @__PURE__ */ React2.createElement(StyledTitleBubble, {
-    cols: [1, "auto"],
-    gutter: "xs",
-    alignItems: "flex-end",
-    className: "sr-only"
-  }, /* @__PURE__ */ React2.createElement(StyledTitleLeftBubble, {
-    alignItems: "center",
-    "data-testid": `chat-bubble-title-${dsId}`
-  }, title), /* @__PURE__ */ React2.createElement(StyledTitleRightBubble, {
-    alignItems: "center",
-    type,
-    "data-testid": `chat-bubble-time-${dsId}`
-  }, time)), /* @__PURE__ */ React2.createElement(StyleBodyWrapper, {
-    "data-testid": `chat-bubble-body-${dsId}`
-  }, bodyParts.map((item, index) => /* @__PURE__ */ React2.createElement(React2.Fragment, {
-    key: `${item}-${index}`
-  }, item, index < bodyParts.length - 1 ? /* @__PURE__ */ React2.createElement("br", null) : null))), /* @__PURE__ */ React2.createElement(ChatBubbleArrow, {
-    type
-  })), errorMessage ? /* @__PURE__ */ React2.createElement(StyleErrorMessage, {
-    "data-testid": `chat-bubble-error-message-${dsId}`,
-    p: "xxs",
-    gutter: "xxs",
-    cols: [1, "auto"]
-  }, /* @__PURE__ */ React2.createElement("span", null, errorMessage), /* @__PURE__ */ React2.createElement(WarningCircleFill, null)) : null, helpMessage ? /* @__PURE__ */ React2.createElement(StyleHelpMessage, {
-    "data-testid": `chat-bubble-help-message-${dsId}`,
-    p: "xxs",
-    gutter: "xxs",
-    cols: [1, "auto"]
-  }, /* @__PURE__ */ React2.createElement("span", null, helpMessage)) : null);
-};
-ChatBubble.propTypes = propsBubbles;
-const ChatBubbleWithSchema = describe(ChatBubble);
-ChatBubbleWithSchema.propTypes = propsBubbles;
-export {
-  ChatBubble,
-  ChatBubbleWithSchema
-};
-//# sourceMappingURL=ChatBubble.js.map