@arcblock/did-connect-react 3.4.14 → 3.5.0

package/lib/Connect/contexts/state.js

@@ -1,8 +1,8 @@
 import { jsx as O } from "react/jsx-runtime";
 import r from "prop-types";
-import { useState as S, use as W, useRef as D, useEffect as V, createContext as X } from "react";
+import { useState as h, use as W, useRef as D, useEffect as V, createContext as X } from "react";
 import Y from "@arcblock/react-hooks/lib/useBrowser";
-import { useUpdate as Z, useCreation as n, useMemoizedFn as h, useLatest as $, useReactive as ee, useSize as te } from "ahooks";
+import { useUpdate as Z, useCreation as n, useMemoizedFn as A, useLatest as $, useReactive as ee, useSize as te } from "ahooks";
 import E from "lodash/isUndefined";
 import oe from "lodash/noop";
 import { Box as re } from "@mui/material";
@@ -10,7 +10,7 @@ import { translate as ne } from "@arcblock/ux/lib/Locale/util";
 import { getMaster as T, getCurrentApp as se } from "@arcblock/ux/lib/Util/federated";
 import { getDIDMotifInfo as ie } from "@arcblock/did-motif";
 import { isEthereumDid as ce, getDIDColor as pe } from "@arcblock/ux/lib/Util";
-import { GA_LAST_LOGIN_METHOD as ue } from "@arcblock/ux/lib/withTracker/constant";
+import { LAST_USED_LOGIN_METHOD as ue } from "@arcblock/ux/lib/Util/constant";
 import ae from "../hooks/use-apps.js";
 import { SessionContext as de } from "../../Session/context.js";
 import le from "../assets/locale.js";
