@pingux/astro 2.113.0-alpha.0 → 2.113.0-alpha.2

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

@@ -0,0 +1,158 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+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 _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ResponseMarkdownContext = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _markdownToJsx = require("markdown-to-jsx");
+var _MarkdownContainer = _interopRequireDefault(require("./MarkdownContainer"));
+var _MarkdownListWrapper = _interopRequireDefault(require("./MarkdownListWrapper"));
+var _MarkdownTextWrapper = _interopRequireDefault(require("./MarkdownTextWrapper"));
+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; }
+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 ResponseMarkdownContext = /*#__PURE__*/(0, _react.createContext)({
+  stateIndex: -1
+});
+exports.ResponseMarkdownContext = ResponseMarkdownContext;
+var ResponseMarkdown = function ResponseMarkdown(componentProps) {
+  var _useState = (0, _react.useState)(-1),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    index = _useState2[0],
+    setIndex = _useState2[1];
+  var parentIndex = componentProps.parentIndex,
+    setAnimationIndex = componentProps.setAnimationIndex,
+    shouldStartAnimation = componentProps.shouldStartAnimation,
+    delay = componentProps.delay,
+    str = componentProps.str;
+  (0, _react.useEffect)(function () {
+    if (shouldStartAnimation) {
+      setIndex(0);
+    }
+  }, [shouldStartAnimation]);
+  var commonProps = {
+    setAnimationIndex: setIndex,
+    delay: delay,
+    parentIndex: index,
+    stateIndex: index
+  };
+  var markdown = (0, _markdownToJsx.compiler)(str, {
+    wrapper: _MarkdownContainer["default"],
+    forceWrapper: true,
+    overrides: {
+      h1: {
+        component: _MarkdownTextWrapper["default"],
+        props: _objectSpread({}, commonProps)
+      },
+      h2: {
+        component: _MarkdownTextWrapper["default"],
+        props: _objectSpread({}, commonProps)
+      },
+      h3: {
+        component: _MarkdownTextWrapper["default"],
+        props: _objectSpread({}, commonProps)
+      },
+      h4: {
+        component: _MarkdownTextWrapper["default"],
+        props: _objectSpread({}, commonProps)
+      },
+      h5: {
+        component: _MarkdownTextWrapper["default"],
+        props: _objectSpread({}, commonProps)
+      },
+      h6: {
+        component: _MarkdownTextWrapper["default"],
+        props: _objectSpread({}, commonProps)
+      },
+      p: {
+        component: _MarkdownTextWrapper["default"],
+        props: _objectSpread(_objectSpread({}, commonProps), {}, {
+          as: 'p'
+        })
+      },
+      li: {
+        component: _MarkdownTextWrapper["default"],
+        props: {
+          setAnimationIndex: setIndex,
+          delay: delay,
+          as: 'li'
+        }
+      },
+      ul: {
+        component: _MarkdownListWrapper["default"],
+        props: {
+          setAnimationIndex: setIndex,
+          delay: delay,
+          stateIndex: index,
+          as: 'ul'
+        }
+      },
+      strong: {
+        component: _MarkdownTextWrapper["default"],
+        props: _objectSpread(_objectSpread({}, commonProps), {}, {
+          as: 'strong'
+        })
+      },
+      em: {
+        component: _MarkdownTextWrapper["default"],
+        props: _objectSpread(_objectSpread({}, commonProps), {}, {
+          as: 'em'
+        })
+      },
+      i: {
+        component: _MarkdownTextWrapper["default"],
+        props: {
+          setAnimationIndex: setIndex,
+          delay: delay,
+          stateIndex: index,
+          as: 'i'
+        }
+      },
+      ol: {
+        component: _MarkdownListWrapper["default"],
+        props: {
+          setAnimationIndex: setIndex,
+          delay: delay,
+          stateIndex: index,
+          as: 'ol'
+        }
+      }
+    }
+  });
+  (0, _react.useEffect)(function () {
+    if (index === markdown.props.children.length) {
+      setAnimationIndex(parentIndex + 1);
+    }
+  }, [index, markdown.props.children.length]);
+  var setAnimationCallback = (0, _react.useCallback)(function (val) {
+    setIndex(val);
+  }, [index, setIndex]);
+  var contextValues = (0, _react.useMemo)(function () {
+    return {
+      setAnimationIndex: setAnimationCallback,
+      stateIndex: index,
+      delay: delay
+    };
+  }, [setAnimationCallback, index, delay]);
+  return (0, _react2.jsx)(ResponseMarkdownContext.Provider, {
+    value: contextValues
+  }, markdown);
+};
+var _default = ResponseMarkdown;
+exports["default"] = _default;

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

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

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

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _testWrapper = require("../../../../utils/testUtils/testWrapper");
+var _Response = _interopRequireDefault(require("../Response"));
+var _ResponseMarkdown = _interopRequireDefault(require("./ResponseMarkdown"));
+var _react2 = require("@emotion/react");
+var markdownString = '#Heading\n\n1. First item\n\n  - Unordered item\n\n **bold**:not bold';
+var italics = '*Italics* regular';
+var secondMarkDownString = 'begin\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   - **What:** SUCCESS';
+var getComponent = function getComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _testWrapper.render)((0, _react2.jsx)(_Response["default"], (0, _extends2["default"])({}, props, {
+    delay: 10
+  }), (0, _react2.jsx)(_ResponseMarkdown["default"], {
+    str: markdownString
+  })));
+};
+var getComponentWithNesting = function getComponentWithNesting() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _testWrapper.render)((0, _react2.jsx)(_Response["default"], (0, _extends2["default"])({}, props, {
+    delay: 10
+  }), (0, _react2.jsx)(_ResponseMarkdown["default"], {
+    str: secondMarkDownString
+  })));
+};
+var getComponentItalics = function getComponentItalics() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _testWrapper.render)((0, _react2.jsx)(_Response["default"], (0, _extends2["default"])({}, props, {
+    delay: 10
+  }), (0, _react2.jsx)(_ResponseMarkdown["default"], {
+    str: italics
+  })));
+};
+beforeEach(function () {
+  jest.useFakeTimers();
+});
+test('renders markdown content correctly', function () {
+  getComponent();
+  for (var i = 0; i < 8 + 1; i += 1) {
+    (0, _testWrapper.act)(function () {
+      jest.advanceTimersByTime(10);
+    });
+  }
+  expect(_testWrapper.screen.queryByText('Heading')).toBeInTheDocument();
+  for (var _i = 0; _i < 10 + 1; _i += 1) {
+    (0, _testWrapper.act)(function () {
+      jest.advanceTimersByTime(10);
+    });
+  }
+  expect(_testWrapper.screen.getByText('First item')).toBeInTheDocument();
+  for (var _i2 = 0; _i2 < 15; _i2 += 1) {
+    (0, _testWrapper.act)(function () {
+      jest.advanceTimersByTime(10);
+    });
+  }
+  expect(_testWrapper.screen.getByText('Unordered item')).toBeInTheDocument();
+  for (var _i3 = 0; _i3 < 13; _i3 += 1) {
+    (0, _testWrapper.act)(function () {
+      jest.advanceTimersByTime(10);
+    });
+  }
+  expect(_testWrapper.screen.getByText('bold')).toBeInTheDocument();
+  expect(_testWrapper.screen.getByText(':not bold')).toBeInTheDocument();
+});
+test('renders nested markdown content correctly', function () {
+  getComponentWithNesting();
+  for (var i = 0; i < 300; i += 1) {
+    (0, _testWrapper.act)(function () {
+      jest.advanceTimersByTime(10);
+    });
+  }
+  expect(_testWrapper.screen.getByText('What:')).toBeInTheDocument();
+});
+test('renders nested markdown content correctly', function () {
+  getComponentItalics();
+  for (var i = 0; i < 15; i += 1) {
+    (0, _testWrapper.act)(function () {
+      jest.advanceTimersByTime(10);
+    });
+  }
+  expect(_testWrapper.screen.getByText('Italics')).toBeInTheDocument();
+});

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

