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

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

@@ -1,35 +1,48 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var styled = require('./styled.js');
-var props = require('./props.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _Comments;
-const FloatingButton = _ref => {
-  let {
-    onClick,
-    onFocus,
-    innerRef
-  } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsx(styled.StyledFloatingButton, {
-    onFocus: onFocus,
-    ref: innerRef,
-    "data-testid": "chat-floating-button",
-    onClick: onClick,
-    children: _Comments || (_Comments = /*#__PURE__*/_jsx__default["default"](dsIcons.Comments, {
-      size: "l"
-    }))
-  });
+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 });
 };
-FloatingButton.defaultProps = props.defaultFloatingButton;
-
-exports.FloatingButton = FloatingButton;
+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 FloatingButton_exports = {};
+__export(FloatingButton_exports, {
+  FloatingButton: () => FloatingButton
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+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,
+  "data-testid": "chat-floating-button",
+  onClick
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Comments, {
+  size: "l"
+}));
+FloatingButton.propTypes = import_props.propsFloatingButton;
+FloatingButton.defaultProps = import_props.defaultFloatingButton;
+module.exports = __toCommonJS(FloatingButton_exports);
+//# sourceMappingURL=FloatingButton.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/floating-button/FloatingButton.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { Comments } from '@elliemae/ds-icons';\nimport { StyledFloatingButton } from './styled';\nimport { defaultFloatingButton, propsFloatingButton, FloatingButtonProps } from './props';\n\nexport const FloatingButton = ({ onClick, onFocus, innerRef }: FloatingButtonProps): JSX.Element => (\n  <StyledFloatingButton onFocus={onFocus} ref={innerRef} data-testid=\"chat-floating-button\" onClick={onClick}>\n    <Comments size=\"l\" />\n  </StyledFloatingButton>\n);\n\nFloatingButton.propTypes = propsFloatingButton;\nFloatingButton.defaultProps = defaultFloatingButton;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,sBAAyB;AACzB,oBAAqC;AACrC,mBAAgF;AAEzE,MAAM,iBAAiB,CAAC,EAAE,SAAS,SAAS,eACjD,mDAAC,oCAAD;AAAA,EAAsB;AAAA,EAAkB,KAAK;AAAA,EAAU,eAAY;AAAA,EAAuB;AAAA,GACxF,mDAAC,0BAAD;AAAA,EAAU,MAAK;AAAA;AAInB,eAAe,YAAY;AAC3B,eAAe,eAAe;",
+  "names": []
+}

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

@@ -1,9 +1,28 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var FloatingButton = require('./FloatingButton.js');
-
-
-
-exports.FloatingButton = FloatingButton.FloatingButton;
+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 __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 floating_button_exports = {};
+var React = __toESM(require("react"));
+__reExport(floating_button_exports, require("./FloatingButton"));
+module.exports = __toCommonJS(floating_button_exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/floating-button/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './FloatingButton';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,oCAAc;",
+  "names": []
+}

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

