@blocklet/ui-react 2.13.70 → 3.0.1

package/lib/UserCenter/components/config-profile.js

@@ -1,44 +1,35 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Box, MenuItem, Select, LinearProgress } from "@mui/material";
-import { useMemoizedFn, useReactive } from "ahooks";
-import { translate } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
-import Toast from "@arcblock/ux/lib/Toast";
-import ArrowDownwardIcon from "@arcblock/icons/lib/ArrowDown";
-import { translations } from "../libs/locales.js";
-import { client } from "../../libs/client.js";
-import { formatAxiosError } from "../libs/utils.js";
-const languages = [
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { Box as n, LinearProgress as g, Select as h, MenuItem as u } from "@mui/material";
+import { useMemoizedFn as l, useReactive as p } from "ahooks";
+import { translate as x } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as v } from "@arcblock/ux/lib/Locale/context";
+import w from "@arcblock/ux/lib/Toast";
+import C from "@arcblock/icons/lib/ArrowDown";
+import { translations as y } from "../libs/locales.js";
+import { client as I } from "../../libs/client.js";
+import { formatAxiosError as b } from "../libs/utils.js";
+const z = [
   { name: "English", code: "en" },
-  { name: "\u4E2D\u6587", code: "zh" }
+  { name: "中文", code: "zh" }
 ];
