@elliemae/ds-chat 2.2.0 → 2.3.0-alpha.3

package/esm/parts/chat-container-messages-list/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/chat-container-messages-list/props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Ref } from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { BubbleProps } from '../bubble/props';\n\ninterface ActionRef {\n  scrollToIndex: (n: number, b: { align: 'end' | 'center' | 'start' }) => void;\n  getMessagesInView: () => number[];\n}\nexport interface ChatContainerMessagesListProps {\n  messages: BubbleProps[];\n  actionRef: any;\n  onScrollEnds: (indexList: number[]) => number[];\n  isLoading?: 'top' | 'bottom';\n  hasMoreItems?: 'top' | 'bottom';\n  getMoreMessages: PropTypes.func;\n  sendingMessages?: Array<string | number>;\n  sendingText: string;\n  bannerPosition?: 'top' | 'bottom';\n  bannerRef: React.MutableRefObject<{\n    focusOnWrapper: (...args: any[]) => void;\n    focusOnLink: (...args: any[]) => void;\n  }>;\n}\n\nexport const defaultProps: ChatContainerMessagesListProps = {\n  messages: [],\n  actionRef: noop,\n  onScrollEnds: () => [],\n  getMoreMessages: noop,\n  sendingMessages: undefined,\n  sendingText: 'Sending',\n  bannerPosition: undefined,\n  bannerRef: undefined,\n};\n\nexport const listProps = {\n  messages: PropTypes.arrayOf(PropTypes.object)\n    .description('The array of out-of-the-box items you want to render inside the ChatMessageList')\n    .defaultValue(defaultProps.messages),\n  actionRef: PropTypes.object\n    .description(\n      `Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n          focusToIndex: (n: number) => void,\n          focusToIndexWithoutScroll: (n: number) => void,\n          focusToList: () => void,\n          focusToComposer: () => void,\n          focusToSend: () => void,\n        }\n        \n      `,\n    )\n    .defaultValue(defaultProps.actionRef),\n  onScrollEnds: PropTypes.func.description(`Called when the scroll stops.`),\n  isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Keeps the load more space while the loading is in progress',\n  ),\n  hasMoreItems: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Load More button at the `top` or `bottom` of the container',\n  ),\n  getMoreMessages: PropTypes.func\n    .description('Called when the user clicks on load more')\n    .defaultValue(defaultProps.getMoreMessages),\n  sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)])\n    .description('Array of ids of sending messages')\n    .defaultValue(defaultProps.sendingMessages),\n  sendingText: PropTypes.string\n    .description('Label description for messages in sending status')\n    .defaultValue(defaultProps.sendingText),\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AAuBO,MAAM,eAA+C;AAAA,EAC1D,UAAU;AAAA,EACV,WAAW;AAAA,EACX,cAAc,MAAM;AAAA,EACpB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,WAAW;AAAA;AAGN,MAAM,YAAY;AAAA,EACvB,UAAU,UAAU,QAAQ,UAAU,QACnC,YAAY,mFACZ,aAAa,aAAa;AAAA,EAC7B,WAAW,UAAU,OAClB,YACC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAaD,aAAa,aAAa;AAAA,EAC7B,cAAc,UAAU,KAAK,YAAY;AAAA,EACzC,WAAW,UAAU,MAAM,CAAC,OAAO,UAAU,SAAY,YACvD;AAAA,EAEF,cAAc,UAAU,MAAM,CAAC,OAAO,UAAU,SAAY,YAC1D;AAAA,EAEF,iBAAiB,UAAU,KACxB,YAAY,4CACZ,aAAa,aAAa;AAAA,EAC7B,iBAAiB,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,UAAU,QAAQ,UAAU,UACpG,YAAY,oCACZ,aAAa,aAAa;AAAA,EAC7B,aAAa,UAAU,OACpB,YAAY,oDACZ,aAAa,aAAa;AAAA;",
+  "names": []
+}

package/esm/parts/chat-container-messages-list/styled.js

