@arcblock/did-connect-react 3.4.14 → 3.5.0

package/lib/Connect/components/login-item/connect-choose-list.js

@@ -1,93 +1,93 @@
-import { jsx as i, jsxs as U } from "react/jsx-runtime";
+import { jsx as l, jsxs as G } from "react/jsx-runtime";
 import o from "prop-types";
 import { Box as g } from "@mui/material";
-import { LOGIN_PROVIDER as s, LOGIN_PROVIDER_NAME as te, LOGIN_PROVIDER_ICON_SIZE as h } from "@arcblock/ux/lib/Util/constant";
-import { getWebWalletUrl as re } from "@arcblock/ux/lib/Util/wallet";
+import { LAST_USED_LOGIN_METHOD as re, LOGIN_PROVIDER as n, WALLET_LOGIN_METHOD as U, LOGIN_PROVIDER_NAME as se, LOGIN_PROVIDER_ICON_SIZE as h } from "@arcblock/ux/lib/Util/constant";
+import { getWebWalletUrl as ne } from "@arcblock/ux/lib/Util/wallet";
 import L from "lodash/noop";
-import { useMemoizedFn as I } from "ahooks";
+import { useMemoizedFn as y } from "ahooks";
 import x from "js-cookie";
-import { getCookieOptions as se } from "@arcblock/ux/lib/Util";
-import { useRef as A, useEffect as ne } from "react";
-import { mergeSx as ie } from "@arcblock/ux/lib/Util/style";
-import le from "@arcblock/ux/lib/DIDConnect/provider-icon";
+import { getCookieOptions as le } from "@arcblock/ux/lib/Util";
+import { useRef as M, useEffect as ie } from "react";
+import { mergeSx as ae } from "@arcblock/ux/lib/Util/style";
+import ce from "@arcblock/ux/lib/DIDConnect/provider-icon";
 import { GA_LAST_LOGIN_METHOD as u } from "@arcblock/ux/lib/withTracker/constant";
-import ae from "./mobile-login-item.js";
-import ce from "./web-login-item.js";
-import pe from "./login-method-item.js";
-import { useOAuth as me } from "../../../OAuth/context.js";
-import { useStateContext as ue } from "../../contexts/state.js";
-import { getAppId as de, logger as fe, getApiErrorMessage as ge } from "../../../utils.js";
-import he from "./passkey-login-item.js";
-import { usePasskey as Le } from "../../../Passkey/context.js";
+import pe from "./mobile-login-item.js";
+import me from "./web-login-item.js";
+import ue from "./login-method-item.js";
+import { useOAuth as de } from "../../../OAuth/context.js";
+import { useStateContext as fe } from "../../contexts/state.js";
+import { getAppId as ge, logger as he, getApiErrorMessage as Le } from "../../../utils.js";
+import Ie from "./passkey-login-item.js";
+import { usePasskey as ye } from "../../../Passkey/context.js";
 import "../../../Passkey/actions.js";