@@ -1,20 +1,47 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-var lodash = require('lodash');
-
+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 props_exports = {};
+__export(props_exports, {
+  defaultFloatingButton: () => defaultFloatingButton,
+  propsFloatingButton: () => propsFloatingButton
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
 const defaultFloatingButton = {
-  onClick: lodash.noop,
-  onFocus: lodash.noop,
+  onClick: import_lodash.noop,
+  onFocus: import_lodash.noop,
   innerRef: null
 };
 const propsFloatingButton = {
-  onClick: reactDesc.PropTypes.func.description('The function to call when the chat is opened via the footer').defaultValue(defaultFloatingButton.onClick),
-  onFocus: reactDesc.PropTypes.func.description('The function to call when button is being focused').defaultValue(defaultFloatingButton.onFocus),
-  innerRef: reactDesc.PropTypes.object.description('Ref to the component container').defaultValue(null)
+  onClick: import_react_desc.PropTypes.func.description("The function to call when the chat is opened via the footer").defaultValue(defaultFloatingButton.onClick),
+  onFocus: import_react_desc.PropTypes.func.description("The function to call when button is being focused").defaultValue(defaultFloatingButton.onFocus),
+  innerRef: import_react_desc.PropTypes.object.description("Ref to the component container").defaultValue(null)
 };
-
-exports.defaultFloatingButton = defaultFloatingButton;
-exports.propsFloatingButton = propsFloatingButton;
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/floating-button/props.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport React from 'react';\n\nexport interface FloatingButtonProps {\n  onClick: () => void;\n  onFocus: () => void;\n  innerRef: React.RefObject<HTMLButtonElement>;\n}\n\nexport const defaultFloatingButton: FloatingButtonProps = {\n  onClick: noop,\n  onFocus: noop,\n  innerRef: null,\n};\n\nexport const propsFloatingButton = {\n  onClick: PropTypes.func\n    .description('The function to call when the chat is opened via the footer')\n    .defaultValue(defaultFloatingButton.onClick),\n  onFocus: PropTypes.func\n    .description('The function to call when button is being focused')\n    .defaultValue(defaultFloatingButton.onFocus),\n  innerRef: PropTypes.object.description('Ref to the component container').defaultValue(null),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,oBAAqB;AASd,MAAM,wBAA6C;AAAA,EACxD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA;AAGL,MAAM,sBAAsB;AAAA,EACjC,SAAS,4BAAU,KAChB,YAAY,+DACZ,aAAa,sBAAsB;AAAA,EACtC,SAAS,4BAAU,KAChB,YAAY,qDACZ,aAAa,sBAAsB;AAAA,EACtC,UAAU,4BAAU,OAAO,YAAY,kCAAkC,aAAa;AAAA;",
+  "names": []
+}

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

@@ -1,18 +1,64 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
+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, {
+  StyledFloatingButton: () => StyledFloatingButton
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
 const BUTTON_FLOATING = 56;
-const BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';
-const BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';
-const StyledFloatingButton = /*#__PURE__*/styled__default["default"].button.withConfig({
-  componentId: "sc-vlozhu-0"
-})(["outline:none;cursor:pointer;height:", "px;width:", "px;border:none;background:", ";border-radius:50%;box-shadow:", ";&:hover{background:", ";}&:focus{border:2px solid ", ";box-shadow:inset 0 0 0 2px ", ",", ";}&:active{background:", ";box-shadow:inset 0 0 0 0,", ";}svg{fill:", ";}"], BUTTON_FLOATING, BUTTON_FLOATING, props => props.theme.colors.brand[600], BOX_SHADOW_FLOATING, props => props.theme.colors.brand[700], props => props.theme.colors.brand[700], props => props.theme.colors.neutral['000'], BOX_SHADOW, props => props.theme.colors.brand[800], BOX_SHADOW_FLOATING, props => props.theme.colors.neutral['000']);
-
-exports.StyledFloatingButton = StyledFloatingButton;
+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)`;
+const StyledFloatingButton = import_styled_components.default.button`
+  outline: none;
+  cursor: pointer;
+  height: ${BUTTON_FLOATING}px;
+  width: ${BUTTON_FLOATING}px;
+  border: none;
+  background: ${(props) => props.theme.colors.brand[600]};
+  border-radius: 50%;
+  box-shadow: ${BOX_SHADOW_FLOATING};
+  &:hover {
+    background: ${(props) => props.theme.colors.brand[700]};
+  }
+  &:focus {
+    border: 2px solid ${(props) => props.theme.colors.brand[700]};
+    box-shadow: inset 0 0 0 2px ${(props) => props.theme.colors.neutral["000"]},
+      ${BOX_SHADOW};
+  }
+  &:active {
+    background: ${(props) => props.theme.colors.brand[800]};
+    box-shadow: inset 0 0 0 0, ${BOX_SHADOW_FLOATING};
+  }
+  svg {
+    fill: ${(props) => props.theme.colors.neutral["000"]};
+  }
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/floating-button/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\n\nconst BUTTON_FLOATING = 56;\nconst BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nconst BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\nconst BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;\n\nexport const StyledFloatingButton = styled.button`\n  outline: none;\n  cursor: pointer;\n  height: ${BUTTON_FLOATING}px;\n  width: ${BUTTON_FLOATING}px;\n  border: none;\n  background: ${(props) => props.theme.colors.brand[600]};\n  border-radius: 50%;\n  box-shadow: ${BOX_SHADOW_FLOATING};\n  &:hover {\n    background: ${(props) => props.theme.colors.brand[700]};\n  }\n  &:focus {\n    border: 2px solid ${(props) => props.theme.colors.brand[700]};\n    box-shadow: inset 0 0 0 2px ${(props) => props.theme.colors.neutral['000']},\n      ${BOX_SHADOW};\n  }\n  &:active {\n    background: ${(props) => props.theme.colors.brand[800]};\n    box-shadow: inset 0 0 0 0, ${BOX_SHADOW_FLOATING};\n  }\n  svg {\n    fill: ${(props) => props.theme.colors.neutral['000']};\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEnB,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;AAElB,MAAM,uBAAuB,iCAAO;AAAA;AAAA;AAAA,YAG/B;AAAA,WACD;AAAA;AAAA,gBAEK,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA,gBAEpC;AAAA;AAAA,kBAEE,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,wBAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,kCAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,QAChE;AAAA;AAAA;AAAA,kBAGU,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,iCACrB;AAAA;AAAA;AAAA,YAGrB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,17 +1,47 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var dsGrid = require('@elliemae/ds-grid');
-var styled$1 = require('../../styled.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledFloatingContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-nqvrts-0"
-})(["position:fixed;bottom:24px;right:24px;border-radius:4px;z-index:1;box-shadow:", ";background:", ";width:348px;"], styled$1.BOX_SHADOW, nestedProps => nestedProps.theme.colors.neutral['050']);
-
-exports.StyledFloatingContainer = StyledFloatingContainer;
+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, {
+  StyledFloatingContainer: () => StyledFloatingContainer
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+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;
+  right: 24px;
+  border-radius: 4px;
+  z-index: 1;
+  box-shadow: ${import_styled.BOX_SHADOW};
+  background: ${(nestedProps) => nestedProps.theme.colors.neutral["050"]};
+  width: 348px;
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/floating-container/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BOX_SHADOW } from '../../styled';\n\n// Floating\nexport const StyledFloatingContainer = styled(Grid)`\n  position: fixed;\n  bottom: 24px;\n  right: 24px;\n  border-radius: 4px;\n  z-index: 1;\n  box-shadow: ${BOX_SHADOW};\n  background: ${(nestedProps) => nestedProps.theme.colors.neutral['050']};\n  width: 348px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AACrB,oBAA2B;AAGpB,MAAM,0BAA0B,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAM9B;AAAA,gBACA,CAAC,gBAAgB,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,23 +1,43 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var styled = require('./styled.js');
-var ChatContainer = require('../chat-container/ChatContainer.js');
-var SideBarChat = require('../chat-sidebar/SideBarChat.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var _SideBarChat, _ChatContainer, _div;
-const InfluencerContainer = props => React__default["default"].useMemo(() => props.floating ? null : /*#__PURE__*/_jsx__default["default"](styled.StyledChatContainer, {
-  cols: ['auto', props.expanded ? 1 : '0px'],
+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 InfluencerContainer_exports = {};
+__export(InfluencerContainer_exports, {
+  InfluencerContainer: () => InfluencerContainer
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+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,
   expandedWidth: props.expandedWidth
-}, void 0, _SideBarChat || (_SideBarChat = /*#__PURE__*/_jsx__default["default"](SideBarChat.SideBarChat, {})), props.expanded ? _ChatContainer || (_ChatContainer = /*#__PURE__*/_jsx__default["default"](ChatContainer.ChatContainer, {})) : _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {}))), [props.floating, props.expanded, props.expandedWidth]);
-
-exports.InfluencerContainer = InfluencerContainer;
+}, /* @__PURE__ */ import_react.default.createElement(import_SideBarChat.SideBarChat, null), props.expanded ? /* @__PURE__ */ import_react.default.createElement(import_ChatContainer.ChatContainer, null) : /* @__PURE__ */ import_react.default.createElement("div", null)), [props.floating, props.expanded, props.expandedWidth]);
+module.exports = __toCommonJS(InfluencerContainer_exports);
+//# sourceMappingURL=InfluencerContainer.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/grid-influencer/InfluencerContainer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { StyledChatContainer } from './styled';\nimport { ChatContainer } from '../chat-container/ChatContainer';\nimport { SideBarChat } from '../chat-sidebar/SideBarChat';\n\nexport const InfluencerContainer: React.ComponentType<any> = (props) =>\n  React.useMemo(\n    () =>\n      props.floating ? null : (\n        <StyledChatContainer\n          cols={['auto', props.expanded ? 1 : '0px']}\n          expanded={props.expanded}\n          expandedWidth={props.expandedWidth}\n        >\n          <SideBarChat />\n          {props.expanded ? <ChatContainer /> : <div />}\n        </StyledChatContainer>\n      ),\n    [props.floating, props.expanded, props.expandedWidth],\n  );\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,oBAAoC;AACpC,2BAA8B;AAC9B,yBAA4B;AAErB,MAAM,sBAAgD,CAAC,UAC5D,qBAAM,QACJ,MACE,MAAM,WAAW,OACf,mDAAC,mCAAD;AAAA,EACE,MAAM,CAAC,QAAQ,MAAM,WAAW,IAAI;AAAA,EACpC,UAAU,MAAM;AAAA,EAChB,eAAe,MAAM;AAAA,GAErB,mDAAC,gCAAD,OACC,MAAM,WAAW,mDAAC,oCAAD,QAAoB,mDAAC,OAAD,QAG5C,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM;",
+  "names": []
+}

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

