@cccsaurora/clue-ui 1.3.0-dev.404 → 1.3.0

package/components/enrichment/EnrichPopover.js

@@ -1,87 +1,79 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useTheme, Tooltip, IconButton, CircularProgress, Button, Popover, Paper, Stack, Box, Typography, Divider } from "@mui/material";
-import { e as useClueComponentSelector, f as useClueEnrichSelector, c as capitalize } from "../../ActionForm-CqKcnDWC.js";
-import { useState, useRef, useCallback, useEffect } from "react";
-import Iconified from "../display/icons/Iconified.js";
-const EnrichPopover = ({ show = false, size = "small", selector }) => {
-  const { t } = useClueComponentSelector((ctx) => ctx.i18next);
-  const theme = useTheme();
-  const availableSources = useClueEnrichSelector((ctx) => ctx.availableSources);
-  const _enrich = useClueEnrichSelector((ctx) => ctx.enrich);
-  const [showEnrichMenu, setShowEnrichMenu] = useState(show);
-  const [loading, setLoading] = useState(false);
-  const enrichEl = useRef(null);
-  const enrich = useCallback(
-    async (_source) => {
-      setLoading(true);
+import { jsxs as y, Fragment as C, jsx as e } from "react/jsx-runtime";
+import { useTheme as k, Tooltip as S, IconButton as E, CircularProgress as d, Button as z, Popover as I, Paper as j, Stack as c, Box as P, Typography as B, Divider as O } from "@mui/material";
+import { e as T, f as p, c as w } from "../../ActionForm-CHOSKfvu.js";
+import { useState as m, useRef as M, useCallback as D, useEffect as F } from "react";
+import g from "../display/icons/Iconified.js";
+const H = ({ show: t = !1, size: b = "small", selector: n }) => {
+  const { t: s } = T((i) => i.i18next), h = k(), a = p((i) => i.availableSources), u = p((i) => i.enrich), [x, o] = m(t), [r, f] = m(!1), l = M(null), v = D(
+    async (i) => {
+      f(!0);
       try {
-        await _enrich(selector.type, selector.value, {
-          classification: selector.classification,
+        await u(n.type, n.value, {
+          classification: n.classification,
           timeout: 30,
-          force: true,
-          noCache: true,
-          sources: [_source],
-          append: true
+          force: !0,
+          noCache: !0,
+          sources: [i],
+          append: !0
         });
       } finally {
-        setLoading(false);
+        f(!1);
       }
     },
-    [_enrich, selector.classification, selector.type, selector.value]
+    [u, n.classification, n.type, n.value]
   );
-  useEffect(() => {
-    setShowEnrichMenu(show);
-  }, [show]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    size === "small" ? /* @__PURE__ */ jsx(Tooltip, { ref: enrichEl, title: t("enrich"), children: /* @__PURE__ */ jsx("span", { style: { alignSelf: "center" }, children: /* @__PURE__ */ jsx(
-      IconButton,
+  return F(() => {
+    o(t);
+  }, [t]), /* @__PURE__ */ y(C, { children: [
+    b === "small" ? /* @__PURE__ */ e(S, { ref: l, title: s("enrich"), children: /* @__PURE__ */ e("span", { style: { alignSelf: "center" }, children: /* @__PURE__ */ e(
+      E,
       {
-        onClick: () => setShowEnrichMenu(true),
-        disabled: Object.keys(availableSources).length < 1 || loading,
+        onClick: () => o(!0),
+        disabled: Object.keys(a).length < 1 || r,
         color: "info",
-        children: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "info", size: "24px" }) : /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-auto-fix-high" })
+        children: r ? /* @__PURE__ */ e(d, { color: "info", size: "24px" }) : /* @__PURE__ */ e(g, { icon: "ic:baseline-auto-fix-high" })
       }
-    ) }) }) : /* @__PURE__ */ jsx(
-      Button,
+    ) }) }) : /* @__PURE__ */ e(
+      z,
       {
-        ref: enrichEl,
+        ref: l,
         variant: "outlined",
         color: "info",
-        disabled: Object.keys(availableSources).length < 1 || loading,
-        startIcon: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "info", size: "20px" }) : /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-auto-fix-high" }),
+        disabled: Object.keys(a).length < 1 || r,
+        startIcon: r ? /* @__PURE__ */ e(d, { color: "info", size: "20px" }) : /* @__PURE__ */ e(g, { icon: "ic:baseline-auto-fix-high" }),
         sx: { alignSelf: "stretch" },
-        onClick: () => setShowEnrichMenu(true),
-        children: t("enrich")
+        onClick: () => o(!0),
+        children: s("enrich")
       }
     ),
-    /* @__PURE__ */ jsx(
-      Popover,
+    /* @__PURE__ */ e(
+      I,
       {
         sx: { zIndex: 2e3 },
-        open: showEnrichMenu,
-        disablePortal: true,
-        onClose: () => setShowEnrichMenu(false),
-        anchorEl: enrichEl.current,
+        open: x,
+        disablePortal: !0,
+        onClose: () => o(!1),
+        anchorEl: l.current,
         anchorOrigin: { horizontal: "left", vertical: "bottom" },
-        children: /* @__PURE__ */ jsx(Paper, { onClick: () => setShowEnrichMenu(false), children: /* @__PURE__ */ jsx(Stack, { divider: /* @__PURE__ */ jsx(Divider, { flexItem: true, orientation: "horizontal" }), children: availableSources.map((_source) => /* @__PURE__ */ jsx(
-          Box,
+        children: /* @__PURE__ */ e(j, { onClick: () => o(!1), children: /* @__PURE__ */ e(c, { divider: /* @__PURE__ */ e(O, { flexItem: !0, orientation: "horizontal" }), children: a.map((i) => /* @__PURE__ */ e(
+          P,
           {
             sx: {
               px: 3,
               py: 1,
               cursor: "pointer",
-              transition: theme.transitions.create("background-color"),
-              "&:hover": { backgroundColor: theme.palette.background.default }
+              transition: h.transitions.create("background-color"),
+              "&:hover": { backgroundColor: h.palette.background.default }
             },
-            onClick: () => enrich(_source),
-            children: /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 1, alignItems: "center", children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: _source.split("-").map(capitalize).join(" ") }) }) })
+            onClick: () => v(i),
+            children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(c, { direction: "row", spacing: 1, alignItems: "center", children: /* @__PURE__ */ e(B, { variant: "body1", children: i.split("-").map(w).join(" ") }) }) })
           },
-          _source
+          i
         )) }) })
       }
     )
   ] });
 };
 export {
-  EnrichPopover as default
+  H as default
 };

package/components/fetchers/Fetcher.js

@@ -1,148 +1,106 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Icon } from "../../iconify-DJxl6dC-.js";
-import { useTheme, Skeleton, Chip, Tooltip, Stack, Typography, LinearProgress, Paper, IconButton } from "@mui/material";
-import { F as FlexOne } from "../../FlexOne-BSYAhhtG.js";
-import Iconified from "../display/icons/Iconified.js";
-import { ClueComponentContext } from "../../hooks/ClueComponentContext.js";
-import { g as useClueFetcherSelector } from "../../ActionForm-CqKcnDWC.js";
-import React__default, { useState, useRef, useMemo, useEffect, memo } from "react";
-import { a as useContextSelector } from "../../index-_gpzM2Px.js";
-import { FetcherResultView } from "./FetcherResultView.js";
-import PreviewModal from "./PreviewModal.js";
-import StatusChip from "./StatusChip.js";
-const Fetcher = React__default.memo(
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { I as J } from "../../iconify-Ptb5dTKy.js";
+import { useTheme as K, Skeleton as W, Chip as Q, Tooltip as D, Stack as s, Typography as U, LinearProgress as X, Paper as Y, IconButton as Z } from "@mui/material";
+import { F as E } from "../../FlexOne-BXWFOd1T.js";
+import S from "../display/icons/Iconified.js";
+import { ClueComponentContext as $ } from "../../hooks/ClueComponentContext.js";
+import { g as f } from "../../ActionForm-CHOSKfvu.js";
+import p, { useState as b, useRef as k, useMemo as N, useEffect as O, memo as P } from "react";
+import { a as ee } from "../../index-BM9Sve5T.js";
+import { FetcherResultView as te } from "./FetcherResultView.js";
+import ie from "./PreviewModal.js";
+import ne from "./StatusChip.js";
+const re = p.memo(
   ({
-    type,
-    value,
-    classification,
-    fetcherId,
+    type: h,
+    value: x,
+    classification: g,
+    fetcherId: n,
     slotProps: {
-      paper: paperProps = {},
-      preview: previewProps = {},
-      stack: stackProps = {},
-      image: imageProps = {},
-      chip: chipProps = {},
-      skeleton: skeletonProps = {}
+      paper: o = {},
+      preview: q = {},
+      stack: a = {},
+      image: v = {},
+      chip: R = {},
+      skeleton: r = {}
     } = {}
   }) => {
-    var _a, _b, _c, _d;
-    const theme = useTheme();
-    const fetchers = useClueFetcherSelector((ctx) => ctx.fetchers);
-    const fetchSelector = useClueFetcherSelector((ctx) => ctx.fetchSelector);
-    const getFetcherStatus = useClueFetcherSelector((ctx) => ctx.getFetcherStatus);
-    const fetchCompleted = useClueFetcherSelector((ctx) => ctx.fetchCompleted);
-    const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx == null ? void 0 : ctx.i18next);
-    const [result, setResult] = useState(null);
-    const [loading, setLoading] = useState(true);
-    const [showPreview, setShowPreview] = useState(false);
-    const timeoutRef = useRef(null);
-    const taskId = useMemo(() => result == null ? void 0 : result.task_id, [result == null ? void 0 : result.task_id]);
-    useEffect(() => {
-      if ((result == null ? void 0 : result.outcome) !== "pending" || !taskId) return;
-      let cancelled = false;
-      const poll = async () => {
-        const res = await getFetcherStatus(fetcherId, taskId);
-        if (!res) {
-          setResult({ outcome: "failure", done: true, error: "Missing result", link: "" });
-        } else if (res.outcome === "success" || res.outcome === "failure") {
-          setResult({ ...res, done: true });
-        } else {
-          if (cancelled) return;
-          setResult({ ...res });
-          timeoutRef.current = setTimeout(poll, 2e3);
+    var M, j, B, L;
+    const c = K(), w = f((i) => i.fetchers), F = f((i) => i.fetchSelector), A = f((i) => i.getFetcherStatus), G = f((i) => i.fetchCompleted), { t: u } = ee($, (i) => i == null ? void 0 : i.i18next), [e, m] = b(null), [H, _] = b(!0), [I, z] = b(!1), y = k(null), C = N(() => e == null ? void 0 : e.task_id, [e == null ? void 0 : e.task_id]);
+    O(() => {
+      if ((e == null ? void 0 : e.outcome) !== "pending" || !C) return;
+      let i = !1;
+      const V = async () => {
+        const d = await A(n, C);
+        if (!d)
+          m({ outcome: "failure", done: !0, error: "Missing result", link: "" });
+        else if (d.outcome === "success" || d.outcome === "failure")
+          m({ ...d, done: !0 });
+        else {
+          if (i) return;
+          m({ ...d }), y.current = setTimeout(V, 2e3);
         }
       };
-      poll();
-      return () => {
-        cancelled = true;
-        if (timeoutRef.current) clearTimeout(timeoutRef.current);
+      return V(), () => {
+        i = !0, y.current && clearTimeout(y.current);
       };
-    }, [fetcherId, getFetcherStatus, result == null ? void 0 : result.outcome, taskId]);
-    useEffect(() => {
+    }, [n, A, e == null ? void 0 : e.outcome, C]), O(() => {
       (async () => {
         try {
-          setLoading(true);
-          setResult(await fetchSelector(fetcherId, { type, value, classification }));
+          _(!0), m(await F(n, { type: h, value: x, classification: g }));
         } catch {
-          setResult({ outcome: "failure", done: true, error: t("error.unexpected") });
+          m({ outcome: "failure", done: !0, error: u("error.unexpected") });
         } finally {
-          setLoading(false);
+          _(!1);
         }
       })();
-    }, [classification, fetchSelector, fetcherId, t, type, value]);
-    const resultAdditionalProps = useMemo(() => {
-      if ((result == null ? void 0 : result.outcome) === "success" && result.format === "image") {
-        return { ...imageProps, onClick: () => setShowPreview(true) };
-      }
-      return { result };
-    }, [imageProps, result]);
-    if (fetchCompleted) {
-      if (!fetcherId) {
-        console.warn("Missing fetcher Id. Component will not render.");
-        return null;
-      } else if (!fetcherId.includes(".")) {
-        console.warn(
+    }, [g, F, n, u, h, x]);
+    const T = N(() => (e == null ? void 0 : e.outcome) === "success" && e.format === "image" ? { ...v, onClick: () => z(!0) } : { result: e }, [v, e]);
+    if (G)
+      if (n)
+        if (n.includes(".")) {
+          if (!(n in w))
+            return console.warn("Fetcher ID does not correspond to a registered fetcher. Component will not render."), null;
+        } else return console.warn(
           "Invalid fetcher id. Must be in the format '<plugin_id>.<fetcher_id>'. Component will not render."
-        );
-        return null;
-      } else if (!(fetcherId in fetchers)) {
-        console.warn("Fetcher ID does not correspond to a registered fetcher. Component will not render.");
-        return null;
-      }
-    } else {
+        ), null;
+      else return console.warn("Missing fetcher Id. Component will not render."), null;
+    else
       return null;
-    }
-    if (loading) {
-      if (((_a = fetchers[fetcherId]) == null ? void 0 : _a.format) === "status") {
-        return /* @__PURE__ */ jsx(
-          Skeleton,
-          {
-            variant: "rounded",
-            height: "32px",
-            width: "150px",
-            ...skeletonProps,
-            sx: [
-              { borderRadius: "16px" },
-              ...Array.isArray(skeletonProps == null ? void 0 : skeletonProps.sx) ? skeletonProps == null ? void 0 : skeletonProps.sx : [skeletonProps == null ? void 0 : skeletonProps.sx]
-            ]
-          }
-        );
-      } else {
-        return /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", height: "325px", width: "300px", ...skeletonProps });
+    return H ? ((M = w[n]) == null ? void 0 : M.format) === "status" ? /* @__PURE__ */ t(
+      W,
+      {
+        variant: "rounded",
+        height: "32px",
+        width: "150px",
+        ...r,
+        sx: [
+          { borderRadius: "16px" },
+          ...Array.isArray(r == null ? void 0 : r.sx) ? r == null ? void 0 : r.sx : [r == null ? void 0 : r.sx]
+        ]
+      }
+    ) : /* @__PURE__ */ t(W, { variant: "rounded", height: "325px", width: "300px", ...r }) : e ? e.outcome === "failure" && w[n].format === "status" ? /* @__PURE__ */ t(
+      Q,
+      {
+        icon: /* @__PURE__ */ t(D, { title: e.error, children: /* @__PURE__ */ t(J, { icon: "mdi:information-outline", fontSize: "1.25rem" }) }),
+        label: u("error"),
+        color: "error",
+        ...R
       }
-    }
-    if (!result) return null;
-    if (result.outcome === "failure" && fetchers[fetcherId].format === "status") {
-      return /* @__PURE__ */ jsx(
-        Chip,
+    ) : e.outcome === "pending" ? /* @__PURE__ */ l(s, { flex: 1, sx: { pt: 2, alignItems: "center" }, spacing: 1, children: [
+      ((j = e.data) == null ? void 0 : j.summary) && /* @__PURE__ */ t(U, { variant: "caption", children: e.data.summary }),
+      /* @__PURE__ */ t(
+        X,
         {
-          icon: /* @__PURE__ */ jsx(Tooltip, { title: result.error, children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:information-outline", fontSize: "1.25rem" }) }),
-          label: t("error"),
-          color: "error",
-          ...chipProps
+          variant: (B = e.data) != null && B.progress ? "determinate" : "indeterminate",
+          value: ((L = e.data) == null ? void 0 : L.progress) * 100,
+          sx: { maxWidth: 500, width: "100%", borderRadius: c.shape.borderRadius }
         }
-      );
-    }
-    if (result.outcome === "pending") {
-      return /* @__PURE__ */ jsxs(Stack, { flex: 1, sx: { pt: 2, alignItems: "center" }, spacing: 1, children: [
-        ((_b = result.data) == null ? void 0 : _b.summary) && /* @__PURE__ */ jsx(Typography, { variant: "caption", children: result.data.summary }),
-        /* @__PURE__ */ jsx(
-          LinearProgress,
-          {
-            variant: ((_c = result.data) == null ? void 0 : _c.progress) ? "determinate" : "indeterminate",
-            value: ((_d = result.data) == null ? void 0 : _d.progress) * 100,
-            sx: { maxWidth: 500, width: "100%", borderRadius: theme.shape.borderRadius }
-          }
-        )
-      ] });
-    }
-    if (result.format === "status") {
-      return /* @__PURE__ */ jsx(StatusChip, { data: result.data, ...chipProps });
-    }
-    return /* @__PURE__ */ jsx(
-      Paper,
+      )
+    ] }) : e.format === "status" ? /* @__PURE__ */ t(ne, { data: e.data, ...R }) : /* @__PURE__ */ t(
+      Y,
       {
-        ...paperProps,
+        ...o,
         sx: [
           {
             p: 1,
@@ -151,16 +109,16 @@ const Fetcher = React__default.memo(
             width: "100%",
             minWidth: "300px"
           },
-          ...Array.isArray(paperProps == null ? void 0 : paperProps.sx) ? paperProps == null ? void 0 : paperProps.sx : [paperProps == null ? void 0 : paperProps.sx]
+          ...Array.isArray(o == null ? void 0 : o.sx) ? o == null ? void 0 : o.sx : [o == null ? void 0 : o.sx]
         ],
-        children: /* @__PURE__ */ jsxs(
-          Stack,
+        children: /* @__PURE__ */ l(
+          s,
           {
             sx: {
               "& > img": {
                 borderRadius: "3px",
                 cursor: "zoom-in",
-                transition: theme.transitions.create("border-color", { duration: theme.transitions.duration.shortest }),
+                transition: c.transitions.create("border-color", { duration: c.transitions.duration.shortest }),
                 border: "3px solid transparent",
                 "&:hover": {
                   borderColor: "primary.main"
@@ -168,72 +126,71 @@ const Fetcher = React__default.memo(
               }
             },
             children: [
-              result.outcome === "failure" && /* @__PURE__ */ jsx("code", { style: { color: theme.palette.error.main }, children: /* @__PURE__ */ jsx("pre", { style: { marginTop: 0, marginBottom: 0 }, children: result.error }) }),
-              /* @__PURE__ */ jsx(FetcherResultView, { result, fetcherId, ...resultAdditionalProps }),
-              /* @__PURE__ */ jsx(FlexOne, {}),
-              /* @__PURE__ */ jsxs(
-                Stack,
+              e.outcome === "failure" && /* @__PURE__ */ t("code", { style: { color: c.palette.error.main }, children: /* @__PURE__ */ t("pre", { style: { marginTop: 0, marginBottom: 0 }, children: e.error }) }),
+              /* @__PURE__ */ t(te, { result: e, fetcherId: n, ...T }),
+              /* @__PURE__ */ t(E, {}),
+              /* @__PURE__ */ l(
+                s,
                 {
                   direction: "row",
                   spacing: 1,
-                  ...stackProps,
+                  ...a,
                   sx: [
                     {
-                      py: theme.spacing(0.5),
+                      py: c.spacing(0.5),
                       display: "flex",
                       alignItems: "center"
                     },
-                    ...Array.isArray(stackProps == null ? void 0 : stackProps.sx) ? stackProps == null ? void 0 : stackProps.sx : [stackProps == null ? void 0 : stackProps.sx]
+                    ...Array.isArray(a == null ? void 0 : a.sx) ? a == null ? void 0 : a.sx : [a == null ? void 0 : a.sx]
                   ],
                   children: [
-                    /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-landscape", color: "primary", fontSize: "small" }),
-                    /* @__PURE__ */ jsx(
-                      Tooltip,
+                    /* @__PURE__ */ t(S, { icon: "ic:baseline-landscape", color: "primary", fontSize: "small" }),
+                    /* @__PURE__ */ t(
+                      D,
                       {
-                        title: /* @__PURE__ */ jsxs(Stack, { spacing: 0.5, children: [
-                          /* @__PURE__ */ jsxs("span", { children: [
-                            t("type"),
+                        title: /* @__PURE__ */ l(s, { spacing: 0.5, children: [
+                          /* @__PURE__ */ l("span", { children: [
+                            u("type"),
                             ": ",
-                            type
+                            h
                           ] }),
-                          /* @__PURE__ */ jsxs("span", { children: [
-                            t("value"),
+                          /* @__PURE__ */ l("span", { children: [
+                            u("value"),
                             ": ",
-                            value
+                            x
                           ] }),
-                          /* @__PURE__ */ jsxs("span", { children: [
-                            t("classification"),
+                          /* @__PURE__ */ l("span", { children: [
+                            u("classification"),
                             ": ",
-                            classification ?? "N/A"
+                            g ?? "N/A"
                           ] })
                         ] }),
-                        children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:outline-info", fontSize: "small" })
+                        children: /* @__PURE__ */ t(S, { icon: "ic:outline-info", fontSize: "small" })
                       }
                     ),
-                    /* @__PURE__ */ jsx(FlexOne, {}),
-                    result.link && /* @__PURE__ */ jsx(IconButton, { size: "small", component: "a", href: result.link, children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-open-in-new", fontSize: "small" }) })
+                    /* @__PURE__ */ t(E, {}),
+                    e.link && /* @__PURE__ */ t(Z, { size: "small", component: "a", href: e.link, children: /* @__PURE__ */ t(S, { icon: "ic:baseline-open-in-new", fontSize: "small" }) })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx(
-                PreviewModal,
+              /* @__PURE__ */ t(
+                ie,
                 {
-                  ...previewProps,
-                  fetcherId,
-                  slotProps: { fetcherResultView: resultAdditionalProps },
-                  open: showPreview,
-                  result,
-                  onClose: () => setShowPreview(false)
+                  ...q,
+                  fetcherId: n,
+                  slotProps: { fetcherResultView: T },
+                  open: I,
+                  result: e,
+                  onClose: () => z(!1)
                 }
               )
             ]
           }
         )
       }
-    );
+    ) : null;
   }
-);
-const Fetcher_default = memo(Fetcher);
+), we = P(re);
 export {
-  Fetcher_default as default
+  we as default
 };

package/components/fetchers/FetcherResultView.js

@@ -1,41 +1,37 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Stack } from "@mui/material";
-import { J as JSONViewer } from "../../index-DUEubgWN.js";
-import Markdown from "../display/markdown/index.js";
-import { u as usePluginStore, c as clueUIPluginStore } from "../../store-B9sjQbcS.js";
-import { useTranslation } from "react-i18next";
-import ErrorBoundary from "../ErrorBoundary.js";
-const FetcherResultView = ({
-  pluginName,
-  result,
-  fetcherId,
-  ...props
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Stack as c } from "@mui/material";
+import { J as m } from "../../index-Cj4d5cGz.js";
+import f from "../display/markdown/index.js";
+import { u as p, c as g } from "../../store-DClHBq7r.js";
+import { useTranslation as h } from "react-i18next";
+import u from "../ErrorBoundary.js";
+const y = ({
+  pluginName: l,
+  result: o,
+  fetcherId: t,
+  ...d
 }) => {
-  const pluginStore = usePluginStore();
-  const { t } = useTranslation();
-  const availablePlugin = pluginName ?? clueUIPluginStore.getPlugin(result.format ?? "undefined", "fetcher", void 0, fetcherId);
-  if (availablePlugin) {
+  const s = p(), { t: e } = h(), n = l ?? g.getPlugin(o.format ?? "undefined", "fetcher", void 0, t);
+  if (n)
     try {
-      const component = pluginStore.executeFunction(`${availablePlugin}.fetcherResult`, {
-        result,
-        fetcherId,
-        ...props
+      const a = s.executeFunction(`${n}.fetcherResult`, {
+        result: o,
+        fetcherId: t,
+        ...d
       });
-      if (component !== void 0) {
-        return /* @__PURE__ */ jsx(ErrorBoundary, { children: component });
-      }
+      if (a !== void 0)
+        return /* @__PURE__ */ r(u, { children: a });
     } catch {
-      return /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxs(Stack, { sx: { overflowY: "auto" }, children: [
-        /* @__PURE__ */ jsx(Markdown, { md: t("format.render.error", { format: result.format }) }),
-        /* @__PURE__ */ jsx(JSONViewer, { data: result, collapse: true, forceCompact: true })
+      return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ i(c, { sx: { overflowY: "auto" }, children: [
+        /* @__PURE__ */ r(f, { md: e("format.render.error", { format: o.format }) }),
+        /* @__PURE__ */ r(m, { data: o, collapse: !0, forceCompact: !0 })
       ] }) });
     }
-  }
-  return /* @__PURE__ */ jsxs(Stack, { sx: { overflowY: "auto" }, children: [
-    /* @__PURE__ */ jsx(Markdown, { md: t("format.not.recognized", { format: result.format }) }),
-    /* @__PURE__ */ jsx(JSONViewer, { data: result, collapse: true, forceCompact: true })
+  return /* @__PURE__ */ i(c, { sx: { overflowY: "auto" }, children: [
+    /* @__PURE__ */ r(f, { md: e("format.not.recognized", { format: o.format }) }),
+    /* @__PURE__ */ r(m, { data: o, collapse: !0, forceCompact: !0 })
   ] });
 };
 export {
-  FetcherResultView
+  y as FetcherResultView
 };

package/components/fetchers/PreviewModal.js

@@ -1,25 +1,24 @@
-import { jsx } from "react/jsx-runtime";
-import { Modal, Paper } from "@mui/material";
-import { memo } from "react";
-import { FetcherResultView } from "./FetcherResultView.js";
-const PreviewModal = ({ result, slotProps = {}, fetcherId, onClose, open = false, ...otherProps }) => {
-  const { fetcherResultView, ...modalSlotProps } = slotProps;
-  return /* @__PURE__ */ jsx(
-    Modal,
+import { jsx as l } from "react/jsx-runtime";
+import { Modal as c, Paper as d } from "@mui/material";
+import { memo as u } from "react";
+import { FetcherResultView as s } from "./FetcherResultView.js";
+const w = ({ result: a, slotProps: e = {}, fetcherId: m, onClose: n, open: f = !1, ...i }) => {
+  const { fetcherResultView: t, ...x } = e;
+  return /* @__PURE__ */ l(
+    c,
     {
-      open,
+      open: f,
       sx: [
         { display: "flex", alignItems: "center", justifyContent: "center" },
-        ...Array.isArray(otherProps == null ? void 0 : otherProps.sx) ? otherProps == null ? void 0 : otherProps.sx : [otherProps == null ? void 0 : otherProps.sx]
+        ...Array.isArray(i == null ? void 0 : i.sx) ? i == null ? void 0 : i.sx : [i == null ? void 0 : i.sx]
       ],
-      onClose,
-      slotProps: modalSlotProps,
-      ...otherProps,
-      children: /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "90%", maxWidth: "90%", p: 2, overflow: "auto" }, children: /* @__PURE__ */ jsx(FetcherResultView, { ...fetcherResultView ?? {}, result, fetcherId }) })
+      onClose: n,
+      slotProps: x,
+      ...i,
+      children: /* @__PURE__ */ l(d, { sx: { maxHeight: "90%", maxWidth: "90%", p: 2, overflow: "auto" }, children: /* @__PURE__ */ l(s, { ...t ?? {}, result: a, fetcherId: m }) })
     }
   );
-};
-const PreviewModal$1 = memo(PreviewModal);
+}, j = u(w);
 export {
-  PreviewModal$1 as default
+  j as default
 };