-import ye from "../../plugins/email/index.js";
-function Ie({
-  onSuccess: b = L,
-  onError: M = L,
+import xe from "../../plugins/email/index.js";
+function Me({
+  onSuccess: O = L,
+  onError: A = L,
   size: c = "small",
-  tokenState: t,
-  webWalletUrl: G = re(),
-  tokenKey: S,
-  passkeyBehavior: j = "none",
-  onReset: y = L,
-  showMobileLogin: V = !0,
-  showOAuthLogin: v = !0,
-  showPasskeyLogin: O = !0,
-  showWebLogin: q = !0,
+  tokenState: r,
+  webWalletUrl: F = ne(),
+  tokenKey: j,
+  passkeyBehavior: B = "none",
+  onReset: I = L,
+  showMobileLogin: H = !0,
+  showOAuthLogin: E = !0,
+  showPasskeyLogin: b = !0,
+  showWebLogin: V = !0,
   showEmailLogin: d = !0,
-  oauthProviderList: B = [],
+  oauthProviderList: q = [],
   slotProps: K = {},
-  disableSwitchApp: P = !1,
-  forceUpdate: H = L,
-  magicToken: E = void 0,
-  baseUrl: Y = "/",
-  customItems: Z = []
+  disableSwitchApp: v = !1,
+  forceUpdate: Y = L,
+  magicToken: w = void 0,
+  baseUrl: Z = "/",
+  customItems: $ = []
 }) {
-  const w = A(null), C = A(null), _ = A(null), { loginOAuth: $, logoutOAuth: z, t: f, oauthState: n } = me(), { passkeyState: R } = Le(), { extraParams: T, locale: J, connectState: r, plugins: W, setPlugins: Q, setSelectedPlugin: X, getPlugin: k, lastLoginMethod: l } = ue(), D = I(async (e) => {
-    localStorage.setItem(u, e.provider), t.reset(), n.reset({
+  const _ = M(null), P = M(null), C = M(null), { loginOAuth: z, logoutOAuth: J, t: f, oauthState: s } = de(), { passkeyState: T } = ye(), { extraParams: R, locale: Q, connectState: t, plugins: D, setPlugins: X, setSelectedPlugin: ee, getPlugin: N, lastLoginMethod: i } = fe(), W = y(async (e) => {
+    localStorage.setItem(u, e.provider), r.reset(), s.reset({
       status: "scanned"
-    }), R.reset(), r.chooseMethod = e.provider;
-    const p = T?.sourceAppPid;
+    }), T.reset(), t.chooseMethod = e.provider, t.walletMethod = "";
+    const p = R?.sourceAppPid;
     try {
-      n.loading = !0, n.status = "scanned";
-      const m = await $(e, {
-        action: t.action,
-        ...T
-      }), a = se({ returnDomain: !1 });
-      x.remove("connected_did", a), x.remove("connected_pk", a), x.remove("connected_wallet_os", a), m?.sessionToken && (await b(
+      s.loading = !0, s.status = "scanned";
+      const m = await z(e, {
+        action: r.action,
+        ...R
+      }), a = le({ returnDomain: !1 });
+      x.remove("connected_did", a), x.remove("connected_pk", a), x.remove("connected_wallet_os", a), m?.sessionToken && (localStorage.setItem(re, e.provider), await O(
         {
           ...m,
           encrypted: !1
         },
-        (oe) => oe,
+        (te) => te,
         {
           sourceAppPid: p,
-          connected_app: de(t.appInfo, t.memberAppInfo)
+          connected_app: ge(r.appInfo, r.memberAppInfo)
         }
-      ), n.loading = !1, n.status = "succeed");
+      ), s.loading = !1, s.status = "succeed");
     } catch (m) {
-      fe.error(`Failed login OAuth: ${e.provider}`, m);
-      const a = ge(m, f("loginOAuthFailed"));
-      n.loading = !1, n.error = a, n.status = "error", await z({ provider: e.provider }), M(new Error(a));
+      he.error(`Failed login OAuth: ${e.provider}`, m);
+      const a = Le(m, f("loginOAuthFailed"));
+      s.loading = !1, s.error = a, s.status = "error", await J({ provider: e.provider }), A(new Error(a));
     }
-  }), N = I(async () => {
-    t.reset(), await y(), t.status = "created", r.chooseMethod = "wallet";
-  }), F = ye({ baseUrl: Y }), ee = I(() => {
-    if (E && d && W.some((e) => e.name === s.EMAIL)) {
-      const e = k(s.EMAIL);
-      e.state.status === "idle" && (localStorage.setItem(u, s.EMAIL), e.state.reset(), e.state.magicToken = E, r.chooseMethod = s.EMAIL, X(e), H());
+  }), k = y(async () => {
+    r.reset(), await I(), r.status = "created", t.chooseMethod = "wallet", t.walletMethod = "";
+  }), S = xe({ baseUrl: Z }), oe = y(() => {
+    if (w && d && D.some((e) => e.name === n.EMAIL)) {
+      const e = N(n.EMAIL);
+      e.state.status === "idle" && (localStorage.setItem(u, n.EMAIL), e.state.reset(), e.state.magicToken = w, t.chooseMethod = n.EMAIL, ee(e), Y());
     }
   });
-  return ne(() => {
+  return ie(() => {
     const e = [];
     if (d) {
-      const p = k(s.EMAIL);
-      p && p.baseUrl === F.baseUrl ? e.push(p) : e.push(F);
+      const p = N(n.EMAIL);
+      p && p.baseUrl === S.baseUrl ? e.push(p) : e.push(S);
     }
-    Q(e), r.retryConnect = N, setTimeout(() => {
-      ee();
+    X(e), t.retryConnect = k, setTimeout(() => {
+      oe();
     }, 100);
-  }, [d]), /* @__PURE__ */ i(g, { className: "did-connect__choose", sx: ie({ flex: 1 }, K?.root?.sx), children: /* @__PURE__ */ i(
+  }, [d]), /* @__PURE__ */ l(g, { className: "did-connect__choose", sx: ae({ flex: 1 }, K?.root?.sx), children: /* @__PURE__ */ l(
     g,
     {
       sx: {
@@ -95,7 +95,7 @@ function Ie({
         flexDirection: "column",
         gap: 2
       },
-      children: /* @__PURE__ */ U(
+      children: /* @__PURE__ */ G(
         g,
         {
           sx: [
@@ -106,46 +106,46 @@ function Ie({
             }
           ],
           children: [
-            V && /* @__PURE__ */ i(
-              ae,
+            H && /* @__PURE__ */ l(
+              pe,
               {
                 t: f,
-                isLatest: l && l === s.WALLET,
-                ref: w,
-                tokenState: t,
+                isLatest: i && i === U.MOBILE,
+                ref: _,
+                tokenState: r,
                 sx: [c === "small" ? { p: 1 } : { p: 2 }],
-                locale: J,
-                tokenKey: S,
-                disableSwitchApp: P,
+                locale: Q,
+                tokenKey: j,
+                disableSwitchApp: v,
                 onClick: async () => {
-                  localStorage.setItem(u, s.WALLET), t.reset(), await y(), t.status = "created", r.chooseMethod = "wallet";
-                  const e = w.current?.connect;
-                  r.retryConnect = () => {
-                    e(N);
+                  localStorage.setItem(u, n.WALLET), r.reset(), await I(), r.status = "created", t.chooseMethod = "wallet";
+                  const e = _.current?.connect;
+                  t.retryConnect = () => {
+                    e(k);
                   };
                 }
               }
             ),
-            q && /* @__PURE__ */ i(
-              ce,
+            V && /* @__PURE__ */ l(
+              me,
               {
-                isLatest: l && l === s.WALLET,
-                ref: C,
-                tokenState: t,
-                webWalletUrl: G,
+                isLatest: i && i === U.WEB,
+                ref: P,
+                tokenState: r,
+                webWalletUrl: F,
                 t: f,
                 sx: [c === "small" ? { p: 1 } : { p: 2 }],
-                disableSwitchApp: P,
+                disableSwitchApp: v,
                 onClick: () => {
-                  localStorage.setItem(u, s.WALLET), t.status = "scanned", r.chooseMethod = "wallet-web";
-                  const e = C.current.connect;
-                  r.retryConnect = async () => {
-                    await y(), t.error = "", t.status = "scanned", e();
+                  localStorage.setItem(u, n.WALLET), r.status = "scanned", t.chooseMethod = "wallet-web";
+                  const e = P.current.connect;
+                  t.retryConnect = async () => {
+                    await I(), r.error = "", r.status = "scanned", e();
                   };
                 }
               }
             ),
-            v || O || d ? /* @__PURE__ */ U(
+            E || b || d ? /* @__PURE__ */ G(
               g,
               {
                 sx: [
@@ -156,21 +156,21 @@ function Ie({
                   }
                 ],
                 children: [
-                  W.map(
+                  D.map(
                     (e) => e.renderListItem({
                       key: e.name,
                       sx: [c === "small" ? { p: 1 } : { p: 2 }]
                       // forceUpdate,
                     })
                   ),
-                  v ? B.map((e) => /* @__PURE__ */ i(
-                    pe,
+                  E ? q.map((e) => /* @__PURE__ */ l(
+                    ue,
                     {
                       t: f,
-                      isLatest: l && l === e.provider,
-                      title: te[e.provider],
-                      icon: /* @__PURE__ */ i(
-                        le,
+                      isLatest: i && i === e.provider,
+                      title: se[e.provider],
+                      icon: /* @__PURE__ */ l(
+                        ce,
                         {
                           provider: e.provider,
                           sx: {
@@ -182,28 +182,28 @@ function Ie({
                         }
                       ),
                       onClick: () => {
-                        D(e), r.retryConnect = () => {
-                          D(e);
+                        W(e), t.retryConnect = () => {
+                          W(e);
                         };
                       },
                       sx: [c === "small" ? { p: 1 } : { p: 2 }]
                     },
                     e.provider
                   )) : null,
-                  O ? /* @__PURE__ */ i(
-                    he,
+                  b ? /* @__PURE__ */ l(
+                    Ie,
                     {
-                      ref: _,
-                      onSuccess: b,
-                      onError: M,
-                      tokenState: t,
-                      behavior: j,
+                      ref: C,
+                      onSuccess: O,
+                      onError: A,
+                      tokenState: r,
+                      behavior: B,
                       sx: [c === "small" ? { p: 1 } : { p: 2 }],
                       onClick: () => {
-                        localStorage.setItem(u, s.PASSKEY);
-                        const e = _.current.connect;
-                        r.chooseMethod = "passkey", r.retryConnect = () => {
-                          R.verifying = !0, r.chooseMethod = "passkey", e();
+                        localStorage.setItem(u, n.PASSKEY);
+                        const e = C.current.connect;
+                        t.chooseMethod = "passkey", t.walletMethod = "", t.retryConnect = () => {
+                          T.verifying = !0, t.chooseMethod = "passkey", e();
                         };
                       },
                       slotProps: {
@@ -223,14 +223,14 @@ function Ie({
                 ]
               }
             ) : null,
-            Z.map((e) => e || null)
+            $.map((e) => e || null)
           ]
         }
       )
     }
   ) });
 }
-Ie.propTypes = {
+Me.propTypes = {
   onSuccess: o.func,
   onError: o.func,
   size: o.oneOf(["small", "normal", "large"]),
@@ -253,5 +253,5 @@ Ie.propTypes = {
   customItems: o.arrayOf(o.node)
 };
 export {
-  Ie as default
+  Me as default
 };