@box/box-ai-content-answers 0.150.0 → 0.152.0

package/dist/esm/lib/components/common/markdown-react.js

@@ -1,99 +1,121 @@
-import i from "react-markdown";
-import d from "remark-gfm";
-import { jsxs as a, jsx as n } from "react/jsx-runtime";
-const m = ({
+import d from "react-markdown";
+import h from "remark-gfm";
+import { isBoxCitation as f } from "../../utils/inlineCitationsUtils.js";
+import u from "./inline-citation.js";
+import { s as t } from "../../../../chunks/markdown.module.js";
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+const N = ({
   children: e,
-  className: t
+  className: o
 }) => {
-  const o = t ? t.replace("language-", "") : "";
-  return /* @__PURE__ */ a("div", {
-    className: "hljs",
+  const r = o ? o.replace("language-", "") : "", s = (i) => i.trim().split(/\r?\n/).map((a, m) => /* @__PURE__ */ c("div", {
+    className: "hljs-line",
     children: [/* @__PURE__ */ n("span", {
-      className: "hljs-language",
-      children: o || "auto"
+      className: "hljs-line-number",
+      children: m + 1
+    }), /* @__PURE__ */ n("span", {
+      className: "hljs-line-content",
+      children: a
+    })]
+  }, `line-${a.substring(0, 20)}-${Date.now()}`));
+  return /* @__PURE__ */ c("div", {
+    className: t.hljs,
+    children: [/* @__PURE__ */ n("span", {
+      className: t.hljsLanguage,
+      children: r || "auto"
     }), /* @__PURE__ */ n("code", {
-      children: ((s) => s.trim().split(/\r?\n/).map((c, l) => /* @__PURE__ */ a("div", {
-        className: "hljs-line",
-        children: [/* @__PURE__ */ n("span", {
-          className: "hljs-line-number",
-          children: l + 1
-        }), /* @__PURE__ */ n("span", {
-          className: "hljs-line-content",
-          children: c
-        })]
-      }, `line-${c.substring(0, 20)}-${Date.now()}`)))(e)
+      children: s(e)
     })]
   });
-}, u = ({
+}, k = ({
   children: e
 }) => /* @__PURE__ */ n("div", {
-  className: "table-wrapper",
+  className: t.tableWrapper,
   children: /* @__PURE__ */ n("table", {
     children: e
   })
-}), h = ({
+}), b = ({
   href: e,
-  children: t
-}) => /* @__PURE__ */ a("span", {
-  children: [t, " (", e, ")"]
-}), f = ({
+  children: o
+}) => /* @__PURE__ */ c("span", {
+  children: [o, " (", e, ")"]
+}), g = ({
   children: e
 }) => /* @__PURE__ */ n("blockquote", {
-  className: "blockquote",
+  className: t.blockquote,
   children: e
-}), N = ({
+}), j = ({
   children: e
 }) => /* @__PURE__ */ n("ol", {
-  className: "orderedList",
+  className: t.orderedList,
   children: e
-}), b = ({
+}), x = ({
   children: e
 }) => {
-  var o;
-  const t = ((o = e == null ? void 0 : e.toString().match(/^(\d+)/)) == null ? void 0 : o[1]) || e;
+  var r;
+  const o = ((r = e == null ? void 0 : e.toString().match(/^(\d+)/)) == null ? void 0 : r[1]) || e;
   return /* @__PURE__ */ n("span", {
-    className: "footnote",
-    children: t
+    className: t.footnote,
+    children: o
   });
-}, k = {
-  code: m,
-  table: u,
-  blockquote: f,
-  ol: N,
-  sup: b,
+}, C = {
+  code: N,
+  table: k,
+  blockquote: g,
+  ol: j,
+  sup: x,
   // Handle footnote references
+  // Custom paragraph component to handle inline elements properly
+  p: ({
+    children: e
+  }) => /* @__PURE__ */ n("div", {
+    className: t.inlineParagraph,
+    children: e
+  }),
   // Handle footnote references that might be rendered as links
   a: (e) => {
-    var t, o, r;
-    if ((t = e.href) != null && t.startsWith("#user-content-fn")) {
-      const s = ((r = (o = e.children) == null ? void 0 : o.toString().match(/^(\d+)/)) == null ? void 0 : r[1]) || e.children;
+    var r, s, i, l;
+    if ((r = e.href) != null && r.startsWith("#user-content-fn")) {
+      const a = ((i = (s = e.children) == null ? void 0 : s.toString().match(/^(\d+)/)) == null ? void 0 : i[1]) || e.children;
       return /* @__PURE__ */ n("a", {
-        className: "footnote-reference",
+        className: t.footnoteReference,
         href: e.href,
-        children: s
+        children: a
+      });
+    }
+    if (e.href && f(e.href)) {
+      const a = ((l = e.children) == null ? void 0 : l.toString()) || "";
+      return /* @__PURE__ */ n("span", {
+        style: {
+          display: "inline-block"
+        },
+        children: /* @__PURE__ */ n(u, {
+          fileName: a,
+          href: e.href
+        })
       });
     }
-    return /* @__PURE__ */ n(h, {
+    return /* @__PURE__ */ n(b, {
       href: e.href,
       children: e.children
     });
   }
-}, q = ({
+}, y = ({
   children: e
 }) => /* @__PURE__ */ n("div", {
-  className: "markdown-content",
-  children: /* @__PURE__ */ n(i, {
-    components: k,
-    remarkPlugins: [d],
+  className: t.markdownContent,
+  children: /* @__PURE__ */ n(d, {
+    components: C,
+    remarkPlugins: [h],
     children: e
   })
 });
 export {
-  f as Blockquote,
-  m as CodeBlock,
-  b as Footnote,
-  h as Link,
-  N as Ol,
-  u as Table,
-  q as default
+  g as Blockquote,
+  N as CodeBlock,
+  x as Footnote,
+  b as Link,
+  j as Ol,
+  k as Table,
+  y as default
 };