@elliemae/ds-chat 3.5.0-rc.7 → 3.5.1-next.0

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

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2 from "react";
 import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
 import { MenuCollapse, MenuExpand } from "@elliemae/ds-icons";
@@ -11,7 +12,7 @@ const FooterChat = ({
   onFooterClose,
   onFooterExpand,
   footerButtonExtraProps
-}) => /* @__PURE__ */ React2.createElement(SidebarButton, {
+}) => /* @__PURE__ */ jsx(SidebarButton, {
   dsId: "sidebar_footer",
   Icon: !expanded ? MenuCollapse : MenuExpand,
   onClick: expanded ? onFooterClose : onFooterExpand,
@@ -45,22 +46,27 @@ const SideBarChat = (props) => {
       actionRef.current.listRef = listRef;
     }
   }, [sidebarItems, expanded, actionRef, listRef]);
-  return /* @__PURE__ */ React2.createElement(StyledSideBarContainer, {
+  return /* @__PURE__ */ jsxs(StyledSideBarContainer, {
     rows: [1, "auto"],
-    ref: listRef
-  }, /* @__PURE__ */ React2.createElement(StyledSideBarButtonsContainer, null, sidebarItems.map((p) => /* @__PURE__ */ React2.createElement(TileButton, {
-    key: p.dsId,
-    innerRef: registerReference,
-    ...p,
-    selected: selectedItem === p.dsId,
-    tooltipPlacement,
-    disableTooltip: enableTooltipWhenIsClosed ? false : !expanded
-  }))), /* @__PURE__ */ React2.createElement(FooterChat, {
-    expanded,
-    onFooterClose,
-    onFooterExpand,
-    footerButtonExtraProps
-  }));
+    ref: listRef,
+    children: [
+      /* @__PURE__ */ jsx(StyledSideBarButtonsContainer, {
+        children: sidebarItems.map((p) => /* @__PURE__ */ jsx(TileButton, {
+          innerRef: registerReference,
+          ...p,
+          selected: selectedItem === p.dsId,
+          tooltipPlacement,
+          disableTooltip: enableTooltipWhenIsClosed ? false : !expanded
+        }, p.dsId))
+      }),
+      /* @__PURE__ */ jsx(FooterChat, {
+        expanded,
+        onFooterClose,
+        onFooterExpand,
+        footerButtonExtraProps
+      })
+    ]
+  });
 };
 SideBarChat.propTypes = chatSidebarProps;
 SideBarChat.displayName = "SideBarChat";

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/chat-sidebar/SideBarChat.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\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>;\nSideBarChat.displayName = 'SideBarChat';\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps as WeakValidationMap<unknown>;\n\nexport { SideBarChat, SideBarChatWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAkC;AACzC,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,cAAc,kBAAkB;AACzC,SAAS,wBAAwB,qCAAqC;AACtE,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAA2B,cAAc,wBAAwB;AAEjE,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,gBAAAA,OAAA,cAAC;AAAA,EACC,MAAK;AAAA,EACL,MAAM,CAAC,WAAW,eAAe;AAAA,EACjC,SAAS,WAAW,gBAAgB;AAAA,EACpC,gBAAc;AAAA,EACd,cAAY,uBAAuB;AAAA,CACrC;AAGF,MAAM,cAAqD,CAAC,UAAU;AACpE,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,gBAAgB;AAEjE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,SAAS,QAAQ,IAAIA,OAAM,OAAO,CAAC,CAAC;AAC5C,QAAM,oBAAoBA,OAAM;AAAA,IAC9B,CAAC,QAAqB;AACpB,UAAI;AAAK,gBAAQ,IAAI,QAAQ,OAAO;AAAA,IACtC;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AACA,EAAAA,OAAM,UAAU,MAAM;AACpB,QAAI,UAAU,SAAS,SAAS;AAC9B,gBAAU,QAAQ,UAAU;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,cAAc,UAAU,WAAW,OAAO,CAAC;AAE/C,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAuB,MAAM,CAAC,GAAG,MAAM;AAAA,IAAG,KAAK;AAAA,KAC9C,gBAAAA,OAAA,cAAC,qCACE,aAAa,IAAI,CAAC,MACjB,gBAAAA,OAAA,cAAC;AAAA,IACC,KAAK,EAAE;AAAA,IACP,UAAU;AAAA,IACT,GAAG;AAAA,IACJ,UAAU,iBAAiB,EAAE;AAAA,IAC7B;AAAA,IACA,gBAAgB,4BAA4B,QAAQ,CAAC;AAAA,GACvD,CACD,CACH,GACA,gBAAAA,OAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,CACF;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAkC;AACzC,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,cAAc,kBAAkB;AACzC,SAAS,wBAAwB,qCAAqC;AACtE,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAA2B,cAAc,wBAAwB;AAEjE,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,oBAAC;AAAA,EACC,MAAK;AAAA,EACL,MAAM,CAAC,WAAW,eAAe;AAAA,EACjC,SAAS,WAAW,gBAAgB;AAAA,EACpC,gBAAc;AAAA,EACd,cAAY,uBAAuB;AAAA,CACrC;AAGF,MAAM,cAAqD,CAAC,UAAU;AACpE,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,gBAAgB;AAEjE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,SAAS,QAAQ,IAAIA,OAAM,OAAO,CAAC,CAAC;AAC5C,QAAM,oBAAoBA,OAAM;AAAA,IAC9B,CAAC,QAAqB;AACpB,UAAI;AAAK,gBAAQ,IAAI,QAAQ,OAAO;AAAA,IACtC;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AACA,EAAAA,OAAM,UAAU,MAAM;AACpB,QAAI,UAAU,SAAS,SAAS;AAC9B,gBAAU,QAAQ,UAAU;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,cAAc,UAAU,WAAW,OAAO,CAAC;AAE/C,SACE,qBAAC;AAAA,IAAuB,MAAM,CAAC,GAAG,MAAM;AAAA,IAAG,KAAK;AAAA,IAC9C;AAAA,0BAAC;AAAA,QACE,uBAAa,IAAI,CAAC,MACjB,oBAAC;AAAA,UAEC,UAAU;AAAA,UACT,GAAG;AAAA,UACJ,UAAU,iBAAiB,EAAE;AAAA,UAC7B;AAAA,UACA,gBAAgB,4BAA4B,QAAQ,CAAC;AAAA,WALhD,EAAE,IAMT,CACD;AAAA,OACH;AAAA,MACA,oBAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;",
   "names": ["React"]
 }

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

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2 from "react";
 import { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from "./styled";
 import { propsSidebarButton, defaultSidebarButton } from "./props";
@@ -7,17 +8,23 @@ const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }) => {
     if (dsId)
       onClick(dsId);
   }, [onClick, dsId]);