@@ -1,21 +1,56 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var dsGrid = require('@elliemae/ds-grid');
-var styled$1 = require('../../styled.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledChatContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-b6t5vk-0"
-})(["height:100%;width:", ";background:", ";box-shadow:-1px 0 0 0 ", ";transition:width ", " 350ms;"], props => props.expanded ? "".concat(props.expandedWidth, "px") : "".concat(styled$1.MIN_WIDTH_SIDEBAR, "px"), props => props.theme.colors.neutral['050'], props => props.theme.colors.neutral[100], props => props.expanded ? 'ease-out' : 'ease-in');
-const StyledChatContainerContent = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-b6t5vk-1"
-})(["height:100%;overflow:hidden;background:", ";", ""], props => props.theme.colors.neutral['050'], props => props.floating ? "\n  width: ".concat(props.expandedWidth, "px;\n") : "\n  width: ".concat(props.expandedWidth - styled$1.MIN_WIDTH_SIDEBAR, "px;\n"));
-
-exports.StyledChatContainer = StyledChatContainer;
-exports.StyledChatContainerContent = StyledChatContainerContent;
+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, {
+  StyledChatContainer: () => StyledChatContainer,
+  StyledChatContainerContent: () => StyledChatContainerContent
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+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`};
+  background: ${(props) => props.theme.colors.neutral["050"]};
+  box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};
+  transition: width ${(props) => props.expanded ? "ease-out" : "ease-in"}
+    350ms;
+`;
+const StyledChatContainerContent = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  height: 100%;
+  overflow: hidden;
+  background: ${(props) => props.theme.colors.neutral["050"]};
+  ${(props) => props.floating ? `
+  width: ${props.expandedWidth}px;
+` : `
+  width: ${props.expandedWidth - import_styled.MIN_WIDTH_SIDEBAR}px;
+`}
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/grid-influencer/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MIN_WIDTH_SIDEBAR } from '../../styled';\n\nexport const StyledChatContainer = styled(Grid)`\n  height: 100%;\n  width: ${(props) =>\n    props.expanded ? `${props.expandedWidth}px` : `${MIN_WIDTH_SIDEBAR}px`};\n  background: ${(props) => props.theme.colors.neutral['050']};\n  box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};\n  transition: width ${(props) => (props.expanded ? 'ease-out' : 'ease-in')}\n    350ms;\n`;\n\nexport const StyledChatContainerContent = styled(Grid)`\n  height: 100%;\n  overflow: hidden;\n  background: ${(props) => props.theme.colors.neutral['050']};\n  ${(props) =>\n    props.floating\n      ? `\n  width: ${props.expandedWidth}px;\n`\n      : `\n  width: ${props.expandedWidth - MIN_WIDTH_SIDEBAR}px;\n`}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AACrB,oBAAkC;AAE3B,MAAM,sBAAsB,sCAAO;AAAA;AAAA,WAE/B,CAAC,UACR,MAAM,WAAW,GAAG,MAAM,oBAAoB,GAAG;AAAA,gBACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,2BAC3B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,sBAC3C,CAAC,UAAW,MAAM,WAAW,aAAa;AAAA;AAAA;AAIzD,MAAM,6BAA6B,sCAAO;AAAA;AAAA;AAAA,gBAGjC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAClD,CAAC,UACD,MAAM,WACF;AAAA,WACG,MAAM;AAAA,IAET;AAAA,WACG,MAAM,gBAAgB;AAAA;AAAA;",
+  "names": []
+}