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

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

@@ -0,0 +1,55 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+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) { _defineProperty(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; }
+import React from 'react';
+import useTypeAnimationWrapper from '../../../../hooks/useTypeAnimationWrapper';
+import ResponseText from '../ResponseText';
+import MarkdownTextContainer from './MarkdownTextContainer';
+import ResponseListItem from './ResponseListItem';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+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 = _objectWithoutProperties(props, _excluded);
+  var _useTypeAnimationWrap = useTypeAnimationWrapper(_objectSpread({}, props)),
+    shouldStart = _useTypeAnimationWrap.shouldStart,
+    hasList = _useTypeAnimationWrap.hasList;
+  if (hasList) {
+    return ___EmotionJSX(ResponseListItem, _extends({}, props, {
+      shouldStartAnimation: shouldStart
+    }));
+  }
+  if (children && children.length > 1) {
+    return ___EmotionJSX(MarkdownTextContainer, _extends({}, props, {
+      shouldStartAnimation: shouldStart,
+      parentIndex: isTopLevel ? stateIndex : parentIndex,
+      setAnimationIndex: props.setAnimationIndex
+    }), children);
+  }
+  if (typeof children[0] === 'string') {
+    return ___EmotionJSX(ResponseText, _extends({}, others, {
+      as: as,
+      isListItem: isListItem,
+      shouldStartAnimation: shouldStart,
+      parentIndex: isTopLevel ? stateIndex : parentIndex,
+      text: children[0]
+    }));
+  }
+  return null;
+};
+export default MarkdownTextWrapper;

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

@@ -0,0 +1,31 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["setAnimationIndex", "parentIndex", "className", "animationIndex", "shouldStartAnimation"];
+import React, { useEffect, useRef } from 'react';
+import { useStatusClasses } from '../../../../hooks';
+import { Box } from '../../../../index';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var MarkdownWrapper = function MarkdownWrapper(props) {
+  var setAnimationIndex = props.setAnimationIndex,
+    parentIndex = props.parentIndex,
+    className = props.className,
+    animationIndex = props.animationIndex,
+    shouldStartAnimation = props.shouldStartAnimation,
+    others = _objectWithoutProperties(props, _excluded);
+  var isLoaded = useRef(false);
+  useEffect(function () {
+    if (shouldStartAnimation && setAnimationIndex && animationIndex !== undefined && isLoaded.current === false) {
+      isLoaded.current = true;
+      setAnimationIndex(animationIndex + 1);
+    }
+  }, [setAnimationIndex, parentIndex, animationIndex, shouldStartAnimation]);
+  var _useStatusClasses = useStatusClasses(className, {
+      isNotLoaded: !isLoaded.current
+    }),
+    classNames = _useStatusClasses.classNames;
+  return ___EmotionJSX(Box, _extends({}, others, {
+    className: classNames,
+    variant: "response.markupComplexContainer"
+  }), props.children);
+};
+export default MarkdownWrapper;

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