@@ -30,22 +30,24 @@ function me({
   testOnlyBorderColor: l = void 0,
   ...L
 }) {
-  const w = Z(), [f, j] = S([]), [N, q] = S(!1), [m, z] = S(""), G = n(() => new Map(f.map((e) => [e.name, e])), [f]), J = h((e) => G.get(e)), U = $(m), _ = h((e, i = {}) => ne(le, e, d, "en", i)), g = W(de), o = ee({
+  const w = Z(), [f, j] = h([]), [N, U] = h(!1), [m, q] = h(""), z = n(() => new Map(f.map((e) => [e.name, e])), [f]), J = A((e) => z.get(e)), _ = $(m), k = A((e, i = {}) => ne(le, e, d, "en", i)), g = W(de), o = ee({
     sourceAppPid: void 0,
     status: "created",
     autoActiveWebview: !0,
     deeplink: void 0,
     chooseMethod: "",
+    walletMethod: "",
+    // 细分的 wallet 登录方式，如 wallet-ext, wallet-web, wallet-scan 等
     retryConnect: oe
-  }), k = D({
+  }), B = D({
     cancelCount: 0
-  }), s = Y(), { appInfoList: b, autoGenerateSourceAppPid: A, canSwitchApp: v } = ae({
+  }), s = Y(), { appInfoList: b, autoGenerateSourceAppPid: S, canSwitchApp: v } = ae({
     blocklet: c,
     connectState: o,
     action: a,
     sourceAppPid: t?.sourceAppPid,
     enableSwitchApp: t?.forceSwitch || t?.enableSwitchApp
-  }), B = n(() => {
+  }), G = n(() => {
     try {
       return localStorage.getItem(ue);
     } catch {
@@ -55,7 +57,7 @@ function me({
     if (v)
       return {
         ...t,
-        sourceAppPid: E(o.sourceAppPid) ? A : o.sourceAppPid
+        sourceAppPid: E(o.sourceAppPid) ? S : o.sourceAppPid
       };
     const e = T(c)?.appPid, i = T(globalThis.blocklet)?.appPid;
     return g?.session?.user && (e === i || !e) ? E(t?.sourceAppPid) ? {
@@ -63,14 +65,14 @@ function me({
       sourceAppPid: g.session.user?.sourceAppPid
     } : t : {
       ...t,
-      sourceAppPid: A
+      sourceAppPid: S
     };
   }, [
     v,
     t,
     o.sourceAppPid,
     a,
-    A,
+    S,
     g?.session?.user
   ]), F = n(() => {
     const e = window?.navigator?.userAgent;
@@ -79,7 +81,7 @@ function me({
   V(() => {
     o.sourceAppPid = p.sourceAppPid;
   }, [p.sourceAppPid]);
-  const H = h((e) => {
+  const H = A((e) => {
     o.status = e || "created";
   }), u = globalThis.blocklet ? se(c) : globalThis.env, I = n(() => {
     if (l)
@@ -91,7 +93,7 @@ function me({
     isMobile: s.mobile.any,
     matchSmallScreen: y,
     connectState: o,
-    staticState: k,
+    staticState: B,
     reactiveState: o,
     appInfoList: b,
     extraParams: p,
@@ -100,22 +102,22 @@ function me({
     browserBrand: F,
     currentAppInfo: u,
     currentAppColor: I,
-    t: _,
+    t: k,
     locale: d,
     action: a,
     changeStatus: H,
     getPlugin: J,
-    latestActivePlugin: U,
+    latestActivePlugin: _,
     plugins: f,
     setPlugins: j,
     selectedPlugin: m,
-    setSelectedPlugin: z,
+    setSelectedPlugin: q,
     forceUpdate: w,
     // 控制钱包登录的显示
     showWalletOptions: N,
-    setShowWalletOptions: q,
+    setShowWalletOptions: U,
     // 用于记录上一次登录方式
-    lastLoginMethod: B
+    lastLoginMethod: G
   }), [
     s.wallet,
     s.arcSphere,

package/lib/Connect/hooks/provider-list.js

@@ -1,69 +1,69 @@
 import { useBrowser as C } from "@arcblock/react-hooks";
-import { useRequest as T, useCreation as p } from "ahooks";
-import n from "lodash/isNil";
-import { LOGIN_PROVIDER as s } from "@arcblock/ux/lib/Util/constant";
-import { getFederatedEnabled as y, getMaster as D, getBlockletData as I } from "@arcblock/ux/lib/Util/federated";
-import { useState as R } from "react";
-const S = async ({ sourceAppPid: d }) => {
+import { useRequest as D, useCreation as L } from "ahooks";
+import s from "lodash/isNil";
+import { LOGIN_PROVIDER as i, WALLET_LOGIN_METHOD as I } from "@arcblock/ux/lib/Util/constant";
+import { getFederatedEnabled as O, getMaster as y, getBlockletData as W } from "@arcblock/ux/lib/Util/federated";
+import { useState as N } from "react";
+const R = async ({ sourceAppPid: d }) => {
   const t = globalThis?.blocklet;
   if (!t)
     return {
-      [s.WALLET]: {
+      [i.WALLET]: {
         order: 0,
         enabled: !0,
         showQrcode: !0
       },
-      [s.PASSKEY]: {
+      [i.PASSKEY]: {
         order: 1,
         enabled: !0
       }
     };
-  const l = y(t), e = D(t);
-  return l && e?.appPid && d === e?.appPid ? (await I(e.appUrl))?.settings?.authentication || {} : t?.settings?.authentication || {};
-}, B = async ({ sourceAppPid: d } = {}) => {
-  const t = await S({ sourceAppPid: d });
-  return Object.entries(t).map(([e, o]) => ({ ...o, provider: e })).filter((e) => e.enabled).sort((e, o) => !n(e?.order) && !n(o?.order) ? e.order - o.order : n(e?.order) ? 1 : -1);
+  const l = O(t), e = y(t);
+  return l && e?.appPid && d === e?.appPid ? (await W(e.appUrl))?.settings?.authentication || {} : t?.settings?.authentication || {};
+}, S = async ({ sourceAppPid: d } = {}) => {
+  const t = await R({ sourceAppPid: d });
+  return Object.entries(t).map(([e, o]) => ({ ...o, provider: e })).filter((e) => e.enabled).sort((e, o) => !s(e?.order) && !s(o?.order) ? e.order - o.order : s(e?.order) ? 1 : -1);
 };
-function Y({
+function q({
   allowWallet: d = !0,
   passkeyBehavior: t = "none",
   action: l,
   sourceAppPid: e,
   mode: o = "dialog",
   blocklet: P = globalThis.blocklet,
-  isSmallView: L = !1,
+  isSmallView: p = !1,
   lastLoginMethod: a = ""
 }) {
-  const [m, g] = R(!1), w = ["login", "invite", "connect-to-did-space", "connect-to-did-domain", "destroy-self"], E = ["login", "invite", "connect-to-did-space", "connect-to-did-domain", "destroy-self"], c = C(), { data: v = [] } = T(
+  const [m, v] = N(!1), w = ["login", "invite", "connect-to-did-space", "connect-to-did-domain", "destroy-self"], A = ["login", "invite", "connect-to-did-space", "connect-to-did-domain", "destroy-self"], u = C(), { data: h = [] } = D(
     async () => {
-      g(!0);
-      const i = await B({ sourceAppPid: e });
-      return g(!1), i;
+      v(!0);
+      const n = await S({ sourceAppPid: e });
+      return v(!1), n;
     },
     { refreshDeps: [e] }
-  ), f = p(() => {
-    const i = globalThis?.blocklet?.DID_CONNECT_ENABLED_PROVIDERS?.split(",") || [];
-    return v.filter((r) => i.length > 0 && !i.includes(r.provider) ? !1 : r.provider === s.WALLET ? d : r.provider === s.PASSKEY ? t !== "none" && !c.wallet && !c.arcSphere : r.provider === s.EMAIL ? E.includes(l) && (P?.settings?.notification?.email?.enabled ?? !1) : !(r.type === "oauth" && !w.includes(l))).sort((r, u) => {
+  ), f = L(() => {
+    const n = globalThis?.blocklet?.DID_CONNECT_ENABLED_PROVIDERS?.split(",") || [];
+    return h.filter((r) => n.length > 0 && !n.includes(r.provider) ? !1 : r.provider === i.WALLET ? d : r.provider === i.PASSKEY ? t !== "none" && !u.wallet && !u.arcSphere : r.provider === i.EMAIL ? A.includes(l) && (P?.settings?.notification?.email?.enabled ?? !1) : !(r.type === "oauth" && !w.includes(l))).sort((r, c) => {
       if (a) {
-        const h = r.provider === a, b = u.provider === a;
-        if (h && !b)
+        const g = Object.values(I).includes(a), E = g ? r.provider === i.WALLET : r.provider === a, b = g ? c.provider === i.WALLET : c.provider === a;
+        if (E && !b)
           return -1;
-        if (!h && b)
+        if (!E && b)
           return 1;
       }
-      return !n(r?.order) && !n(u?.order) ? r.order - u.order : n(r?.order) ? n(u?.order) ? 0 : 1 : -1;
+      return !s(r?.order) && !s(c?.order) ? r.order - c.order : s(r?.order) ? s(c?.order) ? 0 : 1 : -1;
     });
-  }, [v, a]), A = p(() => {
-    const i = o === "drawer" || L && c.mobile.any;
-    return globalThis?.blocklet ? !!(f.find((r) => r.provider === s.WALLET)?.showQrcode !== !0 || i) : !!i;
-  }, [o, L, f]);
+  }, [h, a]), T = L(() => {
+    const n = o === "drawer" || p && u.mobile.any;
+    return globalThis?.blocklet ? !!(f.find((r) => r.provider === i.WALLET)?.showQrcode !== !0 || n) : !!n;
+  }, [o, p, f]);
   return {
-    hideChooseList: p(() => !1),
-    hideQRCode: A,
+    hideChooseList: L(() => !1),
+    hideQRCode: T,
     providerList: f,
     loadingProviderList: m
   };
 }
 export {
-  Y as default
+  q as default
 };

package/lib/Connect/plugins/email/list-item.js

@@ -1,22 +1,22 @@
-import { jsx as c } from "react/jsx-runtime";
-import l from "prop-types";
-import { useMemoizedFn as a } from "ahooks";
+import { jsx as l } from "react/jsx-runtime";
+import a from "prop-types";
+import { useMemoizedFn as c } from "ahooks";
 import p from "@iconify-icons/tabler/mail-filled";
 import { LOGIN_PROVIDER as t, LOGIN_PROVIDER_NAME as I } from "@arcblock/ux/lib/Util/constant";
 import { GA_LAST_LOGIN_METHOD as L } from "@arcblock/ux/lib/withTracker/constant";
-import f from "../../components/login-item/login-method-item.js";
-import { useStateContext as M } from "../../contexts/state.js";
-function u({ ...i }) {
-  const { setSelectedPlugin: n, getPlugin: r, connectState: m, lastLoginMethod: e } = M(), s = a(() => {
+import M from "../../components/login-item/login-method-item.js";
+import { useStateContext as f } from "../../contexts/state.js";
+function u({ ...n }) {
+  const { setSelectedPlugin: r, getPlugin: m, connectState: e, lastLoginMethod: i } = f(), s = c(() => {
     localStorage.setItem(L, t.EMAIL);
-    const o = r(t.EMAIL);
-    o.state.reset(), o.state.status = "creating", m.chooseMethod = t.EMAIL, n(o);
+    const o = m(t.EMAIL);
+    o.state.reset(), o.state.status = "creating", e.chooseMethod = t.EMAIL, e.walletMethod = "", r(o);
   });
-  return /* @__PURE__ */ c(
-    f,
+  return /* @__PURE__ */ l(
+    M,
     {
-      ...i,
-      isLatest: e && e === t.EMAIL,
+      ...n,
+      isLatest: i && i === t.EMAIL,
       title: I[t.EMAIL],
       icon: p,
       onClick: s
@@ -24,7 +24,7 @@ function u({ ...i }) {
   );
 }
 u.propTypes = {
-  onClick: l.func
+  onClick: a.func
 };
 export {
   u as default

package/lib/Connect/plugins/email/placeholder.js

@@ -1,29 +1,30 @@
-import { jsxs as l, Fragment as s, jsx as a } from "react/jsx-runtime";
+import { jsxs as n, Fragment as s, jsx as a } from "react/jsx-runtime";
 import j from "@arcblock/ux/lib/LoadingMask";
-import { Typography as T, TextField as B, Box as p, CircularProgress as R } from "@mui/material";
-import { useMemoizedFn as d, useCreation as F, useReactive as D, useInterval as H } from "ahooks";
+import { Typography as T, TextField as B, Box as p, CircularProgress as A } from "@mui/material";
+import { useMemoizedFn as d, useCreation as F, useReactive as H, useInterval as N } from "ahooks";
 import c from "prop-types";
-import { joinURL as K, withQuery as k } from "ufo";
-import O from "@arcblock/ux/lib/Toast";
-import q from "@arcblock/ux/lib/VerificationCode";
-import { useEffect as N } from "react";
-import v from "lodash/noop";
-import U from "@arcblock/ux/lib/DIDConnect/provider-icon";
-import V from "../../components/back-button.js";
-import S from "../../components/action-button.js";
-import { useStateContext as W } from "../../contexts/state.js";
-import { BLOCKLET_SERVICE_PATH_PREFIX as G, VERIFY_CODE_LENGTH as Q, CHECK_STATUS_INTERVAL as X } from "../../../constant.js";
-import { createAxios as Y, debug as y } from "../../../utils.js";
-function $({
-  fallback: A = null,
+import { joinURL as G, withQuery as I } from "ufo";
+import K from "@arcblock/ux/lib/Toast";
+import U from "@arcblock/ux/lib/VerificationCode";
+import { useEffect as q } from "react";
+import E from "lodash/noop";
+import W from "@arcblock/ux/lib/DIDConnect/provider-icon";
+import { LAST_USED_LOGIN_METHOD as k, LOGIN_PROVIDER as v } from "@arcblock/ux/lib/Util/constant";
+import R from "../../components/back-button.js";
+import V from "../../components/action-button.js";
+import { useStateContext as Q } from "../../contexts/state.js";
+import { BLOCKLET_SERVICE_PATH_PREFIX as X, VERIFY_CODE_LENGTH as Y, CHECK_STATUS_INTERVAL as $ } from "../../../constant.js";
+import { createAxios as J, debug as y } from "../../../utils.js";
+function Z({
+  fallback: _ = null,
   state: o,
-  forceUpdate: t = v,
-  onSuccess: h = v,
-  t: L = v
+  forceUpdate: t = E,
+  onSuccess: h = E,
+  t: w = E
 }) {
-  const { setSelectedPlugin: w, locale: m, connectState: u, action: f, extraParams: P } = W(), n = d((r, i = {}) => L(r, i, m)), g = F(() => Y({
-    baseURL: K(o.baseUrl, G, "/api/user")
-  }), [o.baseUrl]), e = D({
+  const { setSelectedPlugin: D, locale: m, connectState: u, action: f, extraParams: M } = Q(), l = d((r, i = {}) => w(r, i, m)), g = F(() => J({
+    baseURL: G(o.baseUrl, X, "/api/user")
+  }), [o.baseUrl]), e = H({
     email: "",
     code: "",
     codeId: "",
@@ -33,15 +34,15 @@ function $({
     loadingSendCode: !1,
     loadingVerifyCode: !1,
     error: ""
-  }), b = d(() => {
+  }), P = d(() => {
     e.email = "", e.code = "", e.codeId = "", e.verifyMode = e.defaultVerifyMode, e.loadingSendCode = !1, e.loadingVerifyCode = !1, e.error = "";
-  }), E = d(async () => {
+  }), b = d(async () => {
     if (!e.email || !e.email.trim()) {
-      e.error = n("emailRequired");
+      e.error = l("emailRequired");
       return;
     }
     if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.email)) {
-      e.error = n("emailInvalid");
+      e.error = l("emailInvalid");
       return;
     }
     e.error = "";
@@ -49,7 +50,7 @@ function $({
       e.loadingSendCode = !0;
       let i = !1;
       ["login"].includes(f) && (u.sourceAppPid || (i = !0));
-      const { data: x } = await g.post(k("/email/sendCode", { locale: m }), {
+      const { data: x } = await g.post(I("/email/sendCode", { locale: m }), {
         email: e.email,
         sourceAppPid: u.sourceAppPid,
         useMagicLink: i
@@ -61,17 +62,17 @@ function $({
     } finally {
       e.loadingSendCode = !1, t();
     }
-  }), I = d(async () => {
-    if (e.code.length === Q)
+  }), S = d(async () => {
+    if (e.code.length === Y)
       try {
         e.loadingVerifyCode = !0;
-        const { data: r } = await g.post(k("/email/login", { locale: m }), {
-          ...P,
+        const { data: r } = await g.post(I("/email/login", { locale: m }), {
+          ...M,
           action: f,
           code: e.code,
           sourceAppPid: u.sourceAppPid
         });
-        y("Email login succeed (use code)", { loginResult: r }), await h(
+        y("Email login succeed (use code)", { loginResult: r }), localStorage.setItem(k, v.EMAIL), await h(
           {
             ...r,
             encrypted: !1
@@ -80,19 +81,19 @@ function $({
         ), o.status = "succeed";
       } catch (r) {
         const i = r?.response?.data || r?.message;
-        O.error(i), y("Email login failed (use code)", { error: r });
+        K.error(i), y("Email login failed (use code)", { error: r });
       } finally {
         e.loadingVerifyCode = !1, t();
       }
-  }), _ = d(async () => {
+  }), O = d(async () => {
     o.status = "verifying", t();
     try {
-      const { data: r } = await g.post(k("/email/login", { locale: m }), {
-        ...P,
+      const { data: r } = await g.post(I("/email/login", { locale: m }), {
+        ...M,
         action: f,
         magicToken: o.magicToken
       });
-      y("Email login succeed (use magic link)", { loginResult: r }), await h(
+      y("Email login succeed (use magic link)", { loginResult: r }), localStorage.setItem(k, v.EMAIL), await h(
         {
           ...r,
           encrypted: !1
@@ -104,28 +105,28 @@ function $({
       o.status = "error", o.error = i, y("Email login failed (use magic link)", { error: r });
     }
     t();
-  }), M = e.verifyMode === "magicLink" && o.status === "sending" && // 如果正在校验验证码，则不轮询状态
+  }), L = e.verifyMode === "magicLink" && o.status === "sending" && // 如果正在校验验证码，则不轮询状态
   !e.loadingVerifyCode && e.codeId, z = d(async () => {
-    if (M) {
+    if (L) {
       try {
         const { data: r } = await g.get("/email/status", {
           params: {
             codeId: e.codeId
           }
         });
-        r.verified && (o.status = "succeed", b(), await h({ encrypted: !1 }, (i) => i));
+        r.verified && (o.status = "succeed", P(), localStorage.setItem(k, v.EMAIL), await h({ encrypted: !1 }, (i) => i));
       } catch (r) {
         console.error("check status error", r);
       }
       t();
     }
   });
-  H(z, M ? X : void 0), N(() => {
-    b(), (u.sourceAppPid || !["login"].includes(f)) && (e.defaultVerifyMode = "code"), o.magicToken && _();
+  N(z, L ? $ : void 0), q(() => {
+    P(), (u.sourceAppPid || !["login"].includes(f)) && (e.defaultVerifyMode = "code"), o.magicToken && O();
   }, [o]);
   let C = null;
   if (o.status === "creating")
-    C = /* @__PURE__ */ l(s, { children: [
+    C = /* @__PURE__ */ n(s, { children: [
       /* @__PURE__ */ a(
         T,
         {
@@ -134,7 +135,7 @@ function $({
             textAlign: "center",
             color: "text.secondary"
           },
-          children: n("emailPlaceholder")
+          children: l("emailPlaceholder")
         }
       ),
       /* @__PURE__ */ a(
@@ -144,15 +145,15 @@ function $({
           fullWidth: !0,
           type: "email",
           variant: "outlined",
-          label: n("email"),
-          placeholder: n("emailPlaceholder"),
+          label: l("email"),
+          placeholder: l("emailPlaceholder"),
           size: "small",
           value: e.email,
           onChange: (r) => {
             e.email = r.target.value;
           },
           onKeyDown: (r) => {
-            r.key === "Enter" && E(e.email);
+            r.key === "Enter" && b(e.email);
           },
           sx: {
             maxWidth: 320,
@@ -171,17 +172,17 @@ function $({
           }
         }
       ),
-      /* @__PURE__ */ l(p, { sx: { display: "flex", gap: 1 }, children: [
+      /* @__PURE__ */ n(p, { sx: { display: "flex", gap: 1 }, children: [
         /* @__PURE__ */ a(
-          V,
+          R,
           {
             onClick: () => {
-              o.reset(), w();
+              o.reset(), D();
             }
           }
         ),
-        /* @__PURE__ */ l(
-          S,
+        /* @__PURE__ */ n(
+          V,
           {
             sx: {
               color: "primary.main",
@@ -189,50 +190,50 @@ function $({
             },
             disabled: e.loadingSendCode,
             onClick: () => {
-              E(e.email);
+              b(e.email);
             },
             children: [
-              e.loadingSendCode ? /* @__PURE__ */ a(R, { color: "inherit", size: 14, sx: { mr: 1 } }) : null,
-              n("sendCode")
+              e.loadingSendCode ? /* @__PURE__ */ a(A, { color: "inherit", size: 14, sx: { mr: 1 } }) : null,
+              l("sendCode")
             ]
           }
         )
       ] })
     ] });
   else if (o.status === "sending")
-    C = /* @__PURE__ */ l(s, { children: [
-      /* @__PURE__ */ l(p, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [
-        /* @__PURE__ */ a(T, { variant: "body2", sx: { textAlign: "center", color: "text.secondary" }, children: e.verifyMode === "magicLink" ? /* @__PURE__ */ l(s, { children: [
-          n("verifyEmail"),
+    C = /* @__PURE__ */ n(s, { children: [
+      /* @__PURE__ */ n(p, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [
+        /* @__PURE__ */ a(T, { variant: "body2", sx: { textAlign: "center", color: "text.secondary" }, children: e.verifyMode === "magicLink" ? /* @__PURE__ */ n(s, { children: [
+          l("verifyEmail"),
           /* @__PURE__ */ a("br", {}),
-          n("orUseCodePlaceholder")
-        ] }) : n("codePlaceholder") }),
+          l("orUseCodePlaceholder")
+        ] }) : l("codePlaceholder") }),
         /* @__PURE__ */ a(s, {})
       ] }),
-      /* @__PURE__ */ l(s, { children: [
+      /* @__PURE__ */ n(s, { children: [
         /* @__PURE__ */ a(
-          q,
+          U,
           {
             code: e.code,
             onChange: (r) => {
               e.code = r;
             },
             onComplete: () => {
-              I();
+              S();
             }
           }
         ),
-        /* @__PURE__ */ l(p, { sx: { display: "flex", gap: 1 }, children: [
+        /* @__PURE__ */ n(p, { sx: { display: "flex", gap: 1 }, children: [
           /* @__PURE__ */ a(
-            V,
+            R,
             {
               onClick: () => {
                 e.code = "", o.status = "creating", t();
               }
             }
           ),
-          /* @__PURE__ */ l(
-            S,
+          /* @__PURE__ */ n(
+            V,
             {
               sx: {
                 color: "primary.main",
@@ -240,11 +241,11 @@ function $({
               },
               disabled: e.loadingVerifyCode,
               onClick: () => {
-                I();
+                S();
               },
               children: [
-                e.loadingVerifyCode ? /* @__PURE__ */ a(R, { color: "inherit", size: 14, sx: { mr: 1 } }) : null,
-                n("confirm")
+                e.loadingVerifyCode ? /* @__PURE__ */ a(A, { color: "inherit", size: 14, sx: { mr: 1 } }) : null,
+                l("confirm")
               ]
             }
           )
@@ -252,8 +253,8 @@ function $({
       ] })
     ] });
   else
-    return A;
-  return /* @__PURE__ */ l(
+    return _;
+  return /* @__PURE__ */ n(
     p,
     {
       sx: {
@@ -265,13 +266,13 @@ function $({
         pb: 1
       },
       children: [
-        /* @__PURE__ */ a(j, { size: 52, borderRadius: 12, children: /* @__PURE__ */ a(U, { provider: "email" }) }),
+        /* @__PURE__ */ a(j, { size: 52, borderRadius: 12, children: /* @__PURE__ */ a(W, { provider: "email" }) }),
         C
       ]
     }
   );
 }
-$.propTypes = {
+Z.propTypes = {
   fallback: c.any,
   state: c.object.isRequired,
   forceUpdate: c.func,
@@ -279,5 +280,5 @@ $.propTypes = {
   t: c.func
 };
 export {
-  $ as default
+  Z as default
 };

package/lib/package.json.js

@@ -1,4 +1,4 @@
-const o = "3.4.14", s = {
+const o = "3.5.0", s = {
   version: o
 };
 export {