@@ -1,25 +1,71 @@
-import styled from 'styled-components';
-import '../bubble/ChatBubble.js';
-import { BUBBLE_TYPES } from '../bubble/props.js';
-
-const StyledWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1jhprzr-0"
-})(["width:100%;height:100%;"]); // list
-
-const StyledWrapperListItem = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1jhprzr-1"
-})(["min-width:100%;", ";", ";", ";"], props => props.type === BUBBLE_TYPES.SENDER && "padding: ".concat(props.theme.space.xxs, " ").concat(props.theme.space.xxs, " ").concat(props.theme.space.xxs, " 13%\n  "), props => props.type === BUBBLE_TYPES.RECIPIENT && "padding: ".concat(props.theme.space.xxs, " 13% ").concat(props.theme.space.xxs, "\n    ").concat(props.theme.space.xxs, "\n  "), props => props.type === BUBBLE_TYPES.SYSTEM && "padding: ".concat(props.theme.space.xxs, " 0px\n  "));
-const StyledChatContainerContentList = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1jhprzr-2"
-})(["width:100%;height:100%;padding:", ";padding-bottom:0;overflow-y:auto;overflow-x:hidden;"], props => props.theme.space.xs);
-const StyledChatContainerContentListScroll = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1jhprzr-3"
-})(["width:100%;height:", ";position:relative;"], props => props.height);
-const StyledLoadMoreContainer = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1jhprzr-4"
-})(["position:absolute;width:calc(100% + ", ");padding:", ";left:-", ";right:-", ";display:grid;justify-content:center;align-items:center;", " ", ""], props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.hasMoreItems === 'top' ? 'top: 0;' : '', props => props.hasMoreItems === 'bottom' ? 'bottom: 0;' : '');
-const ListItem = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1jhprzr-5"
-})(["&:focus,&:focus-visible{outline:none;&:after{content:'';display:block;position:absolute;top:0;left:-", ";pointer-events:none;border-radius:2px;background-color:#ebedf0;width:calc(100% + 24px);border:2px solid #1e79c2;height:100%;z-index:-1;}}"], props => props.theme.space.xxs);
-
-export { ListItem, StyledChatContainerContentList, StyledChatContainerContentListScroll, StyledLoadMoreContainer, StyledWrapper, StyledWrapperListItem };
+import * as React from "react";
+import styled from "styled-components";
+import { BUBBLE_TYPES } from "../bubble/index";
+const StyledWrapper = styled.div`
+  width: 100%;
+  height: 100%;
+`;
+const StyledWrapperListItem = styled.div`
+  min-width: 100%;
+  ${(props) => props.type === BUBBLE_TYPES.SENDER && `padding: ${props.theme.space.xxs} ${props.theme.space.xxs} ${props.theme.space.xxs} 13%
+  `};
+  ${(props) => props.type === BUBBLE_TYPES.RECIPIENT && `padding: ${props.theme.space.xxs} 13% ${props.theme.space.xxs}
+    ${props.theme.space.xxs}
+  `};
+  ${(props) => props.type === BUBBLE_TYPES.SYSTEM && `padding: ${props.theme.space.xxs} 0px
+  `};
+`;
+const StyledChatContainerContentList = styled.div`
+  width: 100%;
+  height: 100%;
+  padding: ${(props) => props.theme.space.xs};
+  padding-bottom: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+`;
+const StyledChatContainerContentListScroll = styled.div`
+  width: 100%;
+  height: ${(props) => props.height};
+  position: relative;
+`;
+const StyledLoadMoreContainer = styled.div`
+  position: absolute;
+  width: calc(100% + ${(props) => props.theme.space.xxs});
+  padding: ${(props) => props.theme.space.xxs};
+  left: -${(props) => props.theme.space.xxs};
+  right: -${(props) => props.theme.space.xxs};
+  display: grid;
+  justify-content: center;
+  align-items: center;
+  ${(props) => props.hasMoreItems === "top" ? "top: 0;" : ""}
+  ${(props) => props.hasMoreItems === "bottom" ? "bottom: 0;" : ""}
+`;
+const ListItem = styled.div`
+  &:focus,
+  &:focus-visible {
+    outline: none;
+    &:after {
+      content: '';
+      display: block;
+      position: absolute;
+      top: 0;
+      left: -${(props) => props.theme.space.xxs};
+      pointer-events: none;
+      border-radius: 2px;
+      background-color: #ebedf0;
+      width: calc(100% + 24px);
+      border: 2px solid #1e79c2;
+      height: 100%;
+      z-index: -1;
+    }
+  }
+`;
+export {
+  ListItem,
+  StyledChatContainerContentList,
+  StyledChatContainerContentListScroll,
+  StyledLoadMoreContainer,
+  StyledWrapper,
+  StyledWrapperListItem
+};
+//# sourceMappingURL=styled.js.map