@@ -0,0 +1,50 @@
+import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import React, { Children, useEffect, useState } from 'react';
+import { Box } from '../../../../index';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var ResponseListItem = function ResponseListItem(props) {
+  var _useState = useState(-1),
+    _useState2 = _slicedToArray(_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;
+  useEffect(function () {
+    if (children && setAnimationIndex && index === children.length && parentIndex !== undefined) {
+      setAnimationIndex(parentIndex + 1);
+    }
+  }, [index]);
+  useEffect(function () {
+    if (shouldStartAnimation) {
+      setIndex(0);
+    }
+  }, [shouldStartAnimation]);
+  return ___EmotionJSX(Box, {
+    as: as
+  }, _mapInstanceProperty(Children).call(Children, _sliceInstanceProperty(children).call(children, 0, 1), function (child, i) {
+    return /*#__PURE__*/React.cloneElement(child, {
+      shouldStartAnimation: index === i,
+      setAnimationIndex: setIndex,
+      animationIndex: i,
+      delay: delay,
+      isListItem: true,
+      parentIndex: index
+    });
+  }), _mapInstanceProperty(Children).call(Children, _sliceInstanceProperty(children).call(children, 1, children.length), function (child, i) {
+    return /*#__PURE__*/React.cloneElement(child, {
+      shouldStartAnimation: index === i + 1,
+      setAnimationIndex: setIndex,
+      animationIndex: i + 1,
+      delay: delay,
+      isListItem: true,
+      parentIndex: index
+    });
+  }));
+};
+export default ResponseListItem;

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

@@ -0,0 +1,145 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+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) { _defineProperty(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; }
+import React, { createContext, useCallback, useEffect, useMemo, useState } from 'react';
+import { compiler } from 'markdown-to-jsx';
+import MarkdownContainer from './MarkdownContainer';
+import MarkdownListWrapper from './MarkdownListWrapper';
+import MarkdownTextWrapper from './MarkdownTextWrapper';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var ResponseMarkdownContext = /*#__PURE__*/createContext({
+  stateIndex: -1
+});
+var ResponseMarkdown = function ResponseMarkdown(componentProps) {
+  var _useState = useState(-1),
+    _useState2 = _slicedToArray(_useState, 2),
+    index = _useState2[0],
+    setIndex = _useState2[1];
+  var parentIndex = componentProps.parentIndex,
+    setAnimationIndex = componentProps.setAnimationIndex,
+    shouldStartAnimation = componentProps.shouldStartAnimation,
+    delay = componentProps.delay,
+    str = componentProps.str;
+  useEffect(function () {
+    if (shouldStartAnimation) {
+      setIndex(0);
+    }
+  }, [shouldStartAnimation]);
+  var commonProps = {
+    setAnimationIndex: setIndex,
+    delay: delay,
+    parentIndex: index,
+    stateIndex: index
+  };
+  var markdown = compiler(str, {
+    wrapper: MarkdownContainer,
+    forceWrapper: true,
+    overrides: {
+      h1: {
+        component: MarkdownTextWrapper,
+        props: _objectSpread({}, commonProps)
+      },
+      h2: {
+        component: MarkdownTextWrapper,
+        props: _objectSpread({}, commonProps)
+      },
+      h3: {
+        component: MarkdownTextWrapper,
+        props: _objectSpread({}, commonProps)
+      },
+      h4: {
+        component: MarkdownTextWrapper,
+        props: _objectSpread({}, commonProps)
+      },
+      h5: {
+        component: MarkdownTextWrapper,
+        props: _objectSpread({}, commonProps)
+      },
+      h6: {
+        component: MarkdownTextWrapper,
+        props: _objectSpread({}, commonProps)
+      },
+      p: {
+        component: MarkdownTextWrapper,
+        props: _objectSpread(_objectSpread({}, commonProps), {}, {
+          as: 'p'
+        })
+      },
+      li: {
+        component: MarkdownTextWrapper,
+        props: {
+          setAnimationIndex: setIndex,
+          delay: delay,
+          as: 'li'
+        }
+      },
+      ul: {
+        component: MarkdownListWrapper,
+        props: {
+          setAnimationIndex: setIndex,
+          delay: delay,
+          stateIndex: index,
+          as: 'ul'
+        }
+      },
+      strong: {
+        component: MarkdownTextWrapper,
+        props: _objectSpread(_objectSpread({}, commonProps), {}, {
+          as: 'strong'
+        })
+      },
+      em: {
+        component: MarkdownTextWrapper,
+        props: _objectSpread(_objectSpread({}, commonProps), {}, {
+          as: 'em'
+        })
+      },
+      i: {
+        component: MarkdownTextWrapper,
+        props: {
+          setAnimationIndex: setIndex,
+          delay: delay,
+          stateIndex: index,
+          as: 'i'
+        }
+      },
+      ol: {
+        component: MarkdownListWrapper,
+        props: {
+          setAnimationIndex: setIndex,
+          delay: delay,
+          stateIndex: index,
+          as: 'ol'
+        }
+      }
+    }
+  });
+  useEffect(function () {
+    if (index === markdown.props.children.length) {
+      setAnimationIndex(parentIndex + 1);
+    }
+  }, [index, markdown.props.children.length]);
+  var setAnimationCallback = useCallback(function (val) {
+    setIndex(val);
+  }, [index, setIndex]);
+  var contextValues = useMemo(function () {
+    return {
+      setAnimationIndex: setAnimationCallback,
+      stateIndex: index,
+      delay: delay
+    };
+  }, [setAnimationCallback, index, delay]);
+  return ___EmotionJSX(ResponseMarkdownContext.Provider, {
+    value: contextValues
+  }, markdown);
+};
+export default ResponseMarkdown;

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

@@ -0,0 +1,82 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import { act, render, screen } from '../../../../utils/testUtils/testWrapper';
+import Response from '../Response';
+import ResponseMarkdown from './ResponseMarkdown';
+import { jsx as ___EmotionJSX } from "@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 render(___EmotionJSX(Response, _extends({}, props, {
+    delay: 10
+  }), ___EmotionJSX(ResponseMarkdown, {
+    str: markdownString
+  })));
+};
+var getComponentWithNesting = function getComponentWithNesting() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return render(___EmotionJSX(Response, _extends({}, props, {
+    delay: 10
+  }), ___EmotionJSX(ResponseMarkdown, {
+    str: secondMarkDownString
+  })));
+};
+var getComponentItalics = function getComponentItalics() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return render(___EmotionJSX(Response, _extends({}, props, {
+    delay: 10
+  }), ___EmotionJSX(ResponseMarkdown, {
+    str: italics
+  })));
+};
+beforeEach(function () {
+  jest.useFakeTimers();
+});
+test('renders markdown content correctly', function () {
+  getComponent();
+  for (var i = 0; i < 8 + 1; i += 1) {
+    act(function () {
+      jest.advanceTimersByTime(10);
+    });
+  }
+  expect(screen.queryByText('Heading')).toBeInTheDocument();
+  for (var _i = 0; _i < 10 + 1; _i += 1) {
+    act(function () {
+      jest.advanceTimersByTime(10);
+    });
+  }
+  expect(screen.getByText('First item')).toBeInTheDocument();
+  for (var _i2 = 0; _i2 < 15; _i2 += 1) {
+    act(function () {
+      jest.advanceTimersByTime(10);
+    });
+  }
+  expect(screen.getByText('Unordered item')).toBeInTheDocument();
+  for (var _i3 = 0; _i3 < 13; _i3 += 1) {
+    act(function () {
+      jest.advanceTimersByTime(10);
+    });
+  }
+  expect(screen.getByText('bold')).toBeInTheDocument();
+  expect(screen.getByText(':not bold')).toBeInTheDocument();
+});
+test('renders nested markdown content correctly', function () {
+  getComponentWithNesting();
+  for (var i = 0; i < 300; i += 1) {
+    act(function () {
+      jest.advanceTimersByTime(10);
+    });
+  }
+  expect(screen.getByText('What:')).toBeInTheDocument();
+});
+test('renders nested markdown content correctly', function () {
+  getComponentItalics();
+  for (var i = 0; i < 15; i += 1) {
+    act(function () {
+      jest.advanceTimersByTime(10);
+    });
+  }
+  expect(screen.getByText('Italics')).toBeInTheDocument();
+});

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

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

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

