aov-agent 1.0.0 → 1.0.1

package/dist/agent-ui/components/Assistant/AssistantWidget/AssistantWidget.scss

@@ -0,0 +1,211 @@
+.AOV-Sidekick__Container {
+  position: relative;
+  background-color: #fff;
+  height: 100%;
+  padding-bottom: 5px;
+
+  .Polaris-Spinner--sizeSmall {
+    height: 20px;
+  }
+}
+
+.AOV-Sidekick__Loading {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+
+.assistant-markdown-text {
+  // Container for markdown content rendering
+}
+
+.aui-thread-root {
+  height: 100%;
+  font-family: Arial, Helvetica, sans-serif;
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 20px;
+  button {
+    cursor: pointer;
+  }
+  .aui-thread-message-content {
+    font-size: 14px;
+  }
+  .aui-avatar-root img {
+    width: 32px;
+    height: 32px;
+    max-width: 32px;
+    max-height: 32px;
+    border-radius: 16px;
+  }
+  .aui-thread-viewport {
+    flex: 1;
+    overflow-y: auto;
+    scrollbar-width: thin;
+    padding: 1rem 0;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    .aui-thread-welcome-root {
+      text-align: center;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 8rem;
+      justify-content: center;
+      height: 100%;
+      padding: 1rem;
+      .aui-thread-welcome-center {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 8px;
+      }
+      .aui-thread-welcome-message {
+        font-weight: 500;
+      }
+    }
+    .aui-thread-welcome-suggestion-container {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 0.75rem;
+      width: 100%;
+      max-width: 500px;
+      margin: 0 auto;
+      .aui-thread-welcome-suggestion {
+        font-family: Arial, Helvetica, sans-serif !important;
+        background-color: transparent;
+        border: 1px solid #e0e0e0;
+        border-radius: 10px;
+        padding: 6px 12px;
+        font-size: 12px;
+        cursor: pointer;
+        font-weight: 500;
+      }
+    }
+    .aui-user-message-root {
+      padding: 1px 12px;
+      display: flex;
+      justify-content: flex-end;
+      margin-left: 2rem;
+      .aui-user-message-content {
+        width: fit-content;
+        padding: 4px 12px;
+        background-color: rgb(241, 241, 241);
+        border-radius: 10px;
+        p {
+          word-break: break-word;
+        }
+      }
+    }
+    .aui-assistant-message-root {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 6px;
+      padding: 1px 12px;
+      margin-right: 6px;
+      .aui-assistant-message-content {
+        width: calc(100% - 40px);
+        max-width: 100%;
+      }
+      .aui-assistant-action-bar-root {
+        height: 20px;
+        left: 0px;
+        &[data-floating='true'] {
+          display: none;
+        }
+      }
+      .aui-branch-picker-root {
+        display: flex;
+        align-items: center;
+      }
+    }
+    img {
+      display: block;
+      width: 100%;
+      height: auto;
+      object-fit: contain;
+    }
+  }
+  .aui-thread-viewport-footer {
+    height: fit-content;
+    min-height: 85px;
+    display: flex;
+    flex-direction: column;
+    justify-content: end;
+    width: 100%;
+    padding: 12px;
+    background-color: #fff;
+    gap: 8px;
+    .aui-composer-root {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 4px 8px;
+      border: 1px solid #e0e0e0;
+      border-radius: 16px;
+      background-color: #ffffff;
+      .aui-composer-input {
+        width: 100%;
+        font-family: Arial, Helvetica, sans-serif;
+        resize: none;
+        border: none;
+        outline: none;
+        background-color: transparent;
+        font-size: 12px;
+        padding-left: 6px;
+        scrollbar-width: none;
+        max-height: 200px;
+      }
+    }
+  }
+  .aui-button {
+    border: none;
+    height: 24px;
+    background-color: transparent;
+    svg {
+      width: 16px;
+      height: 16px;
+    }
+    span {
+      display: none;
+    }
+  }
+}
+
+.Polaris-Scrollable {
+  scrollbar-width: thin;
+  li {
+    .AOV-Sidekick__ChatItem {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      flex-wrap: nowrap;
+      position: relative;
+      gap: 4px;
+      > span {
+        width: 100%;
+      }
+      .AOV-Sidekick__ChatAction {
+        display: none;
+        position: absolute;
+        right: 0;
+      }
+      > div:first-child {
+        width: calc(100% - 50px);
+      }
+    }
+    &:hover {
+      .AOV-Sidekick__ChatItem {
+        > span {
+          width: calc(100% - 60px);
+        }
+        .AOV-Sidekick__ChatAction {
+          display: flex;
+        }
+      }
+    }
+  }
+}
+

package/dist/agent-ui/components/Assistant/AssistantWidget/components/CampaignRendered.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { useDispatch } from "react-redux";
+import { useNavigate } from "react-router-dom";
+import { Card, BlockStack, Text, Button } from "@shopify/polaris";
+var CampaignRendered = function CampaignRendered(_ref) {
+  var campaignType = _ref.campaignType,
+    campaign = _ref.campaign;
+  var dispatch = useDispatch();
+  var navigate = useNavigate();
+  var handleCampaign = function handleCampaign() {
+    // TODO: Implement campaign handling logic
+    // This is a placeholder - implement based on your business logic
+    console.log("Handle campaign", campaignType, campaign);
+  };
+  return /*#__PURE__*/React.createElement(Card, {
+    padding: "400"
+  }, /*#__PURE__*/React.createElement(BlockStack, {
+    gap: "200"
+  }, /*#__PURE__*/React.createElement(Text, {
+    as: "span",
+    variant: "bodySm",
+    fontWeight: "medium",
+    alignment: "center"
+  }, "Campaign type: ", campaignType), /*#__PURE__*/React.createElement(Button, {
+    tone: "success",
+    variant: "primary",
+    onClick: handleCampaign
+  }, "Preview")));
+};
+export default CampaignRendered;

package/dist/agent-ui/components/Assistant/AssistantWidget/components/ListChat.js

@@ -0,0 +1,129 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import { ActionList, Button, Text, TextField, Tooltip } from "@shopify/polaris";
+import { CheckIcon, DeleteIcon, EditIcon, XIcon } from "@shopify/polaris-icons";
+
+/**
+ * ListChat - Component for displaying and managing chat thread history
+ *
+ * @param {Array} threads - Array of thread groups
+ * @param {Function} setThread - Function to set active thread
+ * @param {Function} deleteThread - Function to delete a thread
+ * @param {Function} updateThread - Function to update thread title
+ * @returns {React.ReactElement|null} List of chat threads
+ */
+var ListChat = function ListChat(_ref) {
+  var threads = _ref.threads,
+    setThread = _ref.setThread,
+    deleteThread = _ref.deleteThread,
+    updateThread = _ref.updateThread;
+  if (!threads.length) return null;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    editThread = _useState2[0],
+    setEditThread = _useState2[1];
+  return /*#__PURE__*/React.createElement(ActionList, {
+    actionRole: "chat-item",
+    sections: threads.map(function (thread) {
+      return {
+        title: thread.title,
+        items: thread.items.map(function (item) {
+          return {
+            content: /*#__PURE__*/React.createElement("div", {
+              className: "AOV-Sidekick__ChatItem"
+            }, (editThread === null || editThread === void 0 ? void 0 : editThread.id) === item.id ? /*#__PURE__*/React.createElement("div", {
+              onClick: function onClick(e) {
+                e.stopPropagation();
+              },
+              onKeyDown: function onKeyDown(e) {
+                e.stopPropagation();
+                if (e.key === " ") {
+                  e.preventDefault();
+                  setEditThread(_objectSpread(_objectSpread({}, editThread), {}, {
+                    title: editThread.title + " "
+                  }));
+                }
+                if (e.key === "Enter") {
+                  setEditThread(null);
+                  updateThread(editThread);
+                }
+              }
+            }, /*#__PURE__*/React.createElement(TextField, {
+              value: editThread.title,
+              onChange: function onChange(value) {
+                return setEditThread(_objectSpread(_objectSpread({}, editThread), {}, {
+                  title: value
+                }));
+              }
+            })) : /*#__PURE__*/React.createElement(Tooltip, {
+              content: item.title
+            }, /*#__PURE__*/React.createElement(Text, {
+              truncate: true
+            }, item.title)), /*#__PURE__*/React.createElement("div", {
+              className: "AOV-Sidekick__ChatAction"
+            }, (editThread === null || editThread === void 0 ? void 0 : editThread.id) !== item.id ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+              icon: EditIcon,
+              variant: "plain",
+              onClick: function onClick(e) {
+                e.stopPropagation();
+                setEditThread(item);
+              }
+            }), /*#__PURE__*/React.createElement(Button, {
+              icon: DeleteIcon,
+              variant: "plain",
+              tone: "critical",
+              onClick: function onClick(e) {
+                e.stopPropagation();
+                deleteThread(item === null || item === void 0 ? void 0 : item.id);
+              }
+            })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+              icon: CheckIcon,
+              variant: "plain",
+              onClick: function onClick(e) {
+                e.stopPropagation();
+                setEditThread(null);
+                updateThread(editThread);
+              }
+            }), /*#__PURE__*/React.createElement(Button, {
+              icon: XIcon,
+              variant: "plain",
+              onClick: function onClick(e) {
+                e.stopPropagation();
+                setEditThread(null);
+              }
+            })))),
+            id: item.id,
+            onAction: function onAction() {
+              return setThread(item);
+            }
+          };
+        })
+      };
+    })
+  });
+};
+ListChat.propTypes = {
+  threads: PropTypes.arrayOf(PropTypes.shape({
+    title: PropTypes.string,
+    items: PropTypes.arrayOf(PropTypes.shape({
+      id: PropTypes.string,
+      title: PropTypes.string
+    }))
+  })).isRequired,
+  setThread: PropTypes.func.isRequired,
+  deleteThread: PropTypes.func.isRequired,
+  updateThread: PropTypes.func.isRequired
+};
+export default ListChat;