package/esm/parts/chat-container-messages-list/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/chat-container-messages-list/styled.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { BUBBLE_TYPES } from '../bubble/index';\nimport { BubbleProps } from '../bubble/props';\n\nexport const StyledWrapper = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\n// list\nexport const StyledWrapperListItem = styled.div<Partial<BubbleProps>>`\n  min-width: 100%;\n  ${(props) =>\n    props.type === BUBBLE_TYPES.SENDER &&\n    `padding: ${props.theme.space.xxs} ${props.theme.space.xxs} ${props.theme.space.xxs} 13%\n  `};\n  ${(props) =>\n    props.type === BUBBLE_TYPES.RECIPIENT &&\n    `padding: ${props.theme.space.xxs} 13% ${props.theme.space.xxs}\n    ${props.theme.space.xxs}\n  `};\n  ${(props) =>\n    props.type === BUBBLE_TYPES.SYSTEM &&\n    `padding: ${props.theme.space.xxs} 0px\n  `};\n`;\n\nexport const StyledChatContainerContentList = styled.div`\n  width: 100%;\n  height: 100%;\n  padding: ${(props) => props.theme.space.xs};\n  padding-bottom: 0;\n  overflow-y: auto;\n  overflow-x: hidden;\n`;\nexport const StyledChatContainerContentListScroll = styled.div<{ height: string }>`\n  width: 100%;\n  height: ${(props) => props.height};\n  position: relative;\n`;\n\nexport const StyledLoadMoreContainer = styled.div<{ hasMoreItems?: 'top' | 'bottom' }>`\n  position: absolute;\n  width: calc(100% + ${(props) => props.theme.space.xxs});\n  padding: ${(props) => props.theme.space.xxs};\n  left: -${(props) => props.theme.space.xxs};\n  right: -${(props) => props.theme.space.xxs};\n  display: grid;\n  justify-content: center;\n  align-items: center;\n  ${(props) => (props.hasMoreItems === 'top' ? 'top: 0;' : '')}\n  ${(props) => (props.hasMoreItems === 'bottom' ? 'bottom: 0;' : '')}\n`;\nexport const ListItem = styled.div`\n  &:focus,\n  &:focus-visible {\n    outline: none;\n    &:after {\n      content: '';\n      display: block;\n      position: absolute;\n      top: 0;\n      left: -${(props) => props.theme.space.xxs};\n      pointer-events: none;\n      border-radius: 2px;\n      background-color: #ebedf0;\n      width: calc(100% + 24px);\n      border: 2px solid #1e79c2;\n      height: 100%;\n      z-index: -1;\n    }\n  }\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAGO,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAM7B,MAAM,wBAAwB,OAAO;AAAA;AAAA,IAExC,CAAC,UACD,MAAM,SAAS,aAAa,UAC5B,YAAY,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM;AAAA;AAAA,IAEhF,CAAC,UACD,MAAM,SAAS,aAAa,aAC5B,YAAY,MAAM,MAAM,MAAM,WAAW,MAAM,MAAM,MAAM;AAAA,MACzD,MAAM,MAAM,MAAM;AAAA;AAAA,IAEpB,CAAC,UACD,MAAM,SAAS,aAAa,UAC5B,YAAY,MAAM,MAAM,MAAM;AAAA;AAAA;AAI3B,MAAM,iCAAiC,OAAO;AAAA;AAAA;AAAA,aAGxC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAKnC,MAAM,uCAAuC,OAAO;AAAA;AAAA,YAE/C,CAAC,UAAU,MAAM;AAAA;AAAA;AAItB,MAAM,0BAA0B,OAAO;AAAA;AAAA,uBAEvB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,aACvC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WAC/B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,YAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,IAIrC,CAAC,UAAW,MAAM,iBAAiB,QAAQ,YAAY;AAAA,IACvD,CAAC,UAAW,MAAM,iBAAiB,WAAW,eAAe;AAAA;AAE1D,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAShB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/parts/chat-empty-state/ChatEmptyState.js

