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

package/cjs/parts/chat-container-messages-list/index.js

@@ -1,10 +1,36 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ChatContainerMessagesList = require('./ChatContainerMessagesList.js');
-
-
-
-exports.ChatContainerMessagesList = ChatContainerMessagesList.ChatContainerMessagesList;
-exports.ChatContainerMessagesListWithSchema = ChatContainerMessagesList.ChatContainerMessagesListWithSchema;
+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 chat_container_messages_list_exports = {};
+__export(chat_container_messages_list_exports, {
+  ChatContainerMessagesList: () => import_ChatContainerMessagesList.ChatContainerMessagesList,
+  ChatContainerMessagesListWithSchema: () => import_ChatContainerMessagesList.ChatContainerMessagesListWithSchema
+});
+var React = __toESM(require("react"));
+var import_ChatContainerMessagesList = require("./ChatContainerMessagesList");
+module.exports = __toCommonJS(chat_container_messages_list_exports);
+//# sourceMappingURL=index.js.map

package/cjs/parts/chat-container-messages-list/index.js.map

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

package/cjs/parts/chat-container-messages-list/props.js

@@ -1,30 +1,68 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-var lodash = require('lodash');
-
+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 props_exports = {};
+__export(props_exports, {
+  defaultProps: () => defaultProps,
+  listProps: () => listProps
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
 const defaultProps = {
   messages: [],
-  actionRef: lodash.noop,
+  actionRef: import_lodash.noop,
   onScrollEnds: () => [],
-  getMoreMessages: lodash.noop,
-  sendingMessages: undefined,
-  sendingText: 'Sending',
-  bannerPosition: undefined,
-  bannerRef: undefined
+  getMoreMessages: import_lodash.noop,
+  sendingMessages: void 0,
+  sendingText: "Sending",
+  bannerPosition: void 0,
+  bannerRef: void 0
 };
 const listProps = {
-  messages: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('The array of out-of-the-box items you want to render inside the ChatMessageList').defaultValue(defaultProps.messages),
-  actionRef: reactDesc.PropTypes.object.description("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      ").defaultValue(defaultProps.actionRef),
-  onScrollEnds: reactDesc.PropTypes.func.description("Called when the scroll stops."),
-  isLoading: reactDesc.PropTypes.oneOf(['top', 'bottom', undefined]).description('Keeps the load more space while the loading is in progress'),
-  hasMoreItems: reactDesc.PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Load More button at the `top` or `bottom` of the container'),
-  getMoreMessages: reactDesc.PropTypes.func.description('Called when the user clicks on load more').defaultValue(defaultProps.getMoreMessages),
-  sendingMessages: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string), reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number)]).description('Array of ids of sending messages').defaultValue(defaultProps.sendingMessages),
-  sendingText: reactDesc.PropTypes.string.description('Label description for messages in sending status').defaultValue(defaultProps.sendingText)
+  messages: 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 ChatMessageList").defaultValue(defaultProps.messages),
+  actionRef: import_react_desc.PropTypes.object.description(`Reference: 
+        { 
+          scrollToIndex: (n: number) => void,
+          getMessagesInView: () => number[],
+          focusToIndex: (n: number) => void,
+          focusToIndexWithoutScroll: (n: number) => void,
+          focusToList: () => void,
+          focusToComposer: () => void,
+          focusToSend: () => void,
+        }
+        
+      `).defaultValue(defaultProps.actionRef),
+  onScrollEnds: import_react_desc.PropTypes.func.description(`Called when the scroll stops.`),
+  isLoading: import_react_desc.PropTypes.oneOf(["top", "bottom", void 0]).description("Keeps the load more space while the loading is in progress"),
+  hasMoreItems: import_react_desc.PropTypes.oneOf(["top", "bottom", void 0]).description("Show Load More button at the `top` or `bottom` of the container"),
+  getMoreMessages: import_react_desc.PropTypes.func.description("Called when the user clicks on load more").defaultValue(defaultProps.getMoreMessages),
+  sendingMessages: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string), import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.number)]).description("Array of ids of sending messages").defaultValue(defaultProps.sendingMessages),
+  sendingText: import_react_desc.PropTypes.string.description("Label description for messages in sending status").defaultValue(defaultProps.sendingText)
 };
