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

package/dist/cjs/{parts → exported-related}/chat-sidebar/SideBarChat.js

@@ -1,9 +1,26 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 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));
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -32,13 +49,12 @@ __export(SideBarChat_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_styled = require("./styled");
 var import_tile_button = require("../tile-button");
-var import_SidebarButton = require("../sidebar-button/SidebarButton");
+var import_SidebarButton = require("./sidebar-button/SidebarButton");
 var import_props = require("./props");
-var import_useValidateProps = require("./config/useValidateProps");
 const FooterChat = ({
   expanded,
   onFooterClose,
@@ -46,14 +62,14 @@ const FooterChat = ({
   footerButtonExtraProps
 }) => /* @__PURE__ */ import_react.default.createElement(import_SidebarButton.SidebarButton, {
   dsId: "sidebar_footer",
-  label: null,
   Icon: !expanded ? import_ds_icons.MenuCollapse : import_ds_icons.MenuExpand,
   onClick: expanded ? onFooterClose : onFooterExpand,
   "aria-pressed": expanded,
   "aria-label": footerButtonExtraProps["aria-label"]
 });
 const SideBarChat = (props) => {
-  (0, import_useValidateProps.useValidateProps)(props, SideBarChatWithSchema.toJSON());
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_props.chatSidebarProps);
   const {
     sidebarItems,
     expanded,
@@ -64,28 +80,28 @@ const SideBarChat = (props) => {
     tooltipPlacement,
     enableTooltipWhenIsClosed,
     actionRef
-  } = props;
+  } = propsWithDefault;
   const { current: listRef } = import_react.default.useRef({});
   const registerReference = import_react.default.useCallback((ref) => {
     if (ref)
       listRef[ref.dataset.key] = ref;
   }, [listRef]);
   import_react.default.useEffect(() => {
-    if (actionRef.current.listRef) {
+    if (actionRef.current?.listRef) {
       actionRef.current.listRef = listRef;
     }
   }, [sidebarItems, expanded, actionRef, listRef]);
   return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSideBarContainer, {
     rows: [1, "auto"],
     ref: listRef
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSideBarButtonsContainer, null, sidebarItems.map((p) => /* @__PURE__ */ import_react.default.createElement(import_tile_button.TileButton, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSideBarButtonsContainer, null, sidebarItems.map((p) => /* @__PURE__ */ import_react.default.createElement(import_tile_button.TileButton, __spreadProps(__spreadValues({
     key: p.dsId,
-    innerRef: registerReference,
-    ...p,
+    innerRef: registerReference
+  }, p), {
     selected: selectedItem === p.dsId,
     tooltipPlacement,
     disableTooltip: enableTooltipWhenIsClosed ? false : !expanded
-  }))), /* @__PURE__ */ import_react.default.createElement(FooterChat, {
+  })))), /* @__PURE__ */ import_react.default.createElement(FooterChat, {
     expanded,
     onFooterClose,
     onFooterExpand,
@@ -93,8 +109,7 @@ const SideBarChat = (props) => {
   }));
 };
 SideBarChat.propTypes = import_props.chatSidebarProps;
-SideBarChat.defaultProps = import_props.defaultProps;
-const SideBarChatWithSchema = (0, import_react_desc.describe)(SideBarChat);
+const SideBarChatWithSchema = (0, import_ds_props_helpers.describe)(SideBarChat);
 SideBarChatWithSchema.propTypes = import_props.chatSidebarProps;
 module.exports = __toCommonJS(SideBarChat_exports);
 //# sourceMappingURL=SideBarChat.js.map

package/dist/cjs/exported-related/chat-sidebar/SideBarChat.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/chat-sidebar/SideBarChat.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';\nimport { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled';\nimport { TileButton } from '../tile-button';\nimport { SidebarButton } from './sidebar-button/SidebarButton';\nimport { ChatSidebarProps, defaultProps, chatSidebarProps } from './props';\n\nconst FooterChat = ({\n  expanded,\n  onFooterClose,\n  onFooterExpand,\n  footerButtonExtraProps,\n}: Pick<ChatSidebarProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'>) => (\n  <SidebarButton\n    dsId=\"sidebar_footer\"\n    Icon={!expanded ? MenuCollapse : MenuExpand}\n    onClick={expanded ? onFooterClose : onFooterExpand}\n    aria-pressed={expanded}\n    aria-label={footerButtonExtraProps['aria-label']}\n  />\n);\n\nconst SideBarChat: React.ComponentType<ChatSidebarProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, chatSidebarProps);\n\n  const {\n    sidebarItems,\n    expanded,\n    onFooterClose,\n    onFooterExpand,\n    selectedItem,\n    footerButtonExtraProps,\n    tooltipPlacement,\n    enableTooltipWhenIsClosed,\n    actionRef,\n  } = propsWithDefault;\n  const { current: listRef } = React.useRef({});\n  const registerReference = React.useCallback(\n    (ref: HTMLElement) => {\n      if (ref) listRef[ref.dataset.key] = ref;\n    },\n    [listRef],\n  );\n  React.useEffect(() => {\n    if (actionRef.current?.listRef) {\n      actionRef.current.listRef = listRef;\n    }\n  }, [sidebarItems, expanded, actionRef, listRef]);\n\n  return (\n    <StyledSideBarContainer rows={[1, 'auto']} ref={listRef}>\n      <StyledSideBarButtonsContainer>\n        {sidebarItems.map((p) => (\n          <TileButton\n            key={p.dsId}\n            innerRef={registerReference}\n            {...p}\n            selected={selectedItem === p.dsId}\n            tooltipPlacement={tooltipPlacement}\n            disableTooltip={enableTooltipWhenIsClosed ? false : !expanded}\n          />\n        ))}\n      </StyledSideBarButtonsContainer>\n      <FooterChat\n        expanded={expanded}\n        onFooterClose={onFooterClose}\n        onFooterExpand={onFooterExpand}\n        footerButtonExtraProps={footerButtonExtraProps}\n      />\n    </StyledSideBarContainer>\n  );\n};\n\nSideBarChat.propTypes = chatSidebarProps as WeakValidationMap<unknown>;\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps as WeakValidationMap<unknown>;\n\nexport { SideBarChat, SideBarChatWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,8BAAuF;AACvF,sBAAyC;AACzC,oBAAsE;AACtE,yBAA2B;AAC3B,2BAA8B;AAC9B,mBAAiE;AAEjE,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC,oCAAD;AAAA,EACE,MAAK;AAAA,EACL,MAAM,CAAC,WAAW,+BAAe;AAAA,EACjC,SAAS,WAAW,gBAAgB;AAAA,EACpC,gBAAc;AAAA,EACd,cAAY,uBAAuB;AAAA;AAIvC,MAAM,cAAqD,CAAC,UAAU;AACpE,QAAM,mBAAmB,0DAA6B,OAAO;AAC7D,8DAA+B,kBAAkB;AAEjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AACJ,QAAM,EAAE,SAAS,YAAY,qBAAM,OAAO;AAC1C,QAAM,oBAAoB,qBAAM,YAC9B,CAAC,QAAqB;AACpB,QAAI;AAAK,cAAQ,IAAI,QAAQ,OAAO;AAAA,KAEtC,CAAC;AAEH,uBAAM,UAAU,MAAM;AACpB,QAAI,UAAU,SAAS,SAAS;AAC9B,gBAAU,QAAQ,UAAU;AAAA;AAAA,KAE7B,CAAC,cAAc,UAAU,WAAW;AAEvC,SACE,mDAAC,sCAAD;AAAA,IAAwB,MAAM,CAAC,GAAG;AAAA,IAAS,KAAK;AAAA,KAC9C,mDAAC,6CAAD,MACG,aAAa,IAAI,CAAC,MACjB,mDAAC,+BAAD;AAAA,IACE,KAAK,EAAE;AAAA,IACP,UAAU;AAAA,KACN,IAHN;AAAA,IAIE,UAAU,iBAAiB,EAAE;AAAA,IAC7B;AAAA,IACA,gBAAgB,4BAA4B,QAAQ,CAAC;AAAA,SAI3D,mDAAC,YAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,YAAY,YAAY;AACxB,MAAM,wBAAwB,sCAAS;AACvC,sBAAsB,YAAY;",
+  "names": []
+}

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

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

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

@@ -31,6 +31,7 @@ __export(props_exports, {
   defaultProps: () => defaultProps
 });
 var React = __toESM(require("react"));
+var import_react = require("react");
 var import_react_desc = require("react-desc");
 var import_lodash = require("lodash");
 const defaultProps = {
@@ -44,11 +45,7 @@ const defaultProps = {
   footerButtonExtraProps: { "aria-label": "expand or collapse button" },
   tooltipPlacement: "right",
   enableTooltipWhenIsClosed: false,
-  actionRef: {
-    current: {
-      listRef: []
-    }
-  }
+  actionRef: (0, import_react.createRef)()
 };
 const chatSidebarProps = {
   sidebarItems: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.object).description("The array of out-of-the-box items you want to render inside the sidebar nav of the chat").defaultValue(defaultProps.sidebarItems),

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/chat-sidebar/props.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { createRef } from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { TileButtonProps } from '../tile-button/props';\n\nexport interface ChatSidebarProps {\n  sidebarItems: TileButtonProps[];\n  expanded: boolean;\n  selectedItem: undefined;\n  onFooterClose: () => void;\n  onFooterExpand: () => void;\n  onHeaderExpand: () => void;\n  onHeaderClose: () => void;\n  footerButtonExtraProps: Record<string, string>;\n  tooltipPlacement:\n    | 'top-start'\n    | 'top'\n    | 'top-end'\n    | 'right-start'\n    | 'right'\n    | 'right-end'\n    | 'bottom-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'left-end'\n    | 'left'\n    | 'left-start';\n  enableTooltipWhenIsClosed: boolean;\n  actionRef: React.RefObject<HTMLElement>;\n}\n\nexport const defaultProps: ChatSidebarProps = {\n  expanded: false,\n  selectedItem: undefined,\n  sidebarItems: [],\n  onFooterExpand: noop,\n  onFooterClose: noop,\n  onHeaderExpand: noop,\n  onHeaderClose: noop,\n  footerButtonExtraProps: { 'aria-label': 'expand or collapse button' },\n  tooltipPlacement: 'right',\n  enableTooltipWhenIsClosed: false,\n  actionRef: createRef(),\n};\n\nexport const chatSidebarProps = {\n  sidebarItems: PropTypes.arrayOf(PropTypes.object)\n    .description('The array of out-of-the-box items you want to render inside the sidebar nav of the chat')\n    .defaultValue(defaultProps.sidebarItems),\n  expanded: PropTypes.bool\n    .description('Whether to show the chat expanded or collapsed')\n    .defaultValue(defaultProps.expanded),\n  selectedItem: PropTypes.string\n    .description('The id of the chat item you want to be opened')\n    .defaultValue(defaultProps.selectedItem),\n  tooltipPlacement: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'right'\"),\n  enableTooltipWhenIsClosed: PropTypes.bool\n    .description('Enable tooltip when is closed')\n    .defaultValue(defaultProps.onFooterExpand),\n  onFooterExpand: PropTypes.func\n    .description('The function to call when the chat is opened via the footer')\n    .defaultValue(defaultProps.onFooterExpand),\n  onFooterClose: PropTypes.func\n    .description('The function to call when the chat is closed via the footer')\n    .defaultValue(defaultProps.onFooterClose),\n  onHeaderExpand: PropTypes.func\n    .description('The function to call when the chat is opened via the header')\n    .defaultValue(defaultProps.onHeaderExpand),\n  onHeaderClose: PropTypes.func\n    .description('The function to call when the chat is closed via the header')\n    .defaultValue(defaultProps.onHeaderClose),\n  footerButtonExtraProps: PropTypes.object\n    .description('Expand/collapse footer button extra props')\n    .defaultValue(defaultProps.footerButtonExtraProps),\n  actionRef: PropTypes.object\n    .description(\n      `Action ref for sidebar\n  {\n    listRef: references to Tiles\n  }\n  `,\n    )\n    .defaultValue(defaultProps.actionRef),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0B;AAC1B,wBAA0B;AAC1B,oBAAqB;AA6Bd,MAAM,eAAiC;AAAA,EAC5C,UAAU;AAAA,EACV,cAAc;AAAA,EACd,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,wBAAwB,EAAE,cAAc;AAAA,EACxC,kBAAkB;AAAA,EAClB,2BAA2B;AAAA,EAC3B,WAAW;AAAA;AAGN,MAAM,mBAAmB;AAAA,EAC9B,cAAc,4BAAU,QAAQ,4BAAU,QACvC,YAAY,2FACZ,aAAa,aAAa;AAAA,EAC7B,UAAU,4BAAU,KACjB,YAAY,kDACZ,aAAa,aAAa;AAAA,EAC7B,cAAc,4BAAU,OACrB,YAAY,iDACZ,aAAa,aAAa;AAAA,EAC7B,kBAAkB,4BAAU,MAAM;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,YAAY,iEACZ,aAAa;AAAA,EAChB,2BAA2B,4BAAU,KAClC,YAAY,iCACZ,aAAa,aAAa;AAAA,EAC7B,gBAAgB,4BAAU,KACvB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,4BAAU,KACtB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,gBAAgB,4BAAU,KACvB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,4BAAU,KACtB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,wBAAwB,4BAAU,OAC/B,YAAY,6CACZ,aAAa,aAAa;AAAA,EAC7B,WAAW,4BAAU,OAClB,YACC;AAAA;AAAA;AAAA;AAAA,KAMD,aAAa,aAAa;AAAA;",
+  "names": []
+}

package/dist/cjs/{parts → exported-related/chat-sidebar}/sidebar-button/SidebarButton.js

@@ -2,9 +2,35 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -33,16 +59,17 @@ var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_styled = require("./styled");
 var import_props = require("./props");
-const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }) => {
+const SidebarButton = (_a) => {
+  var _b = _a, { label, dsId, onClick, Icon } = _b, rest = __objRest(_b, ["label", "dsId", "onClick", "Icon"]);
   const handleClick = import_react.default.useCallback(() => {
-    onClick(dsId);
+    if (dsId)
+      onClick(dsId);
   }, [onClick, dsId]);
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSidebarButton, {
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSidebarButton, __spreadValues({
     key: dsId,
     "data-testid": `sidebar-button-${dsId}`,
-    onClick: handleClick,
-    ...rest
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSidebarButtonIcon, {
+    onClick: handleClick
+  }, rest), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSidebarButtonIcon, {
     alignItems: "center",
     justifyContent: "center"
   }, /* @__PURE__ */ import_react.default.createElement(Icon, {

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/exported-related/chat-sidebar/sidebar-button/SidebarButton.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAuF;AACvF,mBAA6E;AAEtE,MAAM,gBAAgB,CAAC,OAA6E;AAA7E,eAAE,SAAO,MAAM,SAAS,SAAxB,IAAiC,iBAAjC,IAAiC,CAA/B,SAAO,QAAM,WAAS;AACpD,QAAM,cAAc,qBAAM,YAAY,MAAM;AAC1C,QAAI;AAAM,cAAQ;AAAA,KACjB,CAAC,SAAS;AAEb,SACE,mDAAC,mCAAD;AAAA,IAAqB,KAAK;AAAA,IAAM,eAAa,kBAAkB;AAAA,IAAQ,SAAS;AAAA,KAAiB,OAC/F,mDAAC,uCAAD;AAAA,IAAyB,YAAW;AAAA,IAAS,gBAAe;AAAA,KAC1D,mDAAC,MAAD;AAAA,IAAM,MAAK;AAAA,OAEZ,SAAS,mDAAC,wCAAD,MAA2B;AAAA;AAK3C,cAAc,YAAY;AAC1B,cAAc,eAAe;",
+  "names": []
+}

package/dist/cjs/{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,YAAuB;",
   "names": []

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

@@ -31,23 +31,22 @@ __export(props_exports, {
   propsSidebarButton: () => propsSidebarButton
 });
 var React = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_react_desc = require("react-desc");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_lodash = require("lodash");
 var import_ds_icons = require("@elliemae/ds-icons");
 const defaultSidebarButton = {
   Icon: import_ds_icons.Comments,
-  dsId: void 0,
+  dsId: "",
   label: "",
   onClick: import_lodash.noop,
   title: ""
 };
 const propsSidebarButton = {
-  Icon: import_react_desc.PropTypes.element.description("Icon component").defaultValue(defaultSidebarButton.Icon),
-  dsId: import_react_desc.PropTypes.oneOfType([import_prop_types.default.number, import_prop_types.default.string]).description("Unique id for the button").defaultValue(defaultSidebarButton.dsId),
-  label: import_react_desc.PropTypes.string.description("It will display under the icon").defaultValue(defaultSidebarButton.label),
-  title: import_react_desc.PropTypes.string.description("Tooltip").defaultValue(defaultSidebarButton.title),
-  onClick: import_react_desc.PropTypes.func.description("The function to call when the is clicked").defaultValue(defaultSidebarButton.onClick)
+  Icon: import_ds_props_helpers.PropTypes.element.description("Icon component").defaultValue(defaultSidebarButton.Icon),
+  dsId: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string]).description("Unique id for the button").defaultValue(defaultSidebarButton.dsId),
+  label: import_ds_props_helpers.PropTypes.string.description("It will display under the icon").defaultValue(defaultSidebarButton.label),
+  title: import_ds_props_helpers.PropTypes.string.description("Tooltip").defaultValue(defaultSidebarButton.title),
+  onClick: import_ds_props_helpers.PropTypes.func.description("The function to call when the is clicked").defaultValue(defaultSidebarButton.onClick)
 };
 module.exports = __toCommonJS(props_exports);
 //# sourceMappingURL=props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/exported-related/chat-sidebar/sidebar-button/props.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA0B;AAC1B,oBAAqB;AACrB,sBAAyB;AAUlB,MAAM,uBAA2C;AAAA,EACtD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA;AAGF,MAAM,qBAAqB;AAAA,EAChC,MAAM,kCAAU,QAAQ,YAAY,kBAAkB,aAAa,qBAAqB;AAAA,EACxF,MAAM,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,SACpD,YAAY,4BACZ,aAAa,qBAAqB;AAAA,EACrC,OAAO,kCAAU,OAAO,YAAY,kCAAkC,aAAa,qBAAqB;AAAA,EACxG,OAAO,kCAAU,OAAO,YAAY,WAAW,aAAa,qBAAqB;AAAA,EACjF,SAAS,kCAAU,KAChB,YAAY,4CACZ,aAAa,qBAAqB;AAAA;",
+  "names": []
+}

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

@@ -34,7 +34,7 @@ __export(styled_exports, {
 var React = __toESM(require("react"));
 var import_styled_components = __toESM(require("styled-components"));
 var import_ds_grid = require("@elliemae/ds-grid");
-var import_styled = require("../../styled");
+var import_styled = require("../../../styled");
 const StyledSidebarButton = import_styled_components.default.button`
   display: flex;
   align-items: center;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/exported-related/chat-sidebar/sidebar-button/styled.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AACrB,oBAAyD;AAGlD,MAAM,sBAAsB,iCAAO;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,sCAAO;AAAA;AAAA;AAIvC,MAAM,2BAA2B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/parts/chat-sidebar/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../../../src/exported-related/chat-sidebar/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AACrB,oBAAyD;AAGlD,MAAM,yBAAyB,sCAAO;AAAA;AAAA,WAElC;AAAA,gBACK,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,4BAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3D,MAAM,gCAAgC,sCAAO;AAAA;AAAA;AAAA;AAAA,0CAIV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []

package/dist/cjs/{parts → exported-related}/floating-button/FloatingButton.js

@@ -27,22 +27,30 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
 var FloatingButton_exports = {};
 __export(FloatingButton_exports, {
-  FloatingButton: () => FloatingButton
+  FloatingButton: () => FloatingButton,
+  FloatingButtonWithSchema: () => FloatingButtonWithSchema
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_styled = require("./styled");
 var import_props = require("./props");
-const FloatingButton = ({ onClick, onFocus, innerRef }) => /* @__PURE__ */ import_react.default.createElement(import_styled.StyledFloatingButton, {
-  onFocus,
-  ref: innerRef,
-  "data-testid": "chat-floating-button",
-  onClick
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Comments, {
-  size: "l"
-}));
+const FloatingButton = (props) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.defaultFloatingButton);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_props.propsFloatingButton);
+  const { onFocus, innerRef, onClick } = propsWithDefault;
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledFloatingButton, {
+    onFocus,
+    ref: innerRef,
+    "data-testid": "chat-floating-button",
+    onClick
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Comments, {
+    size: "l"
+  }));
+};
 FloatingButton.propTypes = import_props.propsFloatingButton;
-FloatingButton.defaultProps = import_props.defaultFloatingButton;
+const FloatingButtonWithSchema = (0, import_ds_props_helpers.describe)(FloatingButton);
+FloatingButtonWithSchema.propTypes = import_props.propsFloatingButton;
 module.exports = __toCommonJS(FloatingButton_exports);
 //# sourceMappingURL=FloatingButton.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/floating-button/FloatingButton.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,8BAAuF;AAEvF,sBAAyB;AACzB,oBAAqC;AACrC,mBAAgF;AAEhF,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM,mBAAmB,0DAA6B,OAAO;AAC7D,8DAA+B,kBAAkB;AACjD,QAAM,EAAE,SAAS,UAAU,YAAY;AACvC,SACE,mDAAC,oCAAD;AAAA,IAAsB;AAAA,IAAkB,KAAK;AAAA,IAAU,eAAY;AAAA,IAAuB;AAAA,KACxF,mDAAC,0BAAD;AAAA,IAAU,MAAK;AAAA;AAAA;AAKrB,eAAe,YAAY;AAC3B,MAAM,2BAA2B,sCAAS;AAC1C,yBAAyB,YAAY;",
+  "names": []
+}

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

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

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

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

package/dist/cjs/{parts → exported-related}/floating-button/styled.js.map

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

package/dist/cjs/{parts → exported-related}/floating-container/styled.js.map

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

package/dist/cjs/{parts → exported-related}/grid-influencer/InfluencerContainer.js

@@ -32,7 +32,7 @@ __export(InfluencerContainer_exports, {
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_styled = require("./styled");
-var import_ChatContainer = require("../chat-container/ChatContainer");
+var import_ChatContainer = require("../../parts/chat-container/ChatContainer");
 var import_SideBarChat = require("../chat-sidebar/SideBarChat");
 const InfluencerContainer = (props) => import_react.default.useMemo(() => props.floating ? null : /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainer, {
   cols: ["auto", props.expanded ? 1 : "0px"],

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/grid-influencer/InfluencerContainer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { StyledChatContainer } from './styled';\nimport { ChatContainer } from '../../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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,oBAAoC;AACpC,2BAA8B;AAC9B,yBAA4B;AAErB,MAAM,sBAAgD,CAAC,UAC5D,qBAAM,QACJ,MACE,MAAM,WAAW,OACf,mDAAC,mCAAD;AAAA,EACE,MAAM,CAAC,QAAQ,MAAM,WAAW,IAAI;AAAA,EACpC,UAAU,MAAM;AAAA,EAChB,eAAe,MAAM;AAAA,GAErB,mDAAC,gCAAD,OACC,MAAM,WAAW,mDAAC,oCAAD,QAAoB,mDAAC,OAAD,QAG5C,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM;",
+  "names": []
+}

package/dist/cjs/{parts → exported-related}/grid-influencer/styled.js.map

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

package/dist/cjs/exported-related/index.js

@@ -0,0 +1,62 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var exported_related_exports = {};
+__export(exported_related_exports, {
+  BUBBLE_TYPES: () => import_bubble.BUBBLE_TYPES,
+  ChatBubble: () => import_bubble.ChatBubble,
+  ChatBubbleWithSchema: () => import_bubble.ChatBubbleWithSchema,
+  ChatCard: () => import_chat_card.ChatCard,
+  ChatCardWithSchema: () => import_chat_card.ChatCardWithSchema,
+  ChatContainerHeader: () => import_ChatContainerHeader.ChatContainerHeader,
+  ChatContainerHeaderWithSchema: () => import_ChatContainerHeader.ChatContainerHeaderWithSchema,
+  ChatEmptyState: () => import_ChatEmptyState.ChatEmptyState,
+  ChatEmptyStateWithSchema: () => import_ChatEmptyState.ChatEmptyStateWithSchema,
+  FloatingButton: () => import_floating_button.FloatingButton,
+  MessageDelimiter: () => import_message_delimiter.MessageDelimiter,
+  MessageDelimiterWithSchema: () => import_message_delimiter.MessageDelimiterWithSchema,
+  SideBarChat: () => import_chat_sidebar.SideBarChat,
+  SideBarChatWithSchema: () => import_chat_sidebar.SideBarChatWithSchema,
+  StyledFloatingContainer: () => import_styled.StyledFloatingContainer,
+  SystemMessage: () => import_system_message.SystemMessage,
+  SystemMessageWithSchema: () => import_system_message.SystemMessageWithSchema,
+  TileButton: () => import_tile_button.TileButton,
+  TileButtonWithSchema: () => import_tile_button.TileButtonWithSchema
+});
+var React = __toESM(require("react"));
+var import_bubble = require("./bubble");
+var import_floating_button = require("./floating-button");
+var import_styled = require("./floating-container/styled");
+var import_ChatContainerHeader = require("./chat-container-header/ChatContainerHeader");
+var import_ChatEmptyState = require("./chat-empty-state/ChatEmptyState");
+var import_chat_sidebar = require("./chat-sidebar");
+var import_tile_button = require("./tile-button");
+var import_message_delimiter = require("./message-delimiter");
+var import_system_message = require("./system-message");
+var import_chat_card = require("./chat-card");
+module.exports = __toCommonJS(exported_related_exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,oBAA+D;AAE/D,6BAA+B;AAC/B,oBAAwC;AAExC,iCAAmE;AAEnE,4BAAyD;AAGzD,0BAAmD;AAEnD,yBAAiD;AAEjD,+BAA6D;AAE7D,4BAAuD;AAEvD,uBAA6C;",
+  "names": []
+}