@pingux/astro 2.113.0-alpha.1 → 2.113.0

package/lib/cjs/components/AIComponents/Response/Response.js

@@ -23,22 +23,23 @@ var Response = function Response(props) {
     containerProps = props.containerProps,
     iconProps = props.iconProps,
     iconWrapperProps = props.iconWrapperProps,
-    _props$delay = props.delay,
-    delay = _props$delay === void 0 ? 10 : _props$delay;
+    delay = props.delay;
   var _useState = (0, _react.useState)(0),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     index = _useState2[0],
     setIndex = _useState2[1];
+  var responseChildren = _react.Children.toArray(children);
   return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
     isRow: true,
     gap: "md"
   }, containerProps), (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({}, iconWrapperProps, {
     variant: "response.iconWrapper"
   }), (0, _react2.jsx)(_index.Icon, (0, _extends2["default"])({
-    icon: _AutoAwesomeOutlineIcon["default"]
+    icon: _AutoAwesomeOutlineIcon["default"],
+    color: "text.primary"
   }, iconProps))), (0, _react2.jsx)(_index.Box, {
     gap: "md"
-  }, (0, _map["default"])(_react.Children).call(_react.Children, children, function (child, i) {
+  }, (0, _map["default"])(_react.Children).call(_react.Children, responseChildren, function (child, i) {
     return (0, _react2.jsx)(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].cloneElement(child, {
       shouldStartAnimation: index === i,
       setAnimationIndex: setIndex,

package/lib/cjs/components/AIComponents/Response/Response.stories.d.ts

@@ -5,3 +5,4 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: (args: any) => React.JSX.Element;
+export declare const MarkdownStory: () => React.JSX.Element;

package/lib/cjs/components/AIComponents/Response/Response.stories.js

@@ -5,8 +5,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+exports["default"] = exports.MarkdownStory = exports.Default = void 0;
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _react = _interopRequireDefault(require("react"));
 var _ContentCopyIcon = _interopRequireDefault(require("@pingux/mdi-react/ContentCopyIcon"));
@@ -14,7 +13,7 @@ var _TextIcon = _interopRequireDefault(require("@pingux/mdi-react/TextIcon"));
 var _ThumbDownOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/ThumbDownOutlineIcon"));
 var _ThumbUpOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/ThumbUpOutlineIcon"));
 var _VolumeHighIcon = _interopRequireDefault(require("@pingux/mdi-react/VolumeHighIcon"));
-var _ = require("../../..");
+var _ResponseMarkdown = _interopRequireDefault(require("./ResponseMarkdown/ResponseMarkdown"));
 var _Response = _interopRequireDefault(require("./Response"));
 var _ResponseAttachment = _interopRequireDefault(require("./ResponseAttachment"));
 var _ResponseList = _interopRequireDefault(require("./ResponseList"));
@@ -45,10 +44,8 @@ var Default = function Default(args) {
     title: 'Rephrase Answer',
     icon: _TextIcon["default"]
   }];
-  var delay = 20;
-  return (0, _react2.jsx)(_.AstroWrapper, (0, _extends2["default"])({}, args, {
-    themeOverrides: [_.NextGenTheme]
-  }), (0, _react2.jsx)(_Response["default"], {
+  var delay = 40;
+  return (0, _react2.jsx)(_Response["default"], {
     delay: delay
   }, (0, _react2.jsx)(_ResponseText["default"], {
     text: testText
@@ -59,12 +56,6 @@ var Default = function Default(args) {
   }), (0, _react2.jsx)(_ResponseText["default"], {
     text: testText
   }), (0, _react2.jsx)(_ResponseList["default"], null, (0, _react2.jsx)(_ResponseText["default"], {
-    as: "h5",
-    sx: {
-      fontWeight: 2
-    },
-    text: "heading"
-  }), (0, _react2.jsx)(_ResponseText["default"], {
     as: "li",
     text: "list item 1"
   }), (0, _react2.jsx)(_ResponseText["default"], {
@@ -77,6 +68,26 @@ var Default = function Default(args) {
     text: "follow up text"
   }), (0, _react2.jsx)(_ResponseToolbar["default"], null, (0, _map["default"])(icons).call(icons, function (icon) {
     return (0, _react2.jsx)(_ResponseToolbarIcon["default"], icon);
-  }))));
+  })));
+};
+
+// eslint-disable-next-line no-useless-escape
+exports.Default = Default;
+var nestedMarkdown = 'The recent login activity shows successful authentication attempts for the user \"bbludis476@gmail.com\" using the \"BXRetail App\". There were no failed authentication attempts recorded. Here are the details of the successful attempts:\n\n1. **Timestamp:** 2025-02-13T09:25:55.946Z\n   - **User:** bbludis476@gmail.com\n   - **Action:** User Access Allowed\n   - **Status:** SUCCESS\n\n2. **Timestamp:** 2025-02-13T09:25:52.377Z\n   - **User:** bbludis476@gmail.com\n   - **Action:** User Access Allowed\n   - **Status:** SUCCESS';
+var italics = '*Italics* bbludis476@gmail.com';
+var MarkdownStory = function MarkdownStory() {
+  return (0, _react2.jsx)(_Response["default"], {
+    delay: 20
+  }, (0, _react2.jsx)(_ResponseText["default"], {
+    text: "Beginning response text"
+  }), (0, _react2.jsx)(_ResponseMarkdown["default"], {
+    str: nestedMarkdown
+  }), (0, _react2.jsx)(_ResponseText["default"], {
+    text: "Follow up response text "
+  }), (0, _react2.jsx)(_ResponseMarkdown["default"], {
+    str: italics
+  }), (0, _react2.jsx)(_ResponseText["default"], {
+    text: "Final response text "
+  }));
 };
-exports.Default = Default;
+exports.MarkdownStory = MarkdownStory;

package/lib/cjs/components/AIComponents/Response/ResponseList.js

@@ -10,13 +10,11 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("../../../hooks");
 var _index = require("../../../index");
 var _react2 = require("@emotion/react");
-var _excluded = ["children", "parentIndex", "setAnimationIndex", "shouldStartAnimation", "delay"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var ResponseList = function ResponseList(props) {
@@ -29,9 +27,9 @@ var ResponseList = function ResponseList(props) {
     setAnimationIndex = props.setAnimationIndex,
     shouldStartAnimation = props.shouldStartAnimation,
     delay = props.delay,
-    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    asProp = props.as;
   (0, _react.useEffect)(function () {
-    if (children && setAnimationIndex && index === children.length && parentIndex) {
+    if (children && setAnimationIndex && index === children.length && parentIndex !== undefined) {
       setAnimationIndex(parentIndex + 1);
     }
   }, [index]);
@@ -40,27 +38,31 @@ var ResponseList = function ResponseList(props) {
       setIndex(0);
     }
   }, [shouldStartAnimation]);
-  return (0, _react2.jsx)(_index.Box, others, (0, _react2.jsx)(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].cloneElement(children[0], {
-    shouldStartAnimation: index === 0,
-    setAnimationIndex: setIndex,
-    animationIndex: 0,
-    delay: delay
-  })), (0, _react2.jsx)(_index.Box, {
-    as: "ul",
+  var isNumeric = asProp === 'ol';
+  var _useStatusClasses = (0, _hooks.useStatusClasses)('', {
+      isNumeric: isNumeric
+    }),
+    classNames = _useStatusClasses.classNames;
+  return (0, _react2.jsx)(_index.Box, {
+    as: asProp,
+    variant: "response.list",
+    className: classNames,
     sx: {
       pl: 'md',
       listStyleType: 'disc',
       listStylePosition: 'inside'
     }
-  }, (0, _map["default"])(_react.Children).call(_react.Children, (0, _slice["default"])(children).call(children, 1, children.length), function (child, i) {
+  }, (0, _map["default"])(_react.Children).call(_react.Children, children, function (child, i) {
     return /*#__PURE__*/_react["default"].cloneElement(child, {
-      shouldStartAnimation: index === i + 1,
+      shouldStartAnimation: index === i,
       setAnimationIndex: setIndex,
-      animationIndex: i + 1,
+      animationIndex: i,
       delay: delay,
-      isListItem: true
+      isListItem: /*#__PURE__*/_react["default"].isValidElement(child) && child.props.as && child.props.as !== 'p',
+      parentIndex: index,
+      as: 'li'
     });
-  })));
+  }));
 };
 var _default = ResponseList;
 exports["default"] = _default;

package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownContainer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MarkdownContainerProps } from '../../../../types/response';
+declare const MarkdownContainer: (props: MarkdownContainerProps) => React.JSX.Element;
+export default MarkdownContainer;

package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownContainer.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _react = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("../../../Box"));
+var _MarkdownTextWrapper = _interopRequireDefault(require("./MarkdownTextWrapper"));
+var _ResponseMarkdown = require("./ResponseMarkdown");
+var _react2 = require("@emotion/react");
+var _excluded = ["children"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var blockElements = ['div', 'ul', 'ol'];
+var checkContainsBlocks = function checkContainsBlocks(containerChildren) {
+  for (var i = 0; i < containerChildren.length; i += 1) {
+    var _containerChildren$i;
+    if ((0, _includes["default"])(blockElements).call(blockElements, (_containerChildren$i = containerChildren[i]) === null || _containerChildren$i === void 0 || (_containerChildren$i = _containerChildren$i.props) === null || _containerChildren$i === void 0 ? void 0 : _containerChildren$i.as)) {
+      return true;
+    }
+  }
+  return false;
+};
+var MarkdownContainer = function MarkdownContainer(props) {
+  var children = props.children,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var _useContext = (0, _react.useContext)(_ResponseMarkdown.ResponseMarkdownContext),
+    setAnimationIndex = _useContext.setAnimationIndex,
+    stateIndex = _useContext.stateIndex,
+    delay = _useContext.delay;
+  var containerChildren = _react.Children.toArray(children);
+  var containsBlocks = checkContainsBlocks(containerChildren);
+  if (containsBlocks) {
+    return (0, _react2.jsx)(_Box["default"], others, (0, _map["default"])(_react.Children).call(_react.Children, containerChildren, function (child, i) {
+      return /*#__PURE__*/_react["default"].cloneElement(child, {
+        animationIndex: i,
+        isTopLevel: true,
+        isListItem: false,
+        parentIndex: stateIndex,
+        stateIndex: stateIndex
+      });
+    }));
+  }
+  return (0, _react2.jsx)(_Box["default"], others, (0, _react2.jsx)(_MarkdownTextWrapper["default"], {
+    animationIndex: 0,
+    isTopLevel: true,
+    delay: delay,
+    setAnimationIndex: setAnimationIndex,
+    parentIndex: stateIndex,
+    stateIndex: stateIndex,
+    isListItem: false
+  }, containerChildren));
+};
+var _default = MarkdownContainer;
+exports["default"] = _default;

package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownListWrapper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MarkdownListWrapperProps } from '../../../../types/response';
+declare const MarkdownListWrapper: (props: MarkdownListWrapperProps) => React.JSX.Element;
+export default MarkdownListWrapper;

package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownListWrapper.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _useTypeAnimationWrapper = _interopRequireDefault(require("../../../../hooks/useTypeAnimationWrapper/useTypeAnimationWrapper"));
+var _ResponseList = _interopRequireDefault(require("../ResponseList"));
+var _react2 = require("@emotion/react");
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var MarkdownListWrapper = function MarkdownListWrapper(props) {
+  var isTopLevel = props.isTopLevel,
+    stateIndex = props.stateIndex,
+    parentIndex = props.parentIndex,
+    children = props.children;
+  var _useTypeAnimationWrap = (0, _useTypeAnimationWrapper["default"])(_objectSpread({}, props)),
+    shouldStart = _useTypeAnimationWrap.shouldStart;
+  return (0, _react2.jsx)(_ResponseList["default"], (0, _extends2["default"])({}, props, {
+    parentIndex: isTopLevel ? stateIndex : parentIndex,
+    shouldStartAnimation: shouldStart
+  }), children);
+};
+var _default = MarkdownListWrapper;
+exports["default"] = _default;

package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownTextContainer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { MarkdownTextContainerProps } from '../../../../types/response';
+export declare const checkForJSXChild: (children: any) => boolean;
+declare const MarkdownTextContainer: (props: MarkdownTextContainerProps) => React.JSX.Element;
+export default MarkdownTextContainer;

package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownTextContainer.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.checkForJSXChild = void 0;
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("../../../../hooks");
+var _Box = _interopRequireDefault(require("../../../Box"));
+var _ResponseText = _interopRequireDefault(require("../ResponseText"));
+var _react2 = require("@emotion/react");
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var checkForJSXChild = function checkForJSXChild(children) {
+  for (var i = 0; i < children.length; i += 1) {
+    if (typeof children[i] !== 'string') {
+      return true;
+    }
+  }
+  return false;
+};
+exports.checkForJSXChild = checkForJSXChild;
+var MarkdownTextContainer = function MarkdownTextContainer(props) {
+  var _useState = (0, _react.useState)(-1),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    index = _useState2[0],
+    setIndex = _useState2[1];
+  var children = props.children,
+    parentIndex = props.parentIndex,
+    setAnimationIndex = props.setAnimationIndex,
+    shouldStartAnimation = props.shouldStartAnimation,
+    delay = props.delay,
+    className = props.className,
+    isListItem = props.isListItem,
+    as = props.as;
+  (0, _react.useEffect)(function () {
+    if (children && setAnimationIndex && index === children.length && parentIndex !== undefined) {
+      setAnimationIndex(parentIndex + 1);
+    }
+  }, [index]);
+  (0, _react.useEffect)(function () {
+    if (shouldStartAnimation) {
+      setIndex(0);
+    }
+  }, [shouldStartAnimation]);
+  var hasBullet = index >= 0 && isListItem === true;
+
+  // this is to force the bullets to render correctly in safari.
+  var hasRendered = index !== 1 && isListItem === true;
+  var hasBlock = index === -1;
+  var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
+      hasBullet: hasBullet,
+      hasRendered: hasRendered,
+      hasBlock: hasBlock
+    }),
+    classNames = _useStatusClasses.classNames;
+  var markdownTextChildren = _react.Children.toArray(children);
+  var hasNonStringChild = checkForJSXChild(markdownTextChildren);
+  return (0, _react2.jsx)(_Box["default"], {
+    className: classNames,
+    variant: "response.textWrapper",
+    as: hasNonStringChild ? 'div' : as
+  }, (0, _react2.jsx)(_Box["default"], {
+    isRow: true
+  }, (0, _map["default"])(_react.Children).call(_react.Children, (0, _slice["default"])(markdownTextChildren).call(markdownTextChildren, 0, index + 1), function (child, i) {
+    if (typeof child === 'string') {
+      return (0, _react2.jsx)(_ResponseText["default"], {
+        text: child,
+        shouldStartAnimation: index === i,
+        setAnimationIndex: setIndex,
+        animationIndex: i,
+        delay: delay,
+        parentIndex: index
+      });
+    }
+    return /*#__PURE__*/_react["default"].cloneElement(child, {
+      shouldStartAnimation: index === i,
+      setAnimationIndex: setIndex,
+      animationIndex: i,
+      delay: delay,
+      parentIndex: index
+    });
+  })));
+};
+var _default = MarkdownTextContainer;
+exports["default"] = _default;

package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownTextWrapper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MarkdownTextWrapperProps } from '../../../../types/response';
+declare const MarkdownTextWrapper: (props: MarkdownTextWrapperProps) => React.JSX.Element | null;
+export default MarkdownTextWrapper;