-
-exports.defaultProps = defaultProps;
-exports.listProps = listProps;
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/chat-container-messages-list/props.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAA0B;AAC1B,oBAAqB;AAuBd,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,4BAAU,QAAQ,4BAAU,QACnC,YAAY,mFACZ,aAAa,aAAa;AAAA,EAC7B,WAAW,4BAAU,OAClB,YACC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAaD,aAAa,aAAa;AAAA,EAC7B,cAAc,4BAAU,KAAK,YAAY;AAAA,EACzC,WAAW,4BAAU,MAAM,CAAC,OAAO,UAAU,SAAY,YACvD;AAAA,EAEF,cAAc,4BAAU,MAAM,CAAC,OAAO,UAAU,SAAY,YAC1D;AAAA,EAEF,iBAAiB,4BAAU,KACxB,YAAY,4CACZ,aAAa,aAAa;AAAA,EAC7B,iBAAiB,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,SAAS,4BAAU,QAAQ,4BAAU,UACpG,YAAY,oCACZ,aAAa,aAAa;AAAA,EAC7B,aAAa,4BAAU,OACpB,YAAY,oDACZ,aAAa,aAAa;AAAA;",
+  "names": []
+}

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

@@ -1,38 +1,100 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-require('../bubble/ChatBubble.js');
-var props = require('../bubble/props.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1jhprzr-0"
-})(["width:100%;height:100%;"]); // list
-
-const StyledWrapperListItem = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1jhprzr-1"
-})(["min-width:100%;", ";", ";", ";"], props$1 => props$1.type === props.BUBBLE_TYPES.SENDER && "padding: ".concat(props$1.theme.space.xxs, " ").concat(props$1.theme.space.xxs, " ").concat(props$1.theme.space.xxs, " 13%\n  "), props$1 => props$1.type === props.BUBBLE_TYPES.RECIPIENT && "padding: ".concat(props$1.theme.space.xxs, " 13% ").concat(props$1.theme.space.xxs, "\n    ").concat(props$1.theme.space.xxs, "\n  "), props$1 => props$1.type === props.BUBBLE_TYPES.SYSTEM && "padding: ".concat(props$1.theme.space.xxs, " 0px\n  "));
-const StyledChatContainerContentList = /*#__PURE__*/styled__default["default"].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__default["default"].div.withConfig({
-  componentId: "sc-1jhprzr-3"
-})(["width:100%;height:", ";position:relative;"], props => props.height);
-const StyledLoadMoreContainer = /*#__PURE__*/styled__default["default"].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__default["default"].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);
-
-exports.ListItem = ListItem;
-exports.StyledChatContainerContentList = StyledChatContainerContentList;
-exports.StyledChatContainerContentListScroll = StyledChatContainerContentListScroll;
-exports.StyledLoadMoreContainer = StyledLoadMoreContainer;
-exports.StyledWrapper = StyledWrapper;
-exports.StyledWrapperListItem = StyledWrapperListItem;
+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 styled_exports = {};
+__export(styled_exports, {
+  ListItem: () => ListItem,
+  StyledChatContainerContentList: () => StyledChatContainerContentList,
+  StyledChatContainerContentListScroll: () => StyledChatContainerContentListScroll,
+  StyledLoadMoreContainer: () => StyledLoadMoreContainer,
+  StyledWrapper: () => StyledWrapper,
+  StyledWrapperListItem: () => StyledWrapperListItem
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_bubble = require("../bubble/index");
+const StyledWrapper = import_styled_components.default.div`
+  width: 100%;
+  height: 100%;
+`;
+const StyledWrapperListItem = import_styled_components.default.div`
+  min-width: 100%;
+  ${(props) => props.type === import_bubble.BUBBLE_TYPES.SENDER && `padding: ${props.theme.space.xxs} ${props.theme.space.xxs} ${props.theme.space.xxs} 13%
+  `};
+  ${(props) => props.type === import_bubble.BUBBLE_TYPES.RECIPIENT && `padding: ${props.theme.space.xxs} 13% ${props.theme.space.xxs}
+    ${props.theme.space.xxs}
+  `};
+  ${(props) => props.type === import_bubble.BUBBLE_TYPES.SYSTEM && `padding: ${props.theme.space.xxs} 0px
+  `};
+`;
+const StyledChatContainerContentList = import_styled_components.default.div`
+  width: 100%;
+  height: 100%;
+  padding: ${(props) => props.theme.space.xs};
+  padding-bottom: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+`;
+const StyledChatContainerContentListScroll = import_styled_components.default.div`
+  width: 100%;
+  height: ${(props) => props.height};
+  position: relative;
+`;
+const StyledLoadMoreContainer = import_styled_components.default.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 = import_styled_components.default.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;
+    }
+  }
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/chat-container-messages-list/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,oBAA6B;AAGtB,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAAA;AAM7B,MAAM,wBAAwB,iCAAO;AAAA;AAAA,IAExC,CAAC,UACD,MAAM,SAAS,2BAAa,UAC5B,YAAY,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM;AAAA;AAAA,IAEhF,CAAC,UACD,MAAM,SAAS,2BAAa,aAC5B,YAAY,MAAM,MAAM,MAAM,WAAW,MAAM,MAAM,MAAM;AAAA,MACzD,MAAM,MAAM,MAAM;AAAA;AAAA,IAEpB,CAAC,UACD,MAAM,SAAS,2BAAa,UAC5B,YAAY,MAAM,MAAM,MAAM;AAAA;AAAA;AAI3B,MAAM,iCAAiC,iCAAO;AAAA;AAAA;AAAA,aAGxC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAKnC,MAAM,uCAAuC,iCAAO;AAAA;AAAA,YAE/C,CAAC,UAAU,MAAM;AAAA;AAAA;AAItB,MAAM,0BAA0B,iCAAO;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,iCAAO;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/cjs/parts/chat-empty-state/ChatEmptyState.js

