@box/box-ai-content-answers 1.19.4 → 1.20.0

package/dist/esm/lib/components/answer/citation.js

@@ -9,8 +9,8 @@ import { a as H } from "../../../../chunks/types.js";
 import { LOGGER_BASE_CONFIG as S, LOGGER_ACTION_CLICK as K } from "../common/constants.js";
 import { MAX_CITATION_LENGTH as P } from "./constants.js";
 import s from "./messages.js";
-import { jsxs as N, jsx as a } from "react/jsx-runtime";
-import '../../../../styles/citation.css';const q = "_citationTrigger_4yo68_1", W = "_citationStatus_4yo68_5", X = "_animate_4yo68_26", $ = "_fadeIn_4yo68_30", k = "_cardTooltip_4yo68_34", z = "_cardTooltipTitle_4yo68_38", J = "_cardTooltipCitation_4yo68_42", Q = "_cardTooltipButton_4yo68_47", o = {
+import { jsxs as N, jsx as o } from "react/jsx-runtime";
+import '../../../../styles/citation.css';const q = "_citationTrigger_4yo68_1", W = "_citationStatus_4yo68_5", X = "_animate_4yo68_26", $ = "_fadeIn_4yo68_30", k = "_cardTooltip_4yo68_34", z = "_cardTooltipTitle_4yo68_38", J = "_cardTooltipCitation_4yo68_42", Q = "_cardTooltipButton_4yo68_47", t = {
   citationTrigger: q,
   citationStatus: W,
   animate: X,
@@ -36,8 +36,8 @@ import '../../../../styles/citation.css';const q = "_citationTrigger_4yo68_1", W
   c ? T = n(s.cardTooltipTitleWithDocumentName, {
     title: c.toString()
   }) : T = n(s.cardTooltipTitle);
-  const B = D((t) => {
-    O(t), t === !0 && i && i({
+  const B = D((a) => {
+    O(a), a === !0 && i && i({
       ...S,
       feature: "answers-citations",
       target: "hovered",
@@ -69,18 +69,18 @@ import '../../../../styles/citation.css';const q = "_citationTrigger_4yo68_1", W
   return /* @__PURE__ */ N(u.Root, {
     modal: !1,
     open: g,
-    children: [/* @__PURE__ */ a(u.Trigger, {
-      className: o.citationTrigger,
+    children: [/* @__PURE__ */ o(u.Trigger, {
+      className: t.citationTrigger,
       onMouseEnter: d,
       onMouseLeave: r,
-      children: /* @__PURE__ */ a(E, {
+      children: /* @__PURE__ */ o(E, {
         ref: C,
         "aria-label": g ? f : n(s.referenceAriaLabel, {
           number: e
         }),
-        className: M(o.citationStatus, {
-          [o.animate]: p,
-          [o.fadeIn]: b
+        className: M(t.citationStatus, {
+          [t.animate]: p,
+          [t.fadeIn]: b
         }),
         colorIndex: 0,
         "data-testid": "content-answers-citation-status",
@@ -89,41 +89,40 @@ import '../../../../styles/citation.css';const q = "_citationTrigger_4yo68_1", W
         tabIndex: 0,
         text: `${e}`
       })
-    }), /* @__PURE__ */ a(u.ContentContainer, {
+    }), /* @__PURE__ */ o(u.ContentContainer, {
       "aria-label": f,
       collisionPadding: 10,
       "data-testid": "content-answers-citation-card",
       onBlur: r,
-      onCloseAutoFocus: (t) => t.preventDefault(),
+      onCloseAutoFocus: (a) => a.preventDefault(),
       onEscapeKeyDown: () => {
-        var t;
-        (t = C.current) == null || t.focus(), r();
+        C.current?.focus(), r();
       },
       onFocus: d,
       onMouseEnter: d,
       onMouseLeave: r,
-      onOpenAutoFocus: (t) => {
-        h || t.preventDefault();
+      onOpenAutoFocus: (a) => {
+        h || a.preventDefault();
       },
       side: "top",
       sideOffset: 5,
-      children: /* @__PURE__ */ a(u.MainContent, {
+      children: /* @__PURE__ */ o(u.MainContent, {
         children: /* @__PURE__ */ N("div", {
-          className: o.cardTooltip,
-          children: [/* @__PURE__ */ a(x, {
+          className: t.cardTooltip,
+          children: [/* @__PURE__ */ o(x, {
             as: "h4",
-            className: o.cardTooltipTitle,
+            className: t.cardTooltipTitle,
             variant: "bodyDefaultBold",
             children: T
-          }), /* @__PURE__ */ a(x, {
+          }), /* @__PURE__ */ o(x, {
             as: "p",
-            className: o.cardTooltipCitation,
+            className: t.cardTooltipCitation,
             color: "textOnLightDefault",
             variant: "caption",
             children: f
-          }), h && /* @__PURE__ */ a(A, {
+          }), h && /* @__PURE__ */ o(A, {
             "aria-label": n(s.cardTooltipButton),
-            className: o.cardTooltipButton,
+            className: t.cardTooltipButton,
             icon: L,
             onClick: w,
             "data-target-id": "TextButton-cardTooltipButton",

package/dist/esm/lib/components/answer/copy-button.js

@@ -3,7 +3,7 @@ import { Clipboard as C } from "@box/blueprint-web-assets/icons/Line";
 import { Clipboard as g } from "@box/blueprint-web-assets/icons/Medium";
 import { useIntl as y } from "react-intl";
 import T from "../../messages.js";
-import { LOGGER_BASE_CONFIG as I, LOGGER_ACTION_CLICK as x } from "../common/constants.js";
+import { LOGGER_ACTION_CLICK as I, LOGGER_BASE_CONFIG as x } from "../common/constants.js";
 import { focusInput as B } from "../common/focusInputUtils.js";
 import { markdownToHtmlString as v } from "../common/markdown.js";
 import a from "./messages.js";
@@ -21,8 +21,8 @@ const E = ({
     enableModernizedComponents: c
   } = b(), l = async () => {
     if (e && e({
-      ...I,
-      action: x,
+      ...x,
+      action: I,
       target: "copyToClipboard"
     }), t && navigator && navigator.clipboard && navigator.clipboard.write) {
       const i = v(t), n = new ClipboardItem({

package/dist/esm/lib/components/answer/embed-the-answer-button.js

@@ -1,65 +1,65 @@
-import { Tooltip as N, Button as I } from "@box/blueprint-web";
-import { BoxNotes as f } from "@box/blueprint-web-assets/icons/Line";
-import { useState as F, useCallback as G } from "react";
-import { useIntl as h } from "react-intl";
-import { LOGGER_BASE_CONFIG as z, LOGGER_ACTION_CLICK as E } from "../common/constants.js";
-import { focusInput as O } from "../common/focusInputUtils.js";
-import p from "./messages.js";
+import { Tooltip as h, Button as x } from "@box/blueprint-web";
+import { BoxNotes as A } from "@box/blueprint-web-assets/icons/Line";
+import { useState as b, useCallback as C } from "react";
+import { useIntl as B } from "react-intl";
+import { LOGGER_ACTION_CLICK as N, LOGGER_BASE_CONFIG as I } from "../common/constants.js";
+import { focusInput as w } from "../common/focusInputUtils.js";
+import d from "./messages.js";
 import { jsx as e } from "react/jsx-runtime";
-import '../../../../styles/embed-the-answer-button.css';const v = "_embedTheAnswerButtonContainer_1dz6d_1", L = "_embedTheAnswerButton_1dz6d_1", b = "_completedText_1dz6d_37", l = {
-  embedTheAnswerButtonContainer: v,
-  embedTheAnswerButton: L,
-  completedText: b
-}, M = ({
+import '../../../../styles/embed-the-answer-button.css';const F = "_embedTheAnswerButtonContainer_1dz6d_1", G = "_embedTheAnswerButton_1dz6d_1", z = "_completedText_1dz6d_37", a = {
+  embedTheAnswerButtonContainer: F,
+  embedTheAnswerButton: G,
+  completedText: z
+}, g = ({
   answer: o,
-  hostAppName: d,
+  hostAppName: l,
   embedTheAnswerButtonConfig: t,
   questionId: u,
-  recordAction: s,
-  variant: _
+  recordAction: p,
+  variant: T
 }) => {
   const {
-    formatMessage: n
-  } = h(), [a, m] = F(!1), x = () => {
-    !o || !(t != null && t.onAction) || a || (s == null || s({
-      ...z,
-      action: E,
+    formatMessage: r
+  } = B(), [n, c] = b(!1), _ = () => {
+    !o || !t?.onAction || n || (p?.({
+      ...I,
+      action: N,
       target: "add_to_note",
-      component: _,
+      component: T,
       data: {
-        hostAppName: d,
+        hostAppName: l,
         questionId: u || ""
       }
-    }), t.onAction(o), m(!0), setTimeout(() => {
-      m(!1);
-    }, 5e3), O());
-  }, T = G((i) => {
-    i.target.matches(":focus-visible") || i.stopPropagation();
+    }), t.onAction(o), c(!0), setTimeout(() => {
+      c(!1);
+    }, 5e3), w());
+  }, f = C((m) => {
+    m.target.matches(":focus-visible") || m.stopPropagation();
   }, []);
-  if (!o || !(t != null && t.onAction))
+  if (!o || !t?.onAction)
     return null;
-  const c = t.actionText || n(p.addToNote), r = t.completedText || n(p.addedToNote);
-  return /* @__PURE__ */ e(N, {
-    content: a ? r : c,
+  const s = t.actionText || r(d.addToNote), i = t.completedText || r(d.addedToNote);
+  return /* @__PURE__ */ e(h, {
+    content: n ? i : s,
     children: /* @__PURE__ */ e("div", {
-      className: l.embedTheAnswerButtonContainer,
-      children: a ? /* @__PURE__ */ e("span", {
-        className: l.completedText,
-        children: r
-      }) : /* @__PURE__ */ e(I, {
-        "aria-label": c,
-        className: l.embedTheAnswerButton,
-        icon: f,
-        onClick: x,
-        onFocusCapture: T,
+      className: a.embedTheAnswerButtonContainer,
+      children: n ? /* @__PURE__ */ e("span", {
+        className: a.completedText,
+        children: i
+      }) : /* @__PURE__ */ e(x, {
+        "aria-label": s,
+        className: a.embedTheAnswerButton,
+        icon: A,
+        onClick: _,
+        onFocusCapture: f,
         size: "small",
         variant: "tertiary",
-        children: c
+        children: s
       })
     })
   });
 };
 export {
-  M as EmbedTheAnswerButton,
-  M as default
+  g as EmbedTheAnswerButton,
+  g as default
 };

package/dist/esm/lib/components/answer/feedback-tooltip.js

@@ -1,53 +1,60 @@
-import { Formik as y, Form as F } from "formik";
-import { GuidedTooltip as l, Radio as c, TextArea as g, Checkbox as x, Text as I, Link as L } from "@box/blueprint-web";
-import { useIntl as P, FormattedMessage as v } from "react-intl";
-import { F as p } from "../../../../chunks/types.js";
+import { GuidedTooltip as i, Radio as r, TextArea as S, Checkbox as F, Text as g, Link as x } from "@box/blueprint-web";
+import { Formik as L, Form as I } from "formik";
+import { useIntl as w, FormattedMessage as P } from "react-intl";
+import v from "../../messages.js";
+import { F as m } from "../../../../chunks/types.js";
 import { ABUSE_FORM_PATH as N } from "./constants.js";
-import R from "../../messages.js";
 import t from "./messages.js";
-import { jsx as e, jsxs as r, Fragment as w } from "react/jsx-runtime";
-import '../../../../styles/feedback-tooltip.css';const B = "_feedbackTooltip_1y93t_1", D = "_feedbackTooltipForm_1y93t_8", E = "_feedbackTooltipTitle_1y93t_12", U = "_feedbackTooltipTextarea_1y93t_15", O = "_feedbackTooltipSubmitBtn_1y93t_18", M = "_feedbackTooltipPromptShareConsent_1y93t_21", $ = "_feedbackTooltipAbuseDisclaimer_1y93t_24", j = "_feedbackTooltipAbuseLink_1y93t_28", a = {
+import { jsx as e, jsxs as n, Fragment as R } from "react/jsx-runtime";
+import '../../../../styles/feedback-tooltip.css';const B = "_feedbackTooltip_1y93t_1", D = "_feedbackTooltipForm_1y93t_8", E = "_feedbackTooltipTitle_1y93t_12", U = "_feedbackTooltipTextarea_1y93t_15", O = "_feedbackTooltipSubmitBtn_1y93t_18", $ = "_feedbackTooltipPromptShareConsent_1y93t_21", M = "_feedbackTooltipAbuseDisclaimer_1y93t_24", j = "_feedbackTooltipAbuseLink_1y93t_28", a = {
   feedbackTooltip: B,
   feedbackTooltipForm: D,
   feedbackTooltipTitle: E,
   feedbackTooltipTextarea: U,
   feedbackTooltipSubmitBtn: O,
-  feedbackTooltipPromptShareConsent: M,
-  feedbackTooltipAbuseDisclaimer: $,
+  feedbackTooltipPromptShareConsent: $,
+  feedbackTooltipAbuseDisclaimer: M,
   feedbackTooltipAbuseLink: j
 }, z = (s) => {
-  const n = encodeURIComponent(window.location.href);
-  return /* @__PURE__ */ e(L, {
+  let l = "";
+  if (window !== window.top && document.referrer)
+    try {
+      l = new URL(document.referrer).origin;
+    } catch {
+      l = "";
+    }
+  const d = encodeURIComponent(window.location.href);
+  return /* @__PURE__ */ e(x, {
     className: a.feedbackTooltipAbuseLink,
-    href: `${N}/${n}`,
+    href: `${l}${N}/${d}`,
     rel: "noopener noreferrer",
     target: "_blank",
     children: s
   });
 }, X = ({
   children: s,
-  isOpen: n,
-  onOpenChange: T,
-  onSubmit: f,
-  shouldIncludeFeedbackText: m,
+  isOpen: l,
+  onOpenChange: d,
+  onSubmit: k,
+  shouldIncludeFeedbackText: f,
   shouldIncludePromptShareConsent: u,
   shouldShow: h
 }) => {
   const {
     formatMessage: o
-  } = P();
+  } = w();
   if (!h)
     return s;
   const _ = () => {
-    T(!1);
-  }, A = (d) => {
-    f(d);
+    d(!1);
+  }, A = (b) => {
+    k(b);
   };
-  return /* @__PURE__ */ e(l, {
+  return /* @__PURE__ */ e(i, {
     align: "end",
     className: a.feedbackTooltip,
-    closeLabel: o(R.closeButtonText),
-    content: /* @__PURE__ */ e(y, {
+    closeLabel: o(v.closeButtonText),
+    content: /* @__PURE__ */ e(L, {
       initialValues: {
         feedback: "",
         feedbackPromptShareConsent: !0,
@@ -56,62 +63,62 @@ import '../../../../styles/feedback-tooltip.css';const B = "_feedbackTooltip_1y9
       },
       onSubmit: A,
       children: ({
-        submitForm: d,
-        setFieldValue: b,
+        submitForm: b,
+        setFieldValue: p,
         values: {
           feedback: C,
-          feedbackPromptShareConsent: S,
-          issueType: k
+          feedbackPromptShareConsent: y,
+          issueType: T
         }
-      }) => /* @__PURE__ */ r(w, {
-        children: [/* @__PURE__ */ r(l.Body, {
-          children: [/* @__PURE__ */ e(l.Title, {
+      }) => /* @__PURE__ */ n(R, {
+        children: [/* @__PURE__ */ n(i.Body, {
+          children: [/* @__PURE__ */ e(i.Title, {
             className: a.feedbackTooltipTitle,
             children: o(t.feedbackTooltipTitle)
-          }), /* @__PURE__ */ r(F, {
+          }), /* @__PURE__ */ n(I, {
             className: a.feedbackTooltipForm,
-            children: [/* @__PURE__ */ e(c.Legend, {
+            children: [/* @__PURE__ */ e(r.Legend, {
               header: o(t.feedbackTooltipIssueTypeLabel),
-              children: /* @__PURE__ */ r(c.Group, {
+              children: /* @__PURE__ */ n(r.Group, {
                 defaultValue: "",
                 loop: !0,
                 name: "issueType",
-                onValueChange: (i) => b("issueType", i),
+                onValueChange: (c) => p("issueType", c),
                 orientation: "vertical",
-                value: k,
-                children: [/* @__PURE__ */ e(c.Item, {
+                value: T,
+                children: [/* @__PURE__ */ e(r.Item, {
                   label: o(t.feedbackTooltipIssueTypeAnswer1),
-                  value: p.INACCURATE_ANSWER
-                }), /* @__PURE__ */ e(c.Item, {
+                  value: m.INACCURATE_ANSWER
+                }), /* @__PURE__ */ e(r.Item, {
                   label: o(t.feedbackTooltipIssueTypeAnswer2),
-                  value: p.DID_NOT_FOLLOW_REQUEST
-                }), /* @__PURE__ */ e(c.Item, {
+                  value: m.DID_NOT_FOLLOW_REQUEST
+                }), /* @__PURE__ */ e(r.Item, {
                   label: o(t.feedbackTooltipIssueTypeAnswer3),
-                  value: p.OTHER
+                  value: m.OTHER
                 })]
               })
-            }), m && /* @__PURE__ */ e(g, {
+            }), f && /* @__PURE__ */ e(S, {
               className: a.feedbackTooltipTextarea,
               label: o(t.feedbackTooltipFeedbackLabel),
               maxRows: 4,
               minRows: 4,
-              onChange: (i) => b("feedback", i.target.value),
+              onChange: (c) => p("feedback", c.target.value),
               placeholder: o(t.feedbackTooltipFeedbackPlaceholder),
               value: C
-            }), u && /* @__PURE__ */ e(x.Item, {
-              checked: S,
+            }), u && /* @__PURE__ */ e(F.Item, {
+              checked: y,
               className: a.feedbackTooltipPromptShareConsent,
               "data-target-id": "Checkbox.Item-boxAiFeedbackPromptShareConsent",
               label: o(t.feedbackTooltipPromptShareConsent),
-              onCheckedChange: (i) => {
-                b("feedbackPromptShareConsent", i);
+              onCheckedChange: (c) => {
+                p("feedbackPromptShareConsent", c);
               },
               value: "feedbackPromptShareConsent"
-            }), m && /* @__PURE__ */ e(I, {
+            }), f && /* @__PURE__ */ e(g, {
               as: "p",
               className: a.feedbackTooltipAbuseDisclaimer,
               variant: "caption",
-              children: /* @__PURE__ */ e(v, {
+              children: /* @__PURE__ */ e(P, {
                 ...t.feedbackTooltipAbuseDisclaimer,
                 values: {
                   abuseFormLink: z
@@ -119,23 +126,23 @@ import '../../../../styles/feedback-tooltip.css';const B = "_feedbackTooltip_1y9
               })
             })]
           })]
-        }), /* @__PURE__ */ r(l.Footer, {
-          children: [/* @__PURE__ */ e(l.Footer.SecondaryAction, {
+        }), /* @__PURE__ */ n(i.Footer, {
+          children: [/* @__PURE__ */ e(i.Footer.SecondaryAction, {
             onClick: _,
             size: "large",
             children: o(t.feedbackTooltipCancel)
-          }), /* @__PURE__ */ e(l.Footer.PrimaryAction, {
+          }), /* @__PURE__ */ e(i.Footer.PrimaryAction, {
             className: a.feedbackTooltipSubmitBtn,
-            disabled: !k,
-            onClick: () => d(),
+            disabled: !T,
+            onClick: () => b(),
             size: "large",
             children: o(t.feedbackTooltipSubmit)
           })]
         })]
       })
     }),
-    onOpenChange: T,
-    open: n,
+    onOpenChange: d,
+    open: l,
     side: "left",
     children: s
   });

package/dist/esm/lib/components/answer/inline-error.js

@@ -1,6 +1,6 @@
 import { Text as _ } from "@box/blueprint-web";
 import { AlertTriangle as N } from "@box/blueprint-web-assets/icons/Line";
-import { TextTextDestructiveOnLight as x, Size4 as c } from "@box/blueprint-web-assets/tokens/tokens";
+import { Size4 as c, TextTextDestructiveOnLight as x } from "@box/blueprint-web-assets/tokens/tokens";
 import * as m from "react";
 import { useIntl as T } from "react-intl";
 import { A as i } from "../../../../chunks/types.js";

package/dist/esm/lib/components/answer/loading-indicator.js

@@ -1,23 +1,20 @@
 import t from "clsx";
-import { useIntl as a } from "react-intl";
-import d from "./messages.js";
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import '../../../../styles/loading-indicator.css';const r = "_loadingDots_ozros_1", _ = "_dot_ozros_10", m = "_dot1_ozros_22", c = "_dot1Animation_ozros_1", e = "_dot2_ozros_25", l = "_dot2Animation_ozros_1", A = "_dot3_ozros_28", p = "_dot3Animation_ozros_1", o = {
-  loadingDots: r,
-  dot: _,
-  dot1: m,
-  dot1Animation: c,
-  dot2: e,
-  dot2Animation: l,
-  dot3: A,
-  dot3Animation: p
+import { useIntl as d } from "react-intl";
+import n from "./messages.js";
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import '../../../../styles/loading-indicator.css';const e = "_loadingDots_ozros_1", i = "_dot_ozros_10", l = "_dot1_ozros_22", c = "_dot2_ozros_25", _ = "_dot3_ozros_28", o = {
+  loadingDots: e,
+  dot: i,
+  dot1: l,
+  dot2: c,
+  dot3: _
 };
-function x() {
+function z() {
   const {
-    formatMessage: n
-  } = a();
-  return /* @__PURE__ */ i("div", {
-    "aria-label": n(d.loadingAnswer),
+    formatMessage: a
+  } = d();
+  return /* @__PURE__ */ r("div", {
+    "aria-label": a(n.loadingAnswer),
     "aria-live": "polite",
     className: o.loadingDots,
     role: "status",
@@ -31,5 +28,5 @@ function x() {
   });
 }
 export {
-  x as LoadingIndicator
+  z as LoadingIndicator
 };

package/dist/esm/lib/components/answer/references.js

@@ -1,24 +1,24 @@
-import { Text as g } from "@box/blueprint-web";
-import { useEffect as i } from "react";
+import { Text as u } from "@box/blueprint-web";
+import { useEffect as g } from "react";
 import { useIntl as w } from "react-intl";
 import { LOGGER_BASE_CONFIG as b } from "../common/constants.js";
 import { Citation as N } from "./citation.js";
 import _ from "./messages.js";
 import { NoCitationsIcon as x } from "./no-citations.js";
-import { jsx as r, jsxs as l, Fragment as C } from "react/jsx-runtime";
-import '../../../../styles/references.css';const O = "_label_1wqmn_1", t = {
+import { jsx as s, jsxs as o, Fragment as C } from "react/jsx-runtime";
+import '../../../../styles/references.css';const O = "_label_1wqmn_1", r = {
   label: O
 }, R = ({
-  animate: m = !0,
+  animate: l = !0,
   citations: e,
-  recordAction: s,
-  onCitationClick: o
+  recordAction: t,
+  onCitationClick: m
 }) => {
   const a = e && e.length > 0, {
     formatMessage: f
   } = w();
-  return i(() => {
-    a && s && s({
+  return g(() => {
+    a && t && t({
       ...b,
       feature: "answers-citations",
       target: "shown",
@@ -26,41 +26,41 @@ import '../../../../styles/references.css';const O = "_label_1wqmn_1", t = {
         count: e.length
       }
     });
-  }, []), e === null ? /* @__PURE__ */ r("div", {
-    className: t.references,
+  }, []), e === null ? /* @__PURE__ */ s("div", {
+    className: r.references,
     "data-testid": "content-answers-references-null"
-  }) : /* @__PURE__ */ l("div", {
-    className: t.references,
+  }) : /* @__PURE__ */ o("div", {
+    className: r.references,
     "data-testid": "content-answers-references",
-    children: [a && /* @__PURE__ */ l(C, {
-      children: [/* @__PURE__ */ r(g, {
+    children: [a && /* @__PURE__ */ o(C, {
+      children: [/* @__PURE__ */ s(u, {
         as: "span",
-        className: t.label,
+        className: r.label,
         color: "textOnLightSecondary",
         "data-testid": "content-answers-references-label",
         variant: "caption",
         children: f(_.basedOn)
       }), e.map(({
         content: c,
-        location: d,
-        title: p,
-        fileId: h,
-        source: u
+        location: i,
+        title: d,
+        fileId: p,
+        source: h
       }, n) => (
         // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ r(N, {
-          animate: m,
+        /* @__PURE__ */ s(N, {
+          animate: l,
           content: c,
-          fileId: h,
+          fileId: p,
           id: n + 1,
-          onCitationClick: o,
-          recordAction: s,
-          source: u,
-          title: p
-        }, `${d}-${n + 1}`)
+          onCitationClick: m,
+          recordAction: t,
+          source: h,
+          title: d
+        }, `${i}-${n + 1}`)
       ))]
-    }), (e == null ? void 0 : e.length) === 0 && /* @__PURE__ */ r(x, {
-      recordAction: s
+    }), e?.length === 0 && /* @__PURE__ */ s(x, {
+      recordAction: t
     })]
   });
 };