@elliemae/ds-chat 3.0.0-alpha.0 → 3.0.0-alpha.1

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/exported-related/chat-sidebar/sidebar-button/SidebarButton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from './styled';\nimport { propsSidebarButton, defaultSidebarButton, SidebarButtonProps } from './props';\n\nexport const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }: SidebarButtonProps): JSX.Element => {\n  const handleClick = React.useCallback(() => {\n    if (dsId) onClick(dsId);\n  }, [onClick, dsId]);\n\n  return (\n    <StyledSidebarButton key={dsId} data-testid={`sidebar-button-${dsId}`} onClick={handleClick} {...rest}>\n      <StyledSidebarButtonIcon alignItems=\"center\" justifyContent=\"center\">\n        <Icon size=\"m\" />\n      </StyledSidebarButtonIcon>\n      {label && <StyledSidebarButtonLabel>{label}</StyledSidebarButtonLabel>}\n    </StyledSidebarButton>\n  );\n};\n\nSidebarButton.propTypes = propsSidebarButton;\nSidebarButton.defaultProps = defaultSidebarButton;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEO,MAAM,gBAAgB,CAAC,OAA6E;AAA7E,eAAE,SAAO,MAAM,SAAS,SAAxB,IAAiC,iBAAjC,IAAiC,CAA/B,SAAO,QAAM,WAAS;AACpD,QAAM,cAAc,OAAM,YAAY,MAAM;AAC1C,QAAI;AAAM,cAAQ;AAAA,KACjB,CAAC,SAAS;AAEb,SACE,qCAAC,qBAAD;AAAA,IAAqB,KAAK;AAAA,IAAM,eAAa,kBAAkB;AAAA,IAAQ,SAAS;AAAA,KAAiB,OAC/F,qCAAC,yBAAD;AAAA,IAAyB,YAAW;AAAA,IAAS,gBAAe;AAAA,KAC1D,qCAAC,MAAD;AAAA,IAAM,MAAK;AAAA,OAEZ,SAAS,qCAAC,0BAAD,MAA2B;AAAA;AAK3C,cAAc,YAAY;AAC1B,cAAc,eAAe;",
+  "names": []
+}

package/dist/esm/{parts → exported-related/chat-sidebar}/sidebar-button/index.js.map

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

package/dist/esm/{parts → exported-related/chat-sidebar}/sidebar-button/props.js

@@ -1,18 +1,17 @@
 import * as React from "react";
-import propsTypes from "prop-types";
-import { PropTypes } from "react-desc";
+import { PropTypes } from "@elliemae/ds-props-helpers";
 import { noop } from "lodash";
 import { Comments } from "@elliemae/ds-icons";
 const defaultSidebarButton = {
   Icon: Comments,
-  dsId: void 0,
+  dsId: "",
   label: "",
   onClick: noop,
   title: ""
 };
 const propsSidebarButton = {
   Icon: PropTypes.element.description("Icon component").defaultValue(defaultSidebarButton.Icon),
-  dsId: PropTypes.oneOfType([propsTypes.number, propsTypes.string]).description("Unique id for the button").defaultValue(defaultSidebarButton.dsId),
+  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)

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

@@ -0,0 +1,7 @@
+{
+  "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-props-helpers';\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;ACCA;AACA;AACA;AAUO,MAAM,uBAA2C;AAAA,EACtD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA;AAGF,MAAM,qBAAqB;AAAA,EAChC,MAAM,UAAU,QAAQ,YAAY,kBAAkB,aAAa,qBAAqB;AAAA,EACxF,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SACpD,YAAY,4BACZ,aAAa,qBAAqB;AAAA,EACrC,OAAO,UAAU,OAAO,YAAY,kCAAkC,aAAa,qBAAqB;AAAA,EACxG,OAAO,UAAU,OAAO,YAAY,WAAW,aAAa,qBAAqB;AAAA,EACjF,SAAS,UAAU,KAChB,YAAY,4CACZ,aAAa,qBAAqB;AAAA;",
+  "names": []
+}

package/dist/esm/{parts → exported-related/chat-sidebar}/sidebar-button/styled.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import styled from "styled-components";
 import { Grid } from "@elliemae/ds-grid";
-import { BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR } from "../../styled";
+import { BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR } from "../../../styled";
 const StyledSidebarButton = styled.button`
   display: flex;
   align-items: center;

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

@@ -0,0 +1,7 @@
+{
+  "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 'styled-components';\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;ACAA;AACA;AACA;AAGO,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;AAAA;AAAA;AAIvC,MAAM,2BAA2B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/{parts → exported-related}/chat-sidebar/styled.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/chat-sidebar/styled.ts"],
+  "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 '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/dist/esm/exported-related/floating-button/FloatingButton.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import React2 from "react";
+import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+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__ */ React2.createElement(StyledFloatingButton, {
+    onFocus,
+    ref: innerRef,
+    "data-testid": "chat-floating-button",
+    onClick
+  }, /* @__PURE__ */ React2.createElement(Comments, {
+    size: "l"
+  }));
+};
+FloatingButton.propTypes = propsFloatingButton;
+const FloatingButtonWithSchema = describe(FloatingButton);
+FloatingButtonWithSchema.propTypes = propsFloatingButton;
+export {
+  FloatingButton,
+  FloatingButtonWithSchema
+};
+//# sourceMappingURL=FloatingButton.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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-props-helpers';\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>;\nconst FloatingButtonWithSchema = describe(FloatingButton);\nFloatingButtonWithSchema.propTypes = propsFloatingButton as WeakValidationMap<unknown>;\n\nexport { FloatingButton, FloatingButtonWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA;AACA;AACA;AAEA,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM,mBAAmB,6BAA6B,OAAO;AAC7D,iCAA+B,kBAAkB;AACjD,QAAM,EAAE,SAAS,UAAU,YAAY;AACvC,SACE,qCAAC,sBAAD;AAAA,IAAsB;AAAA,IAAkB,KAAK;AAAA,IAAU,eAAY;AAAA,IAAuB;AAAA,KACxF,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA;AAAA;AAKrB,eAAe,YAAY;AAC3B,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;",
+  "names": []
+}

package/dist/esm/{parts → exported-related}/floating-button/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/floating-button/index.ts"],
+  "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;ACAA;",
   "names": []

package/dist/esm/{parts → exported-related}/floating-button/props.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/floating-button/props.ts"],
+  "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 '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/dist/esm/{parts → exported-related}/floating-button/styled.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/floating-button/styled.ts"],
+  "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 '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/dist/esm/{parts → exported-related}/floating-container/styled.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/floating-container/styled.ts"],
+  "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 '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/dist/esm/{parts → exported-related}/grid-influencer/InfluencerContainer.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import React2 from "react";
 import { StyledChatContainer } from "./styled";
-import { ChatContainer } from "../chat-container/ChatContainer";
+import { ChatContainer } from "../../parts/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"],

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

@@ -0,0 +1,7 @@
+{
+  "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;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/dist/esm/{parts → exported-related}/grid-influencer/styled.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/grid-influencer/styled.ts"],
+  "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 '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/dist/esm/exported-related/index.js

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

@@ -0,0 +1,7 @@
+{
+  "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;ACCA;AAEA;AACA;AAEA;AAEA;AAGA;AAEA;AAEA;AAEA;AAEA;",
+  "names": []
+}

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

@@ -0,0 +1,47 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import React2 from "react";
+import {
+  describe,
+  useGetGlobalAttributes,
+  useValidateTypescriptPropTypes,
+  useMemoMergePropsWithDefault
+} from "@elliemae/ds-props-helpers";
+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__ */ React2.createElement(Wrapper, __spreadValues({
+    cols: ["1fr", "auto", "1fr"]
+  }, globalAttrs), /* @__PURE__ */ React2.createElement(Line, null), /* @__PURE__ */ React2.createElement(Text, {
+    size,
+    verticalMargin,
+    "data-testid": "chat-message-delimiter-title"
+  }, title), /* @__PURE__ */ React2.createElement(Line, null));
+};
+MessageDelimiter.propTypes = messageDelimiterProps;
+const MessageDelimiterWithSchema = describe(MessageDelimiter);
+MessageDelimiterWithSchema.propTypes = messageDelimiterProps;
+export {
+  MessageDelimiter,
+  MessageDelimiterWithSchema
+};
+//# sourceMappingURL=MessageDelimiter.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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-props-helpers';\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>;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AAEA,MAAM,mBAA+D,CAAC,UAAU;AAC9E,QAAM,mBAAmB,6BAA6B,OAAO;AAC7D,iCAA+B,kBAAkB;AACjD,QAAM,cAAc,uBAAuB;AAC3C,QAAM,EAAE,OAAO,MAAM,mBAAmB;AACxC,SACE,qCAAC,SAAD;AAAA,IAAS,MAAM,CAAC,OAAO,QAAQ;AAAA,KAAY,cACzC,qCAAC,MAAD,OACA,qCAAC,MAAD;AAAA,IAAM;AAAA,IAAY;AAAA,IAAgC,eAAY;AAAA,KAC3D,QAEH,qCAAC,MAAD;AAAA;AAKN,iBAAiB,YAAY;AAC7B,MAAM,6BAA6B,SAAS;AAC5C,2BAA2B,YAAY;",
+  "names": []
+}

package/dist/esm/{parts → exported-related}/message-delimiter/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/message-delimiter/index.tsx"],
+  "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;ACAA;AAAA;AAAA;AAAA;",
   "names": []

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

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes } from "@elliemae/ds-props-helpers";
+const defaultProps = {
+  title: "",
+  size: "s",
+  verticalMargin: "0px"
+};
+const messageDelimiterProps = __spreadProps(__spreadValues({}, 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

@@ -0,0 +1,7 @@
+{
+  "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-props-helpers';\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;ACAA;AAQO,MAAM,eAAsC;AAAA,EACjD,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAAA;AAGX,MAAM,wBAAwB,iCAChC,4BADgC;AAAA,EAEnC,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,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YACxE;AAAA;",
+  "names": []
+}

package/dist/esm/{parts → exported-related}/message-delimiter/styled.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/message-delimiter/styled.tsx"],
+  "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 '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": []

package/dist/esm/{parts → exported-related}/system-message/SystemMessage.js

@@ -1,12 +1,12 @@
 import * as React from "react";
 import React2 from "react";
-import { describe } from "react-desc";
+import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
 import { Wrapper, Header, Title, Time, Message } from "./style";
 import { systemMessageProps, defaultProps } from "./props";
-import { useValidateProps } from "./config/useValidateProps";
 const SystemMessage = (props) => {
-  useValidateProps(props, SystemMessageWithSchema.toJSON());
-  const { title, time, body } = props;
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateTypescriptPropTypes(propsWithDefault, systemMessageProps);
+  const { title, time, body } = propsWithDefault;
   return /* @__PURE__ */ React2.createElement(Wrapper, {
     rows: ["auto", "auto"]
   }, /* @__PURE__ */ React2.createElement(Header, {
@@ -19,7 +19,6 @@ const SystemMessage = (props) => {
     "data-testid": "chat-system-message-body"
   }, body));
 };
-SystemMessage.defaultProps = defaultProps;
 SystemMessage.propTypes = systemMessageProps;
 const SystemMessageWithSchema = describe(SystemMessage);
 SystemMessageWithSchema.propTypes = systemMessageProps;

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

@@ -0,0 +1,7 @@
+{
+  "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-props-helpers';\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>;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps as WeakValidationMap<unknown>;\n\nexport { SystemMessage, SystemMessageWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,gBAAyD,CAAC,UAAU;AACxE,QAAM,mBAAmB,6BAA6B,OAAO;AAC7D,iCAA+B,kBAAkB;AAEjD,QAAM,EAAE,OAAO,MAAM,SAAS;AAC9B,SACE,qCAAC,SAAD;AAAA,IAAS,MAAM,CAAC,QAAQ;AAAA,KACtB,qCAAC,QAAD;AAAA,IAAQ,MAAM,CAAC,OAAO,QAAQ;AAAA,KAC5B,qCAAC,QAAD,OACA,qCAAC,OAAD;AAAA,IAAO,eAAY;AAAA,KAA6B,QAChD,qCAAC,MAAD;AAAA,IAAM,eAAY;AAAA,KAA4B,QAEhD,qCAAC,SAAD;AAAA,IAAS,eAAY;AAAA,KAA4B;AAAA;AAKvD,cAAc,YAAY;AAC1B,MAAM,0BAA0B,SAAS;AACzC,wBAAwB,YAAY;",
+  "names": []
+}

package/dist/esm/{parts → exported-related}/system-message/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/system-message/index.tsx"],
+  "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;ACAA;",
   "names": []

package/dist/esm/{parts → exported-related}/system-message/props.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/system-message/props.tsx"],
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/system-message/props.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport interface SystemMessageProps {\n  title: string;\n  time: string;\n  body: string;\n}\n\nexport const defaultProps: SystemMessageProps = {\n  title: 'System Message',\n  time: '',\n  body: '',\n};\n\nexport const systemMessageProps = {\n  title: PropTypes.string.isRequired\n    .description('Message title')\n    .defaultValue('System Message'),\n  time: PropTypes.string.description('data of the message, ie: hour'),\n  body: PropTypes.string.isRequired.description('message'),\n};\n"],
   "mappings": "AAAA;ACAA;AAQO,MAAM,eAAmC;AAAA,EAC9C,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA;AAGD,MAAM,qBAAqB;AAAA,EAChC,OAAO,UAAU,OAAO,WACrB,YAAY,iBACZ,aAAa;AAAA,EAChB,MAAM,UAAU,OAAO,YAAY;AAAA,EACnC,MAAM,UAAU,OAAO,WAAW,YAAY;AAAA;",
   "names": []

package/dist/esm/{parts → exported-related}/system-message/style.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/system-message/style.tsx"],
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/system-message/style.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Wrapper = styled(Grid)`\n  align-items: center;\n  justify-content: center;\n  max-width: 100%;\n  padding: 0 8px 8px;\n  border: 1px solid ${(props) => props.theme.colors.neutral['100']};\n  border-radius: 10px;\n  background-color: ${(props) => props.theme.colors.neutral['080']};\n  box-shadow: none;\n`;\n\nconst Header = styled(Grid)`\n  align-items: center;\n  height: 36px;\n`;\n\nconst Title = styled.p<any>`\n  font-size: 14px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  margin: 0;\n`;\n\nconst Time = styled.p<any>`\n  font-size: 12px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  margin: 0;\n  text-align: right;\n`;\n\nconst Message = styled.p<any>`\n  font-size: 13px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  min-height: 32px;\n  text-align: center;\n  margin: 0;\n`;\n\nexport { Wrapper, Header, Title, Time, Message };\n"],
   "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,sBAEtC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI5D,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAKtB,MAAM,QAAQ,OAAO;AAAA;AAAA,iBAEJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIjD,MAAM,OAAO,OAAO;AAAA;AAAA,iBAEH,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAKjD,MAAM,UAAU,OAAO;AAAA;AAAA,iBAEN,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
   "names": []

package/dist/esm/{parts → exported-related}/tile-button/TileButton.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import React2 from "react";
-import { describe } from "react-desc";
+import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
 import { DSTooltipV3 } from "@elliemae/ds-tooltip";
 import { Grid } from "@elliemae/ds-grid";
 import { CloseXsmall } from "@elliemae/ds-icons";
@@ -16,9 +16,9 @@ import {
   CloseButton
 } from "./styled";
 import { propsTileButton, defaultTileButton } from "./props";
-import { useValidateProps } from "./config/useValidateProps";
 const TileButton = (props) => {
-  useValidateProps(props, TileButtonWithSchema.toJSON());
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultTileButton);
+  useValidateTypescriptPropTypes(propsWithDefault, propsTileButton);
   const {
     label,
     title,
@@ -39,7 +39,7 @@ const TileButton = (props) => {
     tooltipPlacement,
     disableTooltip,
     innerRef
-  } = props;
+  } = propsWithDefault;
   const handleClick = React2.useCallback(() => {
     onClick(dsId, title);
   }, [dsId, onClick, title]);
@@ -61,7 +61,7 @@ const TileButton = (props) => {
   }) : null)), !isHeader ? /* @__PURE__ */ React2.createElement(Grid, {
     width: "100%",
     justifyContent: "center"
-  }, label ? /* @__PURE__ */ React2.createElement(StyledTileButtonLabel, null, label) : null) : null), [isHeader, Icon, badge, badgeColor, badgePosition, label]);
+  }, label ? /* @__PURE__ */ React2.createElement(StyledTileButtonLabel, null, label) : null) : null), [isHeader, Icon, badge, dsId, badgeColor, badgePosition, label]);
   const Btn = React2.useMemo(() => /* @__PURE__ */ React2.createElement(StyledTileButton, {
     key: dsId,
     isHeader,
@@ -108,7 +108,6 @@ const TileButton = (props) => {
   }, Btn)) : Btn;
 };
 TileButton.propTypes = propsTileButton;
-TileButton.defaultProps = defaultTileButton;
 const TileButtonWithSchema = describe(TileButton);
 TileButtonWithSchema.propTypes = propsTileButton;
 export {

package/dist/esm/exported-related/tile-button/TileButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/tile-button/TileButton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport {\n  StyledTooltipV3ButtonWrapper,\n  StyledTileButton,\n  StyledTileButtonIcon,\n  StyledTileButtonLabel,\n  StyledWrapper,\n  StyledWrapperLeftBorder,\n  StyledStatusBadge,\n  StyledWrapperCentralContent,\n  CloseButton,\n} from './styled';\nimport { propsTileButton, defaultTileButton, TileButtonProps } from './props';\n\nconst TileButton: React.ComponentType<TileButtonProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultTileButton);\n  useValidateTypescriptPropTypes(propsWithDefault, propsTileButton);\n\n  const {\n    label,\n    title,\n    dsId,\n    onClick,\n    onFocus,\n    onBlur,\n    Icon,\n    showClose,\n    onClose,\n    badge,\n    badgeColor,\n    badgePosition,\n    disabled,\n    selected,\n    isHeader,\n    ariaLabel,\n    tooltipPlacement,\n    disableTooltip,\n    innerRef,\n  } = propsWithDefault;\n  const handleClick = React.useCallback(() => {\n    onClick(dsId, title);\n  }, [dsId, onClick, title]);\n\n  const MainContent = React.useMemo(\n    () => (\n      <StyledWrapperCentralContent alignItems={isHeader ? 'center' : undefined}>\n        <Grid width=\"100%\" alignItems=\"center\" justifyContent=\"center\">\n          <StyledTileButtonIcon alignItems=\"center\" justifyContent=\"center\">\n            <Icon size=\"m\" />\n            {badge ? (\n              <StyledStatusBadge\n                badgeColor={badgeColor}\n                badgePosition={badgePosition}\n                data-testid={`tile-badge-${dsId}`}\n              />\n            ) : null}\n          </StyledTileButtonIcon>\n        </Grid>\n        {!isHeader ? (\n          <Grid width=\"100%\" justifyContent=\"center\">\n            {label ? <StyledTileButtonLabel>{label}</StyledTileButtonLabel> : null}\n          </Grid>\n        ) : null}\n      </StyledWrapperCentralContent>\n    ),\n    [isHeader, Icon, badge, dsId, badgeColor, badgePosition, label],\n  );\n\n  const Btn = React.useMemo(\n    () => (\n      <StyledTileButton\n        key={dsId}\n        isHeader={isHeader}\n        value={dsId}\n        data-testid={`tile-button-${dsId}`}\n        data-key={dsId}\n        onClick={handleClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        disabled={disabled}\n        selected={selected}\n        badgeColor={badgeColor}\n        badgePosition={badgePosition}\n        aria-pressed={selected}\n        aria-label={ariaLabel}\n        ref={innerRef}\n      >\n        <StyledWrapper alignItems=\"center\" justifyContent=\"center\">\n          <span>{MainContent}</span>\n          <StyledWrapperLeftBorder />\n          {showClose && !disabled ? (\n            <CloseButton onClick={onClose} value={dsId} data-testid={`tile-close-btn-${dsId}`}>\n              <CloseXsmall />\n            </CloseButton>\n          ) : null}\n        </StyledWrapper>\n      </StyledTileButton>\n    ),\n    [\n      MainContent,\n      ariaLabel,\n      badgeColor,\n      badgePosition,\n      disabled,\n      dsId,\n      handleClick,\n      isHeader,\n      onBlur,\n      onClose,\n      onFocus,\n      selected,\n      showClose,\n      innerRef,\n    ],\n  );\n\n  return title && !disableTooltip ? (\n    <StyledTooltipV3ButtonWrapper>\n      <DSTooltipV3 id={`ds-chat-tile-tooltip-button-${dsId}`} text={title} startPlacementPreference={tooltipPlacement}>\n        {Btn}\n      </DSTooltipV3>\n    </StyledTooltipV3ButtonWrapper>\n  ) : (\n    Btn\n  );\n};\n\nTileButton.propTypes = propsTileButton as WeakValidationMap<unknown>;\n\nconst TileButtonWithSchema = describe(TileButton);\nTileButtonWithSchema.propTypes = propsTileButton as WeakValidationMap<unknown>;\n\nexport { TileButton, TileButtonWithSchema };\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AAEA,MAAM,aAAmD,CAAC,UAAU;AAClE,QAAM,mBAAmB,6BAA6B,OAAO;AAC7D,iCAA+B,kBAAkB;AAEjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AACJ,QAAM,cAAc,OAAM,YAAY,MAAM;AAC1C,YAAQ,MAAM;AAAA,KACb,CAAC,MAAM,SAAS;AAEnB,QAAM,cAAc,OAAM,QACxB,MACE,qCAAC,6BAAD;AAAA,IAA6B,YAAY,WAAW,WAAW;AAAA,KAC7D,qCAAC,MAAD;AAAA,IAAM,OAAM;AAAA,IAAO,YAAW;AAAA,IAAS,gBAAe;AAAA,KACpD,qCAAC,sBAAD;AAAA,IAAsB,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvD,qCAAC,MAAD;AAAA,IAAM,MAAK;AAAA,MACV,QACC,qCAAC,mBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAa,cAAc;AAAA,OAE3B,QAGP,CAAC,WACA,qCAAC,MAAD;AAAA,IAAM,OAAM;AAAA,IAAO,gBAAe;AAAA,KAC/B,QAAQ,qCAAC,uBAAD,MAAwB,SAAiC,QAElE,OAGR,CAAC,UAAU,MAAM,OAAO,MAAM,YAAY,eAAe;AAG3D,QAAM,MAAM,OAAM,QAChB,MACE,qCAAC,kBAAD;AAAA,IACE,KAAK;AAAA,IACL;AAAA,IACA,OAAO;AAAA,IACP,eAAa,eAAe;AAAA,IAC5B,YAAU;AAAA,IACV,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAc;AAAA,IACd,cAAY;AAAA,IACZ,KAAK;AAAA,KAEL,qCAAC,eAAD;AAAA,IAAe,YAAW;AAAA,IAAS,gBAAe;AAAA,KAChD,qCAAC,QAAD,MAAO,cACP,qCAAC,yBAAD,OACC,aAAa,CAAC,WACb,qCAAC,aAAD;AAAA,IAAa,SAAS;AAAA,IAAS,OAAO;AAAA,IAAM,eAAa,kBAAkB;AAAA,KACzE,qCAAC,aAAD,SAEA,QAIV;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO,SAAS,CAAC,iBACf,qCAAC,8BAAD,MACE,qCAAC,aAAD;AAAA,IAAa,IAAI,+BAA+B;AAAA,IAAQ,MAAM;AAAA,IAAO,0BAA0B;AAAA,KAC5F,QAIL;AAAA;AAIJ,WAAW,YAAY;AAEvB,MAAM,uBAAuB,SAAS;AACtC,qBAAqB,YAAY;",
+  "names": []
+}

package/dist/esm/{parts → exported-related}/tile-button/index.js.map

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

package/dist/esm/{parts → exported-related}/tile-button/props.js

@@ -1,10 +1,10 @@
 import * as React from "react";
-import { PropTypes } from "react-desc";
+import { PropTypes } from "@elliemae/ds-props-helpers";
 import { noop } from "lodash";
 import { Comments } from "@elliemae/ds-icons";
 const defaultTileButton = {
   Icon: Comments,
-  dsId: void 0,
+  dsId: "",
   label: "",
   onClick: noop,
   onBlur: noop,
@@ -25,7 +25,7 @@ const defaultTileButton = {
 };
 const propsTileButton = {
   Icon: PropTypes.func.description("Icon component").defaultValue(defaultTileButton.Icon),
-  dsId: PropTypes.oneOf(["number", "string"]).description("Unique id for the button").defaultValue(defaultTileButton.dsId),
+  dsId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("Unique id for the button").defaultValue(defaultTileButton.dsId),
   label: PropTypes.string.description("It will display under the icon").defaultValue(defaultTileButton.label),
   title: PropTypes.string.description("Tooltip").defaultValue(defaultTileButton.title),
   onClick: PropTypes.func.description("The function to call when is clicked").defaultValue(defaultTileButton.onClick),