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

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

@@ -1,12 +1,28 @@
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-import { MIN_WIDTH_SIDEBAR, BUTTON_SIDEBAR_HEIGHT } from '../../styled.js';
+import * as React from "react";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+import { MIN_WIDTH_SIDEBAR, BUTTON_SIDEBAR_HEIGHT } from "../../styled";
+const StyledSideBarContainer = styled(Grid)`
+  height: 100%;
+  width: ${MIN_WIDTH_SIDEBAR}px;
+  background: ${(props) => props.theme.colors.neutral["050"]};
+  border-right: 1px solid ${(props) => props.theme.colors.neutral["100"]};
+  overflow: hidden;
+`;
+const StyledSideBarButtonsContainer = styled(Grid)`
+  overflow-y: auto;
+  align-items: flex-start;
+  justify-content: flex-start;
+  grid-template-rows: repeat(auto-fill, ${BUTTON_SIDEBAR_HEIGHT}px);
+  overflow-x: hidden;
 
-const StyledSideBarContainer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-16uijso-0"
-})(["height:100%;width:", "px;background:", ";border-right:1px solid ", ";overflow:hidden;"], MIN_WIDTH_SIDEBAR, props => props.theme.colors.neutral['050'], props => props.theme.colors.neutral['100']);
-const StyledSideBarButtonsContainer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-16uijso-1"
-})(["overflow-y:auto;align-items:flex-start;justify-content:flex-start;grid-template-rows:repeat(auto-fill,", "px);overflow-x:hidden;scrollbar-width:thin;&::-webkit-scrollbar{width:6px;}"], BUTTON_SIDEBAR_HEIGHT);
-
-export { StyledSideBarButtonsContainer, StyledSideBarContainer };
+  scrollbar-width: thin;
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+`;
+export {
+  StyledSideBarButtonsContainer,
+  StyledSideBarContainer
+};
+//# sourceMappingURL=styled.js.map

package/esm/parts/chat-sidebar/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/chat-sidebar/styled.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MIN_WIDTH_SIDEBAR, BUTTON_SIDEBAR_HEIGHT } from '../../styled';\n\n// Sidebar\nexport const StyledSideBarContainer = styled(Grid)`\n  height: 100%;\n  width: ${MIN_WIDTH_SIDEBAR}px;\n  background: ${(props) => props.theme.colors.neutral['050']};\n  border-right: 1px solid ${(props) => props.theme.colors.neutral['100']};\n  overflow: hidden;\n`;\n\nexport const StyledSideBarButtonsContainer = styled(Grid)`\n  overflow-y: auto;\n  align-items: flex-start;\n  justify-content: flex-start;\n  grid-template-rows: repeat(auto-fill, ${BUTTON_SIDEBAR_HEIGHT}px);\n  overflow-x: hidden;\n\n  scrollbar-width: thin;\n  &::-webkit-scrollbar {\n    width: 6px;\n  }\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,yBAAyB,OAAO;AAAA;AAAA,WAElC;AAAA,gBACK,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,4BAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3D,MAAM,gCAAgC,OAAO;AAAA;AAAA;AAAA;AAAA,0CAIV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,27 +1,19 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { Comments } from '@elliemae/ds-icons';
-import { StyledFloatingButton } from './styled.js';
-import { defaultFloatingButton } from './props.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _Comments;
-const FloatingButton = _ref => {
-  let {
-    onClick,
-    onFocus,
-    innerRef
-  } = _ref;
-  return /*#__PURE__*/jsx(StyledFloatingButton, {
-    onFocus: onFocus,
-    ref: innerRef,
-    "data-testid": "chat-floating-button",
-    onClick: onClick,
-    children: _Comments || (_Comments = /*#__PURE__*/_jsx(Comments, {
-      size: "l"
-    }))
-  });
-};
+import * as React from "react";
+import React2 from "react";
+import { Comments } from "@elliemae/ds-icons";
+import { StyledFloatingButton } from "./styled";
+import { defaultFloatingButton, propsFloatingButton } from "./props";
+const FloatingButton = ({ onClick, onFocus, innerRef }) => /* @__PURE__ */ React2.createElement(StyledFloatingButton, {
+  onFocus,
+  ref: innerRef,
+  "data-testid": "chat-floating-button",
+  onClick
+}, /* @__PURE__ */ React2.createElement(Comments, {
+  size: "l"
+}));
+FloatingButton.propTypes = propsFloatingButton;
 FloatingButton.defaultProps = defaultFloatingButton;