package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownTextWrapper.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _useTypeAnimationWrapper = _interopRequireDefault(require("../../../../hooks/useTypeAnimationWrapper"));
+var _ResponseText = _interopRequireDefault(require("../ResponseText"));
+var _MarkdownTextContainer = _interopRequireDefault(require("./MarkdownTextContainer"));
+var _ResponseListItem = _interopRequireDefault(require("./ResponseListItem"));
+var _react2 = require("@emotion/react");
+var _excluded = ["as", "children", "isTopLevel", "stateIndex", "isListItem", "parentIndex"];
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var MarkdownTextWrapper = function MarkdownTextWrapper(props) {
+  var as = props.as,
+    children = props.children,
+    isTopLevel = props.isTopLevel,
+    stateIndex = props.stateIndex,
+    isListItem = props.isListItem,
+    parentIndex = props.parentIndex,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var _useTypeAnimationWrap = (0, _useTypeAnimationWrapper["default"])(_objectSpread({}, props)),
+    shouldStart = _useTypeAnimationWrap.shouldStart,
+    hasList = _useTypeAnimationWrap.hasList;
+  if (hasList) {
+    return (0, _react2.jsx)(_ResponseListItem["default"], (0, _extends2["default"])({}, props, {
+      shouldStartAnimation: shouldStart
+    }));
+  }
+  if (children && children.length > 1) {
+    return (0, _react2.jsx)(_MarkdownTextContainer["default"], (0, _extends2["default"])({}, props, {
+      shouldStartAnimation: shouldStart,
+      parentIndex: isTopLevel ? stateIndex : parentIndex,
+      setAnimationIndex: props.setAnimationIndex
+    }), children);
+  }
+  if (typeof children[0] === 'string') {
+    return (0, _react2.jsx)(_ResponseText["default"], (0, _extends2["default"])({}, others, {
+      as: as,
+      isListItem: isListItem,
+      shouldStartAnimation: shouldStart,
+      parentIndex: isTopLevel ? stateIndex : parentIndex,
+      text: children[0]
+    }));
+  }
+  return null;
+};
+var _default = MarkdownTextWrapper;
+exports["default"] = _default;