@@ -0,0 +1 @@
+export { default } from './ResponseMarkdown';

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

@@ -0,0 +1,14 @@
+"use strict";
+
+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
+});
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _ResponseMarkdown["default"];
+  }
+});
+var _ResponseMarkdown = _interopRequireDefault(require("./ResponseMarkdown"));

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

@@ -10,12 +10,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("../../../hooks");
-var _useTypeAnimation = _interopRequireDefault(require("../../../hooks/useTypeAnimation/useTypeAnimation"));
+var _useTypeAnimation2 = _interopRequireDefault(require("../../../hooks/useTypeAnimation/useTypeAnimation"));
 var _index = require("../../../index");
 var _react2 = require("@emotion/react");
 var _excluded = ["delay", "text", "shouldStartAnimation", "setAnimationIndex", "animationIndex", "isListItem", "className"];
 var ResponseText = function ResponseText(props) {
-  var delay = props.delay,
+  var _props$delay = props.delay,
+    delay = _props$delay === void 0 ? 10 : _props$delay,
     text = props.text,
     shouldStartAnimation = props.shouldStartAnimation,
     setAnimationIndex = props.setAnimationIndex,
@@ -30,17 +31,19 @@ var ResponseText = function ResponseText(props) {
     animationIndex: animationIndex,
     shouldStartAnimation: shouldStartAnimation
   };
-  var currentText = (0, _useTypeAnimation["default"])(animationProps);
-  var hasBullet = isListItem && currentText.length > 0;
+  var _useTypeAnimation = (0, _useTypeAnimation2["default"])(animationProps),
+    currentText = _useTypeAnimation.currentText;
+  var hasBullet = isListItem === true && currentText.length > 0;
   var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
       hasBullet: hasBullet
     }),
     classNames = _useStatusClasses.classNames;