-
-export { FloatingButton };
+export {
+  FloatingButton
+};
+//# sourceMappingURL=FloatingButton.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/floating-button/FloatingButton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,iBAAiB,CAAC,EAAE,SAAS,SAAS,eACjD,qCAAC,sBAAD;AAAA,EAAsB;AAAA,EAAkB,KAAK;AAAA,EAAU,eAAY;AAAA,EAAuB;AAAA,GACxF,qCAAC,UAAD;AAAA,EAAU,MAAK;AAAA;AAInB,eAAe,YAAY;AAC3B,eAAe,eAAe;",
+  "names": []
+}

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

@@ -1 +1,3 @@
-export { FloatingButton } from './FloatingButton.js';
+import * as React from "react";
+export * from "./FloatingButton";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,15 +1,18 @@
-import { PropTypes } from 'react-desc';
-import { noop } from 'lodash';
-
+import * as React from "react";
+import { PropTypes } from "react-desc";
+import { noop } from "lodash";
 const defaultFloatingButton = {
   onClick: noop,
   onFocus: noop,
   innerRef: null
 };
 const propsFloatingButton = {
-  onClick: PropTypes.func.description('The function to call when the chat is opened via the footer').defaultValue(defaultFloatingButton.onClick),
-  onFocus: PropTypes.func.description('The function to call when button is being focused').defaultValue(defaultFloatingButton.onFocus),
-  innerRef: PropTypes.object.description('Ref to the component container').defaultValue(null)
+  onClick: PropTypes.func.description("The function to call when the chat is opened via the footer").defaultValue(defaultFloatingButton.onClick),
+  onFocus: PropTypes.func.description("The function to call when button is being focused").defaultValue(defaultFloatingButton.onFocus),
+  innerRef: PropTypes.object.description("Ref to the component container").defaultValue(null)
 };
-
-export { defaultFloatingButton, propsFloatingButton };
+export {
+  defaultFloatingButton,
+  propsFloatingButton
+};
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/floating-button/props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AASO,MAAM,wBAA6C;AAAA,EACxD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA;AAGL,MAAM,sBAAsB;AAAA,EACjC,SAAS,UAAU,KAChB,YAAY,+DACZ,aAAa,sBAAsB;AAAA,EACtC,SAAS,UAAU,KAChB,YAAY,qDACZ,aAAa,sBAAsB;AAAA,EACtC,UAAU,UAAU,OAAO,YAAY,kCAAkC,aAAa;AAAA;",
+  "names": []
+}

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