-  return /* @__PURE__ */ React2.createElement(StyledSidebarButton, {
-    key: dsId,
+  return /* @__PURE__ */ jsxs(StyledSidebarButton, {
     "data-testid": `sidebar-button-${dsId}`,
     onClick: handleClick,
-    ...rest
-  }, /* @__PURE__ */ React2.createElement(StyledSidebarButtonIcon, {
-    alignItems: "center",
-    justifyContent: "center"
-  }, /* @__PURE__ */ React2.createElement(Icon, {
-    size: "m"
-  })), label && /* @__PURE__ */ React2.createElement(StyledSidebarButtonLabel, null, label));
+    ...rest,
+    children: [
+      /* @__PURE__ */ jsx(StyledSidebarButtonIcon, {
+        alignItems: "center",
+        justifyContent: "center",
+        children: /* @__PURE__ */ jsx(Icon, {
+          size: "m"
+        })
+      }),
+      label && /* @__PURE__ */ jsx(StyledSidebarButtonLabel, {
+        children: label
+      })
+    ]
+  }, dsId);
 };
 SidebarButton.propTypes = propsSidebarButton;
 SidebarButton.defaultProps = defaultSidebarButton;

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

@@ -2,6 +2,6 @@
   "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,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,qBAAqB,0BAA0B,+BAA+B;AACvF,SAAS,oBAAoB,4BAAgD;AAEtE,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,SAAS,SAAS,KAAK,MAAuC;AACzG,QAAM,cAAcA,OAAM,YAAY,MAAM;AAC1C,QAAI;AAAM,cAAQ,IAAI;AAAA,EACxB,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAoB,KAAK;AAAA,IAAM,eAAa,kBAAkB;AAAA,IAAQ,SAAS;AAAA,IAAc,GAAG;AAAA,KAC/F,gBAAAA,OAAA,cAAC;AAAA,IAAwB,YAAW;AAAA,IAAS,gBAAe;AAAA,KAC1D,gBAAAA,OAAA,cAAC;AAAA,IAAK,MAAK;AAAA,GAAI,CACjB,GACC,SAAS,gBAAAA,OAAA,cAAC,gCAA0B,KAAM,CAC7C;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,eAAe;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAW;AAClB,SAAS,qBAAqB,0BAA0B,+BAA+B;AACvF,SAAS,oBAAoB,4BAAgD;AAEtE,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,SAAS,SAAS,KAAK,MAAuC;AACzG,QAAM,cAAcA,OAAM,YAAY,MAAM;AAC1C,QAAI;AAAM,cAAQ,IAAI;AAAA,EACxB,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,SACE,qBAAC;AAAA,IAA+B,eAAa,kBAAkB;AAAA,IAAQ,SAAS;AAAA,IAAc,GAAG;AAAA,IAC/F;AAAA,0BAAC;AAAA,QAAwB,YAAW;AAAA,QAAS,gBAAe;AAAA,QAC1D,8BAAC;AAAA,UAAK,MAAK;AAAA,SAAI;AAAA,OACjB;AAAA,MACC,SAAS,oBAAC;AAAA,QAA0B;AAAA,OAAM;AAAA;AAAA,KAJnB,IAK1B;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,eAAe;",
   "names": ["React"]
 }

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

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

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

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

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

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

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/grid-influencer/InfluencerContainer.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { StyledChatContainer } from './styled';\nimport { ChatContainer } from '../../parts/chat-container/ChatContainer';\nimport { SideBarChat } from '../chat-sidebar/SideBarChat';\n\nexport const InfluencerContainer: React.ComponentType<any> = (props) =>\n  React.useMemo(\n    () =>\n      props.floating ? null : (\n        <StyledChatContainer\n          cols={['auto', props.expanded ? 1 : '0px']}\n          expanded={props.expanded}\n          expandedWidth={props.expandedWidth}\n        >\n          <SideBarChat />\n          {props.expanded ? <ChatContainer /> : <div />}\n        </StyledChatContainer>\n      ),\n    [props.floating, props.expanded, props.expandedWidth],\n  );\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,YAAW;AAClB,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAErB,MAAM,sBAAgD,CAAC,UAC5DA,OAAM;AAAA,EACJ,MACE,MAAM,WAAW,OACf,gBAAAA,OAAA,cAAC;AAAA,IACC,MAAM,CAAC,QAAQ,MAAM,WAAW,IAAI,KAAK;AAAA,IACzC,UAAU,MAAM;AAAA,IAChB,eAAe,MAAM;AAAA,KAErB,gBAAAA,OAAA,cAAC,iBAAY,GACZ,MAAM,WAAW,gBAAAA,OAAA,cAAC,mBAAc,IAAK,gBAAAA,OAAA,cAAC,WAAI,CAC7C;AAAA,EAEJ,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM,aAAa;AACtD;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,OAAOA,YAAW;AAClB,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAErB,MAAM,sBAAgD,CAAC,UAC5DA,OAAM;AAAA,EACJ,MACE,MAAM,WAAW,OACf,qBAAC;AAAA,IACC,MAAM,CAAC,QAAQ,MAAM,WAAW,IAAI,KAAK;AAAA,IACzC,UAAU,MAAM;AAAA,IAChB,eAAe,MAAM;AAAA,IAErB;AAAA,0BAAC,eAAY;AAAA,MACZ,MAAM,WAAW,oBAAC,iBAAc,IAAK,oBAAC,SAAI;AAAA;AAAA,GAC7C;AAAA,EAEJ,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM,aAAa;AACtD;",
   "names": ["React"]
 }

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import {
   describe,
   useGetGlobalAttributes,
@@ -13,14 +13,20 @@ const MessageDelimiter = (props) => {
   useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps);
   const globalAttrs = useGetGlobalAttributes(propsWithDefault);
   const { title, size, verticalMargin } = propsWithDefault;
-  return /* @__PURE__ */ React2.createElement(Wrapper, {
+  return /* @__PURE__ */ jsxs(Wrapper, {
     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));
+    ...globalAttrs,
+    children: [
+      /* @__PURE__ */ jsx(Line, {}),
+      /* @__PURE__ */ jsx(Text, {
+        size,
+        verticalMargin,
+        "data-testid": "chat-message-delimiter-title",
+        children: title
+      }),
+      /* @__PURE__ */ jsx(Line, {})
+    ]
+  });
 };
 MessageDelimiter.propTypes = messageDelimiterProps;
 MessageDelimiter.displayName = "MessageDelimiter";

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

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

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
 import { Wrapper, Header, Title, Time, Message } from "./style";
 import { systemMessageProps, defaultProps } from "./props";