+  var renderText = "".concat(currentText);
   return (0, _react2.jsx)(_index.Text, (0, _extends2["default"])({}, others, {
     role: isListItem ? 'listitem' : '',
     variant: "response",
     className: classNames
-  }), currentText);
+  }), renderText);
 };
 var _default = ResponseText;
 exports["default"] = _default;

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

@@ -1,6 +1,7 @@
 export { default } from './Response';
 export { default as ResponseAttachment } from './ResponseAttachment';
 export { default as ResponseList } from './ResponseList';
+export { default as ResponseMarkdown } from './ResponseMarkdown';
 export { default as ResponseText } from './ResponseText';
 export { default as ResponseToolbar } from './ResponseToolbar';
 export { default as ResponseToolbarIcon } from './ResponseToolbarIcon';

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

@@ -17,6 +17,12 @@ _Object$defineProperty(exports, "ResponseList", {
     return _ResponseList["default"];
   }
 });
+_Object$defineProperty(exports, "ResponseMarkdown", {
+  enumerable: true,
+  get: function get() {
+    return _ResponseMarkdown["default"];
+  }
+});
 _Object$defineProperty(exports, "ResponseText", {
   enumerable: true,
   get: function get() {
@@ -44,6 +50,7 @@ _Object$defineProperty(exports, "default", {
 var _Response = _interopRequireDefault(require("./Response"));
 var _ResponseAttachment = _interopRequireDefault(require("./ResponseAttachment"));
 var _ResponseList = _interopRequireDefault(require("./ResponseList"));
+var _ResponseMarkdown = _interopRequireDefault(require("./ResponseMarkdown"));
 var _ResponseText = _interopRequireDefault(require("./ResponseText"));
 var _ResponseToolbar = _interopRequireDefault(require("./ResponseToolbar"));
 var _ResponseToolbarIcon = _interopRequireDefault(require("./ResponseToolbarIcon"));

package/lib/cjs/components/Text/Text.stories.js

@@ -430,7 +430,8 @@ var CustomWidth = function CustomWidth() {
   return (0, _react2.jsx)(_index.Box, {
     width: 200
   }, (0, _react2.jsx)(_index.Text, {
-    p: "xl"
+    p: "xl",
+    color: "text.secondary"
   }, "superlongtextinonelinewithnowhitespacessoitcanbelongerthatanywidth"));
 };
 exports.CustomWidth = CustomWidth;

package/lib/cjs/hooks/useTypeAnimation/useTypeAnimation.d.ts

@@ -4,5 +4,7 @@ declare const useTypeAnimation: ({ shouldStartAnimation, text, delay, setAnimati
     delay: any;
     setAnimationIndex: any;
     animationIndex: any;
-}) => string;
+}) => {
+    currentText: string;
+};
 export default useTypeAnimation;

package/lib/cjs/hooks/useTypeAnimation/useTypeAnimation.js

@@ -44,7 +44,9 @@ var useTypeAnimation = function useTypeAnimation(_ref) {
       return null;
     };
   }, [currentIndex, delay, text, shouldStartAnimation, setAnimationIndex, animationIndex]);
-  return currentText;
+  return {
+    currentText: currentText
+  };
 };
 var _default = useTypeAnimation;
 exports["default"] = _default;

package/lib/cjs/hooks/useTypeAnimation/useTypeAnimation.test.js

@@ -38,14 +38,14 @@ describe('useTypeAnimation', function () {
         return (0, _useTypeAnimation["default"])(defaultProps);
       }),
       result = _renderHook.result;