package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownWrapper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MarkdownWrapperProps } from '../../../../types/response';
+declare const MarkdownWrapper: (props: MarkdownWrapperProps) => React.JSX.Element;
+export default MarkdownWrapper;

package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownWrapper.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("../../../../hooks");
+var _index = require("../../../../index");
+var _react2 = require("@emotion/react");
+var _excluded = ["setAnimationIndex", "parentIndex", "className", "animationIndex", "shouldStartAnimation"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var MarkdownWrapper = function MarkdownWrapper(props) {
+  var setAnimationIndex = props.setAnimationIndex,
+    parentIndex = props.parentIndex,
+    className = props.className,
+    animationIndex = props.animationIndex,
+    shouldStartAnimation = props.shouldStartAnimation,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var isLoaded = (0, _react.useRef)(false);
+  (0, _react.useEffect)(function () {
+    if (shouldStartAnimation && setAnimationIndex && animationIndex !== undefined && isLoaded.current === false) {
+      isLoaded.current = true;
+      setAnimationIndex(animationIndex + 1);
+    }
+  }, [setAnimationIndex, parentIndex, animationIndex, shouldStartAnimation]);
+  var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
+      isNotLoaded: !isLoaded.current
+    }),
+    classNames = _useStatusClasses.classNames;
+  return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({}, others, {
+    className: classNames,
+    variant: "response.markupComplexContainer"
+  }), props.children);
+};
+var _default = MarkdownWrapper;
+exports["default"] = _default;

