@elliemae/ds-chat 3.5.1-rc.1 → 3.6.0-next.2

package/dist/esm/exported-related/chat-sidebar/sidebar-button/props.js

@@ -1,23 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "@elliemae/ds-utilities";
-import { noop } from "lodash";
-import { Comments } from "@elliemae/ds-icons";
-const defaultSidebarButton = {
-  Icon: Comments,
-  dsId: "",
-  label: "",
-  onClick: noop,
-  title: ""
-};
-const propsSidebarButton = {
-  Icon: PropTypes.element.description("Icon component").defaultValue(defaultSidebarButton.Icon),
-  dsId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("Unique id for the button").defaultValue(defaultSidebarButton.dsId),
-  label: PropTypes.string.description("It will display under the icon").defaultValue(defaultSidebarButton.label),
-  title: PropTypes.string.description("Tooltip").defaultValue(defaultSidebarButton.title),
-  onClick: PropTypes.func.description("The function to call when the is clicked").defaultValue(defaultSidebarButton.onClick)
-};
-export {
-  defaultSidebarButton,
-  propsSidebarButton
-};
-//# sourceMappingURL=props.js.map

package/dist/esm/exported-related/chat-sidebar/sidebar-button/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/exported-related/chat-sidebar/sidebar-button/props.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface SidebarButtonProps {\n  Icon: React.FC<{ size: string }>;\n  dsId: string | number | undefined;\n  label: string;\n  onClick: (dsId: string | number) => void;\n  title: string;\n}\n\nexport const defaultSidebarButton: SidebarButtonProps = {\n  Icon: Comments,\n  dsId: '',\n  label: '',\n  onClick: noop,\n  title: '',\n};\n\nexport const propsSidebarButton = {\n  Icon: PropTypes.element.description('Icon component').defaultValue(defaultSidebarButton.Icon),\n  dsId: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n    .description('Unique id for the button')\n    .defaultValue(defaultSidebarButton.dsId),\n  label: PropTypes.string.description('It will display under the icon').defaultValue(defaultSidebarButton.label),\n  title: PropTypes.string.description('Tooltip').defaultValue(defaultSidebarButton.title),\n  onClick: PropTypes.func\n    .description('The function to call when the is clicked')\n    .defaultValue(defaultSidebarButton.onClick),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAUlB,MAAM,uBAA2C;AAAA,EACtD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT;AAEO,MAAM,qBAAqB;AAAA,EAChC,MAAM,UAAU,QAAQ,YAAY,gBAAgB,EAAE,aAAa,qBAAqB,IAAI;AAAA,EAC5F,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAC3D,YAAY,0BAA0B,EACtC,aAAa,qBAAqB,IAAI;AAAA,EACzC,OAAO,UAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,qBAAqB,KAAK;AAAA,EAC7G,OAAO,UAAU,OAAO,YAAY,SAAS,EAAE,aAAa,qBAAqB,KAAK;AAAA,EACtF,SAAS,UAAU,KAChB,YAAY,0CAA0C,EACtD,aAAa,qBAAqB,OAAO;AAC9C;",
-  "names": []
-}

package/dist/esm/exported-related/chat-sidebar/sidebar-button/styled.js