package/dist/agent-ui/components/Assistant/Markdown/MarkdownText.js

@@ -0,0 +1,228 @@
+var _excluded = ["className"],
+  _excluded2 = ["children"],
+  _excluded3 = ["className", "children"],
+  _excluded4 = ["children"],
+  _excluded5 = ["children"],
+  _excluded6 = ["children"],
+  _excluded7 = ["children"],
+  _excluded8 = ["children"],
+  _excluded9 = ["children"],
+  _excluded0 = ["children"],
+  _excluded1 = ["children"],
+  _excluded10 = ["children"],
+  _excluded11 = ["children"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { memo } from 'react';
+import { MarkdownTextPrimitive, unstable_memoizeMarkdownComponents as memoizeMarkdownComponents } from '@assistant-ui/react-markdown';
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { vscDarkPlus } from 'react-syntax-highlighter/dist/esm/styles/prism';
+import "./MarkdownText.scss";
+var detectLanguage = function detectLanguage(code) {
+  if (!code || typeof code !== 'string') return 'plaintext';
+  var patterns = {
+    javascript: /(?:import\s+.*from|export\s+(?:default|const)|function\s+\w+|const\s+\w+\s*=|let\s+\w+\s*=|var\s+\w+\s*=|useJoyLoyalty|useState|useEffect|React)/,
+    jsx: /(?:<[A-Z]\w*|<div|<span|className=|onClick=|useState|useEffect)/,
+    bash: /(?:^npm\s|^yarn\s|^npx\s|^git\s|^cd\s|^mkdir\s|^ls\s|^echo\s|\$\w+|--?\w+)/m,
+    json: /^\s*\{[\s\S]*\}\s*$/,
+    python: /(?:def\s+\w+|import\s+\w+|from\s+\w+|class\s+\w+|if\s+__name__|print\()/,
+    css: /(?:^\.[\w-]+\s*\{|^#[\w-]+\s*\{|@media|:hover|padding:|margin:|color:|background:)/m,
+    html: /(?:<!DOCTYPE|<html|<head|<body|<meta|<link|<script)/i,
+    typescript: /(?:interface\s+\w+|type\s+\w+|:\s*string|:\s*number|:\s*boolean|export\s+interface)/
+  };
+  for (var _i = 0, _Object$entries = Object.entries(patterns); _i < _Object$entries.length; _i++) {
+    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+      lang = _Object$entries$_i[0],
+      pattern = _Object$entries$_i[1];
+    if (pattern.test(code)) {
+      if (lang === 'jsx') return 'javascript';
+      if (lang === 'typescript') return 'javascript';
+      return lang;
+    }
+  }
+  return 'javascript';
+};
+var HighlightedCodeBlock = /*#__PURE__*/memo(function (_ref) {
+  var language = _ref.language,
+    children = _ref.children;
+  var codeString = typeof children === 'string' ? children : Array.isArray(children) ? children.join('') : String(children);
+  var detectedLanguage = language || detectLanguage(codeString);
+  if (!SyntaxHighlighter) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "aui-md-code-block-wrapper"
+    }, detectedLanguage && /*#__PURE__*/React.createElement("div", {
+      className: "aui-md-code-block-header"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "aui-md-code-block-lang"
+    }, detectedLanguage)), /*#__PURE__*/React.createElement("pre", {
+      className: "aui-md-pre"
+    }, /*#__PURE__*/React.createElement("code", {
+      className: "aui-md-code language-".concat(detectedLanguage || 'plaintext')
+    }, codeString)));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "aui-md-code-block-wrapper"
+  }, detectedLanguage && /*#__PURE__*/React.createElement("div", {
+    className: "aui-md-code-block-header"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "aui-md-code-block-lang"
+  }, detectedLanguage)), /*#__PURE__*/React.createElement(SyntaxHighlighter, {
+    language: detectedLanguage,
+    style: vscDarkPlus,
+    customStyle: {
+      margin: 0,
+      padding: '12px 16px',
+      backgroundColor: '#1e1e1e',
+      fontSize: '13px',
+      lineHeight: '1.5',
+      borderRadius: 0,
+      fontFamily: "'Monaco', 'Menlo', 'Ubuntu Mono', 'Courier New', monospace"
+    },
+    showLineNumbers: false,
+    wrapLines: true,
+    codeTagProps: {
+      style: {
+        fontSize: '13px',
+        fontFamily: "'Monaco', 'Menlo', 'Ubuntu Mono', 'Courier New', monospace"
+      }
+    }
+  }, codeString));
+});
+HighlightedCodeBlock.displayName = 'HighlightedCodeBlock';
+var defaultComponents = memoizeMarkdownComponents({
+  a: function a(_ref2) {
+    var className = _ref2.className,
+      props = _objectWithoutProperties(_ref2, _excluded);
+    return /*#__PURE__*/React.createElement("a", _extends({
+      className: "aui-md-a ".concat(className || '')
+    }, props, {
+      target: "_blank",
+      rel: "noopener noreferrer"
+    }));
+  },
+  pre: function pre(_ref3) {
+    var children = _ref3.children,
+      props = _objectWithoutProperties(_ref3, _excluded2);
+    var codeElement = children;
+    if (codeElement && codeElement.props) {
+      var className = codeElement.props.className || '';
+      var match = /language-(\w+)/.exec(className);
+      var language = match ? match[1] : '';
+      var codeContent = codeElement.props.children;
+      if (language || codeContent) {
+        return /*#__PURE__*/React.createElement(HighlightedCodeBlock, {
+          language: language
+        }, codeContent);
+      }
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: "aui-md-code-block-wrapper"
+    }, /*#__PURE__*/React.createElement("pre", _extends({
+      className: "aui-md-pre"
+    }, props), children));
+  },
+  code: function code(_ref4) {
+    var className = _ref4.className,
+      children = _ref4.children,
+      props = _objectWithoutProperties(_ref4, _excluded3);
+    if (className && String(className).includes('language-')) {
+      return /*#__PURE__*/React.createElement("code", _extends({
+        className: String(className)
+      }, props), children);
+    }
+    return /*#__PURE__*/React.createElement("code", _extends({
+      className: "aui-md-code-inline"
+    }, props), children);
+  },
+  h1: function h1(_ref5) {
+    var children = _ref5.children,
+      props = _objectWithoutProperties(_ref5, _excluded4);
+    return /*#__PURE__*/React.createElement("h1", _extends({
+      className: "aui-md-h1"
+    }, props), children);
+  },
+  h2: function h2(_ref6) {
+    var children = _ref6.children,
+      props = _objectWithoutProperties(_ref6, _excluded5);
+    return /*#__PURE__*/React.createElement("h2", _extends({
+      className: "aui-md-h2"
+    }, props), children);
+  },
+  h3: function h3(_ref7) {
+    var children = _ref7.children,
+      props = _objectWithoutProperties(_ref7, _excluded6);
+    return /*#__PURE__*/React.createElement("h3", _extends({
+      className: "aui-md-h3"
+    }, props), children);
+  },
+  h4: function h4(_ref8) {
+    var children = _ref8.children,
+      props = _objectWithoutProperties(_ref8, _excluded7);
+    return /*#__PURE__*/React.createElement("h4", _extends({
+      className: "aui-md-h4"
+    }, props), children);
+  },
+  ul: function ul(_ref9) {
+    var children = _ref9.children,
+      props = _objectWithoutProperties(_ref9, _excluded8);
+    return /*#__PURE__*/React.createElement("ul", _extends({
+      className: "aui-md-ul"
+    }, props), children);
+  },
+  ol: function ol(_ref0) {
+    var children = _ref0.children,
+      props = _objectWithoutProperties(_ref0, _excluded9);
+    return /*#__PURE__*/React.createElement("ol", _extends({
+      className: "aui-md-ol"
+    }, props), children);
+  },
+  li: function li(_ref1) {
+    var children = _ref1.children,
+      props = _objectWithoutProperties(_ref1, _excluded0);
+    return /*#__PURE__*/React.createElement("li", _extends({
+      className: "aui-md-li"
+    }, props), children);
+  },
+  blockquote: function blockquote(_ref10) {
+    var children = _ref10.children,
+      props = _objectWithoutProperties(_ref10, _excluded1);
+    return /*#__PURE__*/React.createElement("blockquote", _extends({
+      className: "aui-md-blockquote"
+    }, props), children);
+  },
+  strong: function strong(_ref11) {
+    var children = _ref11.children,
+      props = _objectWithoutProperties(_ref11, _excluded10);
+    return /*#__PURE__*/React.createElement("strong", _extends({
+      className: "aui-md-strong"
+    }, props), children);
+  },
+  em: function em(_ref12) {
+    var children = _ref12.children,
+      props = _objectWithoutProperties(_ref12, _excluded11);
+    return /*#__PURE__*/React.createElement("em", _extends({
+      className: "aui-md-em"
+    }, props), children);
+  }
+});
+var MarkdownTextImpl = function MarkdownTextImpl(props) {
+  try {
+    return /*#__PURE__*/React.createElement(MarkdownTextPrimitive, _extends({
+      className: "aui-md",
+      components: defaultComponents
+    }, props));
+  } catch (error) {
+    console.error('Markdown rendering error:', error);
+    return /*#__PURE__*/React.createElement("div", {
+      className: "aui-md"
+    }, props.children || props.content);
+  }
+};
+export var MarkdownText = /*#__PURE__*/memo(MarkdownTextImpl);