-export default function ConfigProfile({ user, onSave }) {
-  const { locale, changeLocale } = useLocaleContext();
-  const t = useMemoizedFn((key, data = {}) => {
-    return translate(translations, key, locale, "en", data);
-  });
-  const currentState = useReactive({
-    locale: user.locale,
-    loading: false
-  });
-  const handleChange = useMemoizedFn(async (e) => {
+function B({ user: a, onSave: s }) {
+  const { locale: c, changeLocale: m } = v(), d = l((e, o = {}) => x(y, e, c, "en", o)), t = p({
+    locale: a.locale,
+    loading: !1
+  }), f = l(async (e) => {
     try {
-      const { value } = e.target;
-      currentState.loading = true;
-      await client.user.saveProfile({
-        locale: value
-      });
-      await onSave("profile");
-      changeLocale(value);
-      currentState.locale = value;
-    } catch (err) {
-      Toast.error(formatAxiosError(err));
+      const { value: o } = e.target;
+      t.loading = !0, await I.user.saveProfile({
+        locale: o
+      }), await s("profile"), m(o), t.locale = o;
+    } catch (o) {
+      w.error(b(o));
     } finally {
-      currentState.loading = false;
+      t.loading = !1;
     }
   });
-  return /* @__PURE__ */ jsxs(
-    Box,
+  return /* @__PURE__ */ i(
+    n,
     {
       sx: {
         gap: 1,
@@ -50,18 +41,18 @@ export default function ConfigProfile({ user, onSave }) {
         }
       },
       children: [
-        /* @__PURE__ */ jsx(Box, { children: t("commonSetting.locale") }),
-        /* @__PURE__ */ jsxs(Box, { children: [
-          currentState.loading ? /* @__PURE__ */ jsx(
-            LinearProgress,
+        /* @__PURE__ */ r(n, { children: d("commonSetting.locale") }),
+        /* @__PURE__ */ i(n, { children: [
+          t.loading ? /* @__PURE__ */ r(
+            g,
             {
               color: "primary",
               sx: {
                 height: 2
               }
             }
-          ) : /* @__PURE__ */ jsx(
-            Box,
+          ) : /* @__PURE__ */ r(
+            n,
             {
               sx: {
                 height: 2,
@@ -69,13 +60,13 @@ export default function ConfigProfile({ user, onSave }) {
               }
             }
           ),
-          /* @__PURE__ */ jsx(
-            Select,
+          /* @__PURE__ */ r(
+            h,
             {
-              value: currentState.locale,
-              onChange: handleChange,
+              value: t.locale,
+              onChange: f,
               size: "small",
-              IconComponent: (props) => /* @__PURE__ */ jsx(ArrowDownwardIcon, { ...props, width: 20, height: 20 }),
+              IconComponent: (e) => /* @__PURE__ */ r(C, { ...e, width: 20, height: 20 }),
               sx: {
                 minWidth: 200,
                 "&:hover": {
@@ -87,7 +78,7 @@ export default function ConfigProfile({ user, onSave }) {
                   borderColor: "divider"
                 }
               },
-              children: (window.blocklet.languages || languages).map((x) => /* @__PURE__ */ jsx(MenuItem, { value: x.code, children: x.name }, x.code))
+              children: (window.blocklet.languages || z).map((e) => /* @__PURE__ */ r(u, { value: e.code, children: e.name }, e.code))
             }
           )
         ] })
@@ -95,3 +86,6 @@ export default function ConfigProfile({ user, onSave }) {
     }
   );
 }
+export {
+  B as default
+};

package/lib/UserCenter/components/danger-zone.js

@@ -1,100 +1,83 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useContext } from "react";
-import { Box, Button, Typography } from "@mui/material";
-import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
-import { translate } from "@arcblock/ux/lib/Locale/util";
-import { useCreation, useMemoizedFn } from "ahooks";
-import { useConfirm } from "@arcblock/ux/lib/Dialog";
-import { SessionContext } from "@arcblock/did-connect/lib/Session";
-import { LOGIN_PROVIDER } from "@blocklet/constant";
-import Toast from "@arcblock/ux/lib/Toast";
-import { translations } from "../libs/locales.js";
-import { client } from "../../libs/client.js";
-export default function DangerZone() {
-  const { confirmApi, confirmHolder } = useConfirm();
-  const { locale } = useLocaleContext();
-  const { session, connectApi } = useContext(SessionContext);
-  const t = useMemoizedFn((key, data = {}) => {
-    return translate(translations, key, locale, "en", data);
-  });
-  const isNeedVerify = useCreation(() => {
-    if (["true", true].includes(window?.blocklet?.ALLOW_SKIP_DESTROY_MYSELF_VERIFY)) {
-      return false;
-    }
-    const connectedAccounts = session?.user?.connectedAccounts || [];
-    const ALLOW_VERIFY_PROVIDERS = [LOGIN_PROVIDER.WALLET];
-    if (connectedAccounts.some((x) => ALLOW_VERIFY_PROVIDERS.includes(x.provider))) {
-      return true;
-    }
-    return false;
-  }, [session?.user]);
-  const handleVerify = useMemoizedFn(() => {
-    return new Promise((resolve, reject) => {
-      const userDid = session?.user?.did;
-      connectApi.open({
-        locale,
-        action: "destroy-myself",
-        forceConnected: true,
-        saveConnect: false,
-        autoConnect: false,
-        // 暂不允许使用 passkey 进行验证
-        passkeyBehavior: "none",
-        extraParams: {
-          removeUserDid: userDid
-        },
-        messages: {
-          title: t("destroyMyself.title"),
-          scan: t("destroyMyself.scan"),
-          confirm: t("destroyMyself.confirm"),
-          success: t("destroyMyself.success")
-        },
-        // @ts-expect-error 该 did-connect 后端api 将结果塞在了 result 中，并做了加密，所以已经变成一个字符串了
-        onSuccess: ({ result }, decrypt = (x) => x) => {
-          const decryptResult = decrypt(result);
-          resolve(decryptResult);
-        },
-        onClose: () => {
-          connectApi.close();
-          reject(new Error(t("destroyMyself.abort")));
-        }
-      });
+import { jsxs as d, Fragment as w, jsx as l } from "react/jsx-runtime";
+import { use as E } from "react";
+import { Box as m, Typography as g, Button as I } from "@mui/material";
+import { useLocaleContext as R } from "@arcblock/ux/lib/Locale/context";
+import { translate as v } from "@arcblock/ux/lib/Locale/util";
+import { useMemoizedFn as f, useCreation as S } from "ahooks";
+import { useConfirm as _ } from "@arcblock/ux/lib/Dialog";
+import { SessionContext as B } from "@arcblock/did-connect/lib/Session";
+import { LOGIN_PROVIDER as F } from "@blocklet/constant";
+import u from "@arcblock/ux/lib/Toast";
+import { translations as O } from "../libs/locales.js";
+import { client as x } from "../../libs/client.js";
+function H() {
+  const { confirmApi: h, confirmHolder: A } = _(), { locale: p } = R(), { session: o, connectApi: y } = E(B), e = f((c, r = {}) => v(O, c, p, "en", r)), M = S(() => {
+    var s, n;
+    if (["true", !0].includes((s = window == null ? void 0 : window.blocklet) == null ? void 0 : s.ALLOW_SKIP_DESTROY_MYSELF_VERIFY))
+      return !1;
+    const c = ((n = o == null ? void 0 : o.user) == null ? void 0 : n.connectedAccounts) || [], r = [F.WALLET];
+    return !!c.some((i) => r.includes(i.provider));
+  }, [o == null ? void 0 : o.user]), C = f(() => new Promise((c, r) => {
+    var n;
+    const s = (n = o == null ? void 0 : o.user) == null ? void 0 : n.did;
+    y.open({
+      locale: p,
+      action: "destroy-myself",
+      forceConnected: !0,
+      saveConnect: !1,
+      autoConnect: !1,
+      // 暂不允许使用 passkey 进行验证
+      passkeyBehavior: "none",
+      extraParams: {
+        removeUserDid: s
+      },
+      messages: {
+        title: e("destroyMyself.title"),
+        scan: e("destroyMyself.scan"),
+        confirm: e("destroyMyself.confirm"),
+        success: e("destroyMyself.success")
+      },
+      // @ts-expect-error 该 did-connect 后端api 将结果塞在了 result 中，并做了加密，所以已经变成一个字符串了
+      onSuccess: ({ result: i }, a = (t) => t) => {
+        const t = a(i);
+        c(t);
+      },
+      onClose: () => {
+        y.close(), r(new Error(e("destroyMyself.abort")));
+      }
     });
-  });
-  const handleDeleteAccount = useMemoizedFn(() => {
-    confirmApi.open({
-      title: t("dangerZone.deleteAccount"),
-      content: t("dangerZone.deleteAccountDescription"),
-      confirmButtonText: t("common.confirm"),
+  })), D = f(() => {
+    h.open({
+      title: e("dangerZone.deleteAccount"),
+      content: e("dangerZone.deleteAccountDescription"),
+      confirmButtonText: e("common.confirm"),
       confirmButtonProps: {
         color: "error"
       },
-      cancelButtonText: t("common.cancel"),
-      async onConfirm(close) {
-        let result;
+      cancelButtonText: e("common.cancel"),
+      async onConfirm(c) {
+        var s, n, i, a;
+        let r;
         try {
-          if (isNeedVerify) {
-            result = await handleVerify();
-          } else if (client?.user?.destroyMyself instanceof Function) {
-            result = await client.user.destroyMyself();
-          } else {
-            Toast.error(t("notImplemented"));
+          if (M)
+            r = await C();
+          else if (((n = (s = x) == null ? void 0 : s.user) == null ? void 0 : n.destroyMyself) instanceof Function)
+            r = await x.user.destroyMyself();
+          else {
+            u.error(e("notImplemented"));
             return;
           }
-          if (result?.did === session?.user?.did) {
-            session.logout(close);
-          } else {
-            Toast.error(t("destroyMyself.error"));
-          }
-        } catch (error) {
-          const errorMessage = error?.response?.data.error || error?.message || t("destroyMyself.error");
-          Toast.error(errorMessage);
+          (r == null ? void 0 : r.did) === ((i = o == null ? void 0 : o.user) == null ? void 0 : i.did) ? o.logout(c) : u.error(e("destroyMyself.error"));
+        } catch (t) {
+          const L = ((a = t == null ? void 0 : t.response) == null ? void 0 : a.data.error) || (t == null ? void 0 : t.message) || e("destroyMyself.error");
+          u.error(L);
         }
       }
     });
   });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(
-      Box,
+  return /* @__PURE__ */ d(w, { children: [
+    /* @__PURE__ */ l(m, { children: /* @__PURE__ */ d(
+      m,
       {
         sx: {
           display: "flex",
@@ -104,24 +87,36 @@ export default function DangerZone() {
           flexWrap: "wrap"
         },
         children: [
-          /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(
-              Typography,
+          /* @__PURE__ */ d(m, { children: [
+            /* @__PURE__ */ l(
+              g,
               {
                 variant: "h6",
                 sx: {
                   fontSize: "0.875rem !important",
                   fontWeight: "bold"
                 },
-                children: t("dangerZone.deleteAccount")
+                children: e("dangerZone.deleteAccount")
               }
             ),
-            /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: t("dangerZone.deleteAccountDescription") })
+            /* @__PURE__ */ l(
+              g,
+              {
+                variant: "caption",
+                sx: {
+                  color: "text.secondary"
+                },
+                children: e("dangerZone.deleteAccountDescription")
+              }
+            )
           ] }),
-          /* @__PURE__ */ jsx(Button, { variant: "contained", color: "error", size: "small", onClick: handleDeleteAccount, children: t("dangerZone.delete") })
+          /* @__PURE__ */ l(I, { variant: "contained", color: "error", size: "small", onClick: D, children: e("dangerZone.delete") })
         ]
       }
     ) }),
-    confirmHolder
+    A
   ] });
 }
+export {
+  H as default
+};