@@ -1,40 +0,0 @@
-import * as React from "react";
-import { styled } from "@elliemae/ds-system";
-import { Grid } from "@elliemae/ds-grid";
-import { BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR } from "../../../styled";
-const StyledSidebarButton = styled.button`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  outline: none;
-  height: ${BUTTON_SIDEBAR_HEIGHT}px;
-  width: ${MIN_WIDTH_SIDEBAR}px;
-  position: relative;
-  border: 0;
-  background: transparent;
-  &:focus,
-  &:hover {
-    background: ${(props) => props.theme.colors.neutral["080"]};
-  }
-  cursor: pointer;
-  border-bottom: 1px solid ${(props) => props.theme.colors.neutral["200"]};
-
-  svg {
-    fill: ${(props) => props.theme.colors.neutral[500]};
-  }
-`;
-const StyledSidebarButtonIcon = styled(Grid)`
-  position: relative;
-`;
-const StyledSidebarButtonLabel = styled.div`
-  width: 30px;
-  text-transform: uppercase;
-  overflow: hidden;
-  text-align: center;
-`;
-export {
-  StyledSidebarButton,
-  StyledSidebarButtonIcon,
-  StyledSidebarButtonLabel
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/exported-related/chat-sidebar/sidebar-button/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/exported-related/chat-sidebar/sidebar-button/styled.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR } from '../../../styled';\n\n// Buttons\nexport const StyledSidebarButton = styled.button`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n  height: ${BUTTON_SIDEBAR_HEIGHT}px;\n  width: ${MIN_WIDTH_SIDEBAR}px;\n  position: relative;\n  border: 0;\n  background: transparent;\n  &:focus,\n  &:hover {\n    background: ${(props) => props.theme.colors.neutral['080']};\n  }\n  cursor: pointer;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n\n  svg {\n    fill: ${(props) => props.theme.colors.neutral[500]};\n  }\n`;\n\nexport const StyledSidebarButtonIcon = styled(Grid)`\n  position: relative;\n`;\n\nexport const StyledSidebarButtonLabel = styled.div`\n  width: 30px;\n  text-transform: uppercase;\n  overflow: hidden;\n  text-align: center;\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,uBAAuB,yBAAyB;AAGlD,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAK9B;AAAA,WACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMO,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,6BAG3B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,YAGvD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3C,MAAM,0BAA0B,OAAO,IAAI;AAAA;AAAA;AAI3C,MAAM,2BAA2B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/exported-related/chat-sidebar/styled.js