@@ -1,54 +1,70 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.url.to-json.js');
-var React = require('react');
-var reactDesc = require('react-desc');
-var dsGrid = require('@elliemae/ds-grid');
-var dsIcons = require('@elliemae/ds-icons');
-var props = require('./props.js');
-var styled = require('./styled.js');
-var useValidateProps = require('./config/useValidateProps.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const ChatEmptyState = props => {
-  var _Grid, _Grid2;
-
-  useValidateProps.useValidateProps(props, ChatEmptyStateListWithSchema.toJSON());
-  const {
-    label,
-    action
-  } = props;
-  const MainContent = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+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 ChatEmptyState_exports = {};
+__export(ChatEmptyState_exports, {
+  ChatEmptyState: () => ChatEmptyState,
+  ChatEmptyStateListWithSchema: () => ChatEmptyStateListWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_props = require("./props");
+var import_styled = require("./styled");
+var import_useValidateProps = require("./config/useValidateProps");
+const ChatEmptyState = (props) => {
+  (0, import_useValidateProps.useValidateProps)(props, ChatEmptyStateListWithSchema.toJSON());
+  const { label, action } = props;
+  const MainContent = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.Communications, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Communications, {
     size: "xxl",
-    color: ['neutral', 400]
-  })), _Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+    color: ["neutral", 400]
+  })), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.MessageWrapper, {}, void 0, label))), _Grid2 || (_Grid2 = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.MessageWrapper, null, label)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, action))), [label, action]);
-  return /*#__PURE__*/_jsx__default["default"](styled.ChatEmptyStateWrapper, {
+  }, action)), [label, action]);
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.ChatEmptyStateWrapper, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, MainContent);
+  }, MainContent);
 };