package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/ResponseListItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ResponseListItemProps } from '../../../../types/response';
+declare const ResponseListItem: (props: ResponseListItemProps) => React.JSX.Element;
+export default ResponseListItem;

package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/ResponseListItem.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../../../../index");
+var _react2 = require("@emotion/react");
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var ResponseListItem = function ResponseListItem(props) {
+  var _useState = (0, _react.useState)(-1),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    index = _useState2[0],
+    setIndex = _useState2[1];
+  var children = props.children,
+    parentIndex = props.parentIndex,
+    setAnimationIndex = props.setAnimationIndex,
+    shouldStartAnimation = props.shouldStartAnimation,
+    delay = props.delay,
+    as = props.as;
+  (0, _react.useEffect)(function () {
+    if (children && setAnimationIndex && index === children.length && parentIndex !== undefined) {
+      setAnimationIndex(parentIndex + 1);
+    }
+  }, [index]);
+  (0, _react.useEffect)(function () {
+    if (shouldStartAnimation) {
+      setIndex(0);
+    }
+  }, [shouldStartAnimation]);
+  return (0, _react2.jsx)(_index.Box, {
+    as: as
+  }, (0, _map["default"])(_react.Children).call(_react.Children, (0, _slice["default"])(children).call(children, 0, 1), function (child, i) {
+    return /*#__PURE__*/_react["default"].cloneElement(child, {
+      shouldStartAnimation: index === i,
+      setAnimationIndex: setIndex,
+      animationIndex: i,
+      delay: delay,
+      isListItem: true,
+      parentIndex: index
+    });
+  }), (0, _map["default"])(_react.Children).call(_react.Children, (0, _slice["default"])(children).call(children, 1, children.length), function (child, i) {
+    return /*#__PURE__*/_react["default"].cloneElement(child, {
+      shouldStartAnimation: index === i + 1,
+      setAnimationIndex: setIndex,
+      animationIndex: i + 1,
+      delay: delay,
+      isListItem: true,
+      parentIndex: index
+    });
+  }));
+};
+var _default = ResponseListItem;
+exports["default"] = _default;

package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/ResponseMarkdown.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ResponseMarkdownContextValue } from '../../../../types/response';
+export declare const ResponseMarkdownContext: React.Context<ResponseMarkdownContextValue>;
+declare const ResponseMarkdown: (componentProps: any) => React.JSX.Element;
+export default ResponseMarkdown;