@elliemae/ds-chat 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/parts/chat-card/props.js

@@ -1,41 +1,14 @@
-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, {
-  propTypes: () => propTypes
-});
-var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
 const propTypes = {
-  title: import_react_desc.PropTypes.string.isRequired.description(`Card's title`),
-  content: import_react_desc.PropTypes.string.description(`Card's content`),
-  time: import_react_desc.PropTypes.string.description("Time"),
-  rightAddon: import_react_desc.PropTypes.element.description("Right addon, badge or icon")
+  title: reactDesc.PropTypes.string.isRequired.description("Card's title"),
+  content: reactDesc.PropTypes.string.description("Card's content"),
+  time: reactDesc.PropTypes.string.description('Time'),
+  rightAddon: reactDesc.PropTypes.element.description('Right addon, badge or icon')
 };
-module.exports = __toCommonJS(props_exports);
-//# sourceMappingURL=props.js.map
+
+exports.propTypes = propTypes;

package/cjs/parts/chat-card/styled.js

@@ -1,71 +1,36 @@
-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, {
-  Content: () => Content,
-  MainContent: () => MainContent,
-  RightAddon: () => RightAddon,
-  Time: () => Time,
-  Title: () => Title,
-  Wrapper: () => Wrapper
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-const Wrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  min-width: 248px;
-  border: 1px;
-  border-bottom: 1px solid #ccc;
-  padding: 12px 12px;
-`;
-const MainContent = import_styled_components.default.div``;
-const Title = import_styled_components.default.p`
-  font-size: 16px;
-  font-weight: 600;
-  margin: 0;
-`;
-const Content = import_styled_components.default.p`
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 1;
-  margin: 0;
-`;
-const Time = import_styled_components.default.p`
-  font-size: 12px;
-  font-weight: 100;
-  margin: 0;
-  margin-top: 8px;
-  font-weight: ${(props) => props.theme.fontWeights.regular};
-  color: ${(props) => props.theme.colors.neutral["500"]};
-`;
-const RightAddon = import_styled_components.default.div`
-  height: fit-content;
-  margin-left: 12px;
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var dsGrid = require('@elliemae/ds-grid');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const Wrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-s0g4hn-0"
+})(["min-width:248px;border:1px;border-bottom:1px solid #ccc;padding:12px 12px;"]);
+const MainContent = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-s0g4hn-1"
+})([""]);
+const Title = /*#__PURE__*/styled__default["default"].p.withConfig({
+  componentId: "sc-s0g4hn-2"
+})(["font-size:16px;font-weight:600;margin:0;"]);
+const Content = /*#__PURE__*/styled__default["default"].p.withConfig({
+  componentId: "sc-s0g4hn-3"
+})(["font-size:12px;font-weight:400;line-height:1;margin:0;"]);
+const Time = /*#__PURE__*/styled__default["default"].p.withConfig({
+  componentId: "sc-s0g4hn-4"
+})(["font-size:12px;font-weight:100;margin:0;margin-top:8px;font-weight:", ";color:", ";"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['500']);
+const RightAddon = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-s0g4hn-5"
+})(["height:fit-content;margin-left:12px;"]);
+
+exports.Content = Content;
+exports.MainContent = MainContent;
+exports.RightAddon = RightAddon;
+exports.Time = Time;
+exports.Title = Title;
+exports.Wrapper = Wrapper;

package/cjs/parts/chat-composer/ChatContainerComposer.js