@@ -1,28 +0,0 @@
-import * as React from "react";
-import { styled } from "@elliemae/ds-system";
-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;
-
-  scrollbar-width: thin;
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-`;
-export {
-  StyledSideBarButtonsContainer,
-  StyledSideBarContainer
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/exported-related/chat-sidebar/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-sidebar/styled.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\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,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,mBAAmB,6BAA6B;AAGlD,MAAM,yBAAyB,OAAO,IAAI;AAAA;AAAA,WAEtC;AAAA,gBACK,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,4BAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3D,MAAM,gCAAgC,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA,0CAId;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/exported-related/floating-button/FloatingButton.js

@@ -1,29 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
-import { Comments } from "@elliemae/ds-icons";
-import { StyledFloatingButton } from "./styled";
-import { defaultFloatingButton, propsFloatingButton } from "./props";
-const FloatingButton = (props) => {
-  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultFloatingButton);
-  useValidateTypescriptPropTypes(propsWithDefault, propsFloatingButton);
-  const { onFocus, innerRef, onClick } = propsWithDefault;
-  return /* @__PURE__ */ jsx(StyledFloatingButton, {
-    onFocus,
-    ref: innerRef,
-    "data-testid": "chat-floating-button",
-    onClick,
-    children: /* @__PURE__ */ jsx(Comments, {
-      size: "l"
-    })
-  });
-};
-FloatingButton.propTypes = propsFloatingButton;
-FloatingButton.displayName = "FloatingButton";
-const FloatingButtonWithSchema = describe(FloatingButton);
-FloatingButtonWithSchema.propTypes = propsFloatingButton;
-export {
-  FloatingButton,
-  FloatingButtonWithSchema
-};
-//# sourceMappingURL=FloatingButton.js.map

package/dist/esm/exported-related/floating-button/FloatingButton.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/floating-button/FloatingButton.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\n\nimport { Comments } from '@elliemae/ds-icons';\nimport { StyledFloatingButton } from './styled';\nimport { defaultFloatingButton, propsFloatingButton, FloatingButtonProps } from './props';\n\nconst FloatingButton: React.ComponentType<FloatingButtonProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultFloatingButton);\n  useValidateTypescriptPropTypes(propsWithDefault, propsFloatingButton);\n  const { onFocus, innerRef, onClick } = propsWithDefault;\n  return (\n    <StyledFloatingButton onFocus={onFocus} ref={innerRef} data-testid=\"chat-floating-button\" onClick={onClick}>\n      <Comments size=\"l\" />\n    </StyledFloatingButton>\n  );\n};\n\nFloatingButton.propTypes = propsFloatingButton as WeakValidationMap<unknown>;\nFloatingButton.displayName = 'FloatingButton';\nconst FloatingButtonWithSchema = describe(FloatingButton);\nFloatingButtonWithSchema.propTypes = propsFloatingButton as WeakValidationMap<unknown>;\n\nexport { FloatingButton, FloatingButtonWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,UAAU,gCAAgC,oCAAoC;AAEvF,SAAS,gBAAgB;AACzB,SAAS,4BAA4B;AACrC,SAAS,uBAAuB,2BAAgD;AAEhF,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM,mBAAmB,6BAA6B,OAAO,qBAAqB;AAClF,iCAA+B,kBAAkB,mBAAmB;AACpE,QAAM,EAAE,SAAS,UAAU,QAAQ,IAAI;AACvC,SACE,oBAAC;AAAA,IAAqB;AAAA,IAAkB,KAAK;AAAA,IAAU,eAAY;AAAA,IAAuB;AAAA,IACxF,8BAAC;AAAA,MAAS,MAAK;AAAA,KAAI;AAAA,GACrB;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;",
-  "names": []
-}

package/dist/esm/exported-related/floating-button/index.js.map

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

package/dist/esm/exported-related/floating-button/props.js

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "@elliemae/ds-utilities";
-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)
-};
-export {
-  defaultFloatingButton,
-  propsFloatingButton
-};
-//# sourceMappingURL=props.js.map

package/dist/esm/exported-related/floating-button/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/floating-button/props.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\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,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AASd,MAAM,wBAA6C;AAAA,EACxD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AACZ;AAEO,MAAM,sBAAsB;AAAA,EACjC,SAAS,UAAU,KAChB,YAAY,6DAA6D,EACzE,aAAa,sBAAsB,OAAO;AAAA,EAC7C,SAAS,UAAU,KAChB,YAAY,mDAAmD,EAC/D,aAAa,sBAAsB,OAAO;AAAA,EAC7C,UAAU,UAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,IAAI;AAC5F;",
-  "names": []
-}

package/dist/esm/exported-related/floating-button/styled.js

@@ -1,35 +0,0 @@
-import * as React from "react";
-import { styled } from "@elliemae/ds-system";
-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)`;
-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/dist/esm/exported-related/floating-button/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/floating-button/styled.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\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,YAAY,WAAW;ACAvB,SAAS,cAAc;AAEvB,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/dist/esm/exported-related/floating-container/styled.js

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { styled } from "@elliemae/ds-system";
-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/dist/esm/exported-related/floating-container/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/floating-container/styled.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\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,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAGpB,MAAM,0BAA0B,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMlC;AAAA,gBACA,CAAC,gBAAgB,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/exported-related/grid-influencer/InfluencerContainer.js

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import React2 from "react";
-import { StyledChatContainer } from "./styled";
-import { ChatContainer } from "../../parts/chat-container/ChatContainer";
-import { SideBarChat } from "../chat-sidebar/SideBarChat";
-const InfluencerContainer = (props) => React2.useMemo(
-  () => props.floating ? null : /* @__PURE__ */ jsxs(StyledChatContainer, {
-    cols: ["auto", props.expanded ? 1 : "0px"],
-    expanded: props.expanded,
-    expandedWidth: props.expandedWidth,
-    children: [
-      /* @__PURE__ */ jsx(SideBarChat, {}),
-      props.expanded ? /* @__PURE__ */ jsx(ChatContainer, {}) : /* @__PURE__ */ jsx("div", {})
-    ]
-  }),
-  [props.floating, props.expanded, props.expandedWidth]
-);
-export {
-  InfluencerContainer
-};
-//# sourceMappingURL=InfluencerContainer.js.map

package/dist/esm/exported-related/grid-influencer/InfluencerContainer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/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 '../../parts/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,YAAY,WAAW;ACAvB;AACA,OAAOA,YAAW;AAClB,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAErB,MAAM,sBAAgD,CAAC,UAC5DA,OAAM;AAAA,EACJ,MACE,MAAM,WAAW,OACf,qBAAC;AAAA,IACC,MAAM,CAAC,QAAQ,MAAM,WAAW,IAAI,KAAK;AAAA,IACzC,UAAU,MAAM;AAAA,IAChB,eAAe,MAAM;AAAA,IAErB;AAAA,0BAAC,eAAY;AAAA,MACZ,MAAM,WAAW,oBAAC,iBAAc,IAAK,oBAAC,SAAI;AAAA;AAAA,GAC7C;AAAA,EAEJ,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM,aAAa;AACtD;",
-  "names": ["React"]
-}