@@ -1,45 +1,41 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.url.to-json.js';
-import { useMemo } from 'react';
-import { describe } from 'react-desc';
-import { Grid } from '@elliemae/ds-grid';
-import { Communications } from '@elliemae/ds-icons';
-import { emptyStateProps, defaultProps } from './props.js';
-import { MessageWrapper, ChatEmptyStateWrapper } from './styled.js';
-import { useValidateProps } from './config/useValidateProps.js';
-
-const ChatEmptyState = props => {
-  var _Grid, _Grid2;
-
+import * as React from "react";
+import React2, { useMemo } from "react";
+import { describe } from "react-desc";
+import { Grid } from "@elliemae/ds-grid";
+import { Communications } from "@elliemae/ds-icons";
+import { emptyStateProps, defaultProps } from "./props";
+import { ChatEmptyStateWrapper, MessageWrapper } from "./styled";
+import { useValidateProps } from "./config/useValidateProps";
+const ChatEmptyState = (props) => {
   useValidateProps(props, ChatEmptyStateListWithSchema.toJSON());
-  const {
-    label,
-    action
-  } = props;
-  const MainContent = useMemo(() => /*#__PURE__*/_jsx(Grid, {
+  const { label, action } = props;
+  const MainContent = useMemo(() => /* @__PURE__ */ React2.createElement(Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
+  }, /* @__PURE__ */ React2.createElement(Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, /*#__PURE__*/_jsx(Communications, {
+  }, /* @__PURE__ */ React2.createElement(Communications, {
     size: "xxl",
-    color: ['neutral', 400]
-  })), _Grid || (_Grid = /*#__PURE__*/_jsx(Grid, {
+    color: ["neutral", 400]
+  })), /* @__PURE__ */ React2.createElement(Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, /*#__PURE__*/_jsx(MessageWrapper, {}, void 0, label))), _Grid2 || (_Grid2 = /*#__PURE__*/_jsx(Grid, {
+  }, /* @__PURE__ */ React2.createElement(MessageWrapper, null, label)), /* @__PURE__ */ React2.createElement(Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, action))), [label, action]);
-  return /*#__PURE__*/_jsx(ChatEmptyStateWrapper, {
+  }, action)), [label, action]);
+  return /* @__PURE__ */ React2.createElement(ChatEmptyStateWrapper, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, MainContent);
+  }, MainContent);
 };
-
+ChatEmptyState.propTypes = emptyStateProps;
 ChatEmptyState.defaultProps = defaultProps;
 const ChatEmptyStateListWithSchema = describe(ChatEmptyState);
 ChatEmptyStateListWithSchema.propTypes = emptyStateProps;
-
-export { ChatEmptyState, ChatEmptyStateListWithSchema };
+export {
+  ChatEmptyState,
+  ChatEmptyStateListWithSchema
+};
+//# sourceMappingURL=ChatEmptyState.js.map

