@arcblock/did-connect-react 3.4.14 → 3.5.0

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

@@ -1,180 +1,180 @@
-import { jsx as l, jsxs as po } from "react/jsx-runtime";
-import n from "prop-types";
-import { Box as A } from "@mui/material";
-import { LOGIN_PROVIDER as e, LOGIN_PROVIDER_ICON_SIZE as E, LOGIN_PROVIDER_NAME as uo } from "@arcblock/ux/lib/Util/constant";
-import { checkSameProtocol as go, getWebWalletUrl as ho } from "@arcblock/ux/lib/Util/wallet";
-import b from "lodash/noop";
-import { useMemoizedFn as a, useCreation as fo } from "ahooks";
-import O from "js-cookie";
-import { detectWalletExtension as yo, getCookieOptions as Lo } from "@arcblock/ux/lib/Util";
-import { useRef as w, useEffect as J } from "react";
-import { mergeSx as Io } from "@arcblock/ux/lib/Util/style";
-import Ao from "@arcblock/ux/lib/DIDConnect/provider-icon";
-import { GA_LAST_LOGIN_METHOD as y } from "@arcblock/ux/lib/withTracker/constant";
-import { translate as Eo } from "@arcblock/ux/lib/Locale/util";
-import bo from "@arcblock/ux/lib/Empty";
-import { useBrowser as xo } from "@arcblock/react-hooks";
+import { jsx as l, jsxs as ho } from "react/jsx-runtime";
+import e from "prop-types";
+import { Box as E } from "@mui/material";
+import { LAST_USED_LOGIN_METHOD as uo, LOGIN_PROVIDER as t, WALLET_LOGIN_METHOD as J, LOGIN_PROVIDER_ICON_SIZE as A, LOGIN_PROVIDER_NAME as go } from "@arcblock/ux/lib/Util/constant";
+import { checkSameProtocol as fo, getWebWalletUrl as Lo } from "@arcblock/ux/lib/Util/wallet";
+import M from "lodash/noop";
+import { useMemoizedFn as c, useCreation as yo } from "ahooks";
+import v from "js-cookie";
+import { detectWalletExtension as Io, getCookieOptions as Eo } from "@arcblock/ux/lib/Util";
+import { useRef as w, useEffect as X } from "react";
+import { mergeSx as Ao } from "@arcblock/ux/lib/Util/style";
+import Mo from "@arcblock/ux/lib/DIDConnect/provider-icon";
+import { GA_LAST_LOGIN_METHOD as L } from "@arcblock/ux/lib/withTracker/constant";
+import { translate as bo } from "@arcblock/ux/lib/Locale/util";
+import xo from "@arcblock/ux/lib/Empty";
+import { useBrowser as _o } from "@arcblock/react-hooks";
 import Co from "./mobile-login-item.js";
-import Po from "./web-login-item.js";
-import Mo from "./login-method-item.js";
+import Oo from "./web-login-item.js";
+import Po from "./login-method-item.js";
 import vo from "./wallet-login-options.js";
-import { useOAuth as _o } from "../../../OAuth/context.js";
-import { useStateContext as Oo } from "../../contexts/state.js";
-import { getAppId as wo, logger as Wo, getApiErrorMessage as To } from "../../../utils.js";
-import ko from "./passkey-login-item.js";
-import { usePasskey as So } from "../../../Passkey/context.js";
+import { useOAuth as wo } from "../../../OAuth/context.js";
+import { useStateContext as To } from "../../contexts/state.js";
+import { getAppId as Wo, logger as So, getApiErrorMessage as ko } from "../../../utils.js";
+import Do from "./passkey-login-item.js";
+import { usePasskey as No } from "../../../Passkey/context.js";
 import "../../../Passkey/actions.js";
 import Ro from "../../plugins/email/index.js";
 import jo from "../../assets/locale.js";
