@arcblock/did-connect-react 3.3.10 → 3.4.0

package/lib/Connect/connect.js

@@ -0,0 +1,501 @@
+import { jsx as t, jsxs as b, Fragment as qe } from "react/jsx-runtime";
+import { use as He, useRef as le, useState as Ve, useEffect as ue } from "react";
+import e from "prop-types";
+import { Box as i, Skeleton as Ye, Divider as Ge } from "@mui/material";
+import { useUpdate as Ke, useSize as Qe, useCreation as u, useMount as de, useMemoizedFn as F, useDebounceFn as Xe, usePrevious as Je, useUpdateEffect as Ze } from "ahooks";
+import C from "lodash/noop";
+import $e from "lodash/isUndefined";
+import et from "@arcblock/ux/lib/CloseButton";
+import { DID_CONNECT_MEDIUM_WIDTH as N, LOGIN_PROVIDER_NAME as tt, DID_CONNECT_SMALL_WIDTH as ot, OAUTH_PROVIDER as j, LOGIN_PROVIDER as rt } from "@arcblock/ux/lib/Util/constant";
+import nt from "@arcblock/ux/lib/QRCode";
+import { DIDConnectFooter as it } from "@arcblock/ux/lib/DIDConnect";
+import { useTheme as st } from "@arcblock/ux/lib/Theme";
+import at from "@arcblock/ux/lib/DIDConnect/provider-icon";
+import "@fontsource/lexend/400.css";
+import "@fontsource/lexend/600.css";
+import { SessionContext as ct } from "../Session/context.js";
+import { StateProvider as lt, useStateContext as ut } from "./contexts/state.js";
+import dt from "./components/login-item/connect-provider-list.js";
+import ft from "./components/auto-height.js";
+import mt from "./hooks/token.js";
+import { useOAuth as pt } from "../OAuth/context.js";
+import ht from "./components/connect-status.js";
+import { usePasskey as bt } from "../Passkey/context.js";
+import { CHECK_STATUS_INTERVAL as gt, API_DID_PREFIX as xt, BUSY_STATUS as w, DEFAULT_TIMEOUT as Ct } from "../constant.js";
+import "../utils.js";
+import yt from "./components/did-connect-title.js";
+import St from "./components/download-tips.js";
+import kt from "./hooks/provider-list.js";
+import wt from "./hooks/auth-url.js";
+import { getWalletDid as It } from "../User/use-did.js";
+import vt from "./fallback-connect.js";
+import { getWebWalletUrl as Pt } from "@arcblock/ux/lib/Util/wallet";
+function fe({
+  hideCloseButton: y = !1,
+  mode: p = "dialog",
+  action: I,
+  baseUrl: g = "",
+  checkFn: v,
+  checkInterval: P = gt,
+  checkTimeout: _ = Ct * 1e3,
+  prefix: D = xt,
+  tokenKey: B = "_t_",
+  locale: q = "en",
+  encKey: me = "_ek_",
+  autoConnect: pe = !0,
+  forceConnected: H = !0,
+  saveConnect: he = !0,
+  useSocket: be = !0,
+  allowWallet: V = !0,
+  provider: ge = "",
+  messages: d = {},
+  passkeyBehavior: Y = "none",
+  webWalletUrl: xe = Pt(),
+  enabledConnectTypes: Ce = ["web", "mobile", ...Object.keys(j)],
+  extraContent: G = null,
+  disableSwitchApp: T = !1,
+  magicToken: K = void 0,
+  customItems: ye = [],
+  onClose: O = C,
+  onError: Q = C,
+  onSuccess: R = C,
+  onRecreateSession: X = C,
+  setColor: Se = C
+}) {
+  const A = st(), J = Ke(), ke = He(ct), we = It(ke?.session?.user), {
+    t: Z,
+    staticState: Ie,
+    connectState: s,
+    extraParams: ve,
+    currentAppInfo: Pe,
+    currentAppColor: W,
+    // 插件相关
+    selectedPlugin: a,
+    blocklet: $,
+    masterBlocklet: _e,
+    showWalletOptions: f,
+    setShowWalletOptions: De
+  } = ut(), { state: o, generate: ee, cancelWhenScanned: Te } = mt({
+    action: I,
+    baseUrl: g,
+    checkFn: v,
+    checkInterval: P,
+    checkTimeout: _,
+    extraParams: ve,
+    prefix: D,
+    onError: Q,
+    onSuccess: R,
+    locale: q,
+    tokenKey: B,
+    encKey: me,
+    autoConnect: pe,
+    forceConnected: H === !0 ? we || !0 : H,
+    saveConnect: he,
+    useSocket: be,
+    provider: ge
+  }), z = le(!1), te = le(null), x = Qe(te), oe = u(() => x ? x.width < N - 50 : !0, [x, x?.width]), [re, Oe] = Ve(!1);
+  de(() => {
+    Oe(x?.width < N - 50);
+  });
+  const { oauthState: c, setBaseUrl: Re } = pt(), { passkeyState: l, setTargetAppPid: Ae } = bt();
+  de(() => {
+    Re(g), Ae($?.appPid), o.reset(), c.reset(), l.reset();
+  }), ue(() => {
+    Se(W);
+  }, [W]);
+  const We = u(() => ({
+    confirm: d.confirm,
+    success: d.success,
+    error: a?.state?.error || o.error || l.error || c.error || ""
+  }), [
+    d.confirm,
+    d.success,
+    o.error,
+    c.error,
+    l.error,
+    a?.state?.error
+  ]), S = u(() => w.includes(l.status) || w.includes(c.status) || w.includes(o.status) || w.includes(a?.state?.computedStatus), [o.status, c.status, l.status, a?.state?.computedStatus]), ne = F(async () => {
+    X(), c.reset(), l.reset(), await ee(!1);
+  }), ze = F(() => {
+    s?.retryConnect();
+  }), Ee = F(() => {
+    X(), c.reset(), l.reset(), a?.state?.reset(), Ie.current.cancelCount++, Te();
+  }), { run: Ue } = Xe(
+    () => {
+      z.current || o.status === "timeout" && (z.current = !0, o.reset(), ne(), z.current = !1);
+    },
+    { leading: !0, trailing: !1 }
+  );
+  ue(Ue, [o.status]);
+  const Le = u(() => tt[s.chooseMethod] || "DID Wallet", [s.chooseMethod]), { providerList: Me, hideQRCode: m, hideChooseList: r, loadingProviderList: Fe } = kt({
+    action: o.action,
+    sourceAppPid: s?.sourceAppPid,
+    allowWallet: V,
+    passkeyBehavior: Y,
+    mode: p,
+    blocklet: s?.sourceAppPid ? _e : $,
+    isSmallView: oe
+  }), Ne = Je(s?.sourceAppPid);
+  Ze(() => {
+    $e(Ne) || ee();
+  }, [s?.sourceAppPid]);
+  const n = (k) => {
+    const h = A.spacing(k);
+    return parseInt(h, 10);
+  }, je = u(() => y ? null : /* @__PURE__ */ t(
+    et,
+    {
+      onClose: O,
+      sx: {
+        position: "absolute",
+        right: 14,
+        top: 14
+      }
+    }
+  ), [y, O]);
+  let ie = null;
+  S && (ie = /* @__PURE__ */ t(
+    i,
+    {
+      sx: {
+        flex: 1,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
+        ht,
+        {
+          status: a?.state?.computedStatus || c.status || l.status || o.status,
+          nextWorkflow: o.nextWorkflow,
+          mfaCode: o.mfaCode,
+          onCancel: Ee,
+          onRetry: ze,
+          onClose: O,
+          messages: We,
+          locale: q,
+          className: "did-connect__auth-status auth-status",
+          loadingIcon: s.chooseMethod ? /* @__PURE__ */ t(at, { provider: s.chooseMethod, sx: { color: "text.primary" } }) : null,
+          chooseMethod: Le,
+          hideRetry: s.chooseMethod === "email",
+          hideBack: !!K
+        }
+      ) })
+    }
+  ));
+  const se = wt({ disableSwitchApp: T, tokenState: o }), E = u(() => {
+    const k = A.mode === "dark" ? A.palette.grey[600] : "white";
+    let h = r ? 240 - n(3) * 2 : 196 - n(2) * 2, M = r ? 3 : 2;
+    return f && (M = 1, h += n(M) * 2), /* @__PURE__ */ t(
+      i,
+      {
+        className: "did-connect__qrcode",
+        sx: {
+          p: M,
+          width: (r ? 240 : 196) + n(1) * 2,
+          height: (r ? 240 : 196) + n(1) * 2
+        },
+        children: o.url ? /* @__PURE__ */ t(
+          nt,
+          {
+            data: se,
+            size: h,
+            sx: {
+              width: h + n(1) * 2,
+              height: h + n(1) * 2,
+              flex: 1,
+              backgroundColor: k,
+              p: 1,
+              fontSize: 0,
+              textAlign: "center",
+              boxSizing: "border-box",
+              borderRadius: 1,
+              border: "1px solid",
+              borderColor: "divider"
+            },
+            config: {
+              backgroundOptions: {
+                color: k
+              }
+            }
+          }
+        ) : /* @__PURE__ */ t(
+          Ye,
+          {
+            animation: "wave",
+            variant: "rectangular",
+            sx: {
+              position: "absolute",
+              left: n(2) + 1,
+              right: n(2) + 1,
+              top: n(2) + 1,
+              bottom: n(2) + 1,
+              borderRadius: 1,
+              zIndex: 1,
+              width: "auto",
+              height: "auto"
+            }
+          }
+        )
+      }
+    );
+  }, [se, r, f]), Be = u(() => r ? "column-reverse" : !m && re ? "column" : "row", [r, re, m]), ae = u(() => E ? /* @__PURE__ */ t(
+    i,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        overflowX: "auto",
+        overflowY: "visible",
+        maxWidth: "100%",
+        margin: "auto"
+      },
+      children: /* @__PURE__ */ b(
+        i,
+        {
+          sx: {
+            fontSize: 0,
+            position: "relative",
+            ...f ? {
+              mt: r ? 4 : 2.5,
+              mb: 0
+            } : {
+              mb: r ? 4 : 2.5,
+              mt: 0
+            }
+          },
+          children: [
+            E,
+            /* @__PURE__ */ b(
+              i,
+              {
+                sx: {
+                  position: "absolute",
+                  color: "text.secondary",
+                  fontSize: 12,
+                  zIndex: 1,
+                  whiteSpace: "nowrap",
+                  ...f ? {
+                    top: r ? -8 : -4,
+                    transform: "translateY(-100%)"
+                  } : {
+                    bottom: r ? -8 : -4,
+                    transform: "translateY(100%)"
+                  },
+                  left: 0,
+                  right: 0,
+                  textAlign: "center"
+                },
+                children: [
+                  Z("scanWithWallet1"),
+                  " ",
+                  /* @__PURE__ */ t(St, {}),
+                  " ",
+                  Z("scanWithWallet2")
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) : null, [E, r, f]), U = /* @__PURE__ */ b(
+    i,
+    {
+      className: "did-connect__body",
+      sx: {
+        display: "flex",
+        flexDirection: Be,
+        justifyContent: "center",
+        alignItems: "stretch",
+        flex: 1,
+        gap: !m && oe ? 0 : 1.5,
+        overflow: "visible",
+        px: r ? 2 : 0
+      },
+      children: [
+        !S && !m ? /* @__PURE__ */ b(qe, { children: [
+          ae,
+          r ? null : /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
+            Ge,
+            {
+              orientation: "vertical",
+              sx: {
+                fontSize: 12,
+                color: "text.hint",
+                "&::before, &::after": {
+                  borderColor: "divider"
+                }
+              },
+              children: "or"
+            }
+          ) })
+        ] }) : null,
+        /* @__PURE__ */ b(
+          i,
+          {
+            sx: {
+              display: "flex",
+              flex: 1
+            },
+            children: [
+              ie,
+              /* @__PURE__ */ t(
+                dt,
+                {
+                  slotProps: {
+                    root: {
+                      sx: [S ? { display: "none" } : {}]
+                    }
+                  },
+                  allowWallet: V,
+                  size: m && p !== "dialog" ? "normal" : "small",
+                  tokenState: o,
+                  hideQRCode: m,
+                  messages: d,
+                  tokenKey: B,
+                  onSuccess: R,
+                  passkeyBehavior: Y,
+                  webWalletUrl: xe,
+                  extraContent: G,
+                  enabledConnectTypes: Ce,
+                  onReset: ne,
+                  disableSwitchApp: T,
+                  forceUpdate: J,
+                  magicToken: K,
+                  baseUrl: g,
+                  customItems: ye,
+                  providerList: Me,
+                  qrcode: ae
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+  let L = U;
+  a ? L = a.renderPlaceholder({
+    fallback: U,
+    forceUpdate: J,
+    onSuccess: R,
+    onError: Q
+  }) : L = U;
+  const ce = m || S ? ot : N;
+  return Fe ? /* @__PURE__ */ t(vt, {}) : /* @__PURE__ */ b(
+    i,
+    {
+      ref: te,
+      className: "did-connect__root",
+      sx: {
+        backgroundColor: "background.default",
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        position: "relative",
+        maxWidth: "100%",
+        width: (
+          // eslint-disable-next-line no-nested-ternary
+          p === "drawer" ? "100%" : f ? ce - 20 : ce
+        ),
+        transition: "width 0.2s ease-in-out",
+        margin: "auto",
+        p: 3,
+        pb: 0,
+        gap: 2.5
+      },
+      children: [
+        /* @__PURE__ */ t(i, { "data-did-auth-url": o.url, sx: { display: "none" } }),
+        /* @__PURE__ */ t(
+          yt,
+          {
+            title: d.title,
+            description: d.scan,
+            extraContent: G,
+            disableSwitchApp: T,
+            showWalletOptions: f,
+            onBack: () => De(!1)
+          }
+        ),
+        /* @__PURE__ */ t(ft, { initHeight: 72, children: L }),
+        /* @__PURE__ */ t(it, { currentAppInfo: Pe, currentAppColor: W }),
+        je
+      ]
+    }
+  );
+}
+fe.propTypes = {
+  mode: e.oneOf(["dialog", "drawer", "page"]),
+  action: e.string.isRequired,
+  baseUrl: e.string,
+  checkFn: e.func.isRequired,
+  checkInterval: e.number,
+  checkTimeout: e.number,
+  // extraParams: PropTypes.object, // 需要使用 useStateContext 中导出的
+  prefix: e.string,
+  messages: e.object,
+  tokenKey: e.string,
+  locale: e.oneOf(["en", "zh", ""]),
+  encKey: e.string,
+  autoConnect: e.bool,
+  forceConnected: e.oneOfType([e.bool, e.string]),
+  saveConnect: e.bool,
+  useSocket: e.bool,
+  extraContent: e.any,
+  passkeyBehavior: e.oneOf(["none", "both", "only-existing", "only-new"]),
+  enabledConnectTypes: e.arrayOf(e.oneOf(["web", "mobile", ...Object.keys(j)])),
+  webWalletUrl: e.string,
+  allowWallet: e.bool,
+  provider: e.oneOf([rt.WALLET, ...Object.keys(j), ""]),
+  hideCloseButton: e.bool,
+  disableSwitchApp: e.bool,
+  onClose: e.func,
+  onError: e.func,
+  onSuccess: e.func,
+  onRecreateSession: e.func,
+  setColor: e.func,
+  magicToken: e.string,
+  customItems: e.arrayOf(e.node)
+};
+function _t({ testOnlyBorderColor: y = void 0, ...p }) {
+  const { checkFn: I, extraParams: g = {}, blocklet: v, masterBlocklet: P, action: _, locale: D = "en" } = p;
+  if (typeof I != "function")
+    throw new Error("Cannot initialize did connect component without a fetchFn");
+  return /* @__PURE__ */ t(
+    lt,
+    {
+      blocklet: v,
+      masterBlocklet: P,
+      action: _,
+      locale: D,
+      extraParams: g,
+      testOnlyBorderColor: y,
+      sx: {
+        position: "relative",
+        width: "100%",
+        height: "100%",
+        lineHeight: 1.2,
+        color: "grey.700",
+        "&, & *, & *:before, & *:after": {
+          fontFamily: "Lexend",
+          // 保持跟 DID Wallet 一致
+          boxSizing: "border-box"
+        }
+      },
+      children: /* @__PURE__ */ t(fe, { ...p })
+    }
+  );
+}
+_t.propTypes = {
+  checkFn: e.func.isRequired,
+  extraParams: e.object,
+  blocklet: e.object.isRequired,
+  masterBlocklet: e.object,
+  action: e.string.isRequired,
+  locale: e.string,
+  testOnlyBorderColor: e.string
+};
+export {
+  _t as default
+};

package/lib/Connect/contexts/state.js

@@ -1,6 +1,6 @@
 import { jsx as O } from "react/jsx-runtime";
 import r from "prop-types";
-import { createContext as V, useState as S, use as E, useRef as W, useEffect as X } from "react";
+import { useState as S, use as E, useRef as W, useEffect as V, createContext as X } from "react";
 import Y from "@arcblock/react-hooks/lib/useBrowser";
 import { useUpdate as Z, useCreation as i, useMemoizedFn as h, useLatest as _, useReactive as $, useSize as ee } from "ahooks";
 import x from "lodash/isUndefined";
@@ -13,7 +13,7 @@ import { isEthereumDid as ie, getDIDColor as pe } from "@arcblock/ux/lib/Util";
 import ce from "../hooks/use-apps.js";
 import { SessionContext as ue } from "../../Session/context.js";
 import de from "../assets/locale.js";
-const R = V({
+const R = X({
   isWalletWebview: !1,
   isMobile: !1,
   matchSmallScreen: !1,
@@ -69,7 +69,7 @@ function le({
     const e = window?.navigator?.userAgent;
     return e.indexOf("Edge") > -1 || e.indexOf("Edg") > -1 ? "edge" : e.indexOf("Chrome") > -1 ? "chrome" : "unknown";
   }, []);
-  X(() => {
+  V(() => {
     o.sourceAppPid = c.sourceAppPid;
   }, [c.sourceAppPid]);
   const H = h((e) => {

package/lib/Connect/fallback-connect.js

@@ -0,0 +1,53 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { DIDConnectFooter as a } from "@arcblock/ux/lib/DIDConnect";
+import { DID_CONNECT_SMALL_WIDTH as l } from "@arcblock/ux/lib/Util/constant";
+import { getCurrentApp as x } from "@arcblock/ux/lib/Util/federated";
+import { Box as o, Skeleton as i } from "@mui/material";
+function f(r) {
+  const n = globalThis.blocklet ? x(globalThis.blocklet) : globalThis.env;
+  return /* @__PURE__ */ t(
+    o,
+    {
+      className: "did-connect__root",
+      sx: {
+        backgroundColor: "background.default",
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        position: "relative",
+        maxWidth: "100%",
+        // eslint-disable-next-line react/prop-types
+        width: r.mode === "drawer" ? "100%" : l - 20,
+        transition: "width 0.2s ease-in-out",
+        margin: "auto",
+        p: 3,
+        pb: 0,
+        gap: 2.5
+      },
+      children: [
+        /* @__PURE__ */ t(o, { sx: { display: "flex", flexDirection: "column", gap: 1.5 }, children: [
+          /* @__PURE__ */ e(i, { variant: "rounded", height: 28, sx: { width: "6rem" } }),
+          /* @__PURE__ */ t(o, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
+            /* @__PURE__ */ e(i, { variant: "rounded", sx: { fontSize: "13px", height: "15px" } }),
+            /* @__PURE__ */ e(i, { variant: "rounded", sx: { fontSize: "13px", height: "15px", width: "3rem" } })
+          ] })
+        ] }),
+        /* @__PURE__ */ t(o, { sx: { display: "flex", flexDirection: "column", gap: 1.5 }, children: [
+          /* @__PURE__ */ e(i, { variant: "rounded", sx: { height: "35px" } }),
+          /* @__PURE__ */ e(i, { variant: "rounded", sx: { height: "35px" } }),
+          /* @__PURE__ */ e(i, { variant: "rounded", sx: { height: "35px" } }),
+          /* @__PURE__ */ t(o, { sx: { display: "flex", gap: 1.5, mt: 1 }, children: [
+            /* @__PURE__ */ e(i, { variant: "rounded", sx: { flex: 1, height: "32px" } }),
+            /* @__PURE__ */ e(i, { variant: "rounded", sx: { flex: 1, height: "32px" } }),
+            /* @__PURE__ */ e(i, { variant: "rounded", sx: { flex: 1, height: "32px" } }),
+            /* @__PURE__ */ e(i, { variant: "rounded", sx: { flex: 1, height: "32px" } })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(a, { currentAppInfo: n })
+      ]
+    }
+  );
+}
+export {
+  f as default
+};

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

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