@blocklet/ui-react 3.0.9 → 3.0.10

package/lib/UserCenter/components/status-dialog/index.js

@@ -1,17 +1,17 @@
-import { jsxs as n, jsx as r, Fragment as Q } from "react/jsx-runtime";
-import { useState as s, useEffect as V, useMemo as G, Suspense as z, createElement as W } from "react";
-import { Dialog as H, DialogTitle as J, Typography as g, IconButton as K, DialogContent as U, FormControl as w, InputLabel as M, Select as R, MenuItem as T, ListItemIcon as B, Box as v, DialogActions as X, Button as b } from "@mui/material";
-import C from "dayjs";
-import { Close as Y } from "@mui/icons-material";
-import { translate as Z } from "@arcblock/ux/lib/Locale/util";
-import { useMemoizedFn as _ } from "ahooks";
-import A from "@arcblock/icons/lib/ArrowDown";
-import { useLocaleContext as $ } from "@arcblock/ux/lib/Locale/context";
-import { DurationEnum as p } from "../../../@types/index.js";
-import { translations as oo } from "../../libs/locales.js";
-import io from "./date-picker.js";
-import { defaultButtonStyle as E, primaryButtonStyle as ro } from "../user-info/utils.js";
-const O = {
+import { jsxs as i, jsx as e, Fragment as P } from "react/jsx-runtime";
+import { useState as c, useEffect as q, useMemo as Q, Suspense as D, createElement as I } from "react";
+import { Dialog as V, DialogTitle as G, Typography as f, IconButton as H, DialogContent as J, FormControl as k, InputLabel as z, Select as W, MenuItem as w, ListItemIcon as M, Box as g, DialogActions as K, Button as v } from "@mui/material";
+import b from "dayjs";
+import { Close as U } from "@mui/icons-material";
+import { translate as X } from "@arcblock/ux/lib/Locale/util";
+import { useMemoizedFn as Y } from "ahooks";
+import R from "@arcblock/icons/lib/ArrowDown";
+import { useLocaleContext as Z } from "@arcblock/ux/lib/Locale/context";
+import { DurationEnum as u } from "../../../@types/index.js";
+import { translations as _ } from "../../libs/locales.js";
+import $ from "./date-picker.js";
+import { defaultButtonStyle as T, primaryButtonStyle as tt } from "../user-info/utils.js";
+const B = {
   padding: "8px 16px",
   borderRadius: "8px",
   "&:hover": {
@@ -29,43 +29,41 @@ const O = {
     alignItems: "center"
   }
 };
-function go({
-  open: j,
-  onClose: u,
-  data: m,
-  selected: i,
-  onSelect: h,
-  timezone: F = void 0
+function ht({
+  open: A,
+  onClose: d,
+  data: p,
+  selected: n,
+  onSelect: m,
+  timezone: E = void 0
 }) {
-  var I, k;
-  const { locale: L } = $(), t = _((o, e = {}) => Z(oo, o, L, "en", e)), [l, S] = s((i == null ? void 0 : i.value) || ""), [a, y] = s((i == null ? void 0 : i.duration) || ""), [d, x] = s(((I = i == null ? void 0 : i.dateRange) == null ? void 0 : I[1]) || ""), [N, c] = s(!1);
-  V(() => {
-    var o;
-    S((i == null ? void 0 : i.value) || ""), y((i == null ? void 0 : i.duration) || ""), x(((o = i == null ? void 0 : i.dateRange) == null ? void 0 : o[1]) || "");
-  }, [i]);
-  const P = G(() => l && a, [l, a]), f = m.find((o) => o.id === l), q = (o) => {
-    h({
-      value: o.id,
-      ...o.duration ? { duration: o.duration } : {}
-    }), u();
-  }, D = (o = !1) => {
-    if (o)
-      h(void 0);
+  const { locale: O } = Z(), o = Y((t, a = {}) => X(_, t, O, "en", a)), [l, C] = c(n?.value || ""), [r, S] = c(n?.duration || ""), [s, h] = c(n?.dateRange?.[1] || ""), [j, x] = c(!1);
+  q(() => {
+    C(n?.value || ""), S(n?.duration || ""), h(n?.dateRange?.[1] || "");
+  }, [n]);
+  const F = Q(() => l && r, [l, r]), L = p.find((t) => t.id === l), N = (t) => {
+    m({
+      value: t.id,
+      ...t.duration ? { duration: t.duration } : {}
+    }), d();
+  }, y = (t = !1) => {
+    if (t)
+      m(void 0);
     else {
-      const e = C();
-      h({
+      const a = b();
+      m({
         value: l,
-        ...a ? { duration: a } : {},
-        ...a === p.Custom && d ? { dateRange: [e.toDate(), C(d).toDate()] } : {}
+        ...r ? { duration: r } : {},
+        ...r === u.Custom && s ? { dateRange: [a.toDate(), b(s).toDate()] } : {}
       });
     }
-    u();
+    d();
   };
-  return /* @__PURE__ */ n(
-    H,
+  return /* @__PURE__ */ i(
+    V,
     {
-      open: j,
-      onClose: u,
+      open: A,
+      onClose: d,
       maxWidth: "xs",
       fullWidth: !0,
       PaperProps: {
@@ -74,78 +72,78 @@ function go({
         }
       },
       children: [
-        /* @__PURE__ */ n(J, { sx: { borderBottom: "1px solid", borderColor: "divider" }, children: [
-          /* @__PURE__ */ r(g, { variant: "body1", sx: { fontSize: "16px !important", mb: 0 }, children: t("profile.setStatus") }),
-          /* @__PURE__ */ r(
-            K,
+        /* @__PURE__ */ i(G, { sx: { borderBottom: "1px solid", borderColor: "divider" }, children: [
+          /* @__PURE__ */ e(f, { variant: "body1", sx: { fontSize: "16px !important", mb: 0 }, children: o("profile.setStatus") }),
+          /* @__PURE__ */ e(
+            H,
             {
               "aria-label": "close",
-              onClick: u,
+              onClick: d,
               sx: {
                 position: "absolute",
                 right: 8,
                 top: 8,
-                color: (o) => o.palette.grey[500]
+                color: (t) => t.palette.grey[500]
               },
-              children: /* @__PURE__ */ r(Y, {})
+              children: /* @__PURE__ */ e(U, {})
             }
           )
         ] }),
-        /* @__PURE__ */ n(U, { children: [
-          /* @__PURE__ */ n(w, { fullWidth: !0, sx: { mt: 2 }, children: [
-            /* @__PURE__ */ r(M, { size: "small", sx: { fontSize: "14px" }, children: t("profile.setStatus") }),
-            /* @__PURE__ */ r(
-              R,
+        /* @__PURE__ */ i(J, { children: [
+          /* @__PURE__ */ i(k, { fullWidth: !0, sx: { mt: 2 }, children: [
+            /* @__PURE__ */ e(z, { size: "small", sx: { fontSize: "14px" }, children: o("profile.setStatus") }),
+            /* @__PURE__ */ e(
+              W,
               {
                 value: l,
-                label: t("profile.setStatus"),
-                onChange: (o) => {
-                  S(o.target.value), c(!0);
+                label: o("profile.setStatus"),
+                onChange: (t) => {
+                  C(t.target.value), x(!0);
                 },
                 variant: "outlined",
-                IconComponent: (o) => /* @__PURE__ */ r(A, { ...o, width: 20, height: 20 }),
-                sx: O,
-                children: m.map((o) => /* @__PURE__ */ r(T, { value: o.id, children: /* @__PURE__ */ n(z, { fallback: null, children: [
-                  o.icon && /* @__PURE__ */ r(B, { style: { minWidth: "24px" }, children: W(o.icon, {
+                IconComponent: (t) => /* @__PURE__ */ e(R, { ...t, width: 20, height: 20 }),
+                sx: B,
+                children: p.map((t) => /* @__PURE__ */ e(w, { value: t.id, children: /* @__PURE__ */ i(D, { fallback: null, children: [
+                  t.icon && /* @__PURE__ */ e(M, { style: { minWidth: "24px" }, children: I(t.icon, {
                     style: { fontSize: "16px", width: "16px", height: "16px" }
                   }) }),
-                  o.name
-                ] }) }, o.id))
+                  t.name
+                ] }) }, t.id))
               }
             )
           ] }),
-          l ? /* @__PURE__ */ n(w, { fullWidth: !0, sx: { mt: "24px" }, children: [
-            /* @__PURE__ */ r(M, { size: "small", sx: { fontSize: "14px" }, children: t("profile.removeStatusAfter") }),
-            /* @__PURE__ */ r(
-              R,
+          l ? /* @__PURE__ */ i(k, { fullWidth: !0, sx: { mt: "24px" }, children: [
+            /* @__PURE__ */ e(z, { size: "small", sx: { fontSize: "14px" }, children: o("profile.removeStatusAfter") }),
+            /* @__PURE__ */ e(
+              W,
               {
-                value: a,
-                label: t("profile.removeStatusAfter"),
-                onChange: (o) => {
-                  const { value: e } = o.target;
-                  y(e), e === p.Custom && x(C().toDate()), c(!0);
+                value: r,
+                label: o("profile.removeStatusAfter"),
+                onChange: (t) => {
+                  const { value: a } = t.target;
+                  S(a), a === u.Custom && h(b().toDate()), x(!0);
                 },
                 variant: "outlined",
-                IconComponent: (o) => /* @__PURE__ */ r(A, { ...o, width: 20, height: 20 }),
-                sx: O,
-                children: (k = f == null ? void 0 : f.children) == null ? void 0 : k.map((o) => /* @__PURE__ */ r(T, { value: o.id, children: o.name }, o.id))
+                IconComponent: (t) => /* @__PURE__ */ e(R, { ...t, width: 20, height: 20 }),
+                sx: B,
+                children: L?.children?.map((t) => /* @__PURE__ */ e(w, { value: t.id, children: t.name }, t.id))
               }
             )
-          ] }) : /* @__PURE__ */ n(v, { sx: { mt: "24px" }, children: [
-            /* @__PURE__ */ r(
-              g,
+          ] }) : /* @__PURE__ */ i(g, { sx: { mt: "24px" }, children: [
+            /* @__PURE__ */ e(
+              f,
               {
                 variant: "body2",
                 sx: {
                   color: "text.secondary"
                 },
-                children: t("profile.quickSettings")
+                children: o("profile.quickSettings")
               }
             ),
-            m.map((o) => /* @__PURE__ */ r(
-              v,
+            p.map((t) => /* @__PURE__ */ e(
+              g,
               {
-                onClick: () => q(o),
+                onClick: () => N(t),
                 sx: {
                   display: "flex",
                   alignItems: "center",
@@ -157,13 +155,13 @@ function go({
                     bgcolor: "action.hover"
                   }
                 },
-                children: /* @__PURE__ */ n(z, { fallback: null, children: [
-                  o.icon && /* @__PURE__ */ r(B, { style: { minWidth: "24px" }, children: W(o.icon, {
+                children: /* @__PURE__ */ i(D, { fallback: null, children: [
+                  t.icon && /* @__PURE__ */ e(M, { style: { minWidth: "24px" }, children: I(t.icon, {
                     style: { fontSize: "16px", width: "16px", height: "16px" }
                   }) }),
-                  o.name,
-                  o.durationName && /* @__PURE__ */ n(
-                    g,
+                  t.name,
+                  t.durationName && /* @__PURE__ */ i(
+                    f,
                     {
                       variant: "body2",
                       sx: {
@@ -171,55 +169,55 @@ function go({
                       },
                       children: [
                         "- ",
-                        o.durationName
+                        t.durationName
                       ]
                     }
                   )
                 ] })
               },
-              o.id
+              t.id
             ))
           ] }),
-          a === p.Custom && /* @__PURE__ */ r(v, { sx: { mt: "24px" }, children: /* @__PURE__ */ r(
-            io,
+          r === u.Custom && /* @__PURE__ */ e(g, { sx: { mt: "24px" }, children: /* @__PURE__ */ e(
+            $,
             {
-              value: d,
-              onChange: (o) => {
-                x(o), c(!0);
+              value: s,
+              onChange: (t) => {
+                h(t), x(!0);
               },
-              label: t("profile.selectEndTime"),
-              timezone: F,
-              error: a === p.Custom && !d,
-              helperText: a === p.Custom && !d ? t("profile.pleaseSelectTime") : void 0
+              label: o("profile.selectEndTime"),
+              timezone: E,
+              error: r === u.Custom && !s,
+              helperText: r === u.Custom && !s ? o("profile.pleaseSelectTime") : void 0
             }
           ) })
         ] }),
-        /* @__PURE__ */ r(X, { sx: { p: "16px 24px", borderTop: "1px solid", borderColor: "divider" }, children: i != null && i.value && !N ? /* @__PURE__ */ r(
-          b,
+        /* @__PURE__ */ e(K, { sx: { p: "16px 24px", borderTop: "1px solid", borderColor: "divider" }, children: n?.value && !j ? /* @__PURE__ */ e(
+          v,
           {
-            sx: { ...E, minWidth: "54px" },
+            sx: { ...T, minWidth: "54px" },
             size: "small",
             variant: "outlined",
-            onClick: () => D(!0),
-            children: t("profile.cleanStatus")
+            onClick: () => y(!0),
+            children: o("profile.cleanStatus")
           }
-        ) : /* @__PURE__ */ n(Q, { children: [
-          /* @__PURE__ */ r(b, { size: "small", variant: "outlined", sx: { ...E, minWidth: "54px" }, onClick: u, children: t("common.cancel") }),
-          /* @__PURE__ */ r(
-            b,
+        ) : /* @__PURE__ */ i(P, { children: [
+          /* @__PURE__ */ e(v, { size: "small", variant: "outlined", sx: { ...T, minWidth: "54px" }, onClick: d, children: o("common.cancel") }),
+          /* @__PURE__ */ e(
+            v,
             {
               sx: {
-                ...ro,
+                ...tt,
                 minWidth: "54px",
                 "&.Mui-disabled": {
                   backgroundColor: "rgba(0, 0, 0, 0.12)"
                 }
               },
-              disabled: !P,
-              onClick: () => D(!1),
+              disabled: !F,
+              onClick: () => y(!1),
               size: "small",
               variant: "outlined",
-              children: t("common.confirm")
+              children: o("common.confirm")
             }
           )
         ] }) })
@@ -228,5 +226,5 @@ function go({
   );
 }
 export {
-  go as default
+  ht as default
 };

package/lib/UserCenter/components/status-selector/duration-menu.js

@@ -1,30 +1,29 @@
-import { jsxs as a, Fragment as g, jsx as i } from "react/jsx-runtime";
-import { styled as x, Menu as v, Typography as y } from "@mui/material";
-import { useState as z } from "react";
-import { useLocaleContext as C } from "@arcblock/ux/lib/Locale/context";
-import { useMemoizedFn as b } from "ahooks";
-import { translate as k } from "@arcblock/ux/lib/Locale/util";
-import { translations as D } from "../../libs/locales.js";
-import s, { StyledMenu as j } from "./menu-item.js";
-function I({ data: n, selected: r, onSelect: m }) {
-  var c;
-  const { locale: p } = C(), f = b((o, t = {}) => k(D, o, p, "en", t)), [e, l] = z(null), h = !!e, S = (o) => {
+import { jsxs as s, Fragment as M, jsx as r } from "react/jsx-runtime";
+import { styled as g, Menu as x, Typography as v } from "@mui/material";
+import { useState as y } from "react";
+import { useLocaleContext as z } from "@arcblock/ux/lib/Locale/context";
+import { useMemoizedFn as C } from "ahooks";
+import { translate as b } from "@arcblock/ux/lib/Locale/util";
+import { translations as k } from "../../libs/locales.js";
+import u, { StyledMenu as D } from "./menu-item.js";
+function B({ data: n, selected: t, onSelect: a }) {
+  const { locale: m } = z(), p = C((o, e = {}) => b(k, o, m, "en", e)), [i, l] = y(null), d = !!i, f = (o) => {
     l(o.currentTarget);
-  }, u = () => {
+  }, c = () => {
     l(null);
-  }, d = (o) => {
-    S(o);
-  }, M = (o, t) => {
-    m({
-      ...r ?? {},
+  }, h = (o) => {
+    f(o);
+  }, S = (o, e) => {
+    a({
+      ...t ?? {},
       value: n.id,
-      duration: t.id
-    }), u();
+      duration: e.id
+    }), c();
   };
-  return /* @__PURE__ */ a(g, { children: [
-    /* @__PURE__ */ i(s, { icon: n.icon, selected: (r == null ? void 0 : r.value) === n.id, onClick: d, children: n.name }),
-    /* @__PURE__ */ a(
-      j,
+  return /* @__PURE__ */ s(M, { children: [
+    /* @__PURE__ */ r(u, { icon: n.icon, selected: t?.value === n.id, onClick: h, children: n.name }),
+    /* @__PURE__ */ s(
+      D,
       {
         anchorOrigin: {
           vertical: "top",
@@ -34,12 +33,12 @@ function I({ data: n, selected: r, onSelect: m }) {
           vertical: "top",
           horizontal: "left"
         },
-        open: h,
-        onClose: u,
-        anchorEl: e,
+        open: d,
+        onClose: c,
+        anchorEl: i,
         children: [
-          /* @__PURE__ */ i(
-            y,
+          /* @__PURE__ */ r(
+            v,
             {
               component: "span",
               sx: {
@@ -47,14 +46,14 @@ function I({ data: n, selected: r, onSelect: m }) {
                 pl: 2,
                 fontSize: "14px"
               },
-              children: f("profile.removeStatusAfter")
+              children: p("profile.removeStatusAfter")
             }
           ),
-          (c = n.children) == null ? void 0 : c.map((o) => /* @__PURE__ */ i(
-            s,
+          n.children?.map((o) => /* @__PURE__ */ r(
+            u,
             {
-              selected: (r == null ? void 0 : r.duration) === o.id,
-              onClick: (t) => M(t, o),
+              selected: t?.duration === o.id,
+              onClick: (e) => S(e, o),
               children: o.name
             },
             o.id
@@ -64,7 +63,7 @@ function I({ data: n, selected: r, onSelect: m }) {
     )
   ] });
 }
-const $ = x(v)`
+const I = g(x)`
   .MuiList-root {
     min-width: 160px;
   }
@@ -73,6 +72,6 @@ const $ = x(v)`
   }
 `;
 export {
-  $ as MenuDiv,
-  I as default
+  I as MenuDiv,
+  B as default
 };

package/lib/UserCenter/components/status-selector/index.js

@@ -1,27 +1,27 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { Typography as f } from "@mui/material";
-import { translate as d } from "@arcblock/ux/lib/Locale/util";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { Typography as m } from "@mui/material";
+import { translate as f } from "@arcblock/ux/lib/Locale/util";
 import { useMemoizedFn as S } from "ahooks";
 import { useLocaleContext as x } from "@arcblock/ux/lib/Locale/context";
 import h from "./duration-menu.js";
 import M, { StyledMenu as y } from "./menu-item.js";
 import { translations as v } from "../../libs/locales.js";
-function L({ data: e, open: a, onSelect: i, anchorEl: u = void 0, selected: r }) {
-  const { locale: s } = x(), l = S((o, c = {}) => d(v, o, s, "en", c)), n = (o) => {
-    i(o);
-  }, p = () => e.map((o) => o.children ? /* @__PURE__ */ t(h, { data: o, selected: r, onSelect: n }, o.id) : /* @__PURE__ */ t(
+function L({ data: e, open: s, onSelect: a, anchorEl: l = void 0, selected: n }) {
+  const { locale: c } = x(), i = S((o, p = {}) => f(v, o, c, "en", p)), r = (o) => {
+    a(o);
+  }, u = () => e.map((o) => o.children ? /* @__PURE__ */ t(h, { data: o, selected: n, onSelect: r }, o.id) : /* @__PURE__ */ t(
     M,
     {
       icon: o.icon,
-      selected: (r == null ? void 0 : r.value) === o.id,
-      onClick: () => n({ value: o.id }),
+      selected: n?.value === o.id,
+      onClick: () => r({ value: o.id }),
       children: o.name
     },
     o.id
   ));
-  return /* @__PURE__ */ m(y, { open: a, onClose: () => n(), anchorEl: u, children: [
+  return /* @__PURE__ */ d(y, { open: s, onClose: () => r(), anchorEl: l, children: [
     /* @__PURE__ */ t(
-      f,
+      m,
       {
         component: "span",
         sx: {
@@ -29,10 +29,10 @@ function L({ data: e, open: a, onSelect: i, anchorEl: u = void 0, selected: r })
           pl: 2,
           fontSize: "14px"
         },
-        children: l("profile.setStatus")
+        children: i("profile.setStatus")
       }
     ),
-    p()
+    u()
   ] });
 }
 export {

package/lib/UserCenter/components/storage/action.js

@@ -1,38 +1,37 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { DIDSpaceStatus as s, DIDSpaceConnect as u } from "@blocklet/did-space-react";
-import { Stack as f, IconButton as l, Link as S } from "@mui/material";
-import D from "@arcblock/ux/lib/Toast";
-import { OpenInNew as I } from "@mui/icons-material";
-import { getSpaceHomeUrl as k } from "../../../libs/spaces.js";
-import { formatAxiosError as w } from "../../libs/utils.js";
-function y({
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { DIDSpaceStatus as i, DIDSpaceConnect as p } from "@blocklet/did-space-react";
+import { Stack as m, IconButton as d, Link as s } from "@mui/material";
+import u from "@arcblock/ux/lib/Toast";
+import { OpenInNew as f } from "@mui/icons-material";
+import { getSpaceHomeUrl as l } from "../../../libs/spaces.js";
+import { formatAxiosError as S } from "../../libs/utils.js";
+function g({
   session: r,
-  spaceGateway: i,
-  spaceStatus: p,
-  refresh: m
+  spaceGateway: t,
+  spaceStatus: n,
+  refresh: c
 }) {
-  var e, t, n, c;
-  return /* @__PURE__ */ d(f, { direction: "row", spacing: 1, children: [
-    p === s.DISCONNECTED && /* @__PURE__ */ o(
-      u,
+  return /* @__PURE__ */ a(m, { direction: "row", spacing: 1, children: [
+    n === i.DISCONNECTED && /* @__PURE__ */ o(
+      p,
       {
         reconnect: !0,
         variant: "outlined",
         session: r,
-        spaceDid: (t = (e = r.user) == null ? void 0 : e.didSpace) == null ? void 0 : t.did,
-        spaceGatewayUrl: (c = (n = r.user) == null ? void 0 : n.didSpace) == null ? void 0 : c.url,
+        spaceDid: r.user?.didSpace?.did,
+        spaceGatewayUrl: r.user?.didSpace?.url,
         connectScope: "user",
         onSuccess: async () => {
-          await m();
+          await c();
         },
-        onError: (a) => {
-          console.error(a), D.error(w(a));
+        onError: (e) => {
+          console.error(e), u.error(S(e));
         }
       }
     ),
-    /* @__PURE__ */ o(l, { size: "small", LinkComponent: S, href: k(i.endpoint), target: "_blank", children: /* @__PURE__ */ o(I, {}) })
+    /* @__PURE__ */ o(d, { size: "small", LinkComponent: s, href: l(t.endpoint), target: "_blank", children: /* @__PURE__ */ o(f, {}) })
   ] });
 }
 export {
-  y as default
+  g as default
 };

package/lib/UserCenter/components/storage/delete.js

@@ -1,55 +1,55 @@
-import { jsxs as d, Fragment as u, jsx as e } from "react/jsx-runtime";
-import { useState as m } from "react";
+import { jsxs as d, Fragment as u, jsx as n } from "react/jsx-runtime";
+import { useState as c } from "react";
 import { IconButton as g } from "@mui/material";
 import { DeleteOutline as x } from "@mui/icons-material";
 import C from "@arcblock/ux/lib/Dialog/confirm";
 import { useLocaleContext as h } from "@arcblock/ux/lib/Locale/context";
-import D from "@arcblock/ux/lib/Toast";
-function S({
-  spaceGateway: t,
-  onDeleteSpace: s
+import y from "@arcblock/ux/lib/Toast";
+function P({
+  spaceGateway: r,
+  onDeleteSpace: l
 }) {
-  const { t: n } = h(), [c, i] = m(!1), [f, l] = m(!1), a = (o, r) => {
-    o == null || o.stopPropagation(), i(r);
-  }, p = async (o) => {
+  const { t: e } = h(), [m, a] = c(!1), [p, i] = c(!1), s = (o, t) => {
+    o?.stopPropagation(), a(t);
+  }, f = async (o) => {
     try {
-      o == null || o.stopPropagation(), l(!0), await s(t), i(!1);
-    } catch (r) {
-      console.error(r), D.error(`${n("storage.spaces.gateway.delete.failed")}: ${r.message}`);
+      o?.stopPropagation(), i(!0), await l(r), a(!1);
+    } catch (t) {
+      console.error(t), y.error(`${e("storage.spaces.gateway.delete.failed")}: ${t.message}`);
     } finally {
-      l(!1);
+      i(!1);
     }
   };
   return /* @__PURE__ */ d(u, { children: [
-    /* @__PURE__ */ e(g, { size: "small", onClick: (o) => a(o, !0), children: /* @__PURE__ */ e(x, {}) }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ n(g, { size: "small", onClick: (o) => s(o, !0), children: /* @__PURE__ */ n(x, {}) }),
+    /* @__PURE__ */ n(
       C,
       {
-        title: n("common.delConfirmDescription", {
-          data: `${t == null ? void 0 : t.name}`
+        title: e("common.delConfirmDescription", {
+          data: `${r?.name}`
         }),
-        open: c,
+        open: m,
         confirmButton: {
-          text: n("common.confirm"),
+          text: e("common.confirm"),
           props: {
             variant: "contained",
             color: "error",
-            loading: f
+            loading: p
           }
         },
         cancelButton: {
-          text: n("common.cancel"),
+          text: e("common.cancel"),
           props: {
             variant: "contained",
             color: "primary"
           }
         },
-        onConfirm: p,
-        onCancel: (o) => a(o, !1)
+        onConfirm: f,
+        onCancel: (o) => s(o, !1)
       }
     )
   ] });
 }
 export {
-  S as default
+  P as default
 };