@@ -7,7 +7,8 @@ import useTypeAnimation from '../../../hooks/useTypeAnimation/useTypeAnimation';
 import { Text } from '../../../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 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,
@@ -22,16 +23,18 @@ var ResponseText = function ResponseText(props) {
     animationIndex: animationIndex,
     shouldStartAnimation: shouldStartAnimation
   };
-  var currentText = useTypeAnimation(animationProps);
-  var hasBullet = isListItem && currentText.length > 0;
+  var _useTypeAnimation = useTypeAnimation(animationProps),
+    currentText = _useTypeAnimation.currentText;
+  var hasBullet = isListItem === true && currentText.length > 0;
   var _useStatusClasses = useStatusClasses(className, {
       hasBullet: hasBullet
     }),
     classNames = _useStatusClasses.classNames;
+  var renderText = "".concat(currentText);
   return ___EmotionJSX(Text, _extends({}, others, {
     role: isListItem ? 'listitem' : '',
     variant: "response",
     className: classNames
-  }), currentText);
+  }), renderText);
 };
 export default ResponseText;

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

@@ -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/components/Text/Text.stories.js

@@ -420,7 +420,8 @@ export var CustomWidth = function CustomWidth() {
   return ___EmotionJSX(Box, {
     width: 200
   }, ___EmotionJSX(Text, {
-    p: "xl"
+    p: "xl",
+    color: "text.secondary"
   }, "superlongtextinonelinewithnowhitespacessoitcanbelongerthatanywidth"));
 };
 export var CustomStyle = function CustomStyle() {

package/lib/hooks/useTypeAnimation/useTypeAnimation.js

@@ -36,6 +36,8 @@ var useTypeAnimation = function useTypeAnimation(_ref) {
       return null;
     };
   }, [currentIndex, delay, text, shouldStartAnimation, setAnimationIndex, animationIndex]);