package/esm/parts/chat-empty-state/ChatEmptyState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/chat-empty-state/ChatEmptyState.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Communications } from '@elliemae/ds-icons';\nimport { ChatEmptyStateProps, emptyStateProps, defaultProps } from './props';\nimport { ChatEmptyStateWrapper, MessageWrapper } from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst ChatEmptyState = (props: ChatEmptyStateProps): JSX.Element => {\n  useValidateProps(props, ChatEmptyStateListWithSchema.toJSON());\n  const { label, action } = props;\n  const MainContent = useMemo(\n    () => (\n      <Grid alignItems=\"center\" justifyContent=\"center\">\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          <Communications size=\"xxl\" color={['neutral', 400]} />\n        </Grid>\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          <MessageWrapper>{label}</MessageWrapper>\n        </Grid>\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          {action}\n        </Grid>\n      </Grid>\n    ),\n    [label, action],\n  );\n  return (\n    <ChatEmptyStateWrapper alignItems=\"center\" justifyContent=\"center\">\n      {MainContent}\n    </ChatEmptyStateWrapper>\n  );\n};\n\nChatEmptyState.propTypes = emptyStateProps;\nChatEmptyState.defaultProps = defaultProps;\nconst ChatEmptyStateListWithSchema = describe(ChatEmptyState);\nChatEmptyStateListWithSchema.propTypes = emptyStateProps;\n\nexport { ChatEmptyState, ChatEmptyStateListWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,CAAC,UAA4C;AAClE,mBAAiB,OAAO,6BAA6B;AACrD,QAAM,EAAE,OAAO,WAAW;AAC1B,QAAM,cAAc,QAClB,MACE,qCAAC,MAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvC,qCAAC,MAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvC,qCAAC,gBAAD;AAAA,IAAgB,MAAK;AAAA,IAAM,OAAO,CAAC,WAAW;AAAA,OAEhD,qCAAC,MAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvC,qCAAC,gBAAD,MAAiB,SAEnB,qCAAC,MAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACtC,UAIP,CAAC,OAAO;AAEV,SACE,qCAAC,uBAAD;AAAA,IAAuB,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvD;AAAA;AAKP,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,MAAM,+BAA+B,SAAS;AAC9C,6BAA6B,YAAY;",
+  "names": []
+}

package/esm/parts/chat-empty-state/config/useValidateProps.js

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

package/esm/parts/chat-empty-state/config/useValidateProps.js.map

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

package/esm/parts/chat-empty-state/props.js

@@ -1,12 +1,15 @@
-import { PropTypes } from 'react-desc';
-
+import * as React from "react";
+import { PropTypes } from "react-desc";
 const defaultProps = {
-  label: 'No Messages Yet',
+  label: "No Messages Yet",
   action: null
 };
 const emptyStateProps = {
-  label: PropTypes.arrayOf(PropTypes.string).description('No Message to show text helper').defaultValue(defaultProps.label),
-  action: PropTypes.node.description('action element').defaultValue(defaultProps.action)
+  label: PropTypes.arrayOf(PropTypes.string).description("No Message to show text helper").defaultValue(defaultProps.label),
+  action: PropTypes.node.description("action element").defaultValue(defaultProps.action)
 };
-
-export { defaultProps, emptyStateProps };
+export {
+  defaultProps,
+  emptyStateProps
+};
+//# sourceMappingURL=props.js.map

package/esm/parts/chat-empty-state/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/chat-empty-state/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport interface ChatEmptyStateProps {\n  label: string;\n  action: React.FC;\n}\n\nexport const defaultProps: ChatEmptyStateProps = {\n  label: 'No Messages Yet',\n  action: null,\n};\n\nexport const emptyStateProps = {\n  label: PropTypes.arrayOf(PropTypes.string)\n    .description('No Message to show text helper')\n    .defaultValue(defaultProps.label),\n  action: PropTypes.node.description('action element').defaultValue(defaultProps.action),\n};\n"],
+  "mappings": "AAAA;ACAA;AAOO,MAAM,eAAoC;AAAA,EAC/C,OAAO;AAAA,EACP,QAAQ;AAAA;AAGH,MAAM,kBAAkB;AAAA,EAC7B,OAAO,UAAU,QAAQ,UAAU,QAChC,YAAY,kCACZ,aAAa,aAAa;AAAA,EAC7B,QAAQ,UAAU,KAAK,YAAY,kBAAkB,aAAa,aAAa;AAAA;",
+  "names": []
+}

package/esm/parts/chat-empty-state/styled.js

@@ -1,12 +1,19 @@
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-
+import * as React from "react";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
 const CONTAINER_WIDTH = 300;
-const ChatEmptyStateWrapper = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-1tutmen-0"
-})(["height:100%;min-width:", "px;overflow:hidden;background:", ";"], CONTAINER_WIDTH, props => props.theme.colors.neutral['050']);
-const MessageWrapper = /*#__PURE__*/styled.p.withConfig({
-  componentId: "sc-1tutmen-1"
-})(["font-size:18px;"]);
-
-export { CONTAINER_WIDTH, ChatEmptyStateWrapper, MessageWrapper };
+const ChatEmptyStateWrapper = styled(Grid)`
+  height: 100%;
+  min-width: ${CONTAINER_WIDTH}px;
+  overflow: hidden;
+  background: ${(props) => props.theme.colors.neutral["050"]};
+`;
+const MessageWrapper = styled.p`
+  font-size: 18px;
+`;
+export {
+  CONTAINER_WIDTH,
+  ChatEmptyStateWrapper,
+  MessageWrapper
+};
+//# sourceMappingURL=styled.js.map