package/dist/esm/exported-related/grid-influencer/styled.js

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { styled } from "@elliemae/ds-system";
-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/dist/esm/exported-related/grid-influencer/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/grid-influencer/styled.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\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,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAE3B,MAAM,sBAAsB,OAAO,IAAI;AAAA;AAAA,WAEnC,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,IAAI;AAAA;AAAA;AAAA,gBAGrC,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/dist/esm/exported-related/index.js

@@ -1,33 +0,0 @@
-import * as React from "react";
-import { ChatBubble, ChatBubbleWithSchema, BUBBLE_TYPES } from "./bubble";
-import { FloatingButton } from "./floating-button";
-import { StyledFloatingContainer } from "./floating-container/styled";
-import { ChatContainerHeader, ChatContainerHeaderWithSchema } from "./chat-container-header/ChatContainerHeader";
-import { ChatEmptyState, ChatEmptyStateWithSchema } from "./chat-empty-state/ChatEmptyState";
-import { SideBarChat, SideBarChatWithSchema } from "./chat-sidebar";
-import { TileButton, TileButtonWithSchema } from "./tile-button";
-import { MessageDelimiter, MessageDelimiterWithSchema } from "./message-delimiter";
-import { SystemMessage, SystemMessageWithSchema } from "./system-message";
-import { ChatCard, ChatCardWithSchema } from "./chat-card";
-export {
-  BUBBLE_TYPES,
-  ChatBubble,
-  ChatBubbleWithSchema,
-  ChatCard,
-  ChatCardWithSchema,
-  ChatContainerHeader,
-  ChatContainerHeaderWithSchema,
-  ChatEmptyState,
-  ChatEmptyStateWithSchema,
-  FloatingButton,
-  MessageDelimiter,
-  MessageDelimiterWithSchema,
-  SideBarChat,
-  SideBarChatWithSchema,
-  StyledFloatingContainer,
-  SystemMessage,
-  SystemMessageWithSchema,
-  TileButton,
-  TileButtonWithSchema
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/exported-related/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// Bubble\nexport { ChatBubble, ChatBubbleWithSchema, BUBBLE_TYPES } from './bubble';\n// Floating Button\nexport { FloatingButton } from './floating-button';\nexport { StyledFloatingContainer } from './floating-container/styled';\n// Chat Header\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema } from './chat-container-header/ChatContainerHeader';\n// Chat Empty State\nexport { ChatEmptyState, ChatEmptyStateWithSchema } from './chat-empty-state/ChatEmptyState';\n\n// Chat Sidebar\nexport { SideBarChat, SideBarChatWithSchema } from './chat-sidebar';\n// Tile\nexport { TileButton, TileButtonWithSchema } from './tile-button';\n// MessageDelimiter\nexport { MessageDelimiter, MessageDelimiterWithSchema } from './message-delimiter';\n// SystemMessage\nexport { SystemMessage, SystemMessageWithSchema } from './system-message';\n// ChatCard\nexport { ChatCard, ChatCardWithSchema } from './chat-card';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,YAAY,sBAAsB,oBAAoB;AAE/D,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AAExC,SAAS,qBAAqB,qCAAqC;AAEnE,SAAS,gBAAgB,gCAAgC;AAGzD,SAAS,aAAa,6BAA6B;AAEnD,SAAS,YAAY,4BAA4B;AAEjD,SAAS,kBAAkB,kCAAkC;AAE7D,SAAS,eAAe,+BAA+B;AAEvD,SAAS,UAAU,0BAA0B;",
-  "names": []
-}

package/dist/esm/exported-related/message-delimiter/MessageDelimiter.js