@@ -1,45 +1,41 @@
-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 ChatContainerComposer_exports = {};
-__export(ChatContainerComposer_exports, {
-  ChatComposer: () => ChatComposer,
-  ChatComposerWithSchema: () => ChatComposerWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_styled = __toESM(require("./styled"));
-var import_useValidateProps = __toESM(require("./config/useValidateProps"));
-var import_props = __toESM(require("./props"));
-const ChatComposer = (props) => {
-  (0, import_useValidateProps.useValidateProps)(props, ChatComposerWithSchema.toJSON());
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.url.to-json.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var dsGrid = require('@elliemae/ds-grid');
+var reactDesc = require('react-desc');
+var dsIcons = require('@elliemae/ds-icons');
+var styled = require('./styled.js');
+var useValidateProps = require('./config/useValidateProps.js');
+var props = require('./props.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _PaperAirplane, _Grid;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const ChatComposer = props => {
+  var _input$current;
+
+  useValidateProps.useValidateProps(props, ChatComposerWithSchema.toJSON());
   const {
     inputValue,
     onChange,
@@ -57,101 +53,111 @@ const ChatComposer = (props) => {
     actionRef
   } = props;
   const COMPOSER_MIN_HEIGHT = 32;
-  const input = import_react.default.useRef();
-  const inputSize = import_react.default.useRef();
-  const inputSend = import_react.default.useRef();
-  const [height, setHeight] = import_react.default.useState(32);
-  const internalMaxHeight = import_react.default.useMemo(() => maxHeight - 24, [maxHeight]);
-  const [showScroll, setShowScroll] = import_react.default.useState(true);
-  import_react.default.useEffect(() => {
-    const newHeight = inputSize.current?.scrollHeight > internalMaxHeight ? internalMaxHeight : inputSize.current?.scrollHeight;
-    if (newHeight !== height && newHeight > COMPOSER_MIN_HEIGHT)
-      onResize(newHeight);
+  const input = React__default["default"].useRef();
+  const inputSize = React__default["default"].useRef();
+  const inputSend = React__default["default"].useRef();
+  const [height, setHeight] = React__default["default"].useState(32);
+  const internalMaxHeight = React__default["default"].useMemo(() => maxHeight - 24, [maxHeight]);
+  const [showScroll, setShowScroll] = React__default["default"].useState(true);
+  React__default["default"].useEffect(() => {
+    var _inputSize$current, _inputSize$current2, _inputSize$current3, _inputSize$current4;
+
+    const newHeight = ((_inputSize$current = inputSize.current) === null || _inputSize$current === void 0 ? void 0 : _inputSize$current.scrollHeight) > internalMaxHeight ? internalMaxHeight : (_inputSize$current2 = inputSize.current) === null || _inputSize$current2 === void 0 ? void 0 : _inputSize$current2.scrollHeight;
+    if (newHeight !== height && newHeight > COMPOSER_MIN_HEIGHT) onResize(newHeight);
     setHeight(newHeight);
-    setShowScroll(inputSize.current?.scrollHeight - inputSize.current?.clientHeight > 5);
+    setShowScroll(((_inputSize$current3 = inputSize.current) === null || _inputSize$current3 === void 0 ? void 0 : _inputSize$current3.scrollHeight) - ((_inputSize$current4 = inputSize.current) === null || _inputSize$current4 === void 0 ? void 0 : _inputSize$current4.clientHeight) > 5);
   }, [inputValue, internalMaxHeight, height, onResize]);
-  import_react.default.useEffect(() => {
+  React__default["default"].useEffect(() => {
     if (actionRef && actionRef.current) {
       actionRef.current.focusToComposer = () => {
         input.current.focus();
       };
+
       actionRef.current.focusToSend = () => {
         inputSend.current.focus();
       };
     }
   }, [actionRef]);
-  const handleChange = import_react.default.useCallback((e) => {
+  const handleChange = React__default["default"].useCallback(e => {
     onChange(e.target.value);
   }, [onChange]);
-  const heightProps = { height, overflow: showScroll ? "auto" : "hidden" };
-  const inputLength = String(inputValue || "").length;
-  const hasError = import_react.default.useMemo(() => inputLength > inputMaxLength, [inputLength, inputMaxLength]);
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainerContentComposer, {
-    rows: ["auto", "15px"],
-    maxHeight: `${maxHeight}px`,
+  const heightProps = {
+    height,
+    overflow: showScroll ? 'auto' : 'hidden'
+  };
+  const inputLength = String(inputValue || '').length;
+  const hasError = React__default["default"].useMemo(() => inputLength > inputMaxLength, [inputLength, inputMaxLength]);
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledChatContainerContentComposer, {
+    rows: ['auto', '15px'],
+    maxHeight: "".concat(maxHeight, "px"),
     "data-testid": dataTestid
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: ["1fr", "24px"],
-    style: { height: heightProps.height },
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+    cols: ['1fr', '24px'],
+    style: {
+      height: heightProps.height
+    },
     justifyContent: "center",
     alignItems: "flex-end",
     gutter: "xxs"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledComposerInput, {
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.StyledComposerInput, {
     ref: input,
     onChange: handleChange,
-    style: { ...heightProps },
+    style: _objectSpread({}, heightProps),
     value: inputValue,
-    onFocus,
-    onBlur,
-    onKeyDown,
-    placeholder,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onKeyDown: onKeyDown,
+    placeholder: placeholder,
     "aria-label": "Message to send",
     "data-testid": "chat-composer-textarea",
     name: "chat-composer-textarea",
     id: "chat-composer-textarea"
-  }), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  }), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: "32px",
     alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledComposerButton, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledComposerButton, {
     buttonType: "text",
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.PaperAirplane, {
+    icon: _PaperAirplane || (_PaperAirplane = /*#__PURE__*/_jsx__default["default"](dsIcons.PaperAirplane, {
       width: 18,
       height: 18
-    }),
+    })),
     onClick: onSend,
     size: "s",
     disabled: !inputValue || buttonDisabled || hasError,
     "data-testid": "chat-composer-send-button",
     "aria-label": "Send",
     innerRef: inputSend
-  }))), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledComposerInput, {
+  }))), /*#__PURE__*/jsxRuntime.jsx(styled.StyledComposerInput, {
     ref: inputSize,
     style: {
       height: 32,
-      visibility: "hidden",
-      pointerEvents: "none",
-      position: "absolute",
+      visibility: 'hidden',
+      pointerEvents: 'none',
+      position: 'absolute',
       top: 0,
-      width: input.current?.clientWidth
+      width: (_input$current = input.current) === null || _input$current === void 0 ? void 0 : _input$current.clientWidth
     },
     onChange: handleChange,
     value: inputValue
-  }), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: ["1fr", "24px"],
+  }), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+    cols: ['1fr', '24px'],
     justifyContent: "flex-end",
     alignItems: "center",
     gutter: "xxs",
     pb: "xxs"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledCounterArea, {
-    hasError,
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledCounterArea, {
+    hasError: hasError,
     "data-testid": "composer-counter-area"
-  }, inputMaxLength && hasError ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledCounterErrorA11y, {
-    role: "alert"
-  }, maxLengthMessage || `You have entered ${inputLength} characters and have exceeded the limit by ${inputLength - inputMaxLength}. Please limit to less than ${inputMaxLength} characters. `), maxLengthMessage || `Please limit to less than ${inputMaxLength} characters. `) : "", inputMaxLength && !maxLengthMessage ? ` ${inputLength} / ${inputMaxLength}` : ""), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null)));
+  }, void 0, inputMaxLength && hasError ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/_jsx__default["default"](styled.StyledCounterErrorA11y, {
+      role: "alert"
+    }, void 0, maxLengthMessage || "You have entered ".concat(inputLength, " characters and have exceeded the limit by ").concat(inputLength - inputMaxLength, ". Please limit to less than ").concat(inputMaxLength, " characters. ")), maxLengthMessage || "Please limit to less than ".concat(inputMaxLength, " characters. ")]
+  }) : '', inputMaxLength && !maxLengthMessage ? " ".concat(inputLength, " / ").concat(inputMaxLength) : ''), _Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}))));
 };
