@arcblock/did-connect-react 3.1.0

package/lib/Session/index.js

@@ -0,0 +1,896 @@
+import { jsx as m, jsxs as j, Fragment as Lo } from "react/jsx-runtime";
+import S from "prop-types";
+import Eo from "lodash/omit";
+import Oo from "lodash/pick";
+import be from "lodash/cloneDeep";
+import J from "lodash/isFunction";
+import p from "lodash/isUndefined";
+import _o from "lodash/defaultsDeep";
+import Ro from "js-cookie";
+import Uo from "eventemitter3";
+import No from "p-wait-for";
+import { useTheme as Wo, Typography as Bo, Box as K, CircularProgress as Mo } from "@mui/material";
+import { getVisitorId as $, isUrl as zo, ensureVisitorId as Fo, setVisitorId as Ae } from "@arcblock/ux/lib/Util";
+import ce, { ToastProvider as Ce } from "@arcblock/ux/lib/Toast";
+import Ho from "@arcblock/ux/lib/Center";
+import { useReactive as ke, useCreation as ye, useMemoizedFn as f, usePrevious as Go, useLatest as Te, useUpdateEffect as ae, useMount as Vo } from "ahooks";
+import { joinURL as z } from "ufo";
+import { Icon as jo } from "@iconify/react";
+import Ko from "@iconify-icons/material-symbols/keyboard-double-arrow-right-rounded";
+import $o from "@arcblock/react-hooks/lib/useBrowser";
+import qo from "@arcblock/ux/lib/Dialog/use-confirm";
+import De from "@arcblock/ux/lib/DID";
+import Ie from "@arcblock/ux/lib/Avatar";
+import { getCurrentAppPid as Xo } from "@arcblock/ux/lib/SessionUser/libs/utils";
+import { translate as Qo } from "@arcblock/ux/lib/Locale/util";
+import { getBlockletSDK as Yo, BlockletSDK as Jo } from "@blocklet/js-sdk";
+import P from "@arcblock/bridge";
+import { getFederatedEnabled as Zo } from "@arcblock/ux/lib/Util/federated";
+import ei from "lodash/noop";
+import oi from "lodash/isNil";
+import { useState as ii } from "react";
+import ve from "../Storage/index.js";
+import { getBrowserLang as ti, debug as u, decodeUrlParams as xe, sleep as L, updateConnectedInfo as Z, getAppId as ee, logger as Le, formatCacheTtl as ri } from "../utils.js";
+import Ee from "./window-focus-aware.js";
+import { OAuthContext as ni, OAuthConsumer as si, OAuthProvider as Oe, useOAuth as ci } from "../OAuth/context.js";
+import { PasskeyContext as ai, PasskeyConsumer as li, PasskeyProvider as _e, usePasskey as di } from "../Passkey/context.js";
+import "../Passkey/actions.js";
+import pi, { getWalletDid as fi } from "../User/use-did.js";
+import ui from "../User/wrap-did.js";
+import wi from "./hooks/use-federated.js";
+import hi from "./hooks/use-session-token.js";
+import mi from "./hooks/use-protected-routes.js";
+import { SessionContext as ze } from "./context.js";
+import gi from "../Connect/use-connect.js";
+import { EVENTS as w } from "./libs/constants.js";
+import { translations as W } from "./libs/locales.js";
+import { NotOpenError as Si } from "../error.js";
+import { SESSION_TOKEN_STORAGE_KEY as Fe, REFRESH_TOKEN_STORAGE_KEY as He, API_DID_PREFIX as Pi, DEFAULT_TIMEOUT as bi, BLOCKLET_SERVICE_PATH_PREFIX as F, DID_SPACES_BASE_URL as Ai } from "../constant.js";
+import { getMobileVisitorId as Ci, checkEnableAutoLogin as ki, login as yi } from "./libs/login-mobile.js";
+import Ti from "../Connect/hooks/use-quick-connect.js";
+import { didSpacesIsRequired as Re } from "./libs/did-spaces.js";
+import Di from "./did-spaces-guide.js";
+import { FederatedProvider as Ii, useFederatedContext as vi } from "../Federated/context.js";
+import xi from "./hooks/use-verify.js";
+import { loginFederatedMaster as Rt, mountFederatedIframe as Ut } from "./libs/federated.js";
+const Ue = Yo(), { Provider: Li, Consumer: Ne } = ze, We = {
+  en: "DID Connect timeout, please reopen DID Connect popup",
+  zh: "DID Connect 超时, 请重新打开 DID Connect"
+}, Be = {
+  en: "DID Connect is already opened, please wait for it to complete",
+  zh: "DID Connect 已打开，请等待完成"
+};
+function Me(q = Fe, X = "ls", oe = {}, k = {}) {
+  let v = "/";
+  globalThis?.blocklet?.prefix && (v = globalThis.blocklet.prefix), typeof k == "boolean" && (k = {
+    appendAuthServicePrefix: k,
+    extraParams: {}
+  }), _o(k, {
+    rolling: !0,
+    appendAuthServicePrefix: !1,
+    extraParams: {},
+    refreshTokenStorageKey: He
+  });
+  function O(D) {
+    if (globalThis.blocklet)
+      if (D?.user) {
+        const r = {
+          did: D.user.did,
+          host: window.location.host,
+          appPid: globalThis.blocklet.appPid,
+          visitorId: $(),
+          sourceAppPid: D.user.sourceAppPid,
+          fullName: D.user.fullName
+        };
+        u("bridge callArc: onLogin", r), P.callArc("onLogin", { ...r, user: r });
+      } else
+        P.callArc("onLogin", { error: "no user", code: 400 }), u("notifyBridge failed", { sessionState: D });
+  }
+  const Q = ve(q, X, oe), H = ve(k.refreshTokenStorageKey, "ls");
+  function le({ ...D }) {
+    const r = Object.assign({}, D);
+    p(r.serviceHost) && (r.serviceHost = v), p(r.locale) && (r.locale = ""), p(r.action) && (r.action = "login"), p(r.prefix) && (r.prefix = Pi), p(r.appendAuthServicePrefix) && (r.appendAuthServicePrefix = !1), p(r.extraParams) && (r.extraParams = {}), p(r.options) && (r.options = {}), p(r.autoConnect) && (r.autoConnect = !1), p(r.autoDisconnect) && (r.autoDisconnect = !0), p(r.useSocket) && (r.useSocket = !0), p(r.timeout) && (r.timeout = bi * 1e3), p(r.webWalletUrl) && (r.webWalletUrl = void 0), p(r.protectedRoutes) && (r.protectedRoutes = ["*"]), p(r.apiOptions) && (r.apiOptions = {}), p(r.lazyRefreshToken) && (r.lazyRefreshToken = !1);
+    const { connectApi: y, connectHolder: ie } = gi(), [Ve, de] = ii(0), T = $o(), { requestStorageAccess: je } = vi(), { palette: Ke } = Wo(), B = new URLSearchParams(window.location.search), s = ke({
+      extraParams: {},
+      options: {},
+      currentLocale: r.locale,
+      allowWallet: void 0,
+      openMode: "window",
+      get autoConnect() {
+        return typeof r.autoConnect == "boolean" ? r.autoConnect : !!r.autoLogin;
+      },
+      get prefix() {
+        return k.appendAuthServicePrefix || r.appendAuthServicePrefix ? z(F, r.prefix) : r.prefix;
+      },
+      get notificationPrefix() {
+        const e = "/api/notifications";
+        return k.appendAuthServicePrefix || r.appendAuthServicePrefix ? z(F, e) : e;
+      }
+    }), t = ke({
+      action: r.action,
+      error: "",
+      initialized: !1,
+      loading: !1,
+      open: !1,
+      user: null,
+      provider: "",
+      walletOS: "",
+      baseUrl: "",
+      unReadCount: 0
+      // 不可以直接个性 props.autoConnect (readonly)
+    }), b = ye(() => r.locale || s.currentLocale || ti(), [r.locale, s.currentLocale]), { confirmApi: $e, confirmHolder: qe } = qo(), _ = f(() => {
+      if (t.open && !T.arcSphere) {
+        const e = Be[b] || Be.en;
+        throw ce.warning(e), new Error(e);
+      }
+    }), g = ye(() => new Uo(), []), M = f((e, o, i) => {
+      const n = {
+        login: [w.LOGIN, w.CANCEL_LOGIN],
+        "bind-wallet": [w.BIND_WALLET, w.CANCEL_BIND_WALLET],
+        "switch-passport": [w.SWITCH_PASSPORT, w.CANCEL_SWITCH_PASSPORT],
+        "switch-profile": [w.SWITCH_PROFILE, w.CANCEL_SWITCH_PROFILE],
+        // HACK: 对于内部来说，switch-did 就是 login，所以内部的监听事件仍然是 login
+        "switch-did": [w.LOGIN, w.CANCEL_LOGIN],
+        // @FIXME: @zhanghan 整个事件发射的机制需要重构，目前的实现不是很优雅，对于用户来说不是很好用。 https://github.com/ArcBlock/ux/pull/1414#discussion_r1904830954
+        "did-space-connected": [w.DID_SPACE_CONNECTED]
+      };
+      if (!Object.keys(n).includes(e))
+        return;
+      const a = async (...d) => {
+        J(o) && await o(...d), g.emit(e, ...d);
+      };
+      g.once(n[e][0], a), g.once(n[e][1], async (...d) => {
+        J(a) && g.off(n[e][0], a), J(i) && await i(...d), g.emit(`cancel-${e}`, ...d);
+      });
+    }), Xe = Go(t.initialized, (e, o) => e !== o || e === !0 && o === !0), {
+      syncSessionSate: Qe,
+      handleRefreshUser: A,
+      handleRefreshToken: Ye,
+      renewToken: Je,
+      clearSession: pe,
+      handleLoginResult: E,
+      decrypt: x,
+      service: Ze,
+      getSessionToken: eo,
+      getRefreshToken: oo,
+      setRefreshToken: io,
+      setSessionToken: to
+    } = hi({
+      state: t,
+      pageState: s,
+      sessionTokenStorage: Q,
+      refreshTokenStorage: H,
+      serviceHost: r.serviceHost,
+      apiOptions: r.apiOptions,
+      lazyRefreshToken: r.lazyRefreshToken,
+      onRefresh({ type: e, sessionToken: o, refreshToken: i, user: n }) {
+        if (u("onRefresh", { type: e, user: n }), globalThis.blocklet) {
+          const a = {
+            did: n.did,
+            host: window.location.host,
+            appPid: globalThis.blocklet.appPid,
+            visitorId: $(),
+            sourceAppPid: n.sourceAppPid,
+            fullName: n.fullName
+          };
+          e === "refreshToken" ? (u("bridge callArc: onRefreshToken"), P.callArc("onRefreshToken", {
+            sessionToken: o,
+            refreshToken: i,
+            user: a
+          })) : e === "refreshUser" && (u("bridge callArc: onRefreshUser"), P.callArc("onRefreshUser", {
+            sessionToken: o,
+            refreshToken: i,
+            user: a
+          }));
+        }
+      }
+    }), ro = xi({ state: t, connectApi: y }), fe = f((e, o = {}, i = {}) => {
+      _();
+      const n = e;
+      typeof n == "object" && (e = n.onSuccess, o = n.extraParams || {}, i = n.options || {}, i.origin = n.origin || ""), (!t.user || i.origin === "switch-did") && (i.origin === "switch-did" ? M("switch-did", e, n?.onCancel) : M("login", e, n?.onCancel), s.extraParams = o, s.options = i, t.action = "login", N());
+    }), no = f((e, o = {}) => {
+      const i = e;
+      return function(...a) {
+        const d = this;
+        return (async () => {
+          try {
+            const l = await ro(o);
+            if (!l.sessionId)
+              throw new Error("Authentication failed");
+            return await i.call(d, l, ...a);
+          } catch (l) {
+            throw console.error("Authentication failed", l), l;
+          }
+        })();
+      };
+    }), te = f(async (e, o = {}, i = {}) => {
+      _();
+      const n = e;
+      typeof n == "object" && (e = n.onSuccess, o = n.extraParams || {}, i = n.options || {}), p(o?.inviter) && window.localStorage.getItem("inviter") && (o.inviter = window.localStorage.getItem("inviter"));
+      const { params: a } = await xe();
+      if (p(o?.forceConnected) && a?.forceConnected && (o.forceConnected = a.forceConnected, p(i.showQuickConnect) && (i.showQuickConnect = !1)), p(o?.sourceAppPid) && !p(a?.sourceAppPid) && (o.sourceAppPid = a.sourceAppPid), o?.openMode === "redirect") {
+        const h = o?.redirect || "/", I = new URL(`${F}/login`, window.location.origin);
+        I.searchParams.set("redirect", h), o?.forceConnected && I.searchParams.set("forceConnected", o?.forceConnected), p(o?.sourceAppPid) || I.searchParams.set("sourceAppPid", o?.sourceAppPid), p(o?.inviter) || I.searchParams.set("inviter", o?.inviter), i?.origin && I.searchParams.set("origin", i.origin), window.location.href = I.href;
+        return;
+      }
+      let d = o?.sourceAppPid;
+      p(d) && bo && (d = Ao.appPid), await No(() => t.initialized), typeof i == "string" && (i = { origin: i });
+      const l = be(o);
+      l.passkeyBehavior = "both", s.allowWallet = void 0;
+      const c = l?.openMode || r?.extraParams?.openMode;
+      p(c) ? d ? d !== globalThis.blocklet.appPid && Zo(globalThis.blocklet) && (s.openMode = "window") : s.openMode = "popup" : s.openMode = c, s.openMode === "window" && !T.arcSphere && !T.wallet && await je() && (s.openMode = "popup"), d ? t.baseUrl = globalThis.blocklet.appUrl : t.baseUrl = "", fe(e, l, i);
+    }), ue = f(async (e) => {
+      const o = $();
+      if (globalThis.blocklet && (Ue.user.logout({ visitorId: o }).catch((i) => {
+        console.warn("Failed to logout remote", i);
+      }), await L(100)), globalThis.blocklet) {
+        const i = {
+          visitorId: o,
+          appPid: globalThis.blocklet.appPid,
+          userDid: t.user.did
+        };
+        u("bridge callArc: onLogout", i), P.callArc("onLogout", i);
+      }
+      pe(), V(), t.user = null, t.provider = "", t.walletOS = "", t.error = "", t.loading = !1, g.emit("logout"), typeof e == "function" && e();
+    }), {
+      userSessions: so,
+      refresh: co,
+      loaded: ao,
+      loginUserSession: re
+    } = Ti({
+      appPid: Xo(t.user),
+      loginAppPid: globalThis?.blocklet?.appPid,
+      sourceAppPid: t?.user?.sourceAppPid,
+      autoFetch: !1,
+      fetchAll: !0
+    }), R = f(async () => {
+      t?.user || await new Promise((e) => {
+        te(() => {
+          e();
+        });
+      });
+    }), ne = f((e, o = {}, i = {}) => {
+      _();
+      const n = e;
+      typeof n == "object" && (e = n.onSuccess, o = n.extraParams || {}, i = n.options || {}), typeof i == "string" && (i = { origin: i }), i?.userSession ? re(i.userSession).then((a) => {
+        Z(
+          {
+            connected_did: i.userSession.user.did,
+            connected_pk: i.userSession.user.pk,
+            connected_wallet_os: i.userSession.extra.walletOS,
+            connected_app: ee()
+          },
+          !0
+        ), M("switch-did", e), E({ ...a, encrypted: !1 }), A({ showProgress: !0 }).then(async () => {
+          await L(200), g.emit(w.LOGIN, a, x, C.current), O(C.current), await U();
+        });
+      }) : (p(o?.forceConnected) && (o.forceConnected = !1), o.passkeyBehavior = "both", te(e, o, { ...i, origin: "switch-did" }));
+    }), lo = f(async () => {
+      await Ue.user.refreshProfile();
+    }), po = f(async (e, o = {}) => {
+      await R(), _();
+      const i = e;
+      typeof i == "object" && (e = i.onSuccess, o = i.extraParams || {}), M("switch-profile", e, i?.onCancel), s.extraParams = o, s.options = {}, t.action = "switch-profile", N();
+    }), fo = f(async (e, o = {}) => {
+      await R(), _();
+      const i = e;
+      typeof i == "object" && (e = i.onSuccess, o = i.extraParams || {}), M("switch-passport", e, i?.onCancel), s.extraParams = o, s.options = {}, t.action = "switch-passport", N();
+    }), uo = f(async ({ extraParams: e = {}, onSuccess: o = () => {
+    }, ...i } = {}) => {
+      await R(), _(), s.extraParams = {
+        referrer: window.location.href,
+        purpose: "authorize-for-import",
+        ...e,
+        saveConnect: !1
+        // 连接 spaces 不保存连接信息
+      }, s.options = {}, t.action = "connect-to-did-spaces-for-user", N({
+        hideCloseButton: !0,
+        onSuccess: o,
+        ...i
+      });
+    }), we = f(async ({ extraParams: e = {}, onSuccess: o = {} } = {}) => {
+      await R(), uo({
+        extraParams: {
+          // service 交互
+          purpose: "authorize-for-import",
+          ...e
+        },
+        onSuccess: o,
+        hideCloseButton: !1
+      });
+    }), { didSpacesGuideApi: Y, DidSpacesGuideView: wo } = Di({
+      autoClose: !1
+    }), U = async ({ extraParams: e = {}, onSuccess: o = () => {
+    } } = {}) => {
+      await R(), await Re(t?.user) && (Y.open(), Y.onConnect((i = ei) => {
+        const n = {
+          prefix: "/connect-to-did-space",
+          custom: !0,
+          extraParams: {
+            provider: "wallet",
+            appPid: window.blocklet?.appPid,
+            appDid: window.blocklet?.appId,
+            appName: window.blocklet?.appName,
+            appDescription: window.blocklet?.appDescription,
+            appUrl: window.blocklet?.appUrl,
+            referrer: window.location.href,
+            connectScope: "user",
+            ...e
+          },
+          onSuccess: async (a, d) => {
+            const l = d ? d(a.spaceGateway) : a.spaceGateway;
+            await new Jo().user.updateDidSpace({ spaceGateway: l }), await A({ showProgress: !0 }), await o(a, d), await Y.close(), g.emit(w.DID_SPACE_CONNECTED, a, d), globalThis.blocklet && (u("bridge callArc: onDidSpaceConnected"), P.callArc("onDidSpaceConnected")), i(!0);
+          },
+          onError: (a) => {
+            console.error(a), ce.error(a.message), Y.close(), i(!1);
+          },
+          onClose: () => {
+            i();
+          }
+        };
+        y.openPopup(n, {
+          baseUrl: Ai
+        });
+      }));
+    }, he = f(async (e, o = {}) => {
+      if (await R(), fi(t.user)) {
+        e({}, x, C.current);
+        return;
+      }
+      _();
+      const i = e;
+      typeof i == "object" && (e = i.onSuccess), M("bind-wallet", e, i?.onCancel), s.extraParams = o, s.options = {}, t.action = "bind-wallet", N();
+    }), se = f(async (e) => {
+      u("onSwitchPassport", { result: e }), s.extraParams = {}, s.options = {}, E(e), t.loading = !1, await A({ showProgress: !0 }), await L(200), g.emit(w.SWITCH_PASSPORT, e, x, C.current), globalThis.blocklet && (u("bridge callArc: onSwitchPassport"), P.callArc("onSwitchPassport"));
+    }), G = f(async (e) => {
+      if (t.action === "switch-passport") {
+        se(e);
+        return;
+      }
+      u("onLogin", { result: e }), s.extraParams = {}, s.options = {}, E(e), t.loading = !1, await A({ showProgress: !0 }), await L(200), t.action === "login" && (u("onLogin: emit LOGIN event", { result: e }), g.emit(w.LOGIN, e, x, C.current), O(C.current), U());
+    }), ho = f((e) => {
+      s.extraParams = {}, s.options = {}, E(e), t.loading = !1, A({ showProgress: !0 }).then(async () => {
+        await L(100), g.emit(w.BIND_WALLET, e, x, C.current), globalThis.blocklet && (u("bridge callArc: onBindWallet"), P.callArc("onBindWallet"));
+      });
+    }), mo = f((e) => {
+      u("onSwitchProfile", { result: e }), s.extraParams = {}, s.options = {}, t.loading = !1, A({ showProgress: !0 }).then(async () => {
+        await L(100), g.emit(w.SWITCH_PROFILE, e, x, C.current), globalThis.blocklet && (u("bridge callArc: onSwitchProfile"), P.callArc("onSwitchProfile"));
+      });
+    }), go = f((e) => {
+      s.extraParams = {}, s.options = {}, V();
+      const o = {
+        login: w.CANCEL_LOGIN,
+        "switch-profile": w.CANCEL_SWITCH_PROFILE,
+        "switch-passport": w.CANCEL_SWITCH_PASSPORT,
+        "bind-wallet": w.CANCEL_BIND_WALLET
+      }, i = {
+        login: "offLogin",
+        "switch-profile": "offSwitchProfile",
+        "switch-passport": "offSwitchPassport",
+        "bind-wallet": "offBindWallet"
+      };
+      g.emit(o[e]), globalThis.blocklet && (u(`bridge callArc: ${i[e]}`), P.callArc(`${i[e]}`));
+    }), So = f((e, ...o) => {
+      try {
+        vo[e](...o);
+      } catch (i) {
+        Le.error("Catch error in onSuccess", {
+          action: e,
+          args: o,
+          err: i
+        });
+      }
+    }), {
+      federatedMaster: Po,
+      federatedEnabled: bo,
+      master: Ao
+    } = wi({
+      locale: b,
+      decrypt: x,
+      login: fe,
+      handleLoginResult: E,
+      handleRefreshUser: A,
+      setRefreshToken: io,
+      setSessionToken: to
+    }), { checkMatch: Co } = mi({ protectedRoutes: r.protectedRoutes || [] }), ko = Te(so), me = f(async () => (ao || (await co(), await L(100)), ko.current)), V = f(() => {
+      t.open = !1, y.close();
+    }), N = async (e = {}) => {
+      let o = t.action;
+      s?.options?.origin === "switch-did" && (o = s?.options?.origin);
+      const i = W[o], n = i[b] || i.en, a = {
+        ...k.extraParams,
+        ...r.extraParams,
+        ...s.extraParams,
+        previousUserDid: t?.user?.did,
+        email: t?.user?.email
+      };
+      if (o === "switch-did" && a?.forceConnected) {
+        const l = (c, h = {}) => Qo(W["switch-specified-did"], c, b, "en", h);
+        n.title = l("title"), n.scan = l("scan", { did: a.forceConnected }), n.confirm = l("confirm"), n.success = l("success");
+      }
+      delete a?.openMode;
+      const d = {
+        action: t.action,
+        locale: b,
+        hideCloseButton: e?.hideCloseButton,
+        extraParams: a,
+        options: { ...r.options || {}, ...s.options },
+        checkTimeout: r.timeout,
+        webWalletUrl: r.webWalletUrl,
+        messages: n,
+        useSocket: r.useSocket,
+        ...Eo(r, [
+          "action",
+          "locale",
+          // NOTICE: 将 serviceHost 也透传给 DID Connect 组件
+          // 'serviceHost',
+          "appendAuthServicePrefix",
+          "autoDisconnect",
+          "children",
+          "timeout",
+          "extraParams",
+          "options",
+          "webWalletUrl",
+          "messages",
+          "useSocket",
+          "lazyRefreshToken",
+          "apiOptions",
+          "protectedRoutes"
+        ]),
+        // 允许 login/switchProfile/switchDid 的时候传入自定义参数
+        ...Oo(s.extraParams || {}, [
+          "autoConnect",
+          "forceConnected",
+          "saveConnect",
+          "useSocket",
+          "passkeyBehavior"
+        ]),
+        // baseUrl: state.baseUrl || props.baseUrl || '',
+        // 注意 prefix 经过了特殊处理, 优先级高于 "...rest", 所以放在其后
+        prefix: s.prefix,
+        allowWallet: p(s.allowWallet) ? t.action !== "login" || ["1", "true", void 0, null].includes(globalThis.blocklet?.DID_CONNECT_ALLOW_WALLET) : s.allowWallet,
+        onSuccess: async (...l) => {
+          So(t.action, ...l), J(e?.onSuccess) && await e.onSuccess(...l), t.open = !1;
+        },
+        onClose(...l) {
+          go(t.action, ...l);
+        },
+        onError(l) {
+          console.error(l);
+        }
+      };
+      if (t.open = !0, ["login"].includes(t.action) && s.openMode === "window" && !(T.wallet || T.arcSphere))
+        try {
+          const l = {
+            ...d,
+            baseUrl: window.location.origin
+          };
+          zo(s.prefix) || (l.prefix = z(window.location.origin, r.serviceHost, s.prefix)), l.extraParams?.provider || (l.extraParams.provider = t?.user?.provider || "wallet"), await y.openPopup(l, { locale: b });
+        } catch (l) {
+          l instanceof Si && V(), l.message === "Timeout" ? ce.error(We[b] || We.en) : console.error(l);
+        }
+      else
+        y.open(d);
+    }, ge = f(async () => {
+      const { params: e, url: o } = await xe();
+      if (e) {
+        const { switchBehavior: i, forceConnected: n, sourceAppPid: a, showClose: d } = e;
+        n === t.user.did ? window.history.replaceState(null, "trim", o) : i === "required" ? ne(() => {
+        }, {
+          openMode: "redirect",
+          redirect: o,
+          sourceAppPid: a,
+          forceConnected: n
+        }) : i === "disabled" ? window.history.replaceState(null, "trim", o) : $e.open({
+          title: W.switchAccountDialog[b].title,
+          content: /* @__PURE__ */ j(Lo, { children: [
+            /* @__PURE__ */ m(Bo, { variant: "body1", sx: { textAlign: "center", mb: 2 }, children: W.switchAccountDialog[b].description }),
+            /* @__PURE__ */ j(K, { sx: { display: "flex", alignItems: "center", color: "grey.A700" }, children: [
+              /* @__PURE__ */ j(
+                K,
+                {
+                  sx: {
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    gap: 1.5,
+                    lineHeight: 1
+                  },
+                  children: [
+                    /* @__PURE__ */ m(Ie, { did: t.user.did, shape: "circle", variant: "circle", size: 80 }),
+                    /* @__PURE__ */ m(De, { did: t.user.did, showAvatar: !1, compact: !0, responsive: !1 }),
+                    W.switchAccountDialog[b].currentAccount
+                  ]
+                }
+              ),
+              /* @__PURE__ */ m(K, { sx: { display: "flex", justifyContent: "center", px: 2 }, children: /* @__PURE__ */ m(
+                K,
+                {
+                  component: jo,
+                  icon: Ko,
+                  sx: {
+                    fontSize: 24,
+                    color: Ke.grey[400],
+                    animation: "right 2.5s linear infinite",
+                    "@keyframes right": {
+                      "0%": {
+                        transform: "translateX(-3px)",
+                        opacity: 0
+                      },
+                      "60%": {
+                        transform: "translateX(3px)",
+                        opacity: 1
+                      },
+                      "100%": {
+                        transform: "translateX(0px)",
+                        opacity: 0
+                      }
+                    }
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ j(
+                K,
+                {
+                  sx: {
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    gap: 1.5,
+                    lineHeight: 1,
+                    fontWeight: 500
+                  },
+                  children: [
+                    /* @__PURE__ */ m(Ie, { did: n, shape: "circle", variant: "circle", size: 80 }),
+                    /* @__PURE__ */ m(De, { did: n, showAvatar: !1, compact: !0, responsive: !1 }),
+                    W.switchAccountDialog[b].nextAccount
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          showCloseButton: d,
+          showCancelButton: !1,
+          confirmButtonText: W.switchAccountDialog[b].confirm,
+          async onConfirm(l) {
+            const h = (await me()).find((I) => I.userDid === n);
+            if (h) {
+              re(h).then((I) => {
+                Z(
+                  {
+                    connected_did: h.user.did,
+                    connected_pk: h.user.pk,
+                    connected_wallet_os: h.extra.walletOS,
+                    connected_app: ee()
+                  },
+                  !0
+                ), E({ ...I, encrypted: !1 }), A({ showProgress: !0 }).then(async () => {
+                  await L(200), g.emit(w.LOGIN, I, x, C.current), O(C.current), await U();
+                });
+              }), l();
+              return;
+            }
+            ne(
+              () => {
+                l(), window.location.replace(o);
+              },
+              { sourceAppPid: a, forceConnected: n, enableSwitchApp: !1 },
+              { showQuickConnect: !0 }
+            );
+          }
+        });
+      }
+    }), yo = f(async (e, o) => {
+      const i = Object.assign(
+        {
+          login: !0,
+          bindWallet: !0,
+          bindDidSpaces: !1
+        },
+        o?.requirements
+      ), n = o?.openMode || "popup";
+      i.login && await R(), i.bindWallet && await new Promise((a) => {
+        he(() => {
+          a();
+        });
+      }), i.bindDidSpaces && (await Re(t?.user) || await new Promise((a) => {
+        i.bindDidSpaces === "full" ? U({
+          onSuccess() {
+            a();
+          }
+        }) : i.bindDidSpaces === "read" && we({
+          onSuccess() {
+            a();
+          }
+        });
+      })), n === "window" ? y.openPopup(e, o) : n === "popup" && y.open(e);
+    });
+    ae(() => {
+      const e = Number(t.unReadCount || 0);
+      de(e);
+    }, [t.unReadCount]);
+    const To = f(() => {
+      B.get("magicToken") && B.delete("magicToken"), B.toString() && window.history.replaceState({}, "", `${window.location.pathname}?${B.toString()}`);
+    }), Se = f((e) => new Promise((o, i) => {
+      y.open({
+        action: "login",
+        locale: b,
+        prefix: s.prefix,
+        useSocket: !1,
+        messages: {
+          title: b === "zh" ? "验证 MagicLink Token" : "Verify MagicLink Token"
+        },
+        magicToken: e,
+        onSuccess(...n) {
+          G(...n), To(), o();
+        },
+        onError(n) {
+          console.error(n), i(n);
+        }
+      });
+    })), Do = {
+      ...t,
+      loading: s.autoConnect && !t.user || t.loading,
+      openDidConnect: yo,
+      login: te,
+      logout: ue,
+      switchDid: ne,
+      autoSwitchDid: ge,
+      refreshProfile: lo,
+      switchProfile: po,
+      switchPassport: fo,
+      connectToDidSpaceForImport: we,
+      connectToDidSpaceForFullAccess: U,
+      bindWallet: he,
+      refresh: A,
+      updateConnectedInfo: Z,
+      // federated relates
+      federatedMaster: Po,
+      // oauth relates
+      useOAuth: ci,
+      OAuthProvider: Oe,
+      OAuthConsumer: si,
+      OAuthContext: ni,
+      // passkey relates
+      usePasskey: di,
+      PasskeyProvider: _e,
+      PasskeyConsumer: li,
+      PasskeyContext: ai,
+      // user related
+      useDid: pi,
+      WrapDid: ui,
+      getUserSessions: me,
+      async loginUserSession(e) {
+        const o = await re(e);
+        Z(
+          {
+            connected_did: e.user.did,
+            connected_pk: e.user.pk,
+            connected_wallet_os: e.extra.walletOS,
+            connected_app: ee()
+          },
+          !0
+        ), E({ ...o, encrypted: !1 }), await A({ showProgress: !0 }), await L(200), g.emit(w.LOGIN, o, x, C.current), O(C.current), await U();
+      },
+      unReadCount: Ve,
+      setUnReadCount: de,
+      verifyMagicToken: Se,
+      // 二次认证相关方法
+      withSecondaryAuth: no
+    }, C = Te(Do), Io = {
+      api: Ze,
+      events: g,
+      storage: Q,
+      connectApi: y,
+      session: C.current
+    }, vo = {
+      login: G,
+      "switch-profile": mo,
+      "switch-passport": se,
+      "bind-wallet": ho
+    };
+    ae(() => {
+      if (t.initialized) {
+        const e = !Xe;
+        if (g.emit("change", { user: be(t.user), isFirst: e }), t.user && globalThis.blocklet) {
+          const o = {
+            did: t.user.did,
+            host: window.location.host,
+            appPid: globalThis.blocklet.appPid,
+            visitorId: $(),
+            sourceAppPid: t.user.sourceAppPid,
+            fullName: t.user.fullName
+          };
+          u("bridge callArc: onChange", {
+            isFirst: e,
+            user: o
+          }), P.callArc("onChange", {
+            ...o,
+            user: o,
+            isFirst: e
+          });
+        }
+      }
+    }, [t.user, t.initialized, g]), ae(() => {
+      t.initialized && t.user && ge();
+    }, [t.initialized]), Vo(async () => {
+      const e = (c) => {
+        oi(c.encrypted) && (c.encrypted = !1), window.temporaryDIDConnectOnSuccess instanceof Function ? (u("bridgeOnLogin: temporaryDIDConnectOnSuccess", { result: c }), window.temporaryDIDConnectOnSuccess(c, (h) => h)) : (u("bridgeOnLogin: onLogin", { result: c }), G(c));
+      };
+      if (P.registerBlocklet("callLoginOAuth", (c) => {
+        u("bridge registerBlocklet: callLoginOAuth", c), y.loginOAuth({
+          ...c,
+          onLogin: e
+        });
+      }), P.registerBlocklet("logout", ue), P.registerBlocklet("login", (c) => {
+        u("bridge registerBlocklet: login", c), e(c);
+      }), Fo(), !$()) {
+        if (T.arcSphere) {
+          u("bridge callArc: getVisitorId");
+          const c = await P.callArc("getVisitorId");
+          u("bridge callArc: getVisitorId result", { walletVisitorId: c }), Ae(c);
+        } else if (T.wallet) {
+          const c = await Ci();
+          Ae(c);
+        }
+      }
+      const i = Ro.get("connected_app"), n = ee();
+      if (r.autoDisconnect && i && n && i !== n) {
+        pe(), t.initialized = !0, s.autoConnect ? N() : V();
+        return;
+      }
+      const a = eo();
+      if (window?.self === window?.parent) {
+        let c = "web";
+        if (T.mobile.apple.device ? c = "ios" : T.mobile.android.device && (c = "android"), T.wallet && ki({ version: T.walletVersion, platform: c }) && !a)
+          try {
+            t.loading = !0;
+            const h = await yi();
+            if (h) {
+              await G({
+                sessionToken: h.sessionToken,
+                refreshToken: h.refreshToken,
+                visitorId: h.visitorId,
+                encrypted: !1
+              }), t.initialized = !0;
+              return;
+            }
+          } finally {
+            t.loading = !1;
+          }
+      }
+      const d = B.get("magicToken");
+      if (d)
+        try {
+          t.initialized = !0, await Se(d);
+        } catch (c) {
+          console.error("verifyMagicToken failed", c);
+        }
+      if (a) {
+        await A({ showProgress: !0 }), t.initialized = !0, t.user && await U();
+        return;
+      }
+      if (typeof window < "u") {
+        const c = new URL(window.location.href), h = c.searchParams.get("loginToken");
+        if (h) {
+          E({ loginToken: h, encrypted: !1 }), c.searchParams.delete("loginToken"), window.history.replaceState({}, window.title, c.href);
+          return;
+        }
+      }
+      if (oo()) {
+        await Ye(!0), t.initialized = !0;
+        return;
+      }
+      if (t.initialized = !0, s.autoConnect ? N() : V(), T.arcSphere && ![
+        // 不应该唤起自动登录的路由
+        z(F, "login"),
+        z(F, "connect"),
+        z(F, "lost-passport")
+      ].includes(window.location.pathname) && !a)
+        try {
+          u("bridge callArc: autoLogin");
+          const c = await P.callArc("autoLogin");
+          u("bridgecallArc: autoLogin result", c), c && await G({
+            sessionToken: c.sessionToken,
+            refreshToken: c.refreshToken,
+            visitorId: c.visitorId,
+            encrypted: !1
+          });
+        } catch (c) {
+          Le.error("Failed to autoLogin ArcSphere", c);
+        }
+    });
+    const xo = B.has("popup");
+    if (Co() && !t.initialized)
+      return /* @__PURE__ */ m(Ho, { children: xo ? null : /* @__PURE__ */ m(Mo, {}) });
+    const Pe = {
+      locale: b,
+      onSwitchPassport: ({ sessionToken: e, refreshToken: o }) => se({ sessionToken: e, refreshToken: o, encrypted: !1 }),
+      onUnbindOAuth: () => A(),
+      onBindOAuth: () => A(),
+      onAddPasskey: () => A(),
+      onRemovePasskey: () => A()
+    };
+    return /* @__PURE__ */ m(Li, { value: Io, children: /* @__PURE__ */ m(_e, { ...Pe, children: /* @__PURE__ */ j(Oe, { ...Pe, children: [
+      !t.open && typeof r.children == "function" ? r.children(t) : r.children,
+      ie,
+      qe,
+      wo,
+      k.rolling && /* @__PURE__ */ m(Ee, { callback: () => Je() }),
+      /* @__PURE__ */ m(Ee, { callback: Qe })
+    ] }) }) });
+  }
+  le.propTypes = {
+    children: S.any.isRequired,
+    serviceHost: S.string,
+    action: S.string,
+    prefix: S.string,
+    appendAuthServicePrefix: S.bool,
+    locale: S.string,
+    timeout: S.number,
+    autoConnect: S.bool,
+    // should we open connect dialog when session not found
+    autoDisconnect: S.bool,
+    // should we auto disconnect on appId mismatch
+    useSocket: S.bool,
+    // should we auto disconnect on appId mismatch
+    extraParams: S.object,
+    options: S.object,
+    webWalletUrl: S.string,
+    protectedRoutes: S.arrayOf(S.string),
+    apiOptions: S.object,
+    lazyRefreshToken: S.bool
+  };
+  function Ge(D) {
+    return function(y) {
+      return /* @__PURE__ */ m(Ce, { children: /* @__PURE__ */ m(Ne, { children: (ie) => /* @__PURE__ */ m(D, { ...y, ...ie }) }) });
+    };
+  }
+  return {
+    SessionProvider: (D) => /* @__PURE__ */ m(Ce, { children: /* @__PURE__ */ m(Ii, { children: /* @__PURE__ */ m(le, { ...D }) }) }),
+    SessionConsumer: Ne,
+    SessionContext: ze,
+    withSession: Ge
+  };
+}
+function Et({ storageEngine: q = "cookie" } = {}) {
+  const X = Fe, oe = He;
+  let k = null;
+  if (typeof window < "u" && (k = (globalThis.blocklet || {}).componentId), q === "cookie") {
+    let v = "/", O = 1;
+    if (typeof window < "u") {
+      const Q = window.env || {}, H = window.blocklet || {};
+      v = Q.groupPathPrefix || H.groupPrefix || H.prefix || "", v = v.replace(/\/+$/, ""), v = v || "/", H.serverVersion && (O = ri(window.blocklet?.settings?.session?.cacheTtl, 1 / 24));
+    }
+    return Me(
+      X,
+      "cookie",
+      {
+        path: v,
+        returnDomain: !1,
+        expireInDays: O
+      },
+      {
+        appendAuthServicePrefix: !0,
+        extraParams: { componentId: k },
+        refreshTokenStorageKey: oe
+      }
+    );
+  }
+  if (q === "localStorage")
+    return Me(X, "ls", {}, !0);
+  throw new Error("storageEngine must be cookie or localStorage");
+}
+export {
+  w as EVENTS,
+  ze as SessionContext,
+  ki as checkEnableAutoLogin,
+  Et as createAuthServiceSessionContext,
+  Me as default,
+  Re as didSpacesIsRequired,
+  Ci as getMobileVisitorId,
+  yi as login,
+  Rt as loginFederatedMaster,
+  Ut as mountFederatedIframe,
+  W as translations
+};