@@ -1,39 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  describe,
-  useGetGlobalAttributes,
-  useValidateTypescriptPropTypes,
-  useMemoMergePropsWithDefault
-} from "@elliemae/ds-utilities";
-import { Wrapper, Line, Text } from "./styled";
-import { defaultProps, messageDelimiterProps } from "./props";
-const MessageDelimiter = (props) => {
-  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps);
-  const globalAttrs = useGetGlobalAttributes(propsWithDefault);
-  const { title, size, verticalMargin } = propsWithDefault;
-  return /* @__PURE__ */ jsxs(Wrapper, {
-    cols: ["1fr", "auto", "1fr"],
-    ...globalAttrs,
-    children: [
-      /* @__PURE__ */ jsx(Line, {}),
-      /* @__PURE__ */ jsx(Text, {
-        size,
-        verticalMargin,
-        "data-testid": "chat-message-delimiter-title",
-        children: title
-      }),
-      /* @__PURE__ */ jsx(Line, {})
-    ]
-  });
-};
-MessageDelimiter.propTypes = messageDelimiterProps;
-MessageDelimiter.displayName = "MessageDelimiter";
-const MessageDelimiterWithSchema = describe(MessageDelimiter);
-MessageDelimiterWithSchema.propTypes = messageDelimiterProps;
-export {
-  MessageDelimiter,
-  MessageDelimiterWithSchema
-};
-//# sourceMappingURL=MessageDelimiter.js.map

package/dist/esm/exported-related/message-delimiter/MessageDelimiter.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/message-delimiter/MessageDelimiter.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-utilities';\nimport { Wrapper, Line, Text } from './styled';\nimport { defaultProps, messageDelimiterProps, MessageDelimiterProps } from './props';\n\nconst MessageDelimiter: React.ComponentType<MessageDelimiterProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps);\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const { title, size, verticalMargin } = propsWithDefault;\n  return (\n    <Wrapper cols={['1fr', 'auto', '1fr']} {...globalAttrs}>\n      <Line />\n      <Text size={size} verticalMargin={verticalMargin} data-testid=\"chat-message-delimiter-title\">\n        {title}\n      </Text>\n      <Line />\n    </Wrapper>\n  );\n};\n\nMessageDelimiter.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\nMessageDelimiter.displayName = 'MessageDelimiter';\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,SAAS,MAAM,YAAY;AACpC,SAAS,cAAc,6BAAoD;AAE3E,MAAM,mBAA+D,CAAC,UAAU;AAC9E,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,qBAAqB;AACtE,QAAM,cAAc,uBAAuB,gBAAgB;AAC3D,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,qBAAC;AAAA,IAAQ,MAAM,CAAC,OAAO,QAAQ,KAAK;AAAA,IAAI,GAAG;AAAA,IACzC;AAAA,0BAAC,QAAK;AAAA,MACN,oBAAC;AAAA,QAAK;AAAA,QAAY;AAAA,QAAgC,eAAY;AAAA,QAC3D;AAAA,OACH;AAAA,MACA,oBAAC,QAAK;AAAA;AAAA,GACR;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
-  "names": []
-}

package/dist/esm/exported-related/message-delimiter/index.js

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

package/dist/esm/exported-related/message-delimiter/index.js.map

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

package/dist/esm/exported-related/message-delimiter/props.js

@@ -1,21 +0,0 @@
-import * as React from "react";
-import { PropTypes, globalAttributesPropTypes } from "@elliemae/ds-utilities";
-const defaultProps = {
-  title: "",
-  size: "s",
-  verticalMargin: "0px"
-};
-const messageDelimiterProps = {
-  ...globalAttributesPropTypes,
-  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.oneOfType([PropTypes.string, PropTypes.number]).description(
-    "Configurable css vertical margin property for flexibilty"
-  )
-};
-export {
-  defaultProps,
-  messageDelimiterProps
-};
-//# sourceMappingURL=props.js.map

package/dist/esm/exported-related/message-delimiter/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/message-delimiter/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-utilities';\n\nexport interface MessageDelimiterProps {\n  title: string;\n  size?: 's' | 'l';\n  verticalMargin?: number | string;\n}\n\nexport const defaultProps: MessageDelimiterProps = {\n  title: '',\n  size: 's',\n  verticalMargin: '0px',\n};\n\nexport const messageDelimiterProps = {\n  ...globalAttributesPropTypes,\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.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Configurable css vertical margin property for flexibilty',\n  ),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,iCAAiC;AAQ9C,MAAM,eAAsC;AAAA,EACjD,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEO,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,WAAW,YAAY,kCAAkC;AAAA,EACjF,MAAM,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EACvF,YAAY,UAAU,OAAO,YAAY,2BAA2B;AAAA,EACpE,gBAAgB,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IACxE;AAAA,EACF;AACF;",
-  "names": []
-}

