@elliemae/ds-chat-empty-state 3.70.0-next.3 → 3.70.0-next.31

package/dist/cjs/ChatEmptyState.js

@@ -34,28 +34,68 @@ __export(ChatEmptyState_exports, {
 module.exports = __toCommonJS(ChatEmptyState_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 var import_styled = require("./styled.js");
-var import_DSChatEmptyStateDefinitions = require("./DSChatEmptyStateDefinitions.js");
+var import_constants = require("./constants/index.js");
 const ChatEmptyState = (props) => {
   const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.emptyStateProps, import_DSChatEmptyStateDefinitions.DSChatEmptyStateName);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.DSChatEmptyStatePropTypes, import_constants.DSChatEmptyStateName);
+  const { getOwnerProps, getOwnerPropsArguments } = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault);
   const { label, action } = propsWithDefault;
-  const MainContent = (0, import_react.useMemo)(
-    () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { alignItems: "center", justifyContent: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Communications, { size: "xxl", color: ["neutral", "400"] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.MessageWrapper, { children: label }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { alignItems: "center", justifyContent: "center", children: action })
-    ] }),
-    [label, action]
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled.ChatEmptyStateWrapper,
+    {
+      alignItems: "center",
+      justifyContent: "center",
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_styled.Content,
+        {
+          alignItems: "center",
+          justifyContent: "center",
+          getOwnerProps,
+          getOwnerPropsArguments,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_styled.IconWrapper,
+              {
+                alignItems: "center",
+                justifyContent: "center",
+                getOwnerProps,
+                getOwnerPropsArguments,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Communications, { size: "xxl", color: ["neutral", "400"] })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_styled.MessageWrapperGrid,
+              {
+                alignItems: "center",
+                justifyContent: "center",
+                getOwnerProps,
+                getOwnerPropsArguments,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.MessageWrapper, { getOwnerProps, getOwnerPropsArguments, children: label })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_styled.ActionWrapper,
+              {
+                alignItems: "center",
+                justifyContent: "center",
+                getOwnerProps,
+                getOwnerPropsArguments,
+                children: action
+              }
+            )
+          ]
+        }
+      )
+    }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.ChatEmptyStateWrapper, { alignItems: "center", justifyContent: "center", children: MainContent });
 };
-ChatEmptyState.displayName = import_DSChatEmptyStateDefinitions.DSChatEmptyStateName;
+ChatEmptyState.displayName = import_constants.DSChatEmptyStateName;
 const ChatEmptyStateWithSchema = (0, import_ds_props_helpers.describe)(ChatEmptyState);
-ChatEmptyStateWithSchema.propTypes = import_react_desc_prop_types.emptyStateProps;
+ChatEmptyStateWithSchema.propTypes = import_react_desc_prop_types.DSChatEmptyStatePropTypes;
 //# sourceMappingURL=ChatEmptyState.js.map

package/dist/cjs/ChatEmptyState.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ChatEmptyState.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React, { useMemo } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Communications } from '@elliemae/ds-icons';\nimport type { DSChatEmptyStateT } from './react-desc-prop-types.js';\nimport { emptyStateProps, defaultProps } from './react-desc-prop-types.js';\nimport { ChatEmptyStateWrapper, MessageWrapper } from './styled.js';\nimport { DSChatEmptyStateName } from './DSChatEmptyStateDefinitions.js';\n\nconst ChatEmptyState: React.ComponentType<DSChatEmptyStateT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatEmptyStateT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, emptyStateProps, DSChatEmptyStateName);\n\n  const { label, action } = propsWithDefault;\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.displayName = DSChatEmptyStateName;\nconst ChatEmptyStateWithSchema = describe(ChatEmptyState);\nChatEmptyStateWithSchema.propTypes = emptyStateProps as WeakValidationMap<unknown>;\n\nexport { ChatEmptyState, ChatEmptyStateWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiBjB;AAhBN,mBAA+B;AAC/B,8BAAuF;AACvF,qBAAqB;AACrB,sBAA+B;AAE/B,mCAA8C;AAC9C,oBAAsD;AACtD,yCAAqC;AAErC,MAAM,iBAA+D,CAAC,UAAU;AAC9E,QAAM,uBAAmB,sDAA8D,OAAO,yCAAY;AAC1G,8DAA+B,kBAAkB,8CAAiB,uDAAoB;AAEtF,QAAM,EAAE,OAAO,OAAO,IAAI;AAC1B,QAAM,kBAAc;AAAA,IAClB,MACE,6CAAC,uBAAK,YAAW,UAAS,gBAAe,UACvC;AAAA,kDAAC,uBAAK,YAAW,UAAS,gBAAe,UACvC,sDAAC,kCAAe,MAAK,OAAM,OAAO,CAAC,WAAW,KAAK,GAAG,GACxD;AAAA,MACA,4CAAC,uBAAK,YAAW,UAAS,gBAAe,UACvC,sDAAC,gCAAgB,iBAAM,GACzB;AAAA,MACA,4CAAC,uBAAK,YAAW,UAAS,gBAAe,UACtC,kBACH;AAAA,OACF;AAAA,IAEF,CAAC,OAAO,MAAM;AAAA,EAChB;AACA,SACE,4CAAC,uCAAsB,YAAW,UAAS,gBAAe,UACvD,uBACH;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,+BAA2B,kCAAS,cAAc;AACxD,yBAAyB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport { Communications } from '@elliemae/ds-icons';\nimport type { DSChatEmptyStateT } from './react-desc-prop-types.js';\nimport { DSChatEmptyStatePropTypes, defaultProps } from './react-desc-prop-types.js';\nimport {\n  ChatEmptyStateWrapper,\n  Content,\n  IconWrapper,\n  MessageWrapperGrid,\n  MessageWrapper,\n  ActionWrapper,\n} from './styled.js';\nimport { DSChatEmptyStateName } from './constants/index.js';\n\nconst ChatEmptyState: React.ComponentType<DSChatEmptyStateT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatEmptyStateT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSChatEmptyStatePropTypes, DSChatEmptyStateName);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps<DSChatEmptyStateT.Props>(propsWithDefault);\n\n  const { label, action } = propsWithDefault;\n  return (\n    <ChatEmptyStateWrapper\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <Content\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <IconWrapper\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <Communications size=\"xxl\" color={['neutral', '400']} />\n        </IconWrapper>\n        <MessageWrapperGrid\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <MessageWrapper getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n            {label}\n          </MessageWrapper>\n        </MessageWrapperGrid>\n        <ActionWrapper\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {action}\n        </ActionWrapper>\n      </Content>\n    </ChatEmptyStateWrapper>\n  );\n};\n\nChatEmptyState.displayName = DSChatEmptyStateName;\nconst ChatEmptyStateWithSchema = describe(ChatEmptyState);\nChatEmptyStateWithSchema.propTypes = DSChatEmptyStatePropTypes as ValidationMap<unknown>;\n\nexport { ChatEmptyState, ChatEmptyStateWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCjB;AAjCN,8BAMO;AACP,sBAA+B;AAE/B,mCAAwD;AACxD,oBAOO;AACP,uBAAqC;AAErC,MAAM,iBAA+D,CAAC,UAAU;AAC9E,QAAM,uBAAmB,sDAA8D,OAAO,yCAAY;AAC1G,8DAA+B,kBAAkB,wDAA2B,qCAAoB;AAChG,QAAM,EAAE,eAAe,uBAAuB,QAAI,uCAAuC,gBAAgB;AAEzG,QAAM,EAAE,OAAO,OAAO,IAAI;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,gBAAe;AAAA,MACf;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX,gBAAe;AAAA,UACf;AAAA,UACA;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,YAAW;AAAA,gBACX,gBAAe;AAAA,gBACf;AAAA,gBACA;AAAA,gBAEA,sDAAC,kCAAe,MAAK,OAAM,OAAO,CAAC,WAAW,KAAK,GAAG;AAAA;AAAA,YACxD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,YAAW;AAAA,gBACX,gBAAe;AAAA,gBACf;AAAA,gBACA;AAAA,gBAEA,sDAAC,gCAAe,eAA8B,wBAC3C,iBACH;AAAA;AAAA,YACF;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,YAAW;AAAA,gBACX,gBAAe;AAAA,gBACf;AAAA,gBACA;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,+BAA2B,kCAAS,cAAc;AACxD,yBAAyB,YAAY;",
   "names": []
 }