-function No({
-  onSuccess: W = b,
-  onError: T = b,
+function Bo({
+  onSuccess: T = M,
+  onError: W = M,
   size: m = "small",
-  tokenState: t,
-  webWalletUrl: x = ho(),
-  tokenKey: k,
-  passkeyBehavior: S = "none",
-  onReset: C = b,
-  providerList: p = [],
-  slotProps: X = {},
-  disableSwitchApp: P = !1,
-  forceUpdate: z = b,
-  magicToken: R = void 0,
-  baseUrl: Q = "/",
-  customItems: oo = [],
-  qrcode: eo = null,
-  hideQRCode: d = !1
+  tokenState: n,
+  webWalletUrl: b = Lo(),
+  tokenKey: S,
+  passkeyBehavior: k = "none",
+  onReset: x = M,
+  providerList: d = [],
+  slotProps: z = {},
+  disableSwitchApp: _ = !1,
+  forceUpdate: Q = M,
+  magicToken: D = void 0,
+  baseUrl: oo = "/",
+  customItems: eo = [],
+  qrcode: to = null,
+  hideQRCode: p = !1
 }) {
-  const M = w(null), v = w(null), j = w(null), no = go(x), N = yo(), u = xo(), { loginOAuth: to, logoutOAuth: ro, t: io, oauthState: s } = _o(), { passkeyState: D } = So(), {
-    extraParams: F,
-    locale: B,
-    connectState: i,
-    plugins: G,
-    setPlugins: lo,
-    setSelectedPlugin: so,
+  const C = w(null), O = w(null), N = w(null), no = fo(b), R = Io(), h = _o(), { loginOAuth: ro, logoutOAuth: io, t: lo, oauthState: s } = wo(), { passkeyState: j } = No(), {
+    extraParams: B,
+    locale: G,
+    connectState: r,
+    plugins: F,
+    setPlugins: so,
+    setSelectedPlugin: ao,
     getPlugin: U,
     showWalletOptions: f,
-    setShowWalletOptions: L,
-    lastLoginMethod: g
-  } = Oo(), I = a((o, r = {}) => Eo(jo, o, B, "en", r)), q = a(async (o) => {
-    localStorage.setItem(y, o.provider), t.reset(), s.reset({
+    setShowWalletOptions: y,
+    lastLoginMethod: u
+  } = To(), I = c((o, i = {}) => bo(jo, o, G, "en", i)), q = c(async (o) => {
+    localStorage.setItem(L, o.provider), n.reset(), s.reset({
       status: "scanned"
-    }), D.reset(), i.chooseMethod = o.provider;
-    const r = F?.sourceAppPid;
+    }), j.reset(), r.chooseMethod = o.provider, r.walletMethod = "";
+    const i = B?.sourceAppPid;
     try {
       s.loading = !0, s.status = "scanned";
-      const c = await to(o, {
-        action: t.action,
-        ...F
-      }), h = Lo({ returnDomain: !1 });
-      O.remove("connected_did", h), O.remove("connected_pk", h), O.remove("connected_wallet_os", h), c?.sessionToken && (await W(
+      const a = await ro(o, {
+        action: n.action,
+        ...B
+      }), g = Eo({ returnDomain: !1 });
+      v.remove("connected_did", g), v.remove("connected_pk", g), v.remove("connected_wallet_os", g), a?.sessionToken && (localStorage.setItem(uo, o.provider), await T(
         {
-          ...c,
+          ...a,
           encrypted: !1
         },
-        (mo) => mo,
+        (po) => po,
         {
-          sourceAppPid: r,
-          connected_app: wo(t.appInfo, t.memberAppInfo)
+          sourceAppPid: i,
+          connected_app: Wo(n.appInfo, n.memberAppInfo)
         }
       ), s.loading = !1, s.status = "succeed");
-    } catch (c) {
-      Wo.error(`Failed login OAuth: ${o.provider}`, c);
-      const h = To(c, io("loginOAuthFailed"));
-      s.loading = !1, s.error = h, s.status = "error", await ro({ provider: o.provider }), T(new Error(h));
+    } catch (a) {
+      So.error(`Failed login OAuth: ${o.provider}`, a);
+      const g = ko(a, lo("loginOAuthFailed"));
+      s.loading = !1, s.error = g, s.status = "error", await io({ provider: o.provider }), W(new Error(g));
     }
-  }), K = a(async () => {
-    t.reset(), await C(), t.status = "created", i.chooseMethod = "wallet";
-  }), V = a(async () => {
-    localStorage.setItem(y, e.WALLET), t.reset(), await C(), t.status = "created", i.chooseMethod = "wallet";
-    const o = M.current?.connect;
-    i.retryConnect = () => {
-      o(K);
+  }), H = c(async () => {
+    n.reset(), await x(), n.status = "created", r.chooseMethod = "wallet", r.walletMethod = "";
+  }), K = c(async () => {
+    localStorage.setItem(L, t.WALLET), n.reset(), await x(), n.status = "created", r.chooseMethod = "wallet";
+    const o = C.current?.connect;
+    r.retryConnect = () => {
+      o(H);
     };
-  }), Y = a(() => {
-    localStorage.setItem(y, e.WALLET), t.status = "scanned", i.chooseMethod = "wallet-web";
-    const o = v.current.connect;
-    i.retryConnect = async () => {
-      await C(), t.error = "", t.status = "scanned", o();
+  }), V = c(() => {
+    localStorage.setItem(L, t.WALLET), n.status = "scanned", r.chooseMethod = "wallet-web";
+    const o = O.current.connect;
+    r.retryConnect = async () => {
+      await x(), n.error = "", n.status = "scanned", o();
     };
-  }), co = a(() => {
-    L(!1);
-  }), _ = fo(() => p.length === 1 && p[0].provider === e.WALLET, [p]);
-  J(() => {
-    d && _ && !u.mobile.any && !f && L(!0);
-  }, [d, _, u.mobile.any, L, f]);
-  const H = p.some((o) => o.provider === e.EMAIL), Z = Ro({ baseUrl: Q }), ao = a(() => {
-    if (R && p.some((o) => o.name === e.EMAIL) && G.some((o) => o.name === e.EMAIL)) {
-      const o = U(e.EMAIL);
-      o.state.status === "idle" && (localStorage.setItem(y, e.EMAIL), o.state.reset(), o.state.magicToken = R, i.chooseMethod = e.EMAIL, so(o), z());
+  }), co = c(() => {
+    y(!1);
+  }), P = yo(() => d.length === 1 && d[0].provider === t.WALLET, [d]);
+  X(() => {
+    p && P && !h.mobile.any && !f && y(!0);
+  }, [p, P, h.mobile.any, y, f]);
+  const Y = d.some((o) => o.provider === t.EMAIL), Z = Ro({ baseUrl: oo }), mo = c(() => {
+    if (D && d.some((o) => o.name === t.EMAIL) && F.some((o) => o.name === t.EMAIL)) {
+      const o = U(t.EMAIL);
+      o.state.status === "idle" && (localStorage.setItem(L, t.EMAIL), o.state.reset(), o.state.magicToken = D, r.chooseMethod = t.EMAIL, ao(o), Q());
     }
   });
-  J(() => {
+  X(() => {
     const o = [];
-    if (H) {
-      const r = U(e.EMAIL);
-      r && r.baseUrl === Z.baseUrl ? o.push(r) : o.push(Z);
+    if (Y) {
+      const i = U(t.EMAIL);
+      i && i.baseUrl === Z.baseUrl ? o.push(i) : o.push(Z);
     }
-    lo(o), i.retryConnect = K, setTimeout(() => {
-      ao();
+    so(o), r.retryConnect = H, setTimeout(() => {
+      mo();
     }, 100);
-  }, [H]);
-  const $ = p.map((o) => {
-    if (o.provider === e.WALLET)
-      return u.mobile.any && !f ? /* @__PURE__ */ l(
+  }, [Y]);
+  const $ = d.map((o) => {
+    if (o.provider === t.WALLET)
+      return h.mobile.any && !f ? /* @__PURE__ */ l(
         Co,
         {
           t: I,
-          isLatest: g && g === e.WALLET,
-          ref: M,
-          tokenState: t,
+          isLatest: u && u === J.MOBILE,
+          ref: C,
+          tokenState: n,
           sx: [m === "small" ? { p: 1 } : { p: 2 }],
-          locale: B,
-          tokenKey: k,
-          disableSwitchApp: P,
-          onClick: V
+          locale: G,
+          tokenKey: S,
+          disableSwitchApp: _,
+          onClick: K
         },
-        e.WALLET
-      ) : d || !d && (no || N) && (!u.mobile.any || N) ? /* @__PURE__ */ l(
-        Po,
+        t.WALLET
+      ) : p || !p && (no || R) && (!h.mobile.any || R) ? /* @__PURE__ */ l(
+        Oo,
         {
           t: I,
-          isLatest: g && g === e.WALLET,
-          ref: v,
-          tokenState: t,
-          webWalletUrl: x,
+          isLatest: u && u === J.WEB,
+          ref: O,
+          tokenState: n,
+          webWalletUrl: b,
           sx: [m === "small" ? { p: 1 } : { p: 2 }],
-          disableSwitchApp: P,
-          autoConnect: !d,
+          disableSwitchApp: _,
+          autoConnect: !p,
           onClick: () => {
-            d ? L(!0) : Y();
+            p ? y(!0) : V();
           }
         },
-        e.WALLET
+        t.WALLET
       ) : null;
-    if (o.provider === e.PASSKEY)
-      return S === "none" ? null : /* @__PURE__ */ l(
-        ko,
+    if (o.provider === t.PASSKEY)
+      return k === "none" ? null : /* @__PURE__ */ l(
+        Do,
         {
-          ref: j,
-          onSuccess: W,
-          onError: T,
-          tokenState: t,
-          behavior: S,
+          ref: N,
+          onSuccess: T,
+          onError: W,
+          tokenState: n,
+          behavior: k,
           sx: [m === "small" ? { p: 1 } : { p: 2 }],
           onClick: () => {
-            localStorage.setItem(y, e.PASSKEY);
-            const r = j.current.connect;
-            i.chooseMethod = "passkey", i.retryConnect = () => {
-              D.verifying = !0, i.chooseMethod = "passkey", r();
+            localStorage.setItem(L, t.PASSKEY);
+            const i = N.current.connect;
+            r.chooseMethod = "passkey", r.walletMethod = "", r.retryConnect = () => {
+              j.verifying = !0, r.chooseMethod = "passkey", i();
             };
           },
           slotProps: {
             icon: {
               sx: {
-                fontSize: E,
+                fontSize: A,
                 "& svg": {
-                  fontSize: E,
+                  fontSize: A,
                   width: "1em",
                   height: "1em"
                 }
@@ -182,36 +182,36 @@ function No({
             }
           }
         },
-        e.PASSKEY
+        t.PASSKEY
       );
-    if (o.provider === e.EMAIL) {
-      const r = G.find((c) => c.name === e.EMAIL);
-      return r ? r?.renderListItem({
-        key: r.name,
+    if (o.provider === t.EMAIL) {
+      const i = F.find((a) => a.name === t.EMAIL);
+      return i ? i?.renderListItem({
+        key: i.name,
         sx: [m === "small" ? { p: 1 } : { p: 2 }]
         // forceUpdate,
       }) : null;
     }
     return o.type === "oauth" ? /* @__PURE__ */ l(
-      Mo,
+      Po,
       {
         t: I,
-        isLatest: g && g === o.provider,
-        title: uo[o.provider],
+        isLatest: u && u === o.provider,
+        title: go[o.provider],
         icon: /* @__PURE__ */ l(
-          Ao,
+          Mo,
           {
             provider: o.provider,
             sx: {
               transform: "scale(0.95)",
-              width: E,
-              height: E,
+              width: A,
+              height: A,
               color: "text.primary"
             }
           }
         ),
         onClick: () => {
-          q(o), i.retryConnect = () => {
+          q(o), r.retryConnect = () => {
             q(o);
           };
         },
@@ -220,42 +220,42 @@ function No({
       o.provider
     ) : null;
   }).filter(Boolean);
-  return /* @__PURE__ */ l(A, { className: "did-connect__choose", sx: Io({ flex: 1 }, X?.root?.sx), children: /* @__PURE__ */ l(
-    A,
+  return /* @__PURE__ */ l(E, { className: "did-connect__choose", sx: Ao({ flex: 1 }, z?.root?.sx), children: /* @__PURE__ */ l(
+    E,
     {
       sx: {
         display: "flex",
         flexDirection: "column",
         gap: 2
       },
-      children: /* @__PURE__ */ po(
-        A,
+      children: /* @__PURE__ */ ho(
+        E,
         {
           sx: [
             {
               display: "flex",
               flexDirection: "column",
-              ...f && !u.mobile.any ? { alignItems: "center", gap: 0 } : { gap: 1.5 }
+              ...f && !h.mobile.any ? { alignItems: "center", gap: 0 } : { gap: 1.5 }
             }
           ],
           children: [
-            f && !u.mobile.any ? /* @__PURE__ */ l(
+            f && !h.mobile.any ? /* @__PURE__ */ l(
               vo,
               {
-                qrcode: eo,
-                tokenState: t,
-                webWalletUrl: x,
+                qrcode: to,
+                tokenState: n,
+                webWalletUrl: b,
                 size: m,
-                disableSwitchApp: P,
-                tokenKey: k,
-                walletLoginRef: M,
-                webLoginRef: v,
-                onMobileLoginClick: V,
-                onWebLoginClick: Y,
-                onBack: _ ? void 0 : co
+                disableSwitchApp: _,
+                tokenKey: S,
+                walletLoginRef: C,
+                webLoginRef: O,
+                onMobileLoginClick: K,
+                onWebLoginClick: V,
+                onBack: P ? void 0 : co
               }
             ) : /* @__PURE__ */ l(
-              A,
+              E,
               {
                 sx: {
                   display: "grid",
@@ -301,7 +301,7 @@ function No({
                   }
                 },
                 children: $.length > 0 ? $ : /* @__PURE__ */ l(
-                  bo,
+                  xo,
                   {
                     className: "arc-login-item",
                     sx: {
@@ -314,32 +314,32 @@ function No({
                 )
               }
             ),
-            oo.map((o) => o || null)
+            eo.map((o) => o || null)
           ]
         }
       )
     }
   ) });
 }
-No.propTypes = {
-  onSuccess: n.func,
-  onError: n.func,
-  size: n.oneOf(["small", "normal", "large"]),
-  tokenState: n.object.isRequired,
-  webWalletUrl: n.string,
-  tokenKey: n.string.isRequired,
-  passkeyBehavior: n.oneOf(["none", "both", "only-existing", "only-new"]),
-  onReset: n.func,
-  providerList: n.array,
-  slotProps: n.object,
-  disableSwitchApp: n.bool,
-  forceUpdate: n.func,
-  magicToken: n.string,
-  baseUrl: n.string,
-  customItems: n.arrayOf(n.node),
-  qrcode: n.node,
-  hideQRCode: n.bool
+Bo.propTypes = {
+  onSuccess: e.func,
+  onError: e.func,
+  size: e.oneOf(["small", "normal", "large"]),
+  tokenState: e.object.isRequired,
+  webWalletUrl: e.string,
+  tokenKey: e.string.isRequired,
+  passkeyBehavior: e.oneOf(["none", "both", "only-existing", "only-new"]),
+  onReset: e.func,
+  providerList: e.array,
+  slotProps: e.object,
+  disableSwitchApp: e.bool,
+  forceUpdate: e.func,
+  magicToken: e.string,
+  baseUrl: e.string,
+  customItems: e.arrayOf(e.node),
+  qrcode: e.node,
+  hideQRCode: e.bool
 };
 export {
-  No as default
+  Bo as default
 };

package/lib/Connect/components/login-item/mobile-login-item.js

@@ -1,104 +1,104 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import n from "prop-types";
-import { CircularProgress as T } from "@mui/material";
-import { useReactive as E, useCreation as W, useMemoizedFn as a } from "ahooks";
-import _ from "@arcblock/bridge";
-import { useBrowser as N } from "@arcblock/react-hooks";
-import q from "lodash/noop";
+import { CircularProgress as _ } from "@mui/material";
+import { useReactive as v, useCreation as N, useMemoizedFn as l } from "ahooks";
+import W from "@arcblock/bridge";
+import { useBrowser as q } from "@arcblock/react-hooks";
+import B from "lodash/noop";
 import { useImperativeHandle as F } from "react";
-import { mergeSx as M } from "@arcblock/ux/lib/Util/style";
+import { mergeSx as G } from "@arcblock/ux/lib/Util/style";
 import j from "@arcblock/ux/lib/DIDConnect/provider-icon";
-import { LOGIN_PROVIDER_ICON_SIZE as p, LOGIN_PROVIDER as z } from "@arcblock/ux/lib/Util/constant";
-import { useStateContext as G } from "../../contexts/state.js";
+import { WALLET_LOGIN_METHOD as f, LOGIN_PROVIDER_ICON_SIZE as d, LOGIN_PROVIDER as z } from "@arcblock/ux/lib/Util/constant";
+import { useStateContext as H } from "../../contexts/state.js";
 import J from "./login-method-item.js";
-import { logger as b } from "../../../utils.js";
+import { logger as L } from "../../../utils.js";
 import K from "../../hooks/auth-url.js";
 function V({
-  isTablet: w = !1,
-  ref: C = null,
+  isTablet: C = !1,
+  ref: A = null,
   tokenState: e,
   locale: P,
   tokenKey: y,
-  onClick: R = q,
-  disableSwitchApp: A = !1,
-  ...f
+  onClick: R = B,
+  disableSwitchApp: O = !1,
+  ...h
 }) {
-  const l = E({
+  const a = v({
     loading: !1
-  }), { isWalletWebview: d } = G(), L = "DID Wallet", c = N(), h = new URL(window.location.href), x = K({ disableSwitchApp: A, tokenState: e }), u = W(() => {
+  }), { isWalletWebview: u, connectState: c } = H(), x = "DID Wallet", m = q(), I = new URL(window.location.href), E = K({ disableSwitchApp: O, tokenState: e }), g = N(() => {
     if (!e.url)
       return "";
-    h.searchParams.set("tokenKey", e.token);
-    const o = new URL(x);
-    c.wallet || (o.searchParams.set("callback", encodeURIComponent(h)), o.searchParams.set("callback_delay", 1500)), o.searchParams.set("locale", P);
-    const g = new TextEncoder(), D = o.href.length;
-    let r = "", i = "";
+    I.searchParams.set("tokenKey", e.token);
+    const o = new URL(E);
+    m.wallet || (o.searchParams.set("callback", encodeURIComponent(I)), o.searchParams.set("callback_delay", 1500)), o.searchParams.set("locale", P);
+    const w = new TextEncoder(), U = o.href.length;
+    let r = "", s = "";
     try {
       if (e.appInfo) {
-        const t = g.encode(JSON.stringify(e.appInfo));
-        r = btoa(String.fromCharCode(...t));
+        const i = w.encode(JSON.stringify(e.appInfo));
+        r = btoa(String.fromCharCode(...i));
       }
       if (e.memberAppInfo) {
-        const t = g.encode(JSON.stringify(e.memberAppInfo));
-        i = btoa(String.fromCharCode(...t));
+        const i = w.encode(JSON.stringify(e.memberAppInfo));
+        s = btoa(String.fromCharCode(...i));
       }
-      if (D + 8 + r.length + 14 + i.length > 2e3)
-        throw b.warn("URL too long, drop appInfo & memberAppInfo", { appInfo: r, memberAppInfo: i }), new Error("URL too long");
-      i ? r && (o.searchParams.set("appInfo", r), o.searchParams.set("memberAppInfo", i)) : r && o.searchParams.set("appInfo", r);
-    } catch (t) {
-      b.warn("Failed to convert appInfo & memberAppInfo", t);
+      if (U + 8 + r.length + 14 + s.length > 2e3)
+        throw L.warn("URL too long, drop appInfo & memberAppInfo", { appInfo: r, memberAppInfo: s }), new Error("URL too long");
+      s ? r && (o.searchParams.set("appInfo", r), o.searchParams.set("memberAppInfo", s)) : r && o.searchParams.set("appInfo", r);
+    } catch (i) {
+      L.warn("Failed to convert appInfo & memberAppInfo", i);
     }
     return o.href.replace(/^https?:\/\//, "abt://");
-  }, [y, e.token, e.appInfo, e.memberAppInfo, e.url]), O = a(() => {
-    l.loading = !0, setTimeout(() => {
-      _.call("authAction", { action: "auth", deepLink: u });
+  }, [y, e.token, e.appInfo, e.memberAppInfo, e.url]), M = l(() => {
+    a.loading = !0, setTimeout(() => {
+      W.call("authAction", { action: "auth", deepLink: g });
     }, 600), setTimeout(() => {
-      l.loading = !1;
+      a.loading = !1;
     }, 2e3);
-  }), U = a(() => {
+  }), T = l(() => {
     e.checking = !0, e.status = "scanned";
-  }), s = {};
-  !d && c.mobile.any && (s.component = "a", s.href = u), e.url || (s.sx = {
+  }), t = {};
+  !u && m.mobile.any && (t.component = "a", t.href = g), e.url || (t.sx = {
     cursor: "not-allowed"
   });
-  const I = a((o) => {
-    e.url && (d ? O() : c.mobile.any || w ? U() : o());
-  }), v = a(() => {
-    I(R);
+  const b = l((o) => {
+    e.url && (u ? (c.walletMethod = f.MOBILE, M()) : m.mobile.any || C ? (c.walletMethod = f.MOBILE, T()) : (c.walletMethod = f.SCAN, o()));
+  }), D = l(() => {
+    b(R);
   });
-  return F(C, () => ({
-    connect: I
-  })), /* @__PURE__ */ m(
+  return F(A, () => ({
+    connect: b
+  })), /* @__PURE__ */ p(
     J,
     {
-      ...f,
-      ...s,
-      sx: M(f?.sx, s?.sx),
-      title: L,
-      icon: l.loading || !e.url ? /* @__PURE__ */ m(
-        T,
+      ...h,
+      ...t,
+      sx: G(h?.sx, t?.sx),
+      title: x,
+      icon: a.loading || !e.url ? /* @__PURE__ */ p(
+        _,
         {
           color: "primary",
-          size: p,
+          size: d,
           sx: {
             "& svg": {
               transform: "scale(0.75)"
             }
           }
         }
-      ) : /* @__PURE__ */ m(
+      ) : /* @__PURE__ */ p(
         j,
         {
           provider: z.DID_WALLET,
           sx: {
-            width: p,
-            height: p,
+            width: d,
+            height: d,
             transform: "scale(0.9)"
           }
         }
       ),
       iconScale: 1,
-      onClick: v
+      onClick: D
     }
   );
 }