@@ -1,10 +1,35 @@
-import styled from 'styled-components';
-
+import * as React from "react";
+import styled from "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.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']);
-
-export { 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 = styled.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"]};
+  }
+`;
+export {
+  StyledFloatingButton
+};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/floating-button/styled.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AAEA,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;AAElB,MAAM,uBAAuB,OAAO;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/esm/parts/floating-container/styled.js

@@ -1,9 +1,18 @@
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-import { BOX_SHADOW } from '../../styled.js';
-
-const StyledFloatingContainer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-nqvrts-0"
-})(["position:fixed;bottom:24px;right:24px;border-radius:4px;z-index:1;box-shadow:", ";background:", ";width:348px;"], BOX_SHADOW, nestedProps => nestedProps.theme.colors.neutral['050']);
-
-export { StyledFloatingContainer };
+import * as React from "react";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+import { BOX_SHADOW } from "../../styled";
+const StyledFloatingContainer = styled(Grid)`
+  position: fixed;
+  bottom: 24px;
+  right: 24px;
+  border-radius: 4px;
+  z-index: 1;
+  box-shadow: ${BOX_SHADOW};
+  background: ${(nestedProps) => nestedProps.theme.colors.neutral["050"]};
+  width: 348px;
+`;
+export {
+  StyledFloatingContainer
+};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/floating-container/styled.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAM9B;AAAA,gBACA,CAAC,gBAAgB,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,14 +1,14 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import React from 'react';
-import { StyledChatContainer } from './styled.js';
-import { ChatContainer } from '../chat-container/ChatContainer.js';
-import { SideBarChat } from '../chat-sidebar/SideBarChat.js';
-
-var _SideBarChat, _ChatContainer, _div;
-const InfluencerContainer = props => React.useMemo(() => props.floating ? null : /*#__PURE__*/_jsx(StyledChatContainer, {
-  cols: ['auto', props.expanded ? 1 : '0px'],
+import * as React from "react";
+import React2 from "react";
+import { StyledChatContainer } from "./styled";
+import { ChatContainer } from "../chat-container/ChatContainer";
+import { SideBarChat } from "../chat-sidebar/SideBarChat";
+const InfluencerContainer = (props) => React2.useMemo(() => props.floating ? null : /* @__PURE__ */ React2.createElement(StyledChatContainer, {
+  cols: ["auto", props.expanded ? 1 : "0px"],
   expanded: props.expanded,
   expandedWidth: props.expandedWidth
-}, void 0, _SideBarChat || (_SideBarChat = /*#__PURE__*/_jsx(SideBarChat, {})), props.expanded ? _ChatContainer || (_ChatContainer = /*#__PURE__*/_jsx(ChatContainer, {})) : _div || (_div = /*#__PURE__*/_jsx("div", {}))), [props.floating, props.expanded, props.expandedWidth]);
-
-export { InfluencerContainer };
+}, /* @__PURE__ */ React2.createElement(SideBarChat, null), props.expanded ? /* @__PURE__ */ React2.createElement(ChatContainer, null) : /* @__PURE__ */ React2.createElement("div", null)), [props.floating, props.expanded, props.expandedWidth]);
+export {
+  InfluencerContainer
+};
+//# sourceMappingURL=InfluencerContainer.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/grid-influencer/InfluencerContainer.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEO,MAAM,sBAAgD,CAAC,UAC5D,OAAM,QACJ,MACE,MAAM,WAAW,OACf,qCAAC,qBAAD;AAAA,EACE,MAAM,CAAC,QAAQ,MAAM,WAAW,IAAI;AAAA,EACpC,UAAU,MAAM;AAAA,EAChB,eAAe,MAAM;AAAA,GAErB,qCAAC,aAAD,OACC,MAAM,WAAW,qCAAC,eAAD,QAAoB,qCAAC,OAAD,QAG5C,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM;",
+  "names": []
+}

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

@@ -1,12 +1,27 @@
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-import { MIN_WIDTH_SIDEBAR } from '../../styled.js';
-
-const StyledChatContainer = /*#__PURE__*/styled(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(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(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 - MIN_WIDTH_SIDEBAR, "px;\n"));
-
-export { StyledChatContainer, StyledChatContainerContent };
+import * as React from "react";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+import { MIN_WIDTH_SIDEBAR } from "../../styled";
+const StyledChatContainer = styled(Grid)`
+  height: 100%;
+  width: ${(props) => props.expanded ? `${props.expandedWidth}px` : `${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 = styled(Grid)`
+  height: 100%;
+  overflow: hidden;
+  background: ${(props) => props.theme.colors.neutral["050"]};
+  ${(props) => props.floating ? `
+  width: ${props.expandedWidth}px;
+` : `
+  width: ${props.expandedWidth - MIN_WIDTH_SIDEBAR}px;
+`}
+`;
+export {
+  StyledChatContainer,
+  StyledChatContainerContent
+};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/grid-influencer/styled.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,sBAAsB,OAAO;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,OAAO;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": []
+}

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

@@ -1,32 +1,26 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.url.to-json.js';
-import 'react';
-import { describe } from 'react-desc';
-import { Wrapper, Line, Text } from './styled.js';
-import { messageDelimiterProps, defaultProps } from './props.js';
-import { useValidateProps } from './config/useValidateProps.js';
-
-var _Line, _Line2;
-
-const MessageDelimiter = props => {
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { Wrapper, Line, Text } from "./styled";
+import { defaultProps, messageDelimiterProps } from "./props";
+import { useValidateProps } from "./config/useValidateProps";
+const MessageDelimiter = (props) => {
   useValidateProps(props, MessageDelimiterWithSchema.toJSON());
-  const {
-    title,
+  const { title, size, extraProps, verticalMargin } = props;
+  return /* @__PURE__ */ React2.createElement(Wrapper, {
+    cols: ["1fr", "auto", "1fr"]
+  }, /* @__PURE__ */ React2.createElement(Line, null), /* @__PURE__ */ React2.createElement(Text, {
     size,
-    extraProps,
-    verticalMargin
-  } = props;
-  return /*#__PURE__*/_jsx(Wrapper, {
-    cols: ['1fr', 'auto', '1fr']
-  }, void 0, _Line || (_Line = /*#__PURE__*/_jsx(Line, {})), /*#__PURE__*/_jsx(Text, {
-    size: size,
-    verticalMargin: verticalMargin,
-    "data-testid": extraProps['data-testid']
-  }, void 0, title), _Line2 || (_Line2 = /*#__PURE__*/_jsx(Line, {})));
+    verticalMargin,
+    "data-testid": extraProps["data-testid"]
+  }, title), /* @__PURE__ */ React2.createElement(Line, null));
 };
-
 MessageDelimiter.defaultProps = defaultProps;
+MessageDelimiter.propTypes = messageDelimiterProps;
 const MessageDelimiterWithSchema = describe(MessageDelimiter);
 MessageDelimiterWithSchema.propTypes = messageDelimiterProps;
-
-export { MessageDelimiter, MessageDelimiterWithSchema };
+export {
+  MessageDelimiter,
+  MessageDelimiterWithSchema
+};
+//# sourceMappingURL=MessageDelimiter.js.map

package/esm/parts/message-delimiter/MessageDelimiter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/message-delimiter/MessageDelimiter.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport { Wrapper, Line, Text } from './styled';\nimport { defaultProps, messageDelimiterProps, MessageDelimiterProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst MessageDelimiter = (props: MessageDelimiterProps): JSX.Element => {\n  useValidateProps(props, MessageDelimiterWithSchema.toJSON());\n  const { title, size, extraProps, verticalMargin } = props;\n  return (\n    <Wrapper cols={['1fr', 'auto', '1fr']}>\n      <Line />\n      <Text size={size} verticalMargin={verticalMargin} data-testid={extraProps['data-testid']}>\n        {title}\n      </Text>\n      <Line />\n    </Wrapper>\n  );\n};\n\nMessageDelimiter.defaultProps = defaultProps;\nMessageDelimiter.propTypes = messageDelimiterProps;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB,CAAC,UAA8C;AACtE,mBAAiB,OAAO,2BAA2B;AACnD,QAAM,EAAE,OAAO,MAAM,YAAY,mBAAmB;AACpD,SACE,qCAAC,SAAD;AAAA,IAAS,MAAM,CAAC,OAAO,QAAQ;AAAA,KAC7B,qCAAC,MAAD,OACA,qCAAC,MAAD;AAAA,IAAM;AAAA,IAAY;AAAA,IAAgC,eAAa,WAAW;AAAA,KACvE,QAEH,qCAAC,MAAD;AAAA;AAKN,iBAAiB,eAAe;AAChC,iBAAiB,YAAY;AAC7B,MAAM,6BAA6B,SAAS;AAC5C,2BAA2B,YAAY;",
+  "names": []
+}

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

@@ -1,7 +1,9 @@
-import { useValidatePropTypes } from '@elliemae/ds-props-helpers';
-
+import * as React from "react";
+import { useValidatePropTypes } from "@elliemae/ds-props-helpers";
 const useValidateProps = (props, schema) => {
   useValidatePropTypes(props, schema);
 };
-
-export { useValidateProps };
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/esm/parts/message-delimiter/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/message-delimiter/config/useValidateProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { MessageDelimiterProps } from '../props';\n\nexport const useValidateProps = (props: MessageDelimiterProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n"],
+  "mappings": "AAAA;ACAA;AAGO,MAAM,mBAAmB,CAAC,OAA8B,WAA0B;AACvF,uBAAqB,OAAO;AAAA;",
+  "names": []
+}

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

@@ -1 +1,10 @@
-export { MessageDelimiter, MessageDelimiterWithSchema } from './MessageDelimiter.js';
+import * as React from "react";
+import {
+  MessageDelimiter,
+  MessageDelimiterWithSchema
+} from "./MessageDelimiter";
+export {
+  MessageDelimiter,
+  MessageDelimiterWithSchema
+};
+//# sourceMappingURL=index.js.map

package/esm/parts/message-delimiter/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/message-delimiter/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n  MessageDelimiter,\n  MessageDelimiterWithSchema,\n} from './MessageDelimiter';\n"],
+  "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,18 +1,19 @@
-import { PropTypes } from 'react-desc';
-
+import * as React from "react";
+import { PropTypes } from "react-desc";
 const defaultProps = {
-  title: '',
-  size: 's',
-  verticalMargin: '0px',
-  extraProps: {
-    'data-testid': 'chat-message-delimiter-title'
-  }
+  title: "",
+  size: "s",
+  verticalMargin: "0px",
+  extraProps: { "data-testid": "chat-message-delimiter-title" }
 };
 const messageDelimiterProps = {
-  title: PropTypes.string.isRequired.description('Text to display in the delimiter'),
-  size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),
-  extraProps: PropTypes.object.description('extra props for delimiter'),
-  verticalMargin: PropTypes.oneOf(['string', 'number']).description('Configurable css vertical margin property for flexibilty')
+  title: PropTypes.string.isRequired.description("Text to display in the delimiter"),
+  size: PropTypes.oneOf(["s", "l"]).description("size of the delimiter").defaultValue("s"),
+  extraProps: PropTypes.object.description("extra props for delimiter"),
+  verticalMargin: PropTypes.oneOf(["string", "number"]).description("Configurable css vertical margin property for flexibilty")
 };
-
-export { defaultProps, messageDelimiterProps };
+export {
+  defaultProps,
+  messageDelimiterProps
+};
+//# sourceMappingURL=props.js.map

package/esm/parts/message-delimiter/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/message-delimiter/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport interface MessageDelimiterProps {\n  title: string;\n  size?: 's' | 'l';\n  verticalMargin?: number | string;\n  extraProps?: {};\n}\n\nexport const defaultProps: MessageDelimiterProps = {\n  title: '',\n  size: 's',\n  verticalMargin: '0px',\n  extraProps: { 'data-testid': 'chat-message-delimiter-title' },\n};\n\nexport const messageDelimiterProps = {\n  title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n  size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n  extraProps: PropTypes.object.description('extra props for delimiter'),\n  verticalMargin: PropTypes.oneOf(['string', 'number']).description(\n    'Configurable css vertical margin property for flexibilty',\n  ),\n};\n"],
+  "mappings": "AAAA;ACAA;AASO,MAAM,eAAsC;AAAA,EACjD,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,YAAY,EAAE,eAAe;AAAA;AAGxB,MAAM,wBAAwB;AAAA,EACnC,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAC/C,MAAM,UAAU,MAAM,CAAC,KAAK,MAAM,YAAY,yBAAyB,aAAa;AAAA,EACpF,YAAY,UAAU,OAAO,YAAY;AAAA,EACzC,gBAAgB,UAAU,MAAM,CAAC,UAAU,WAAW,YACpD;AAAA;",
+  "names": []
+}

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

@@ -1,14 +1,24 @@
-import { Grid } from '@elliemae/ds-grid';
-import styled from 'styled-components';
-
-const Wrapper = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-upz0rt-0"
-})(["align-items:center;justify-content:center;width:100%;min-height:8px;"]);
-const Line = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-upz0rt-1"
-})(["border-top:1px solid ", ";"], props => props.theme.colors.neutral['400']);
-const Text = /*#__PURE__*/styled.p.withConfig({
-  componentId: "sc-upz0rt-2"
-})(["color:", ";font-size:", ";font-weight:", ";margin:", ";"], props => props.theme.colors.neutral['600'], props => props.size === 's' ? '12px' : '14px', props => props.theme.fontWeights.semibold, props => typeof props.verticalMargin === 'number' ? "".concat(props.verticalMargin, "px 8px") : "".concat(props.verticalMargin, " 8px"));
-
-export { Line, Text, Wrapper };
+import * as React from "react";
+import { Grid } from "@elliemae/ds-grid";
+import styled from "styled-components";
+const Wrapper = styled(Grid)`
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  min-height: 8px;
+`;
+const Line = styled.span`
+  border-top: 1px solid ${(props) => props.theme.colors.neutral["400"]};
+`;
+const Text = styled.p`
+  color: ${(props) => props.theme.colors.neutral["600"]};
+  font-size: ${(props) => props.size === "s" ? "12px" : "14px"};
+  font-weight: ${(props) => props.theme.fontWeights.semibold};
+  margin: ${(props) => typeof props.verticalMargin === "number" ? `${props.verticalMargin}px 8px` : `${props.verticalMargin} 8px`};
+`;
+export {
+  Line,
+  Text,
+  Wrapper
+};
+//# sourceMappingURL=styled.js.map

package/esm/parts/message-delimiter/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/message-delimiter/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { MessageDelimiterProps } from './props';\n\nconst Wrapper = styled(Grid)`\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-height: 8px;\n`;\n\nconst Line = styled.span`\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nconst Text = styled.p<Pick<MessageDelimiterProps, 'size' | 'verticalMargin'>>`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  margin: ${(props) =>\n    typeof props.verticalMargin === 'number' ? `${props.verticalMargin}px 8px` : `${props.verticalMargin} 8px`};\n`;\n\nexport { Wrapper, Line, Text };\n"],
+  "mappings": "AAAA;ACAA;AACA;AAGA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,MAAM,OAAO,OAAO;AAAA,0BACM,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGhE,MAAM,OAAO,OAAO;AAAA,WACT,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS;AAAA,iBACxC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,YACxC,CAAC,UACT,OAAO,MAAM,mBAAmB,WAAW,GAAG,MAAM,yBAAyB,GAAG,MAAM;AAAA;",
+  "names": []
+}