-
-ChatEmptyState.defaultProps = props.defaultProps;
-const ChatEmptyStateListWithSchema = reactDesc.describe(ChatEmptyState);
-ChatEmptyStateListWithSchema.propTypes = props.emptyStateProps;
-
-exports.ChatEmptyState = ChatEmptyState;
-exports.ChatEmptyStateListWithSchema = ChatEmptyStateListWithSchema;
+ChatEmptyState.propTypes = import_props.emptyStateProps;
+ChatEmptyState.defaultProps = import_props.defaultProps;
+const ChatEmptyStateListWithSchema = (0, import_react_desc.describe)(ChatEmptyState);
+ChatEmptyStateListWithSchema.propTypes = import_props.emptyStateProps;
+module.exports = __toCommonJS(ChatEmptyState_exports);
+//# sourceMappingURL=ChatEmptyState.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/chat-empty-state/ChatEmptyState.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAC/B,wBAAyB;AACzB,qBAAqB;AACrB,sBAA+B;AAC/B,mBAAmE;AACnE,oBAAsD;AACtD,8BAAiC;AAEjC,MAAM,iBAAiB,CAAC,UAA4C;AAClE,gDAAiB,OAAO,6BAA6B;AACrD,QAAM,EAAE,OAAO,WAAW;AAC1B,QAAM,cAAc,0BAClB,MACE,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvC,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvC,mDAAC,gCAAD;AAAA,IAAgB,MAAK;AAAA,IAAM,OAAO,CAAC,WAAW;AAAA,OAEhD,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvC,mDAAC,8BAAD,MAAiB,SAEnB,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACtC,UAIP,CAAC,OAAO;AAEV,SACE,mDAAC,qCAAD;AAAA,IAAuB,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvD;AAAA;AAKP,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,MAAM,+BAA+B,gCAAS;AAC9C,6BAA6B,YAAY;",
+  "names": []
+}

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

@@ -1,11 +1,38 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-
+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 useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const useValidateProps = (props, schema) => {
-  dsPropsHelpers.useValidatePropTypes(props, schema);
+  (0, import_ds_props_helpers.useValidatePropTypes)(props, schema);
 };
-
-exports.useValidateProps = useValidateProps;
+module.exports = __toCommonJS(useValidateProps_exports);
+//# sourceMappingURL=useValidateProps.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/chat-empty-state/config/useValidateProps.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAqC;AAG9B,MAAM,mBAAmB,CAAC,OAA4B,WAA0B;AACrF,oDAAqB,OAAO;AAAA;",
+  "names": []
+}

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

@@ -1,17 +1,44 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
+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 props_exports = {};
+__export(props_exports, {
+  defaultProps: () => defaultProps,
+  emptyStateProps: () => emptyStateProps
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
 const defaultProps = {
-  label: 'No Messages Yet',
+  label: "No Messages Yet",
   action: null
 };
 const emptyStateProps = {
-  label: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('No Message to show text helper').defaultValue(defaultProps.label),
-  action: reactDesc.PropTypes.node.description('action element').defaultValue(defaultProps.action)
+  label: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string).description("No Message to show text helper").defaultValue(defaultProps.label),
+  action: import_react_desc.PropTypes.node.description("action element").defaultValue(defaultProps.action)
 };
-
-exports.defaultProps = defaultProps;
-exports.emptyStateProps = emptyStateProps;
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/chat-empty-state/props.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAOnB,MAAM,eAAoC;AAAA,EAC/C,OAAO;AAAA,EACP,QAAQ;AAAA;AAGH,MAAM,kBAAkB;AAAA,EAC7B,OAAO,4BAAU,QAAQ,4BAAU,QAChC,YAAY,kCACZ,aAAa,aAAa;AAAA,EAC7B,QAAQ,4BAAU,KAAK,YAAY,kBAAkB,aAAa,aAAa;AAAA;",
+  "names": []
+}