@arcblock/did-connect-react 3.3.0 → 3.3.2

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

@@ -1,68 +1,68 @@
 import { jsx as m } from "react/jsx-runtime";
 import r from "prop-types";
 import { CircularProgress as C } from "@mui/material";
-import { useReactive as R, useMemoizedFn as c, useCreation as p } from "ahooks";
-import { detectWalletExtension as w, openWebWallet as L } from "@arcblock/ux/lib/Util";
-import { mergeSx as v } from "@arcblock/ux/lib/Util/style";
-import y from "lodash/noop";
-import A from "lodash/omit";
-import { useImperativeHandle as P } from "react";
-import E from "@arcblock/ux/lib/DIDConnect/provider-icon";
-import { LOGIN_PROVIDER as T } from "@arcblock/ux/lib/Util/constant";
-import _ from "./login-method-item.js";
-import { useStateContext as O } from "../../contexts/state.js";
-import { EXT_DOWNLOAD_URL as d } from "../../../constant.js";
+import { useReactive as L, useMemoizedFn as d, useCreation as p } from "ahooks";
+import { detectWalletExtension as _, openWebWallet as w } from "@arcblock/ux/lib/Util";
+import { mergeSx as E } from "@arcblock/ux/lib/Util/style";
+import O from "lodash/noop";
+import P from "lodash/omit";
+import { useImperativeHandle as v } from "react";
+import A from "@arcblock/ux/lib/DIDConnect/provider-icon";
+import { LOGIN_PROVIDER_ICON_SIZE as a, LOGIN_PROVIDER as y } from "@arcblock/ux/lib/Util/constant";
+import T from "./login-method-item.js";
+import { useStateContext as N } from "../../contexts/state.js";
+import { EXT_DOWNLOAD_URL as I } from "../../../constant.js";
 import U from "../../hooks/auth-url.js";
 function j({
-  ref: x = null,
+  ref: g = null,
   tokenState: o,
-  locale: g = "en",
+  locale: x = "en",
   webWalletUrl: b,
-  onClick: I = y,
+  onClick: D = O,
   disableSwitchApp: h = !1,
-  ...a
+  ...f
 }) {
-  const { browserBrand: i } = O(), l = w(), t = R({
+  const { browserBrand: i } = N(), l = _(), t = L({
     loading: !1
-  }), D = U({ disableSwitchApp: h, tokenState: o }), f = c(() => {
-    t.loading = !0, L({
+  }), W = U({ disableSwitchApp: h, tokenState: o }), u = d(() => {
+    t.loading = !0, w({
       webWalletUrl: b,
-      url: D,
-      locale: g,
+      url: W,
+      locale: x,
       appInfo: o.appInfo,
       memberAppInfo: o.memberAppInfo
     })?.type === "web" ? t.loading = !1 : setTimeout(() => {
       t.loading = !1;
     }, 3e3);
-  }), s = c((e) => {
-    o.url && (I(e), e?.preventDefault(), f());
+  }), s = d((e) => {
+    o.url && (D(e), e?.preventDefault(), u());
   });
-  P(x, () => ({
-    connect: f
+  v(g, () => ({
+    connect: u
   }));
-  const n = p(() => i === "edge" ? d.edge : i === "chrome" ? d.chrome : null, [i]), u = p(() => {
+  const n = p(() => i === "edge" ? I.edge : i === "chrome" ? I.chrome : null, [i]), c = p(() => {
     const e = {};
     return l ? e.onClick = s : n ? (e.component = "a", e.href = n, e.target = "_blank", e.rel = "noopener") : e.onClick = s, o.url || (e.sx = {
       cursor: "not-allowed"
     }), e;
-  }, [s, o.url]), W = p(() => l || n ? "DID Wallet (Extension)" : "DID Wallet (Web)", [l, n]);
+  }, [s, o.url]), R = p(() => l || n ? "DID Wallet (Extension)" : "DID Wallet (Web)", [l, n]);
   return /* @__PURE__ */ m(
-    _,
+    T,
     {
-      ...a,
-      sx: v(
+      ...f,
+      sx: E(
         {
           textDecoration: "none"
         },
-        a?.sx,
-        u.sx
+        f?.sx,
+        c.sx
       ),
-      title: W,
+      title: R,
       icon: t.loading || !o.url ? /* @__PURE__ */ m(
         C,
         {
           color: "primary",
-          size: 24,
+          size: a,
           sx: {
             "& svg": {
               transform: "scale(0.75)"
@@ -70,17 +70,17 @@ function j({
           }
         }
       ) : /* @__PURE__ */ m(
-        E,
+        A,
         {
-          width: "24px",
-          height: "24px",
-          provider: T.DID_WALLET,
-          style: {
+          sx: {
+            width: a,
+            height: a,
             transform: "scale(0.9)"
-          }
+          },
+          provider: y.DID_WALLET
         }
       ),
-      ...A(u, "sx")
+      ...P(c, "sx")
     }
   );
 }

package/lib/Connect/index.js

@@ -2,11 +2,11 @@ import { jsx as t, jsxs as p, Fragment as Le } from "react/jsx-runtime";
 import { use as Be, useRef as re, useState as Fe, useEffect as ne } from "react";
 import e from "prop-types";
 import { Box as i, Skeleton as Ne, Divider as je } from "@mui/material";
-import { useUpdate as He, useSize as Ve, useCreation as d, useMount as ie, useMemoizedFn as z, useDebounceFn as qe, usePrevious as Ye, useUpdateEffect as Ge } from "ahooks";
+import { useUpdate as He, useSize as Ve, useCreation as d, useMount as ie, useMemoizedFn as U, useDebounceFn as qe, usePrevious as Ye, useUpdateEffect as Ge } from "ahooks";
 import b from "lodash/noop";
 import Ke from "lodash/isUndefined";
 import Qe from "@arcblock/ux/lib/CloseButton";
-import { LOGIN_PROVIDER as Xe, OAUTH_PROVIDER as L, DID_CONNECT_MEDIUM_WIDTH as M, LOGIN_PROVIDER_NAME as Je, DID_CONNECT_SMALL_WIDTH as Ze } from "@arcblock/ux/lib/Util/constant";
+import { LOGIN_PROVIDER as Xe, OAUTH_PROVIDER as M, DID_CONNECT_MEDIUM_WIDTH as z, LOGIN_PROVIDER_NAME as Je, DID_CONNECT_SMALL_WIDTH as Ze } from "@arcblock/ux/lib/Util/constant";
 import $e from "@arcblock/ux/lib/QRCode";
 import { withUxTheme as et, withContainer as tt, DIDConnectFooter as ot } from "@arcblock/ux/lib/DIDConnect";
 import { useTheme as rt } from "@arcblock/ux/lib/Theme";
@@ -41,31 +41,31 @@ function se({
   checkInterval: I = xt,
   checkTimeout: v = gt * 1e3,
   prefix: D = bt,
-  tokenKey: B = "_t_",
-  locale: F = "en",
+  tokenKey: L = "_t_",
+  locale: B = "en",
   encKey: ae = "_ek_",
   autoConnect: le = !0,
-  forceConnected: N = !0,
+  forceConnected: F = !0,
   saveConnect: ue = !0,
   useSocket: de = !0,
-  allowWallet: j = !0,
+  allowWallet: N = !0,
   provider: fe = "",
   messages: u = {},
-  passkeyBehavior: H = "none",
+  passkeyBehavior: j = "none",
   webWalletUrl: me = It(),
-  enabledConnectTypes: pe = ["web", "mobile", ...Object.keys(L)],
-  extraContent: V = null,
+  enabledConnectTypes: pe = ["web", "mobile", ...Object.keys(M)],
+  extraContent: H = null,
   disableSwitchApp: T = !1,
-  magicToken: q = void 0,
+  magicToken: V = void 0,
   customItems: he = [],
   onClose: P = b,
-  onError: Y = b,
+  onError: q = b,
   onSuccess: _ = b,
-  onRecreateSession: G = b,
+  onRecreateSession: Y = b,
   setColor: xe = b
 }) {
-  const R = rt(), K = He(), be = Be(ct), ge = St(be?.session?.user), {
-    t: Q,
+  const R = rt(), G = He(), be = Be(ct), ge = St(be?.session?.user), {
+    t: K,
     staticState: Ce,
     connectState: s,
     extraParams: ye,
@@ -73,9 +73,9 @@ function se({
     currentAppColor: O,
     // 插件相关
     selectedPlugin: c,
-    blocklet: X,
+    blocklet: Q,
     masterBlocklet: we
-  } = lt(), { state: o, generate: J, cancelWhenScanned: Se } = ft({
+  } = lt(), { state: o, generate: X, cancelWhenScanned: Se } = ft({
     action: w,
     baseUrl: h,
     checkFn: S,
@@ -83,23 +83,23 @@ function se({
     checkTimeout: v,
     extraParams: ye,
     prefix: D,
-    onError: Y,
+    onError: q,
     onSuccess: _,
-    locale: F,
-    tokenKey: B,
+    locale: B,
+    tokenKey: L,
     encKey: ae,
     autoConnect: le,
-    forceConnected: N === !0 ? ge || !0 : N,
+    forceConnected: F === !0 ? ge || !0 : F,
     saveConnect: ue,
     useSocket: de,
     provider: fe
-  }), A = re(!1), Z = re(null), x = Ve(Z), W = d(() => x ? x.width < M - 50 : !0, [x, x?.width]), [$, Ie] = Fe(!1);
+  }), A = re(!1), J = re(null), x = Ve(J), Z = d(() => x ? x.width < z - 50 : !0, [x, x?.width]), [$, Ie] = Fe(!1);
   ie(() => {
-    Ie(x?.width < M - 50);
+    Ie(x?.width < z - 50);
   });
   const { oauthState: a, setBaseUrl: ve } = mt(), { passkeyState: l, setTargetAppPid: De } = ht();
   ie(() => {
-    ve(h), De(X?.appPid), o.reset(), a.reset(), l.reset();
+    ve(h), De(Q?.appPid), o.reset(), a.reset(), l.reset();
   }), ne(() => {
     xe(O);
   }, [O]);
@@ -114,12 +114,12 @@ function se({
     a.error,
     l.error,
     c?.state?.error
-  ]), C = d(() => k.includes(l.status) || k.includes(a.status) || k.includes(o.status) || k.includes(c?.state?.computedStatus), [o.status, a.status, l.status, c?.state?.computedStatus]), ee = z(async () => {
-    G(), a.reset(), l.reset(), await J(!1);
-  }), Pe = z(() => {
+  ]), C = d(() => k.includes(l.status) || k.includes(a.status) || k.includes(o.status) || k.includes(c?.state?.computedStatus), [o.status, a.status, l.status, c?.state?.computedStatus]), ee = U(async () => {
+    Y(), a.reset(), l.reset(), await X(!1);
+  }), Pe = U(() => {
     s?.retryConnect();
-  }), _e = z(() => {
-    G(), a.reset(), l.reset(), c?.state?.reset(), Ce.current.cancelCount++, Se();
+  }), _e = U(() => {
+    Y(), a.reset(), l.reset(), c?.state?.reset(), Ce.current.cancelCount++, Se();
   }), { run: Re } = qe(
     () => {
       A.current || o.status === "timeout" && (A.current = !0, o.reset(), ee(), A.current = !1);
@@ -130,14 +130,14 @@ function se({
   const Oe = d(() => Je[s.chooseMethod] || "DID Wallet", [s.chooseMethod]), { providerList: Ae, hideQRCode: m, hideChooseList: n } = kt({
     action: o.action,
     sourceAppPid: s?.sourceAppPid,
-    allowWallet: j,
-    passkeyBehavior: H,
+    allowWallet: N,
+    passkeyBehavior: j,
     mode: f,
-    blocklet: s?.sourceAppPid ? we : X,
-    isSmallView: W
+    blocklet: s?.sourceAppPid ? we : Q,
+    isSmallView: Z
   }), We = Ye(s?.sourceAppPid);
   Ge(() => {
-    Ke(We) || J();
+    Ke(We) || X();
   }, [s?.sourceAppPid]);
   const r = (y) => {
     const Me = R.spacing(y);
@@ -173,12 +173,12 @@ function se({
           onRetry: Pe,
           onClose: P,
           messages: Te,
-          locale: F,
+          locale: B,
           className: "did-connect__auth-status auth-status",
           loadingIcon: s.chooseMethod ? /* @__PURE__ */ t(nt, { provider: s.chooseMethod, sx: { color: "text.primary" } }) : null,
           chooseMethod: Oe,
           hideRetry: s.chooseMethod === "email",
-          hideBack: !!q
+          hideBack: !!V
         }
       ) })
     }
@@ -237,7 +237,7 @@ function se({
         )
       }
     );
-  }, [oe, n]), ze = d(() => n ? "column-reverse" : !m && $ ? "column" : "row", [n, $, m]), E = /* @__PURE__ */ p(
+  }, [oe, n]), ze = d(() => n ? "column-reverse" : !m && $ ? "column" : "row", [n, $, m]), W = /* @__PURE__ */ p(
     i,
     {
       className: "did-connect__body",
@@ -247,7 +247,7 @@ function se({
         justifyContent: "center",
         alignItems: "stretch",
         flex: 1,
-        gap: !m && W ? 0 : 1.5,
+        gap: !m && Z ? 0 : 1.5,
         overflow: "visible",
         px: n ? 2 : 0
       },
@@ -288,11 +288,11 @@ function se({
                           textAlign: "center"
                         },
                         children: [
-                          Q("scanWithWallet1"),
+                          K("scanWithWallet1"),
                           " ",
                           /* @__PURE__ */ t(yt, {}),
                           " ",
-                          Q("scanWithWallet2")
+                          K("scanWithWallet2")
                         ]
                       }
                     )
@@ -333,20 +333,20 @@ function se({
                       sx: [C ? { display: "none" } : {}]
                     }
                   },
-                  allowWallet: j,
+                  allowWallet: N,
                   size: m && f !== "dialog" ? "normal" : "small",
                   tokenState: o,
                   messages: u,
-                  tokenKey: B,
+                  tokenKey: L,
                   onSuccess: _,
-                  passkeyBehavior: H,
+                  passkeyBehavior: j,
                   webWalletUrl: me,
-                  extraContent: V,
+                  extraContent: H,
                   enabledConnectTypes: pe,
                   onReset: ee,
                   disableSwitchApp: T,
-                  forceUpdate: K,
-                  magicToken: q,
+                  forceUpdate: G,
+                  magicToken: V,
                   baseUrl: h,
                   customItems: he,
                   providerList: Ae
@@ -358,16 +358,16 @@ function se({
       ]
     }
   );
-  let U = E;
-  return c ? U = c.renderPlaceholder({
-    fallback: E,
-    forceUpdate: K,
+  let E = W;
+  return c ? E = c.renderPlaceholder({
+    fallback: W,
+    forceUpdate: G,
     onSuccess: _,
-    onError: Y
-  }) : U = E, /* @__PURE__ */ p(
+    onError: q
+  }) : E = W, /* @__PURE__ */ p(
     i,
     {
-      ref: Z,
+      ref: J,
       className: "did-connect__root",
       sx: {
         backgroundColor: "background.default",
@@ -378,13 +378,13 @@ function se({
         maxWidth: "100%",
         width: (
           // eslint-disable-next-line no-nested-ternary
-          f === "drawer" ? "100%" : m || C ? Ze : M
+          f === "drawer" ? "100%" : m || C ? Ze : z
         ),
         transition: "width 0.2s ease-in-out",
         margin: "auto",
-        p: W ? 2 : 3,
+        p: 3,
         pb: 0,
-        gap: 2
+        gap: 2.5
       },
       children: [
         /* @__PURE__ */ t(i, { "data-did-auth-url": o.url, sx: { display: "none" } }),
@@ -393,11 +393,11 @@ function se({
           {
             title: u.title,
             description: u.scan,
-            extraContent: V,
+            extraContent: H,
             disableSwitchApp: T
           }
         ),
-        /* @__PURE__ */ t(dt, { initHeight: 72, children: U }),
+        /* @__PURE__ */ t(dt, { initHeight: 72, children: E }),
         /* @__PURE__ */ t(ot, { currentAppInfo: ke, currentAppColor: O }),
         Ee
       ]
@@ -423,10 +423,10 @@ se.propTypes = {
   useSocket: e.bool,
   extraContent: e.any,
   passkeyBehavior: e.oneOf(["none", "both", "only-existing", "only-new"]),
-  enabledConnectTypes: e.arrayOf(e.oneOf(["web", "mobile", ...Object.keys(L)])),
+  enabledConnectTypes: e.arrayOf(e.oneOf(["web", "mobile", ...Object.keys(M)])),
   webWalletUrl: e.string,
   allowWallet: e.bool,
-  provider: e.oneOf([Xe.WALLET, ...Object.keys(L), ""]),
+  provider: e.oneOf([Xe.WALLET, ...Object.keys(M), ""]),
   hideCloseButton: e.bool,
   disableSwitchApp: e.bool,
   onClose: e.func,

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

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

package/lib/Passkey/context.js

@@ -12,7 +12,7 @@ import { getBlockletData as H, getFederatedEnabled as X, getMaster as Q } from "
 import { startRegistration as Y, startAuthentication as Z } from "@simplewebauthn/browser";
 import { createAxios as $, getWebAuthnErrorMessage as h, logger as U, getApiErrorMessage as A } from "../utils.js";
 import { parseResponse as ee, PassportSwitcher as se } from "../components/PassportSwitcher.js";
-const F = J({}), { Provider: te, Consumer: he } = F, ae = {
+const F = J({}), { Provider: te, Consumer: he } = F, re = {
   zh: {
     cancel: "取消",
     usePasskey: "使用 Passkey",
@@ -76,7 +76,7 @@ const F = J({}), { Provider: te, Consumer: he } = F, ae = {
     }
   }
 };
-function re({
+function ae({
   children: m,
   locale: l = "en",
   onAddPasskey: E = w,
@@ -84,7 +84,7 @@ function re({
   onSwitchPassport: I = w,
   session: R = null
 }) {
-  const v = S(window.env?.apiPrefix || G, "/api/passkey"), t = g({
+  const v = S(window.env?.apiPrefix || G, "/api/passkey"), r = g({
     baseUrl: "/",
     session: void 0,
     connecting: !1,
@@ -117,52 +117,52 @@ function re({
     reset() {
       d.creating = !1, d.verifying = !1, d.creatingStatus = "", d.verifyingStatus = "", d.error = "";
     }
-  }), n = i((s, e = {}) => q(ae, s, l, "en", e)), c = W(() => $({ baseURL: S(t.baseUrl, v), sessionTokenKey: "__sst", timeout: 60 * 1e3 }), [t.baseUrl, v]), x = i(async () => {
-    if (t.baseUrl === "/")
+  }), n = i((t, e = {}) => q(re, t, l, "en", e)), c = W(() => $({ baseURL: S(r.baseUrl, v), sessionTokenKey: "__sst", timeout: 60 * 1e3 }), [r.baseUrl, v]), x = i(async () => {
+    if (r.baseUrl === "/")
       return window.blocklet;
     try {
-      if (new URL(t.baseUrl).host === window.location.host)
+      if (new URL(r.baseUrl).host === window.location.host)
         return window.blocklet;
     } catch {
     }
-    return await H(t.baseUrl);
-  }), P = window?.blocklet?.componentId, B = (s) => {
-    t.baseUrl = s || "/";
-  }, T = (s) => {
-    t.targetAppPid = s;
-  }, b = i(async (s) => {
-    const { data: e } = await c.get("/register", { params: s });
+    return await H(r.baseUrl);
+  }), P = window?.blocklet?.componentId, B = (t) => {
+    r.baseUrl = t || "/";
+  }, T = (t) => {
+    r.targetAppPid = t;
+  }, b = i(async (t) => {
+    const { data: e } = await c.get("/register", { params: t });
     console.warn("passkey.create.options", e);
     try {
-      const a = await Y({ optionsJSON: e, useAutoRegister: !1 });
-      console.warn("passkey.create.response", a);
-      const { data: r } = await c.post("/register", a, { params: { challenge: e.challenge } });
-      if (console.warn("passkey.create.result", r), !r.verified)
+      const s = await Y({ optionsJSON: e, useAutoRegister: !1 });
+      console.warn("passkey.create.response", s);
+      const { data: a } = await c.post("/register", s, { params: { challenge: e.challenge } });
+      if (console.warn("passkey.create.result", a), !a.verified)
         throw new Error(n("createPasskeyFailed"));
-      return r;
-    } catch (a) {
-      throw a.name ? new Error(h(a, n("createPasskeyFailed"), n)) : a;
+      return a;
+    } catch (s) {
+      throw console.error("passkey.create.error", s), s.name ? new Error(h(s, n("createPasskeyFailed"), n)) : s;
     }
-  }), k = i(async (s) => {
-    const { data: e } = await c.get("/auth", { params: s });
+  }), k = i(async (t) => {
+    const { data: e } = await c.get("/auth", { params: t });
     console.warn("passkey.auth.options", e);
     try {
-      const a = await Z({ optionsJSON: e });
-      console.warn("passkey.auth.response", a);
-      const { data: r } = await c.post("/auth", a, {
-        params: { challenge: e.challenge, targetAppPid: t.targetAppPid }
+      const s = await Z({ optionsJSON: e });
+      console.warn("passkey.auth.response", s);
+      const { data: a } = await c.post("/auth", s, {
+        params: { challenge: e.challenge, targetAppPid: r.targetAppPid }
       });
-      if (console.warn("passkey.auth.result", r), !r.verified)
+      if (console.warn("passkey.auth.result", a), !a.verified)
         throw new Error(n("verifyPasskeyFailed"));
-      return r;
-    } catch (a) {
-      throw a.name ? new Error(h(a, n("verifyPasskeyFailed"), n)) : a;
+      return a;
+    } catch (s) {
+      throw console.error("passkey.auth.error", s), s.name ? new Error(h(s, n("verifyPasskeyFailed"), n)) : s;
     }
-  }), M = async (s) => {
-    t.connecting = !0;
+  }), M = async (t) => {
+    r.connecting = !0;
     try {
       const e = await b({
-        ...s,
+        ...t,
         locale: l,
         componentId: P
       });
@@ -170,54 +170,55 @@ function re({
     } catch (e) {
       U.error("Failed to connect passkey", e), u.error(A(e, n("connectPasskeyFailed")));
     } finally {
-      t.connecting = !1;
+      r.connecting = !1;
     }
-  }, D = async ({ session: s, connectedAccount: e }) => {
-    t.session = s, t.disconnecting = !0;
+  }, D = async ({ session: t, connectedAccount: e }) => {
+    r.session = t, r.disconnecting = !0;
     try {
-      const a = await k({
+      const s = await k({
         action: "disconnect",
         locale: l,
         componentId: P,
-        sourceAppPid: s?.user?.sourceAppPid,
+        sourceAppPid: t?.user?.sourceAppPid,
         credentialId: e.id
       });
-      u.success(n("disconnectPasskeySucceed")), C(a);
-    } catch (a) {
-      U.error("Failed to disconnect passkey", a), u.error(A(a, n("disconnectPasskeyFailed")));
+      u.success(n("disconnectPasskeySucceed")), C(s);
+    } catch (s) {
+      U.error("Failed to disconnect passkey", s), u.error(A(s, n("disconnectPasskeyFailed")));
     } finally {
-      t.disconnecting = !1;
+      r.disconnecting = !1;
     }
-  }, N = async (s = {}) => {
+  }, N = async (t = {}) => {
     try {
       const { data: e } = await c.get("/passports");
-      e.length ? (o.open = !0, o.currentUser = s, o.passports = e || []) : u.error(n("noPassports"));
+      e.length ? (o.open = !0, o.currentUser = t, o.passports = e || []) : u.error(n("noPassports"));
     } catch (e) {
       u.error(e.message || n("getPassportFailed"));
     }
-  }, j = i((...s) => {
-    o.reset(), I(...s);
-  }), L = i(async ({ action: s = "login", ...e } = {}) => {
-    const a = t.baseUrl;
+  }, j = i((...t) => {
+    o.reset(), I(...t);
+  }), L = i(async ({ action: t = "login", ...e } = {}) => {
+    const s = r.baseUrl;
     if (e?.sourceAppPid === window.blocklet?.appPid)
-      t.baseUrl = window.blocklet?.appUrl || "/";
+      r.baseUrl = window.blocklet?.appUrl || "/";
     else if (e?.sourceAppPid) {
-      const r = await x(), y = X(r), f = Q(r);
-      y && f?.appPid && e?.sourceAppPid === f?.appPid && (t.baseUrl = f.appUrl);
+      const a = await x(), y = X(a), f = Q(a);
+      y && f?.appPid && e?.sourceAppPid === f?.appPid && (r.baseUrl = f.appUrl);
     }
     try {
-      const r = {
+      const a = {
         ...e,
-        action: s,
+        action: t,
         locale: l,
         componentId: P
       };
-      z(r.inviter) && window.localStorage.getItem("inviter") && (r.inviter = window.localStorage.getItem("inviter"));
-      const y = ee(await k(r));
+      z(a.inviter) && window.localStorage.getItem("inviter") && (a.inviter = window.localStorage.getItem("inviter"));
+      const y = ee(await k(a));
       return y.provider = "passkey", y;
-    } catch (r) {
-      const y = h(r, n("verifyPasskeyFailed"), n);
-      throw t.baseUrl = a, new Error(y);
+    } catch (a) {
+      console.error("passkey.login.error", a);
+      const y = h(a, n("verifyPasskeyFailed"), n);
+      throw r.baseUrl = s, new Error(y);
     }
   }), _ = i(() => {
   });
@@ -234,12 +235,12 @@ function re({
         loginPasskey: L,
         logoutPasskey: _,
         switchPassport: N,
-        baseUrl: t.baseUrl,
+        baseUrl: r.baseUrl,
         setBaseUrl: B,
         setTargetAppPid: T,
         passkeyState: d,
-        disconnecting: t.disconnecting,
-        connecting: t.connecting,
+        disconnecting: r.disconnecting,
+        connecting: r.connecting,
         t: n
       },
       children: [
@@ -261,7 +262,7 @@ function re({
 function me() {
   return K(F);
 }
-re.propTypes = {
+ae.propTypes = {
   children: p.node.isRequired,
   locale: p.string,
   onAddPasskey: p.func,
@@ -272,6 +273,6 @@ re.propTypes = {
 export {
   he as PasskeyConsumer,
   F as PasskeyContext,
-  re as PasskeyProvider,
+  ae as PasskeyProvider,
   me as usePasskey
 };