package/esm/parts/chat-empty-state/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/chat-empty-state/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const CONTAINER_WIDTH = 300;\n\nexport const ChatEmptyStateWrapper = styled(Grid)`\n  height: 100%;\n  min-width: ${CONTAINER_WIDTH}px;\n  overflow: hidden;\n  background: ${(props) => props.theme.colors.neutral['050']};\n`;\n\nexport const MessageWrapper = styled.p`\n  font-size: 18px;\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,kBAAkB;AAExB,MAAM,wBAAwB,OAAO;AAAA;AAAA,eAE7B;AAAA;AAAA,gBAEC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG/C,MAAM,iBAAiB,OAAO;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,45 +1,26 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.url.to-json.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import React from 'react';
-import { describe } from 'react-desc';
-import { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';
-import { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled.js';
-import { TileButton } from '../tile-button/TileButton.js';
-import { SidebarButton } from '../sidebar-button/SidebarButton.js';
-import { chatSidebarProps, defaultProps } from './props.js';
-import { useValidateProps } from './config/useValidateProps.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const FooterChat = _ref => {
-  let {
-    expanded,
-    onFooterClose,
-    onFooterExpand,
-    footerButtonExtraProps
-  } = _ref;
-  return /*#__PURE__*/_jsx(SidebarButton, {
-    dsId: "sidebar_footer",
-    label: null,
-    Icon: !expanded ? MenuCollapse : MenuExpand,
-    onClick: expanded ? onFooterClose : onFooterExpand,
-    "aria-pressed": expanded,
-    "aria-label": footerButtonExtraProps['aria-label']
-  });
-};
-
-const SideBarChat = props => {
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { MenuCollapse, MenuExpand } from "@elliemae/ds-icons";
+import { StyledSideBarContainer, StyledSideBarButtonsContainer } from "./styled";
+import { TileButton } from "../tile-button";
+import { SidebarButton } from "../sidebar-button/SidebarButton";
+import { defaultProps, chatSidebarProps } from "./props";
+import { useValidateProps } from "./config/useValidateProps";
+const FooterChat = ({
+  expanded,
+  onFooterClose,
+  onFooterExpand,
+  footerButtonExtraProps
+}) => /* @__PURE__ */ React2.createElement(SidebarButton, {
+  dsId: "sidebar_footer",
+  label: null,
+  Icon: !expanded ? MenuCollapse : MenuExpand,
+  onClick: expanded ? onFooterClose : onFooterExpand,
+  "aria-pressed": expanded,
+  "aria-label": footerButtonExtraProps["aria-label"]
+});
+const SideBarChat = (props) => {
   useValidateProps(props, SideBarChatWithSchema.toJSON());
   const {
     sidebarItems,
@@ -52,37 +33,39 @@ const SideBarChat = props => {
     enableTooltipWhenIsClosed,
     actionRef
   } = props;
-  const {
-    current: listRef
-  } = React.useRef({});
-  const registerReference = React.useCallback(ref => {
-    if (ref) listRef[ref.dataset.key] = ref;
+  const { current: listRef } = React2.useRef({});
+  const registerReference = React2.useCallback((ref) => {
+    if (ref)
+      listRef[ref.dataset.key] = ref;
   }, [listRef]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (actionRef.current.listRef) {
       actionRef.current.listRef = listRef;
     }
   }, [sidebarItems, expanded, actionRef, listRef]);
-  return /*#__PURE__*/jsxs(StyledSideBarContainer, {
-    rows: [1, 'auto'],
-    ref: listRef,
-    children: [/*#__PURE__*/_jsx(StyledSideBarButtonsContainer, {}, void 0, sidebarItems.map(p => /*#__PURE__*/jsx(TileButton, _objectSpread(_objectSpread({
-      innerRef: registerReference
-    }, p), {}, {
-      selected: selectedItem === p.dsId,
-      tooltipPlacement: tooltipPlacement,
-      disableTooltip: enableTooltipWhenIsClosed ? false : !expanded
-    }), p.dsId))), /*#__PURE__*/_jsx(FooterChat, {
-      expanded: expanded,
-      onFooterClose: onFooterClose,
-      onFooterExpand: onFooterExpand,
-      footerButtonExtraProps: footerButtonExtraProps
-    })]
-  });
+  return /* @__PURE__ */ React2.createElement(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
+  }));
 };
-
+SideBarChat.propTypes = chatSidebarProps;
 SideBarChat.defaultProps = defaultProps;
 const SideBarChatWithSchema = describe(SideBarChat);
 SideBarChatWithSchema.propTypes = chatSidebarProps;
-
-export { SideBarChat, SideBarChatWithSchema };
+export {
+  SideBarChat,
+  SideBarChatWithSchema
+};
+//# sourceMappingURL=SideBarChat.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/chat-sidebar/SideBarChat.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';\nimport { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled';\nimport { TileButton } from '../tile-button';\nimport { SidebarButton } from '../sidebar-button/SidebarButton';\nimport { CharSidebarProps, defaultProps, chatSidebarProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst FooterChat = ({\n  expanded,\n  onFooterClose,\n  onFooterExpand,\n  footerButtonExtraProps,\n}: Pick<CharSidebarProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'>) => (\n  <SidebarButton\n    dsId=\"sidebar_footer\"\n    label={null}\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 = (props: CharSidebarProps): JSX.Element => {\n  useValidateProps(props, SideBarChatWithSchema.toJSON());\n  const {\n    sidebarItems,\n    expanded,\n    onFooterClose,\n    onFooterExpand,\n    selectedItem,\n    footerButtonExtraProps,\n    tooltipPlacement,\n    enableTooltipWhenIsClosed,\n    actionRef,\n  } = props;\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;\nSideBarChat.defaultProps = defaultProps;\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps;\n\nexport { SideBarChat, SideBarChatWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC,eAAD;AAAA,EACE,MAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM,CAAC,WAAW,eAAe;AAAA,EACjC,SAAS,WAAW,gBAAgB;AAAA,EACpC,gBAAc;AAAA,EACd,cAAY,uBAAuB;AAAA;AAIvC,MAAM,cAAc,CAAC,UAAyC;AAC5D,mBAAiB,OAAO,sBAAsB;AAC9C,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,OAAM,OAAO;AAC1C,QAAM,oBAAoB,OAAM,YAC9B,CAAC,QAAqB;AACpB,QAAI;AAAK,cAAQ,IAAI,QAAQ,OAAO;AAAA,KAEtC,CAAC;AAEH,SAAM,UAAU,MAAM;AACpB,QAAI,UAAU,QAAQ,SAAS;AAC7B,gBAAU,QAAQ,UAAU;AAAA;AAAA,KAE7B,CAAC,cAAc,UAAU,WAAW;AAEvC,SACE,qCAAC,wBAAD;AAAA,IAAwB,MAAM,CAAC,GAAG;AAAA,IAAS,KAAK;AAAA,KAC9C,qCAAC,+BAAD,MACG,aAAa,IAAI,CAAC,MACjB,qCAAC,YAAD;AAAA,IACE,KAAK,EAAE;AAAA,IACP,UAAU;AAAA,OACN;AAAA,IACJ,UAAU,iBAAiB,EAAE;AAAA,IAC7B;AAAA,IACA,gBAAgB,4BAA4B,QAAQ,CAAC;AAAA,QAI3D,qCAAC,YAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,YAAY,YAAY;AACxB,YAAY,eAAe;AAC3B,MAAM,wBAAwB,SAAS;AACvC,sBAAsB,YAAY;",
+  "names": []
+}

package/esm/parts/chat-sidebar/config/useValidateProps.js

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

package/esm/parts/chat-sidebar/config/useValidateProps.js.map

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

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

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

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

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

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

@@ -1,18 +1,16 @@
-import { PropTypes } from 'react-desc';
-import { noop } from 'lodash';
-
+import * as React from "react";
+import { PropTypes } from "react-desc";
+import { noop } from "lodash";
 const defaultProps = {
   expanded: false,
-  selectedItem: undefined,
+  selectedItem: void 0,
   sidebarItems: [],
   onFooterExpand: noop,
   onFooterClose: noop,
   onHeaderExpand: noop,
   onHeaderClose: noop,
-  footerButtonExtraProps: {
-    'aria-label': 'expand or collapse button'
-  },
-  tooltipPlacement: 'right',
+  footerButtonExtraProps: { "aria-label": "expand or collapse button" },
+  tooltipPlacement: "right",
   enableTooltipWhenIsClosed: false,
   actionRef: {
     current: {
@@ -21,17 +19,37 @@ const defaultProps = {
   }
 };
 const chatSidebarProps = {
-  sidebarItems: PropTypes.arrayOf(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),
-  expanded: PropTypes.bool.description('Whether to show the chat expanded or collapsed').defaultValue(defaultProps.expanded),
-  selectedItem: PropTypes.string.description('The id of the chat item you want to be opened').defaultValue(defaultProps.selectedItem),
-  tooltipPlacement: PropTypes.oneOf(['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start']).description('start placement preferences, as per popperjs placement option').defaultValue("'right'"),
-  enableTooltipWhenIsClosed: PropTypes.bool.description('Enable tooltip when is closed').defaultValue(defaultProps.onFooterExpand),
-  onFooterExpand: PropTypes.func.description('The function to call when the chat is opened via the footer').defaultValue(defaultProps.onFooterExpand),
-  onFooterClose: PropTypes.func.description('The function to call when the chat is closed via the footer').defaultValue(defaultProps.onFooterClose),
-  onHeaderExpand: PropTypes.func.description('The function to call when the chat is opened via the header').defaultValue(defaultProps.onHeaderExpand),
-  onHeaderClose: PropTypes.func.description('The function to call when the chat is closed via the header').defaultValue(defaultProps.onHeaderClose),
-  footerButtonExtraProps: PropTypes.object.description('Expand/collapse footer button extra props').defaultValue(defaultProps.footerButtonExtraProps),
-  actionRef: PropTypes.object.description("Action ref for sidebar\n  {\n    listRef: references to Tiles\n  }\n  ").defaultValue(defaultProps.actionRef)
+  sidebarItems: PropTypes.arrayOf(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),
+  expanded: PropTypes.bool.description("Whether to show the chat expanded or collapsed").defaultValue(defaultProps.expanded),
+  selectedItem: PropTypes.string.description("The id of the chat item you want to be opened").defaultValue(defaultProps.selectedItem),
+  tooltipPlacement: PropTypes.oneOf([
+    "top-start",
+    "top",
+    "top-end",
+    "right-start",
+    "right",
+    "right-end",
+    "bottom-end",
+    "bottom",
+    "bottom-start",
+    "left-end",
+    "left",
+    "left-start"
+  ]).description("start placement preferences, as per popperjs placement option").defaultValue("'right'"),
+  enableTooltipWhenIsClosed: PropTypes.bool.description("Enable tooltip when is closed").defaultValue(defaultProps.onFooterExpand),
+  onFooterExpand: PropTypes.func.description("The function to call when the chat is opened via the footer").defaultValue(defaultProps.onFooterExpand),
+  onFooterClose: PropTypes.func.description("The function to call when the chat is closed via the footer").defaultValue(defaultProps.onFooterClose),
+  onHeaderExpand: PropTypes.func.description("The function to call when the chat is opened via the header").defaultValue(defaultProps.onHeaderExpand),
+  onHeaderClose: PropTypes.func.description("The function to call when the chat is closed via the header").defaultValue(defaultProps.onHeaderClose),
+  footerButtonExtraProps: PropTypes.object.description("Expand/collapse footer button extra props").defaultValue(defaultProps.footerButtonExtraProps),
+  actionRef: PropTypes.object.description(`Action ref for sidebar
+  {
+    listRef: references to Tiles
+  }
+  `).defaultValue(defaultProps.actionRef)
+};
+export {
+  chatSidebarProps,
+  defaultProps
 };
-
-export { chatSidebarProps, defaultProps };
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/chat-sidebar/props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { TileButtonProps } from '../tile-button/props';\n\nexport interface CharSidebarProps {\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, any>;\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.MutableRefObject<any>;\n}\n\nexport const defaultProps: CharSidebarProps = {\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: {\n    current: {\n      listRef: [],\n    },\n  },\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"],
+  "mappings": "AAAA;ACAA;AACA;AA6BO,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,IACT,SAAS;AAAA,MACP,SAAS;AAAA;AAAA;AAAA;AAKR,MAAM,mBAAmB;AAAA,EAC9B,cAAc,UAAU,QAAQ,UAAU,QACvC,YAAY,2FACZ,aAAa,aAAa;AAAA,EAC7B,UAAU,UAAU,KACjB,YAAY,kDACZ,aAAa,aAAa;AAAA,EAC7B,cAAc,UAAU,OACrB,YAAY,iDACZ,aAAa,aAAa;AAAA,EAC7B,kBAAkB,UAAU,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,UAAU,KAClC,YAAY,iCACZ,aAAa,aAAa;AAAA,EAC7B,gBAAgB,UAAU,KACvB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,UAAU,KACtB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,gBAAgB,UAAU,KACvB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,UAAU,KACtB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,wBAAwB,UAAU,OAC/B,YAAY,6CACZ,aAAa,aAAa;AAAA,EAC7B,WAAW,UAAU,OAClB,YACC;AAAA;AAAA;AAAA;AAAA,KAMD,aAAa,aAAa;AAAA;",
+  "names": []
+}