-ChatComposer.propTypes = import_props.composerProps;
-ChatComposer.defaultProps = import_props.defaultComposerPros;
-const ChatComposerWithSchema = (0, import_react_desc.describe)(ChatComposer);
-ChatComposerWithSchema.propTypes = import_props.composerProps;
-module.exports = __toCommonJS(ChatContainerComposer_exports);
-//# sourceMappingURL=ChatContainerComposer.js.map
+
+ChatComposer.defaultProps = props.defaultComposerPros;
+const ChatComposerWithSchema = reactDesc.describe(ChatComposer);
+ChatComposerWithSchema.propTypes = props.composerProps;
+
+exports.ChatComposer = ChatComposer;
+exports.ChatComposerWithSchema = ChatComposerWithSchema;

package/cjs/parts/chat-composer/config/useValidateProps.js

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

package/cjs/parts/chat-composer/index.js

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

package/cjs/parts/chat-composer/props.js

@@ -1,79 +1,42 @@
-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, {
-  composerProps: () => composerProps,
-  defaultComposerPros: () => defaultComposerPros
-});
-var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_lodash = __toESM(require("lodash"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+var lodash = require('lodash');
+
 const defaultComposerPros = {
-  placeholder: "Type your message",
-  inputValue: "",
-  onChange: import_lodash.noop,
-  onResize: import_lodash.noop,
-  onSend: import_lodash.noop,
-  onFocus: import_lodash.noop,
-  onBlur: import_lodash.noop,
-  onKeyDown: import_lodash.noop,
+  placeholder: 'Type your message',
+  inputValue: '',
+  onChange: lodash.noop,
+  onResize: lodash.noop,
+  onSend: lodash.noop,
+  onFocus: lodash.noop,
+  onBlur: lodash.noop,
+  onKeyDown: lodash.noop,
   maxHeight: 0,
-  inputMaxLength: void 0,
-  maxLengthMessage: void 0,
+  inputMaxLength: undefined,
+  maxLengthMessage: undefined,
   buttonDisabled: false,
-  dataTestid: "ds-chat-composer",
-  actionRef: import_lodash.noop
+  dataTestid: 'ds-chat-composer',
+  actionRef: lodash.noop
 };
 const composerProps = {
-  placeholder: import_react_desc.PropTypes.string.description("Input Placeholder").defaultValue(defaultComposerPros.placeholder),
-  inputValue: import_react_desc.PropTypes.string.description("Input value").defaultValue(defaultComposerPros.inputValue),
-  maxLengthMessage: import_react_desc.PropTypes.string.description("Max length message").defaultValue(defaultComposerPros.maxLengthMessage),
-  onChange: import_react_desc.PropTypes.func.description("Called when the user types").defaultValue(defaultComposerPros.onChange),
-  onResize: import_react_desc.PropTypes.func.description("Called the input changes his height").defaultValue(defaultComposerPros.onResize),
-  onSend: import_react_desc.PropTypes.func.description("Called when the click send").defaultValue(defaultComposerPros.onSend),
-  onFocus: import_react_desc.PropTypes.func.description("Input focus").defaultValue(defaultComposerPros.onFocus),
-  onBlur: import_react_desc.PropTypes.func.description("Input blur").defaultValue(defaultComposerPros.onBlur),
-  onKeyDown: import_react_desc.PropTypes.func.description("Input on key down").defaultValue(defaultComposerPros.onKeyDown),
-  maxHeight: import_react_desc.PropTypes.number.description("Max height of the composer. Use 0 for no limit").defaultValue(defaultComposerPros.onBlur),
-  inputMaxLength: import_react_desc.PropTypes.number.description("Max length of the composer. `undefined` for no limit").defaultValue(defaultComposerPros.inputMaxLength),
-  buttonDisabled: import_react_desc.PropTypes.bool.description("Control the disabled for the send button").defaultValue(defaultComposerPros.buttonDisabled),
-  dataTestid: import_react_desc.PropTypes.string.description("Data testid").defaultValue(defaultComposerPros.placeholder),
-  actionRef: import_react_desc.PropTypes.object.description(`Reference: 
-        { 
-          scrollToIndex: (n: number) => void,
-          getMessagesInView: () => number[],
-          focusToIndex: (n: number) => void,
-          focusToList: () => void,
-          focusToComposer: () => void,
-          focusToSend: () => void,
-        }
-        
-      `).defaultValue(defaultComposerPros.actionRef)
+  placeholder: reactDesc.PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),
+  inputValue: reactDesc.PropTypes.string.description('Input value').defaultValue(defaultComposerPros.inputValue),
+  maxLengthMessage: reactDesc.PropTypes.string.description('Max length message').defaultValue(defaultComposerPros.maxLengthMessage),
+  onChange: reactDesc.PropTypes.func.description('Called when the user types').defaultValue(defaultComposerPros.onChange),
+  onResize: reactDesc.PropTypes.func.description('Called the input changes his height').defaultValue(defaultComposerPros.onResize),
+  onSend: reactDesc.PropTypes.func.description('Called when the click send').defaultValue(defaultComposerPros.onSend),
+  onFocus: reactDesc.PropTypes.func.description('Input focus').defaultValue(defaultComposerPros.onFocus),
+  onBlur: reactDesc.PropTypes.func.description('Input blur').defaultValue(defaultComposerPros.onBlur),
+  onKeyDown: reactDesc.PropTypes.func.description('Input on key down').defaultValue(defaultComposerPros.onKeyDown),
+  maxHeight: reactDesc.PropTypes.number.description('Max height of the composer. Use 0 for no limit').defaultValue(defaultComposerPros.onBlur),
+  inputMaxLength: reactDesc.PropTypes.number.description('Max length of the composer. `undefined` for no limit').defaultValue(defaultComposerPros.inputMaxLength),
+  buttonDisabled: reactDesc.PropTypes.bool.description('Control the disabled for the send button').defaultValue(defaultComposerPros.buttonDisabled),
+  dataTestid: reactDesc.PropTypes.string.description('Data testid').defaultValue(defaultComposerPros.placeholder),
+  actionRef: reactDesc.PropTypes.object.description("Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n          focusToIndex: (n: number) => void,\n          focusToList: () => void,\n          focusToComposer: () => void,\n          focusToSend: () => void,\n        }\n        \n      ").defaultValue(defaultComposerPros.actionRef)
 };
-module.exports = __toCommonJS(props_exports);
-//# sourceMappingURL=props.js.map
+
+exports.composerProps = composerProps;
+exports.defaultComposerPros = defaultComposerPros;