-  return currentText;
+  return {
+    currentText: currentText
+  };
 };
 export default useTypeAnimation;

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

@@ -35,14 +35,14 @@ describe('useTypeAnimation', function () {
         return useTypeAnimation(defaultProps);
       }),
       result = _renderHook.result;
-    expect(result.current).toBe('');
+    expect(result.current.currentText).toBe('');
     for (var i = 0; i < text.length; i += 1) {
       act(function () {
         jest.advanceTimersByTime(delay);
       });
-      expect(result.current).toBe(_sliceInstanceProperty(text).call(text, 0, i + 1));
+      expect(result.current.currentText).toBe(_sliceInstanceProperty(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 = renderHook(function () {
@@ -51,13 +51,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) {
       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/hooks/useTypeAnimationWrapper/index.js

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

package/lib/hooks/useTypeAnimationWrapper/useTypeAnimationWrapper.js

@@ -0,0 +1,39 @@
+import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import { useEffect, useState } from 'react';
+var useTypeAnimationWrapper = function useTypeAnimationWrapper(props) {
+  var animationIndex = props.animationIndex,
+    stateIndex = props.stateIndex,
+    isTopLevel = props.isTopLevel,
+    shouldStartAnimation = props.shouldStartAnimation,
+    children = props.children;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    shouldStart = _useState2[0],
+    setShouldStart = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hasList = _useState4[0],
+    setHasList = _useState4[1];
+  useEffect(function () {
+    var shouldSetShouldStart = animationIndex === stateIndex && isTopLevel || shouldStartAnimation === true;
+    if (shouldSetShouldStart) {
+      setShouldStart(true);
+    } else {
+      setShouldStart(false);
+    }
+  }, [animationIndex, stateIndex, isTopLevel, shouldStartAnimation]);
+  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
+  };
+};
+export default useTypeAnimationWrapper;

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

@@ -0,0 +1,90 @@
+import { renderHook } from '@testing-library/react-hooks';
+import useTypeAnimationWrapper from './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 = renderHook(function () {
+        return useTypeAnimationWrapper({
+          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 = renderHook(function () {
+        return useTypeAnimationWrapper({
+          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 = renderHook(function () {
+        return useTypeAnimationWrapper({
+          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 = renderHook(function () {
+        return useTypeAnimationWrapper({
+          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 = renderHook(function () {
+        return useTypeAnimationWrapper({
+          animationIndex: animationIndex,
+          stateIndex: stateIndex,
+          isTopLevel: isTopLevel,
+          shouldStartAnimation: shouldStartAnimation,
+          children: [{
+            props: {
+              as: 'div'
+            }
+          }]
+        });
+      }),
+      result = _renderHook5.result;
+    expect(result.current.hasList).toBe(false);
+  });
+});

package/lib/index.js

@@ -18,6 +18,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';