-    expect(result.current).toBe('');
+    expect(result.current.currentText).toBe('');
     for (var i = 0; i < text.length; i += 1) {
       (0, _reactHooks.act)(function () {
         jest.advanceTimersByTime(delay);
       });
-      expect(result.current).toBe((0, _slice["default"])(text).call(text, 0, i + 1));
+      expect(result.current.currentText).toBe((0, _slice["default"])(text).call(text, 0, i + 1));
     }
-    expect(result.current).toBe(text);
+    expect(result.current.currentText).toBe(text);
   });
   it('should NOT render text when shouldStartAnimation = false', function () {
     var _renderHook2 = (0, _reactHooks.renderHook)(function () {
@@ -54,13 +54,13 @@ describe('useTypeAnimation', function () {
         }));
       }),
       result = _renderHook2.result;
-    expect(result.current).toBe('');
+    expect(result.current.currentText).toBe('');
     for (var i = 0; i < text.length; i += 1) {
       (0, _reactHooks.act)(function () {
         jest.advanceTimersByTime(delay);
       });
-      expect(result.current).toBe('');
+      expect(result.current.currentText).toBe('');
     }
-    expect(result.current).toBe('');
+    expect(result.current.currentText).toBe('');
   });
 });

package/lib/cjs/hooks/useTypeAnimationWrapper/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useTypeAnimationWrapper';

package/lib/cjs/hooks/useTypeAnimationWrapper/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+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
+});
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useTypeAnimationWrapper["default"];
+  }
+});
+var _useTypeAnimationWrapper = _interopRequireDefault(require("./useTypeAnimationWrapper"));

package/lib/cjs/hooks/useTypeAnimationWrapper/useTypeAnimationWrapper.d.ts

@@ -0,0 +1,5 @@
+declare const useTypeAnimationWrapper: (props: any) => {
+    shouldStart: boolean;
+    hasList: boolean;
+};
+export default useTypeAnimationWrapper;

package/lib/cjs/hooks/useTypeAnimationWrapper/useTypeAnimationWrapper.js

@@ -0,0 +1,48 @@
+"use strict";
+
+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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _react = require("react");
+var useTypeAnimationWrapper = function useTypeAnimationWrapper(props) {
+  var animationIndex = props.animationIndex,
+    stateIndex = props.stateIndex,
+    isTopLevel = props.isTopLevel,
+    shouldStartAnimation = props.shouldStartAnimation,
+    children = props.children;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    shouldStart = _useState2[0],
+    setShouldStart = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    hasList = _useState4[0],
+    setHasList = _useState4[1];
+  (0, _react.useEffect)(function () {
+    var shouldSetShouldStart = animationIndex === stateIndex && isTopLevel || shouldStartAnimation === true;
+    if (shouldSetShouldStart) {
+      setShouldStart(true);
+    } else {
+      setShouldStart(false);
+    }
+  }, [animationIndex, stateIndex, isTopLevel, shouldStartAnimation]);
+  (0, _react.useEffect)(function () {
+    if (!children || children.length < 0) return;
+    for (var i = 0; i < children.length; i += 1) {
+      var _children$i;
+      if ((_children$i = children[i]) !== null && _children$i !== void 0 && _children$i.props && (children[i].props.as === 'ul' || children[i].props.as === 'ol')) {
+        setHasList(true);
+      }
+    }
+  }, [children]);
+  return {
+    shouldStart: shouldStart,
+    hasList: hasList
+  };
+};
+var _default = useTypeAnimationWrapper;
+exports["default"] = _default;

package/lib/cjs/hooks/useTypeAnimationWrapper/useTypeAnimationWrapper.test.d.ts

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