@@ -7,17 +7,29 @@ const SystemMessage = (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, {
-    cols: ["1fr", "auto", "1fr"]
-  }, /* @__PURE__ */ React2.createElement("span", null), /* @__PURE__ */ React2.createElement(Title, {
-    "data-testid": "chat-system-message-title"
-  }, title), /* @__PURE__ */ React2.createElement(Time, {
-    "data-testid": "chat-system-message-time"
-  }, time)), /* @__PURE__ */ React2.createElement(Message, {
-    "data-testid": "chat-system-message-body"
-  }, body));
+  return /* @__PURE__ */ jsxs(Wrapper, {
+    rows: ["auto", "auto"],
+    children: [
+      /* @__PURE__ */ jsxs(Header, {
+        cols: ["1fr", "auto", "1fr"],
+        children: [
+          /* @__PURE__ */ jsx("span", {}),
+          /* @__PURE__ */ jsx(Title, {
+            "data-testid": "chat-system-message-title",
+            children: title
+          }),
+          /* @__PURE__ */ jsx(Time, {
+            "data-testid": "chat-system-message-time",
+            children: time
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx(Message, {
+        "data-testid": "chat-system-message-body",
+        children: body
+      })
+    ]
+  });
 };
 SystemMessage.propTypes = systemMessageProps;
 SystemMessage.displayName = "SystemMessage";

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

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

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

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2 from "react";
 import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
 import { DSTooltipV3 } from "@elliemae/ds-tooltip";
@@ -44,30 +45,41 @@ const TileButton = (props) => {
     onClick(dsId, title);
   }, [dsId, onClick, title]);
   const MainContent = React2.useMemo(
-    () => /* @__PURE__ */ React2.createElement(StyledWrapperCentralContent, {
-      alignItems: isHeader ? "center" : void 0
-    }, /* @__PURE__ */ React2.createElement(Grid, {
-      width: "100%",
-      alignItems: "center",
-      justifyContent: "center"
-    }, /* @__PURE__ */ React2.createElement(StyledTileButtonIcon, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, /* @__PURE__ */ React2.createElement(Icon, {
-      size: "m"
-    }), badge ? /* @__PURE__ */ React2.createElement(StyledStatusBadge, {
-      badgeColor,
-      badgePosition,
-      "data-testid": `tile-badge-${dsId}`
-    }) : null)), !isHeader ? /* @__PURE__ */ React2.createElement(Grid, {
-      width: "100%",
-      justifyContent: "center"
-    }, label ? /* @__PURE__ */ React2.createElement(StyledTileButtonLabel, null, label) : null) : null),
+    () => /* @__PURE__ */ jsxs(StyledWrapperCentralContent, {
+      alignItems: isHeader ? "center" : void 0,
+      children: [
+        /* @__PURE__ */ jsx(Grid, {
+          width: "100%",
+          alignItems: "center",
+          justifyContent: "center",
+          children: /* @__PURE__ */ jsxs(StyledTileButtonIcon, {
+            alignItems: "center",
+            justifyContent: "center",
+            children: [
+              /* @__PURE__ */ jsx(Icon, {
+                size: "m"
+              }),
+              badge ? /* @__PURE__ */ jsx(StyledStatusBadge, {
+                badgeColor,
+                badgePosition,
+                "data-testid": `tile-badge-${dsId}`
+              }) : null
+            ]
+          })
+        }),
+        !isHeader ? /* @__PURE__ */ jsx(Grid, {
+          width: "100%",
+          justifyContent: "center",
+          children: label ? /* @__PURE__ */ jsx(StyledTileButtonLabel, {
+            children: label
+          }) : null
+        }) : null
+      ]
+    }),
     [isHeader, Icon, badge, dsId, badgeColor, badgePosition, label]
   );
   const Btn = React2.useMemo(
-    () => /* @__PURE__ */ React2.createElement(StyledTileButton, {
-      key: dsId,
+    () => /* @__PURE__ */ jsx(StyledTileButton, {
       isHeader,
       value: dsId,
       "data-testid": `tile-button-${dsId}`,
@@ -81,15 +93,24 @@ const TileButton = (props) => {
       badgePosition,
       "aria-pressed": selected,
       "aria-label": ariaLabel,
-      ref: innerRef
-    }, /* @__PURE__ */ React2.createElement(StyledWrapper, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, /* @__PURE__ */ React2.createElement("span", null, MainContent), /* @__PURE__ */ React2.createElement(StyledWrapperLeftBorder, null), showClose && !disabled ? /* @__PURE__ */ React2.createElement(CloseButton, {
-      onClick: onClose,
-      value: dsId,
-      "data-testid": `tile-close-btn-${dsId}`
-    }, /* @__PURE__ */ React2.createElement(CloseXsmall, null)) : null)),
+      ref: innerRef,
+      children: /* @__PURE__ */ jsxs(StyledWrapper, {
+        alignItems: "center",
+        justifyContent: "center",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            children: MainContent
+          }),
+          /* @__PURE__ */ jsx(StyledWrapperLeftBorder, {}),
+          showClose && !disabled ? /* @__PURE__ */ jsx(CloseButton, {
+            onClick: onClose,
+            value: dsId,
+            "data-testid": `tile-close-btn-${dsId}`,
+            children: /* @__PURE__ */ jsx(CloseXsmall, {})
+          }) : null
+        ]
+      })
+    }, dsId),
     [
       MainContent,
       ariaLabel,
@@ -107,11 +128,14 @@ const TileButton = (props) => {
       innerRef
     ]
   );
-  return title && !disableTooltip ? /* @__PURE__ */ React2.createElement(StyledTooltipV3ButtonWrapper, null, /* @__PURE__ */ React2.createElement(DSTooltipV3, {
-    id: `ds-chat-tile-tooltip-button-${dsId}`,
-    text: title,
-    startPlacementPreference: tooltipPlacement
-  }, Btn)) : Btn;
+  return title && !disableTooltip ? /* @__PURE__ */ jsx(StyledTooltipV3ButtonWrapper, {
+    children: /* @__PURE__ */ jsx(DSTooltipV3, {
+      id: `ds-chat-tile-tooltip-button-${dsId}`,
+      text: title,
+      startPlacementPreference: tooltipPlacement,
+      children: Btn
+    })
+  }) : Btn;
 };
 TileButton.propTypes = propsTileButton;
 TileButton.displayName = "TileButton";

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

@@ -2,6 +2,6 @@
   "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-utilities';\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>;\nTileButton.displayName = 'TileButton';\nconst TileButtonWithSchema = describe(TileButton);\nTileButtonWithSchema.propTypes = propsTileButton as WeakValidationMap<unknown>;\n\nexport { TileButton, TileButtonWithSchema };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["React"]
 }