package/dist/cjs/{DSChatEmptyStateDefinitions.js → constants/index.js}

@@ -26,11 +26,25 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DSChatEmptyStateDefinitions_exports = {};
-__export(DSChatEmptyStateDefinitions_exports, {
+var constants_exports = {};
+__export(constants_exports, {
+  CHAT_EMPTY_STATE_DATA_TESTID: () => CHAT_EMPTY_STATE_DATA_TESTID,
+  CHAT_EMPTY_STATE_SLOTS: () => CHAT_EMPTY_STATE_SLOTS,
   DSChatEmptyStateName: () => DSChatEmptyStateName
 });
-module.exports = __toCommonJS(DSChatEmptyStateDefinitions_exports);
+module.exports = __toCommonJS(constants_exports);
 var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
 const DSChatEmptyStateName = "DSChatemptystate";
-//# sourceMappingURL=DSChatEmptyStateDefinitions.js.map
+const CHAT_EMPTY_STATE_SLOTS = {
+  ROOT: "root",
+  CONTENT: "content",
+  ICON_WRAPPER: "icon-wrapper",
+  MESSAGE_WRAPPER: "message-wrapper",
+  MESSAGE: "message",
+  ACTION_WRAPPER: "action-wrapper"
+};
+const CHAT_EMPTY_STATE_DATA_TESTID = {
+  ...(0, import_ds_system.slotObjectToDataTestIds)(DSChatEmptyStateName, CHAT_EMPTY_STATE_SLOTS)
+};
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSChatEmptyStateName = 'DSChatemptystate';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const CHAT_EMPTY_STATE_SLOTS = {\n  ROOT: 'root',\n  CONTENT: 'content',\n  ICON_WRAPPER: 'icon-wrapper',\n  MESSAGE_WRAPPER: 'message-wrapper',\n  MESSAGE: 'message',\n  ACTION_WRAPPER: 'action-wrapper',\n} as const;\n\nexport const CHAT_EMPTY_STATE_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSChatEmptyStateName, CHAT_EMPTY_STATE_SLOTS),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,uBAAuB;AAG7B,MAAM,yBAAyB;AAAA,EACpC,MAAM;AAAA,EACN,SAAS;AAAA,EACT,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,gBAAgB;AAClB;AAEO,MAAM,+BAA+B;AAAA,EAC1C,OAAG,0CAAwB,sBAAsB,sBAAsB;AACzE;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -28,10 +28,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 __export(index_exports, {
+  CHAT_EMPTY_STATE_DATA_TESTID: () => import_constants.CHAT_EMPTY_STATE_DATA_TESTID,
+  CHAT_EMPTY_STATE_SLOTS: () => import_constants.CHAT_EMPTY_STATE_SLOTS,
   ChatEmptyState: () => import_ChatEmptyState.ChatEmptyState,
-  ChatEmptyStateWithSchema: () => import_ChatEmptyState.ChatEmptyStateWithSchema
+  ChatEmptyStateWithSchema: () => import_ChatEmptyState.ChatEmptyStateWithSchema,
+  DSChatEmptyStateName: () => import_constants.DSChatEmptyStateName,
+  DSChatEmptyStatePropTypes: () => import_react_desc_prop_types.DSChatEmptyStatePropTypes,
+  DSChatEmptyStatePropTypesSchema: () => import_react_desc_prop_types.DSChatEmptyStatePropTypesSchema
 });
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
 var import_ChatEmptyState = require("./ChatEmptyState.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_constants = require("./constants/index.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type {} from '@elliemae/ds-props-helpers';\nexport { ChatEmptyState, ChatEmptyStateWithSchema } from './ChatEmptyState.js';\nexport type { DSChatEmptyStateT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,4BAAyD;",
+  "sourcesContent": ["import type {} from '@elliemae/ds-props-helpers';\n\nexport { ChatEmptyState, ChatEmptyStateWithSchema } from './ChatEmptyState.js';\nexport type { DSChatEmptyStateT } from './react-desc-prop-types.js';\nexport { DSChatEmptyStatePropTypes, DSChatEmptyStatePropTypesSchema } from './react-desc-prop-types.js';\nexport { DSChatEmptyStateName, CHAT_EMPTY_STATE_SLOTS, CHAT_EMPTY_STATE_DATA_TESTID } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,4BAAyD;AAEzD,mCAA2E;AAC3E,uBAA2F;",
   "names": []
 }

package/dist/cjs/react-desc-prop-types.js

@@ -28,17 +28,23 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var react_desc_prop_types_exports = {};
 __export(react_desc_prop_types_exports, {
-  defaultProps: () => defaultProps,
-  emptyStateProps: () => emptyStateProps
+  DSChatEmptyStatePropTypes: () => DSChatEmptyStatePropTypes,
+  DSChatEmptyStatePropTypesSchema: () => DSChatEmptyStatePropTypesSchema,
+  defaultProps: () => defaultProps
 });
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("./constants/index.js");
 const defaultProps = {
   label: "No Messages Yet"
 };
-const emptyStateProps = {
+const DSChatEmptyStatePropTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSChatEmptyStateName, import_constants.CHAT_EMPTY_STATE_SLOTS),
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
   label: import_ds_props_helpers.PropTypes.string.description("No Message to show text helper").defaultValue(defaultProps.label),
   action: import_ds_props_helpers.PropTypes.node.description("action element")
 };
+const DSChatEmptyStatePropTypesSchema = DSChatEmptyStatePropTypes;
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatEmptyStateT {\n  export interface DefaultProps {\n    label: string;\n  }\n\n  export interface OptionalProps {\n    action?: JSX.Element;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps {}\n}\n\nexport const defaultProps: DSChatEmptyStateT.DefaultProps = {\n  label: 'No Messages Yet',\n};\n\nexport const emptyStateProps = {\n  label: PropTypes.string.description('No Message to show text helper').defaultValue(defaultProps.label),\n  action: PropTypes.node.description('action element'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAgBnB,MAAM,eAA+C;AAAA,EAC1D,OAAO;AACT;AAEO,MAAM,kBAAkB;AAAA,EAC7B,OAAO,kCAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,aAAa,KAAK;AAAA,EACrG,QAAQ,kCAAU,KAAK,YAAY,gBAAgB;AACrD;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { CHAT_EMPTY_STATE_SLOTS, DSChatEmptyStateName } from './constants/index.js';\n\nexport declare namespace DSChatEmptyStateT {\n  export type SlotFunctionArguments = {\n    dsChatemptystateRoot: () => object;\n    dsChatemptystateContent: () => object;\n    dsChatemptystateIconWrapper: () => object;\n    dsChatemptystateMessageWrapper: () => object;\n    dsChatemptystateMessage: () => object;\n    dsChatemptystateActionWrapper: () => object;\n  };\n\n  export interface DefaultProps {\n    label: string;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSChatEmptyStateName, typeof CHAT_EMPTY_STATE_SLOTS> {\n    action?: JSX.Element;\n  }\n\n  export interface RequiredProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSChatEmptyStateT.DefaultProps = {\n  label: 'No Messages Yet',\n};\n\nexport const DSChatEmptyStatePropTypes: DSPropTypesSchema<DSChatEmptyStateT.Props> = {\n  ...getPropsPerSlotPropTypes(DSChatEmptyStateName, CHAT_EMPTY_STATE_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  label: PropTypes.string.description('No Message to show text helper').defaultValue(defaultProps.label),\n  action: PropTypes.node.description('action element'),\n};\n\nexport const DSChatEmptyStatePropTypesSchema =\n  DSChatEmptyStatePropTypes as unknown as ValidationMap<DSChatEmptyStateT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAKO;AAEP,uBAA6D;AAsCtD,MAAM,eAA+C;AAAA,EAC1D,OAAO;AACT;AAEO,MAAM,4BAAwE;AAAA,EACnF,OAAG,kDAAyB,uCAAsB,uCAAsB;AAAA,EACxE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,aAAa,KAAK;AAAA,EACrG,QAAQ,kCAAU,KAAK,YAAY,gBAAgB;AACrD;AAEO,MAAM,kCACX;",
   "names": []
 }

package/dist/cjs/styled.js

@@ -28,21 +28,48 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styled_exports = {};
 __export(styled_exports, {
+  ActionWrapper: () => ActionWrapper,
   CONTAINER_WIDTH: () => CONTAINER_WIDTH,
   ChatEmptyStateWrapper: () => ChatEmptyStateWrapper,
-  MessageWrapper: () => MessageWrapper
+  Content: () => Content,
+  IconWrapper: () => IconWrapper,
+  MessageWrapper: () => MessageWrapper,
+  MessageWrapperGrid: () => MessageWrapperGrid
 });
 module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
+var import_constants = require("./constants/index.js");
 const CONTAINER_WIDTH = 300;
-const ChatEmptyStateWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+const ChatEmptyStateWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DSChatEmptyStateName,
+  slot: import_constants.CHAT_EMPTY_STATE_SLOTS.ROOT
+})`
   height: 100%;
   overflow: hidden;
 `;
-const MessageWrapper = import_ds_system.styled.p`
+const Content = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DSChatEmptyStateName,
+  slot: import_constants.CHAT_EMPTY_STATE_SLOTS.CONTENT
+})``;
+const IconWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DSChatEmptyStateName,
+  slot: import_constants.CHAT_EMPTY_STATE_SLOTS.ICON_WRAPPER
+})``;
+const MessageWrapperGrid = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DSChatEmptyStateName,
+  slot: import_constants.CHAT_EMPTY_STATE_SLOTS.MESSAGE_WRAPPER
+})``;
+const MessageWrapper = (0, import_ds_system.styled)("p", {
+  name: import_constants.DSChatEmptyStateName,
+  slot: import_constants.CHAT_EMPTY_STATE_SLOTS.MESSAGE
+})`
   font-size: 18px;
   margin-bottom: 0px;
 `;
+const ActionWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DSChatEmptyStateName,
+  slot: import_constants.CHAT_EMPTY_STATE_SLOTS.ACTION_WRAPPER
+})``;
 //# sourceMappingURL=styled.js.map

package/dist/cjs/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const CONTAINER_WIDTH = 300;\n\nexport const ChatEmptyStateWrapper = styled(Grid)`\n  height: 100%;\n  overflow: hidden;\n`;\n\nexport const MessageWrapper = styled.p`\n  font-size: 18px;\n  margin-bottom: 0px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAEd,MAAM,kBAAkB;AAExB,MAAM,4BAAwB,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAKzC,MAAM,iBAAiB,wBAAO;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CHAT_EMPTY_STATE_SLOTS, DSChatEmptyStateName } from './constants/index.js';\n\nexport const CONTAINER_WIDTH = 300;\n\nexport const ChatEmptyStateWrapper = styled(Grid, {\n  name: DSChatEmptyStateName,\n  slot: CHAT_EMPTY_STATE_SLOTS.ROOT,\n})`\n  height: 100%;\n  overflow: hidden;\n`;\n\nexport const Content = styled(Grid, {\n  name: DSChatEmptyStateName,\n  slot: CHAT_EMPTY_STATE_SLOTS.CONTENT,\n})``;\n\nexport const IconWrapper = styled(Grid, {\n  name: DSChatEmptyStateName,\n  slot: CHAT_EMPTY_STATE_SLOTS.ICON_WRAPPER,\n})``;\n\nexport const MessageWrapperGrid = styled(Grid, {\n  name: DSChatEmptyStateName,\n  slot: CHAT_EMPTY_STATE_SLOTS.MESSAGE_WRAPPER,\n})``;\n\nexport const MessageWrapper = styled('p', {\n  name: DSChatEmptyStateName,\n  slot: CHAT_EMPTY_STATE_SLOTS.MESSAGE,\n})`\n  font-size: 18px;\n  margin-bottom: 0px;\n`;\n\nexport const ActionWrapper = styled(Grid, {\n  name: DSChatEmptyStateName,\n  slot: CHAT_EMPTY_STATE_SLOTS.ACTION_WRAPPER,\n})``;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,uBAA6D;AAEtD,MAAM,kBAAkB;AAExB,MAAM,4BAAwB,yBAAO,qBAAM;AAAA,EAChD,MAAM;AAAA,EACN,MAAM,wCAAuB;AAC/B,CAAC;AAAA;AAAA;AAAA;AAKM,MAAM,cAAU,yBAAO,qBAAM;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,wCAAuB;AAC/B,CAAC;AAEM,MAAM,kBAAc,yBAAO,qBAAM;AAAA,EACtC,MAAM;AAAA,EACN,MAAM,wCAAuB;AAC/B,CAAC;AAEM,MAAM,yBAAqB,yBAAO,qBAAM;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,wCAAuB;AAC/B,CAAC;AAEM,MAAM,qBAAiB,yBAAO,KAAK;AAAA,EACxC,MAAM;AAAA,EACN,MAAM,wCAAuB;AAC/B,CAAC;AAAA;AAAA;AAAA;AAKM,MAAM,oBAAgB,yBAAO,qBAAM;AAAA,EACxC,MAAM;AAAA,EACN,MAAM,wCAAuB;AAC/B,CAAC;",
   "names": []
 }

package/dist/cjs/typescript-testing/slot-props.js

@@ -0,0 +1,42 @@
+"use strict";
+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 __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("react"));
+const SlotPropsAsObj = {
+  dsChatemptystateRoot: { "aria-label": "just a typescript test" },
+  dsChatemptystateContent: { "aria-label": "just a typescript test" },
+  dsChatemptystateIconWrapper: { "aria-hidden": true },
+  dsChatemptystateMessageWrapper: { "aria-label": "just a typescript test" },
+  dsChatemptystateMessage: { "aria-label": "just a typescript test" },
+  dsChatemptystateActionWrapper: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsChatemptystateRoot: () => ({ "aria-label": "just a typescript test" }),
+  dsChatemptystateContent: () => ({ "aria-label": "just a typescript test" }),
+  dsChatemptystateIconWrapper: () => ({ "aria-hidden": true }),
+  dsChatemptystateMessageWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsChatemptystateMessage: () => ({ "aria-label": "just a typescript test" }),
+  dsChatemptystateActionWrapper: () => ({ "aria-label": "just a typescript test" })
+};
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/cjs/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { CHAT_EMPTY_STATE_SLOTS, DSChatEmptyStateName } from '../constants/index.js';\nimport type { DSChatEmptyStateT } from '../react-desc-prop-types.js';\n\nconst SlotPropsAsObj: Partial<DSChatEmptyStateT.Props> = {\n  dsChatemptystateRoot: { 'aria-label': 'just a typescript test' },\n  dsChatemptystateContent: { 'aria-label': 'just a typescript test' },\n  dsChatemptystateIconWrapper: { 'aria-hidden': true },\n  dsChatemptystateMessageWrapper: { 'aria-label': 'just a typescript test' },\n  dsChatemptystateMessage: { 'aria-label': 'just a typescript test' },\n  dsChatemptystateActionWrapper: { 'aria-label': 'just a typescript test' },\n};\n\nconst SlotPropsAsFunctions: DSChatEmptyStateT.SlotFunctionArguments = {\n  dsChatemptystateRoot: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatemptystateContent: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatemptystateIconWrapper: () => ({ 'aria-hidden': true }),\n  dsChatemptystateMessageWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatemptystateMessage: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatemptystateActionWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\n// Exhaustiveness check \u2014 fails compilation if a slot is missing from SlotFunctionArguments\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSChatEmptyStateName, typeof CHAT_EMPTY_STATE_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACMvB,MAAM,iBAAmD;AAAA,EACvD,sBAAsB,EAAE,cAAc,yBAAyB;AAAA,EAC/D,yBAAyB,EAAE,cAAc,yBAAyB;AAAA,EAClE,6BAA6B,EAAE,eAAe,KAAK;AAAA,EACnD,gCAAgC,EAAE,cAAc,yBAAyB;AAAA,EACzE,yBAAyB,EAAE,cAAc,yBAAyB;AAAA,EAClE,+BAA+B,EAAE,cAAc,yBAAyB;AAC1E;AAEA,MAAM,uBAAgE;AAAA,EACpE,sBAAsB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACtE,yBAAyB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACzE,6BAA6B,OAAO,EAAE,eAAe,KAAK;AAAA,EAC1D,gCAAgC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAChF,yBAAyB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACzE,+BAA+B,OAAO,EAAE,cAAc,yBAAyB;AACjF;AAGA,MAAM,6CAEF;",
+  "names": []
+}

package/dist/esm/ChatEmptyState.js

@@ -1,29 +1,81 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
-import { Grid } from "@elliemae/ds-grid";
+import {
+  describe,
+  useValidateTypescriptPropTypes,
+  useMemoMergePropsWithDefault,
+  useOwnerProps
+} from "@elliemae/ds-props-helpers";
 import { Communications } from "@elliemae/ds-icons";
-import { emptyStateProps, defaultProps } from "./react-desc-prop-types.js";
-import { ChatEmptyStateWrapper, MessageWrapper } from "./styled.js";
-import { DSChatEmptyStateName } from "./DSChatEmptyStateDefinitions.js";
+import { DSChatEmptyStatePropTypes, defaultProps } from "./react-desc-prop-types.js";
+import {
+  ChatEmptyStateWrapper,
+  Content,
+  IconWrapper,
+  MessageWrapperGrid,
+  MessageWrapper,
+  ActionWrapper
+} from "./styled.js";
+import { DSChatEmptyStateName } from "./constants/index.js";
 const ChatEmptyState = (props) => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefault, emptyStateProps, DSChatEmptyStateName);
+  useValidateTypescriptPropTypes(propsWithDefault, DSChatEmptyStatePropTypes, DSChatEmptyStateName);
+  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(propsWithDefault);
   const { label, action } = propsWithDefault;
-  const MainContent = useMemo(
-    () => /* @__PURE__ */ jsxs(Grid, { alignItems: "center", justifyContent: "center", children: [
-      /* @__PURE__ */ jsx(Grid, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx(Communications, { size: "xxl", color: ["neutral", "400"] }) }),
-      /* @__PURE__ */ jsx(Grid, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx(MessageWrapper, { children: label }) }),
-      /* @__PURE__ */ jsx(Grid, { alignItems: "center", justifyContent: "center", children: action })
-    ] }),
-    [label, action]
+  return /* @__PURE__ */ jsx(
+    ChatEmptyStateWrapper,
+    {
+      alignItems: "center",
+      justifyContent: "center",
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: /* @__PURE__ */ jsxs(
+        Content,
+        {
+          alignItems: "center",
+          justifyContent: "center",
+          getOwnerProps,
+          getOwnerPropsArguments,
+          children: [
+            /* @__PURE__ */ jsx(
+              IconWrapper,
+              {
+                alignItems: "center",
+                justifyContent: "center",
+                getOwnerProps,
+                getOwnerPropsArguments,
+                children: /* @__PURE__ */ jsx(Communications, { size: "xxl", color: ["neutral", "400"] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              MessageWrapperGrid,
+              {
+                alignItems: "center",
+                justifyContent: "center",
+                getOwnerProps,
+                getOwnerPropsArguments,
+                children: /* @__PURE__ */ jsx(MessageWrapper, { getOwnerProps, getOwnerPropsArguments, children: label })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ActionWrapper,
+              {
+                alignItems: "center",
+                justifyContent: "center",
+                getOwnerProps,
+                getOwnerPropsArguments,
+                children: action
+              }
+            )
+          ]
+        }
+      )
+    }
   );
-  return /* @__PURE__ */ jsx(ChatEmptyStateWrapper, { alignItems: "center", justifyContent: "center", children: MainContent });
 };
 ChatEmptyState.displayName = DSChatEmptyStateName;
 const ChatEmptyStateWithSchema = describe(ChatEmptyState);
-ChatEmptyStateWithSchema.propTypes = emptyStateProps;
+ChatEmptyStateWithSchema.propTypes = DSChatEmptyStatePropTypes;
 export {
   ChatEmptyState,
   ChatEmptyStateWithSchema

package/dist/esm/ChatEmptyState.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/ChatEmptyState.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React, { useMemo } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Communications } from '@elliemae/ds-icons';\nimport type { DSChatEmptyStateT } from './react-desc-prop-types.js';\nimport { emptyStateProps, defaultProps } from './react-desc-prop-types.js';\nimport { ChatEmptyStateWrapper, MessageWrapper } from './styled.js';\nimport { DSChatEmptyStateName } from './DSChatEmptyStateDefinitions.js';\n\nconst ChatEmptyState: React.ComponentType<DSChatEmptyStateT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatEmptyStateT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, emptyStateProps, DSChatEmptyStateName);\n\n  const { label, action } = propsWithDefault;\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.displayName = DSChatEmptyStateName;\nconst ChatEmptyStateWithSchema = describe(ChatEmptyState);\nChatEmptyStateWithSchema.propTypes = emptyStateProps as WeakValidationMap<unknown>;\n\nexport { ChatEmptyState, ChatEmptyStateWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACiBjB,SAEI,KAFJ;AAhBN,SAAgB,eAAe;AAC/B,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAE/B,SAAS,iBAAiB,oBAAoB;AAC9C,SAAS,uBAAuB,sBAAsB;AACtD,SAAS,4BAA4B;AAErC,MAAM,iBAA+D,CAAC,UAAU;AAC9E,QAAM,mBAAmB,6BAA8D,OAAO,YAAY;AAC1G,iCAA+B,kBAAkB,iBAAiB,oBAAoB;AAEtF,QAAM,EAAE,OAAO,OAAO,IAAI;AAC1B,QAAM,cAAc;AAAA,IAClB,MACE,qBAAC,QAAK,YAAW,UAAS,gBAAe,UACvC;AAAA,0BAAC,QAAK,YAAW,UAAS,gBAAe,UACvC,8BAAC,kBAAe,MAAK,OAAM,OAAO,CAAC,WAAW,KAAK,GAAG,GACxD;AAAA,MACA,oBAAC,QAAK,YAAW,UAAS,gBAAe,UACvC,8BAAC,kBAAgB,iBAAM,GACzB;AAAA,MACA,oBAAC,QAAK,YAAW,UAAS,gBAAe,UACtC,kBACH;AAAA,OACF;AAAA,IAEF,CAAC,OAAO,MAAM;AAAA,EAChB;AACA,SACE,oBAAC,yBAAsB,YAAW,UAAS,gBAAe,UACvD,uBACH;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport { Communications } from '@elliemae/ds-icons';\nimport type { DSChatEmptyStateT } from './react-desc-prop-types.js';\nimport { DSChatEmptyStatePropTypes, defaultProps } from './react-desc-prop-types.js';\nimport {\n  ChatEmptyStateWrapper,\n  Content,\n  IconWrapper,\n  MessageWrapperGrid,\n  MessageWrapper,\n  ActionWrapper,\n} from './styled.js';\nimport { DSChatEmptyStateName } from './constants/index.js';\n\nconst ChatEmptyState: React.ComponentType<DSChatEmptyStateT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatEmptyStateT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSChatEmptyStatePropTypes, DSChatEmptyStateName);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps<DSChatEmptyStateT.Props>(propsWithDefault);\n\n  const { label, action } = propsWithDefault;\n  return (\n    <ChatEmptyStateWrapper\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <Content\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <IconWrapper\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <Communications size=\"xxl\" color={['neutral', '400']} />\n        </IconWrapper>\n        <MessageWrapperGrid\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <MessageWrapper getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n            {label}\n          </MessageWrapper>\n        </MessageWrapperGrid>\n        <ActionWrapper\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {action}\n        </ActionWrapper>\n      </Content>\n    </ChatEmptyStateWrapper>\n  );\n};\n\nChatEmptyState.displayName = DSChatEmptyStateName;\nconst ChatEmptyStateWithSchema = describe(ChatEmptyState);\nChatEmptyStateWithSchema.propTypes = DSChatEmptyStatePropTypes as ValidationMap<unknown>;\n\nexport { ChatEmptyState, ChatEmptyStateWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACkCjB,SAYI,KAZJ;AAjCN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,sBAAsB;AAE/B,SAAS,2BAA2B,oBAAoB;AACxD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AAErC,MAAM,iBAA+D,CAAC,UAAU;AAC9E,QAAM,mBAAmB,6BAA8D,OAAO,YAAY;AAC1G,iCAA+B,kBAAkB,2BAA2B,oBAAoB;AAChG,QAAM,EAAE,eAAe,uBAAuB,IAAI,cAAuC,gBAAgB;AAEzG,QAAM,EAAE,OAAO,OAAO,IAAI;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,gBAAe;AAAA,MACf;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX,gBAAe;AAAA,UACf;AAAA,UACA;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,YAAW;AAAA,gBACX,gBAAe;AAAA,gBACf;AAAA,gBACA;AAAA,gBAEA,8BAAC,kBAAe,MAAK,OAAM,OAAO,CAAC,WAAW,KAAK,GAAG;AAAA;AAAA,YACxD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,YAAW;AAAA,gBACX,gBAAe;AAAA,gBACf;AAAA,gBACA;AAAA,gBAEA,8BAAC,kBAAe,eAA8B,wBAC3C,iBACH;AAAA;AAAA,YACF;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,YAAW;AAAA,gBACX,gBAAe;AAAA,gBACf;AAAA,gBACA;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;",
   "names": []
 }

package/dist/esm/constants/index.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSChatEmptyStateName = "DSChatemptystate";
+const CHAT_EMPTY_STATE_SLOTS = {
+  ROOT: "root",
+  CONTENT: "content",
+  ICON_WRAPPER: "icon-wrapper",
+  MESSAGE_WRAPPER: "message-wrapper",
+  MESSAGE: "message",
+  ACTION_WRAPPER: "action-wrapper"
+};
+const CHAT_EMPTY_STATE_DATA_TESTID = {
+  ...slotObjectToDataTestIds(DSChatEmptyStateName, CHAT_EMPTY_STATE_SLOTS)
+};
+export {
+  CHAT_EMPTY_STATE_DATA_TESTID,
+  CHAT_EMPTY_STATE_SLOTS,
+  DSChatEmptyStateName
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSChatEmptyStateName = 'DSChatemptystate';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const CHAT_EMPTY_STATE_SLOTS = {\n  ROOT: 'root',\n  CONTENT: 'content',\n  ICON_WRAPPER: 'icon-wrapper',\n  MESSAGE_WRAPPER: 'message-wrapper',\n  MESSAGE: 'message',\n  ACTION_WRAPPER: 'action-wrapper',\n} as const;\n\nexport const CHAT_EMPTY_STATE_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSChatEmptyStateName, CHAT_EMPTY_STATE_SLOTS),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,uBAAuB;AAG7B,MAAM,yBAAyB;AAAA,EACpC,MAAM;AAAA,EACN,SAAS;AAAA,EACT,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,gBAAgB;AAClB;AAEO,MAAM,+BAA+B;AAAA,EAC1C,GAAG,wBAAwB,sBAAsB,sBAAsB;AACzE;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,7 +1,14 @@
 import * as React from "react";
 import { ChatEmptyState, ChatEmptyStateWithSchema } from "./ChatEmptyState.js";
+import { DSChatEmptyStatePropTypes, DSChatEmptyStatePropTypesSchema } from "./react-desc-prop-types.js";
+import { DSChatEmptyStateName, CHAT_EMPTY_STATE_SLOTS, CHAT_EMPTY_STATE_DATA_TESTID } from "./constants/index.js";
 export {
+  CHAT_EMPTY_STATE_DATA_TESTID,
+  CHAT_EMPTY_STATE_SLOTS,
   ChatEmptyState,
-  ChatEmptyStateWithSchema
+  ChatEmptyStateWithSchema,
+  DSChatEmptyStateName,
+  DSChatEmptyStatePropTypes,
+  DSChatEmptyStatePropTypesSchema
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@elliemae/ds-props-helpers';\nexport { ChatEmptyState, ChatEmptyStateWithSchema } from './ChatEmptyState.js';\nexport type { DSChatEmptyStateT } from './react-desc-prop-types.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,gBAAgB,gCAAgC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@elliemae/ds-props-helpers';\n\nexport { ChatEmptyState, ChatEmptyStateWithSchema } from './ChatEmptyState.js';\nexport type { DSChatEmptyStateT } from './react-desc-prop-types.js';\nexport { DSChatEmptyStatePropTypes, DSChatEmptyStatePropTypesSchema } from './react-desc-prop-types.js';\nexport { DSChatEmptyStateName, CHAT_EMPTY_STATE_SLOTS, CHAT_EMPTY_STATE_DATA_TESTID } from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,gBAAgB,gCAAgC;AAEzD,SAAS,2BAA2B,uCAAuC;AAC3E,SAAS,sBAAsB,wBAAwB,oCAAoC;",
   "names": []
 }

package/dist/esm/react-desc-prop-types.js

@@ -1,14 +1,25 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-props-helpers";
+import {
+  PropTypes,
+  getPropsPerSlotPropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-props-helpers";
+import { CHAT_EMPTY_STATE_SLOTS, DSChatEmptyStateName } from "./constants/index.js";
 const defaultProps = {
   label: "No Messages Yet"
 };
-const emptyStateProps = {
+const DSChatEmptyStatePropTypes = {
+  ...getPropsPerSlotPropTypes(DSChatEmptyStateName, CHAT_EMPTY_STATE_SLOTS),
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
   label: PropTypes.string.description("No Message to show text helper").defaultValue(defaultProps.label),
   action: PropTypes.node.description("action element")
 };
+const DSChatEmptyStatePropTypesSchema = DSChatEmptyStatePropTypes;
 export {
-  defaultProps,
-  emptyStateProps
+  DSChatEmptyStatePropTypes,
+  DSChatEmptyStatePropTypesSchema,
+  defaultProps
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatEmptyStateT {\n  export interface DefaultProps {\n    label: string;\n  }\n\n  export interface OptionalProps {\n    action?: JSX.Element;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps {}\n}\n\nexport const defaultProps: DSChatEmptyStateT.DefaultProps = {\n  label: 'No Messages Yet',\n};\n\nexport const emptyStateProps = {\n  label: PropTypes.string.description('No Message to show text helper').defaultValue(defaultProps.label),\n  action: PropTypes.node.description('action element'),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAgBnB,MAAM,eAA+C;AAAA,EAC1D,OAAO;AACT;AAEO,MAAM,kBAAkB;AAAA,EAC7B,OAAO,UAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,aAAa,KAAK;AAAA,EACrG,QAAQ,UAAU,KAAK,YAAY,gBAAgB;AACrD;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { CHAT_EMPTY_STATE_SLOTS, DSChatEmptyStateName } from './constants/index.js';\n\nexport declare namespace DSChatEmptyStateT {\n  export type SlotFunctionArguments = {\n    dsChatemptystateRoot: () => object;\n    dsChatemptystateContent: () => object;\n    dsChatemptystateIconWrapper: () => object;\n    dsChatemptystateMessageWrapper: () => object;\n    dsChatemptystateMessage: () => object;\n    dsChatemptystateActionWrapper: () => object;\n  };\n\n  export interface DefaultProps {\n    label: string;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSChatEmptyStateName, typeof CHAT_EMPTY_STATE_SLOTS> {\n    action?: JSX.Element;\n  }\n\n  export interface RequiredProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSChatEmptyStateT.DefaultProps = {\n  label: 'No Messages Yet',\n};\n\nexport const DSChatEmptyStatePropTypes: DSPropTypesSchema<DSChatEmptyStateT.Props> = {\n  ...getPropsPerSlotPropTypes(DSChatEmptyStateName, CHAT_EMPTY_STATE_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  label: PropTypes.string.description('No Message to show text helper').defaultValue(defaultProps.label),\n  action: PropTypes.node.description('action element'),\n};\n\nexport const DSChatEmptyStatePropTypesSchema =\n  DSChatEmptyStatePropTypes as unknown as ValidationMap<DSChatEmptyStateT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,wBAAwB,4BAA4B;AAsCtD,MAAM,eAA+C;AAAA,EAC1D,OAAO;AACT;AAEO,MAAM,4BAAwE;AAAA,EACnF,GAAG,yBAAyB,sBAAsB,sBAAsB;AAAA,EACxE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,aAAa,KAAK;AAAA,EACrG,QAAQ,UAAU,KAAK,YAAY,gBAAgB;AACrD;AAEO,MAAM,kCACX;",
   "names": []
 }

package/dist/esm/styled.js

@@ -1,18 +1,45 @@
 import * as React from "react";
 import { styled } from "@elliemae/ds-system";
 import { Grid } from "@elliemae/ds-grid";
+import { CHAT_EMPTY_STATE_SLOTS, DSChatEmptyStateName } from "./constants/index.js";
 const CONTAINER_WIDTH = 300;
-const ChatEmptyStateWrapper = styled(Grid)`
+const ChatEmptyStateWrapper = styled(Grid, {
+  name: DSChatEmptyStateName,
+  slot: CHAT_EMPTY_STATE_SLOTS.ROOT
+})`
   height: 100%;
   overflow: hidden;
 `;
-const MessageWrapper = styled.p`
+const Content = styled(Grid, {
+  name: DSChatEmptyStateName,
+  slot: CHAT_EMPTY_STATE_SLOTS.CONTENT
+})``;
+const IconWrapper = styled(Grid, {
+  name: DSChatEmptyStateName,
+  slot: CHAT_EMPTY_STATE_SLOTS.ICON_WRAPPER
+})``;
+const MessageWrapperGrid = styled(Grid, {
+  name: DSChatEmptyStateName,
+  slot: CHAT_EMPTY_STATE_SLOTS.MESSAGE_WRAPPER
+})``;
+const MessageWrapper = styled("p", {
+  name: DSChatEmptyStateName,
+  slot: CHAT_EMPTY_STATE_SLOTS.MESSAGE
+})`
   font-size: 18px;
   margin-bottom: 0px;
 `;
+const ActionWrapper = styled(Grid, {
+  name: DSChatEmptyStateName,
+  slot: CHAT_EMPTY_STATE_SLOTS.ACTION_WRAPPER
+})``;
 export {
+  ActionWrapper,
   CONTAINER_WIDTH,
   ChatEmptyStateWrapper,
-  MessageWrapper
+  Content,
+  IconWrapper,
+  MessageWrapper,
+  MessageWrapperGrid
 };
 //# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const CONTAINER_WIDTH = 300;\n\nexport const ChatEmptyStateWrapper = styled(Grid)`\n  height: 100%;\n  overflow: hidden;\n`;\n\nexport const MessageWrapper = styled.p`\n  font-size: 18px;\n  margin-bottom: 0px;\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAEd,MAAM,kBAAkB;AAExB,MAAM,wBAAwB,OAAO,IAAI;AAAA;AAAA;AAAA;AAKzC,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CHAT_EMPTY_STATE_SLOTS, DSChatEmptyStateName } from './constants/index.js';\n\nexport const CONTAINER_WIDTH = 300;\n\nexport const ChatEmptyStateWrapper = styled(Grid, {\n  name: DSChatEmptyStateName,\n  slot: CHAT_EMPTY_STATE_SLOTS.ROOT,\n})`\n  height: 100%;\n  overflow: hidden;\n`;\n\nexport const Content = styled(Grid, {\n  name: DSChatEmptyStateName,\n  slot: CHAT_EMPTY_STATE_SLOTS.CONTENT,\n})``;\n\nexport const IconWrapper = styled(Grid, {\n  name: DSChatEmptyStateName,\n  slot: CHAT_EMPTY_STATE_SLOTS.ICON_WRAPPER,\n})``;\n\nexport const MessageWrapperGrid = styled(Grid, {\n  name: DSChatEmptyStateName,\n  slot: CHAT_EMPTY_STATE_SLOTS.MESSAGE_WRAPPER,\n})``;\n\nexport const MessageWrapper = styled('p', {\n  name: DSChatEmptyStateName,\n  slot: CHAT_EMPTY_STATE_SLOTS.MESSAGE,\n})`\n  font-size: 18px;\n  margin-bottom: 0px;\n`;\n\nexport const ActionWrapper = styled(Grid, {\n  name: DSChatEmptyStateName,\n  slot: CHAT_EMPTY_STATE_SLOTS.ACTION_WRAPPER,\n})``;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,wBAAwB,4BAA4B;AAEtD,MAAM,kBAAkB;AAExB,MAAM,wBAAwB,OAAO,MAAM;AAAA,EAChD,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;AAAA;AAAA;AAAA;AAKM,MAAM,UAAU,OAAO,MAAM;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;AAEM,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;AAEM,MAAM,qBAAqB,OAAO,MAAM;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;AAEM,MAAM,iBAAiB,OAAO,KAAK;AAAA,EACxC,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;AAAA;AAAA;AAAA;AAKM,MAAM,gBAAgB,OAAO,MAAM;AAAA,EACxC,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;",
   "names": []
 }

package/dist/esm/typescript-testing/slot-props.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+const SlotPropsAsObj = {
+  dsChatemptystateRoot: { "aria-label": "just a typescript test" },
+  dsChatemptystateContent: { "aria-label": "just a typescript test" },
+  dsChatemptystateIconWrapper: { "aria-hidden": true },
+  dsChatemptystateMessageWrapper: { "aria-label": "just a typescript test" },
+  dsChatemptystateMessage: { "aria-label": "just a typescript test" },
+  dsChatemptystateActionWrapper: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsChatemptystateRoot: () => ({ "aria-label": "just a typescript test" }),
+  dsChatemptystateContent: () => ({ "aria-label": "just a typescript test" }),
+  dsChatemptystateIconWrapper: () => ({ "aria-hidden": true }),
+  dsChatemptystateMessageWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsChatemptystateMessage: () => ({ "aria-label": "just a typescript test" }),
+  dsChatemptystateActionWrapper: () => ({ "aria-label": "just a typescript test" })
+};
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/esm/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { CHAT_EMPTY_STATE_SLOTS, DSChatEmptyStateName } from '../constants/index.js';\nimport type { DSChatEmptyStateT } from '../react-desc-prop-types.js';\n\nconst SlotPropsAsObj: Partial<DSChatEmptyStateT.Props> = {\n  dsChatemptystateRoot: { 'aria-label': 'just a typescript test' },\n  dsChatemptystateContent: { 'aria-label': 'just a typescript test' },\n  dsChatemptystateIconWrapper: { 'aria-hidden': true },\n  dsChatemptystateMessageWrapper: { 'aria-label': 'just a typescript test' },\n  dsChatemptystateMessage: { 'aria-label': 'just a typescript test' },\n  dsChatemptystateActionWrapper: { 'aria-label': 'just a typescript test' },\n};\n\nconst SlotPropsAsFunctions: DSChatEmptyStateT.SlotFunctionArguments = {\n  dsChatemptystateRoot: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatemptystateContent: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatemptystateIconWrapper: () => ({ 'aria-hidden': true }),\n  dsChatemptystateMessageWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatemptystateMessage: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatemptystateActionWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\n// Exhaustiveness check \u2014 fails compilation if a slot is missing from SlotFunctionArguments\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSChatEmptyStateName, typeof CHAT_EMPTY_STATE_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACMvB,MAAM,iBAAmD;AAAA,EACvD,sBAAsB,EAAE,cAAc,yBAAyB;AAAA,EAC/D,yBAAyB,EAAE,cAAc,yBAAyB;AAAA,EAClE,6BAA6B,EAAE,eAAe,KAAK;AAAA,EACnD,gCAAgC,EAAE,cAAc,yBAAyB;AAAA,EACzE,yBAAyB,EAAE,cAAc,yBAAyB;AAAA,EAClE,+BAA+B,EAAE,cAAc,yBAAyB;AAC1E;AAEA,MAAM,uBAAgE;AAAA,EACpE,sBAAsB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACtE,yBAAyB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACzE,6BAA6B,OAAO,EAAE,eAAe,KAAK;AAAA,EAC1D,gCAAgC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAChF,yBAAyB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACzE,+BAA+B,OAAO,EAAE,cAAc,yBAAyB;AACjF;AAGA,MAAM,6CAEF;",
+  "names": []
+}

package/dist/types/constants/index.d.ts

@@ -0,0 +1,17 @@
+export declare const DSChatEmptyStateName = "DSChatemptystate";
+export declare const CHAT_EMPTY_STATE_SLOTS: {
+    readonly ROOT: "root";
+    readonly CONTENT: "content";
+    readonly ICON_WRAPPER: "icon-wrapper";
+    readonly MESSAGE_WRAPPER: "message-wrapper";
+    readonly MESSAGE: "message";
+    readonly ACTION_WRAPPER: "action-wrapper";
+};
+export declare const CHAT_EMPTY_STATE_DATA_TESTID: {
+    ROOT: "ds-chatemptystate-root";
+    CONTENT: "ds-chatemptystate-content";
+    ICON_WRAPPER: "ds-chatemptystate-icon-wrapper";
+    MESSAGE_WRAPPER: "ds-chatemptystate-message-wrapper";
+    MESSAGE: "ds-chatemptystate-message";
+    ACTION_WRAPPER: "ds-chatemptystate-action-wrapper";
+};

package/dist/types/index.d.ts

@@ -1,2 +1,4 @@
 export { ChatEmptyState, ChatEmptyStateWithSchema } from './ChatEmptyState.js';
 export type { DSChatEmptyStateT } from './react-desc-prop-types.js';
+export { DSChatEmptyStatePropTypes, DSChatEmptyStatePropTypesSchema } from './react-desc-prop-types.js';
+export { DSChatEmptyStateName, CHAT_EMPTY_STATE_SLOTS, CHAT_EMPTY_STATE_DATA_TESTID } from './constants/index.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -1,17 +1,28 @@
+import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { CHAT_EMPTY_STATE_SLOTS, DSChatEmptyStateName } from './constants/index.js';
 export declare namespace DSChatEmptyStateT {
+    type SlotFunctionArguments = {
+        dsChatemptystateRoot: () => object;
+        dsChatemptystateContent: () => object;
+        dsChatemptystateIconWrapper: () => object;
+        dsChatemptystateMessageWrapper: () => object;
+        dsChatemptystateMessage: () => object;
+        dsChatemptystateActionWrapper: () => object;
+    };
     interface DefaultProps {
         label: string;
     }
-    interface OptionalProps {
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSChatEmptyStateName, typeof CHAT_EMPTY_STATE_SLOTS> {
         action?: JSX.Element;
     }
-    interface Props extends Partial<DefaultProps>, OptionalProps {
+    interface RequiredProps {
     }
-    interface InternalProps extends DefaultProps, OptionalProps {
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>, XstyledProps, RequiredProps {
     }
 }
 export declare const defaultProps: DSChatEmptyStateT.DefaultProps;
-export declare const emptyStateProps: {
-    label: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    action: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-};
+export declare const DSChatEmptyStatePropTypes: DSPropTypesSchema<DSChatEmptyStateT.Props>;
+export declare const DSChatEmptyStatePropTypesSchema: ValidationMap<DSChatEmptyStateT.Props>;

package/dist/types/styled.d.ts

@@ -1,3 +1,7 @@
 export declare const CONTAINER_WIDTH = 300;
 export declare const ChatEmptyStateWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
+export declare const Content: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
+export declare const MessageWrapperGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
 export declare const MessageWrapper: import("styled-components").StyledComponent<"p", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"p">, never>;
+export declare const ActionWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;

package/dist/types/tests/DSChatEmptyState.a11y.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/DSChatEmptyState.api.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/DSChatEmptyState.data-testid.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/DSChatEmptyState.exports.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/DSChatEmptyState.get-owner-props-arguments.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/DSChatEmptyState.proptype-schema.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/typescript-testing/slot-props.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat-empty-state",
-  "version": "3.70.0-next.3",
+  "version": "3.70.0-next.31",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Chat Empty State",
   "files": [
@@ -36,18 +36,18 @@
     "typeSafety": true
   },
   "dependencies": {
-    "@elliemae/ds-grid": "3.70.0-next.3",
-    "@elliemae/ds-props-helpers": "3.70.0-next.3",
-    "@elliemae/ds-icons": "3.70.0-next.3",
-    "@elliemae/ds-system": "3.70.0-next.3"
+    "@elliemae/ds-grid": "3.70.0-next.31",
+    "@elliemae/ds-system": "3.70.0-next.31",
+    "@elliemae/ds-icons": "3.70.0-next.31",
+    "@elliemae/ds-props-helpers": "3.70.0-next.31"
   },
   "devDependencies": {
     "jest": "^30.0.0",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.70.0-next.3"
+    "@elliemae/ds-monorepo-devops": "3.70.0-next.31"
   },
   "peerDependencies": {
-    "lodash-es": "^4.17.21",
+    "lodash-es": "^4.18.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "styled-components": "~5.3.9"

package/dist/cjs/DSChatEmptyStateDefinitions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSChatEmptyStateDefinitions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const DSChatEmptyStateName = 'DSChatemptystate';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,uBAAuB;",
-  "names": []
-}

package/dist/esm/DSChatEmptyStateDefinitions.js

@@ -1,6 +0,0 @@
-import * as React from "react";
-const DSChatEmptyStateName = "DSChatemptystate";
-export {
-  DSChatEmptyStateName
-};
-//# sourceMappingURL=DSChatEmptyStateDefinitions.js.map

package/dist/esm/DSChatEmptyStateDefinitions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSChatEmptyStateDefinitions.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSChatEmptyStateName = 'DSChatemptystate';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,uBAAuB;",
-  "names": []
-}

package/dist/types/DSChatEmptyStateDefinitions.d.ts

@@ -1 +0,0 @@
-export declare const DSChatEmptyStateName = "DSChatemptystate";