package/lib/cjs/hooks/useTypeAnimationWrapper/useTypeAnimationWrapper.test.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+var _reactHooks = require("@testing-library/react-hooks");
+var _useTypeAnimationWrapper = _interopRequireDefault(require("./useTypeAnimationWrapper"));
+var animationIndex = 0;
+var stateIndex = 1;
+var isTopLevel = false;
+var shouldStartAnimation = false;
+var children = [{
+  props: {
+    as: 'ul'
+  }
+}, {
+  props: {
+    as: 'li'
+  }
+}, {
+  props: {
+    as: 'ol'
+  }
+}];
+describe('useTypeAnimationWrapper', function () {
+  it('should not start animation if animationIndex does not match stateIndex and isTopLevel is false', function () {
+    var _renderHook = (0, _reactHooks.renderHook)(function () {
+        return (0, _useTypeAnimationWrapper["default"])({
+          animationIndex: animationIndex,
+          stateIndex: stateIndex,
+          isTopLevel: isTopLevel,
+          shouldStartAnimation: shouldStartAnimation,
+          children: children
+        });
+      }),
+      result = _renderHook.result;
+    expect(result.current.shouldStart).toBe(false);
+  });
+  it('should start animation if animationIndex matches stateIndex and isTopLevel is true', function () {
+    var _renderHook2 = (0, _reactHooks.renderHook)(function () {
+        return (0, _useTypeAnimationWrapper["default"])({
+          animationIndex: 1,
+          stateIndex: 1,
+          isTopLevel: true,
+          shouldStartAnimation: shouldStartAnimation,
+          children: children
+        });
+      }),
+      result = _renderHook2.result;
+    expect(result.current.shouldStart).toBe(true);
+  });
+  it('should start animation if shouldStartAnimation is true', function () {
+    var _renderHook3 = (0, _reactHooks.renderHook)(function () {
+        return (0, _useTypeAnimationWrapper["default"])({
+          animationIndex: animationIndex,
+          stateIndex: stateIndex,
+          isTopLevel: isTopLevel,
+          shouldStartAnimation: true,
+          children: children
+        });
+      }),
+      result = _renderHook3.result;
+    expect(result.current.shouldStart).toBe(true);
+  });
+  it('should detect if children contain a list', function () {
+    var _renderHook4 = (0, _reactHooks.renderHook)(function () {
+        return (0, _useTypeAnimationWrapper["default"])({
+          animationIndex: animationIndex,
+          stateIndex: stateIndex,
+          isTopLevel: isTopLevel,
+          shouldStartAnimation: shouldStartAnimation,
+          children: children
+        });
+      }),
+      result = _renderHook4.result;
+    expect(result.current.hasList).toBe(true);
+  });
+  it('should not detect a list if children do not contain a list', function () {
+    var _renderHook5 = (0, _reactHooks.renderHook)(function () {
+        return (0, _useTypeAnimationWrapper["default"])({
+          animationIndex: animationIndex,
+          stateIndex: stateIndex,
+          isTopLevel: isTopLevel,
+          shouldStartAnimation: shouldStartAnimation,
+          children: [{
+            props: {
+              as: 'div'
+            }
+          }]
+        });
+      }),
+      result = _renderHook5.result;
+    expect(result.current.hasList).toBe(false);
+  });
+});

package/lib/cjs/index.d.ts

@@ -14,6 +14,7 @@ export { default as PromptInput } from './components/AIComponents/PromptInput';
 export { default as Response } from './components/AIComponents/Response';
 export { default as ResponseAttachment } from './components/AIComponents/Response/ResponseAttachment';
 export { default as ResponseList } from './components/AIComponents/Response/ResponseList';
+export { default as ResponseMarkdown } from './components/AIComponents/Response/ResponseMarkdown';
 export { default as ResponseText } from './components/AIComponents/Response/ResponseText';
 export { default as ResponseToolbar } from './components/AIComponents/Response/ResponseToolbar';
 export { default as ResponseToolbarIcon } from './components/AIComponents/Response/ResponseToolbarIcon';

package/lib/cjs/index.js

@@ -24,6 +24,7 @@ var _exportNames = {
   Response: true,
   ResponseAttachment: true,
   ResponseList: true,
+  ResponseMarkdown: true,
   ResponseText: true,
   ResponseToolbar: true,
   ResponseToolbarIcon: true,
@@ -787,6 +788,12 @@ _Object$defineProperty(exports, "ResponseList", {
     return _ResponseList["default"];
   }
 });
+_Object$defineProperty(exports, "ResponseMarkdown", {
+  enumerable: true,
+  get: function get() {
+    return _ResponseMarkdown["default"];
+  }
+});
 _Object$defineProperty(exports, "ResponseText", {
   enumerable: true,
   get: function get() {
@@ -1077,6 +1084,7 @@ var _PromptInput = _interopRequireDefault(require("./components/AIComponents/Pro
 var _Response = _interopRequireDefault(require("./components/AIComponents/Response"));
 var _ResponseAttachment = _interopRequireDefault(require("./components/AIComponents/Response/ResponseAttachment"));
 var _ResponseList = _interopRequireDefault(require("./components/AIComponents/Response/ResponseList"));
+var _ResponseMarkdown = _interopRequireDefault(require("./components/AIComponents/Response/ResponseMarkdown"));
 var _ResponseText = _interopRequireDefault(require("./components/AIComponents/Response/ResponseText"));
 var _ResponseToolbar = _interopRequireDefault(require("./components/AIComponents/Response/ResponseToolbar"));
 var _ResponseToolbarIcon = _interopRequireDefault(require("./components/AIComponents/Response/ResponseToolbarIcon"));