package/dist/esm/exported-related/message-delimiter/styled.js

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { styled } from "@elliemae/ds-system";
-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/dist/esm/exported-related/message-delimiter/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/message-delimiter/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\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,YAAY,WAAW;ACAvB,SAAS,YAAY;AACrB,SAAS,cAAc;AAGvB,MAAM,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,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": []
-}

package/dist/esm/exported-related/system-message/SystemMessage.js

@@ -1,42 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
-import { Wrapper, Header, Title, Time, Message } from "./style";
-import { systemMessageProps, defaultProps } from "./props";
-const SystemMessage = (props) => {
-  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefault, systemMessageProps);
-  const { title, time, body } = propsWithDefault;
-  return /* @__PURE__ */ jsxs(Wrapper, {
-    rows: ["auto", "auto"],
-    children: [
-      /* @__PURE__ */ jsxs(Header, {
-        cols: ["1fr", "auto", "1fr"],
-        children: [
-          /* @__PURE__ */ jsx("span", {}),
-          /* @__PURE__ */ jsx(Title, {
-            "data-testid": "chat-system-message-title",
-            children: title
-          }),
-          /* @__PURE__ */ jsx(Time, {
-            "data-testid": "chat-system-message-time",
-            children: time
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx(Message, {
-        "data-testid": "chat-system-message-body",
-        children: body
-      })
-    ]
-  });
-};
-SystemMessage.propTypes = systemMessageProps;
-SystemMessage.displayName = "SystemMessage";
-const SystemMessageWithSchema = describe(SystemMessage);
-SystemMessageWithSchema.propTypes = systemMessageProps;
-export {
-  SystemMessage,
-  SystemMessageWithSchema
-};
-//# sourceMappingURL=SystemMessage.js.map

package/dist/esm/exported-related/system-message/SystemMessage.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/system-message/SystemMessage.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { Wrapper, Header, Title, Time, Message } from './style';\nimport { SystemMessageProps, systemMessageProps, defaultProps } from './props';\n\nconst SystemMessage: React.ComponentType<SystemMessageProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, systemMessageProps);\n\n  const { title, time, body } = propsWithDefault;\n  return (\n    <Wrapper rows={['auto', 'auto']}>\n      <Header cols={['1fr', 'auto', '1fr']}>\n        <span />\n        <Title data-testid=\"chat-system-message-title\">{title}</Title>\n        <Time data-testid=\"chat-system-message-time\">{time}</Time>\n      </Header>\n      <Message data-testid=\"chat-system-message-body\">{body}</Message>\n    </Wrapper>\n  );\n};\n\nSystemMessage.propTypes = systemMessageProps as WeakValidationMap<unknown>;\nSystemMessage.displayName = 'SystemMessage';\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps as WeakValidationMap<unknown>;\n\nexport { SystemMessage, SystemMessageWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,SAAS,QAAQ,OAAO,MAAM,eAAe;AACtD,SAA6B,oBAAoB,oBAAoB;AAErE,MAAM,gBAAyD,CAAC,UAAU;AACxE,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,kBAAkB;AAEnE,QAAM,EAAE,OAAO,MAAM,KAAK,IAAI;AAC9B,SACE,qBAAC;AAAA,IAAQ,MAAM,CAAC,QAAQ,MAAM;AAAA,IAC5B;AAAA,2BAAC;AAAA,QAAO,MAAM,CAAC,OAAO,QAAQ,KAAK;AAAA,QACjC;AAAA,8BAAC,UAAK;AAAA,UACN,oBAAC;AAAA,YAAM,eAAY;AAAA,YAA6B;AAAA,WAAM;AAAA,UACtD,oBAAC;AAAA,YAAK,eAAY;AAAA,YAA4B;AAAA,WAAK;AAAA;AAAA,OACrD;AAAA,MACA,oBAAC;AAAA,QAAQ,eAAY;AAAA,QAA4B;AAAA,OAAK;AAAA;AAAA,GACxD;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
-  "names": []
-}

package/dist/esm/exported-related/system-message/index.js

@@ -1,7 +0,0 @@
-import * as React from "react";
-import { SystemMessage, SystemMessageWithSchema } from "./SystemMessage";
-export {
-  SystemMessage,
-  SystemMessageWithSchema
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/exported-related/system-message/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/system-message/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { SystemMessage, SystemMessageWithSchema } from './SystemMessage';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe,+BAA+B;",
-  "names": []
-}