@arcblock/did-connect-react 3.3.3 → 3.3.5

package/lib/Connect/index.js

@@ -1,160 +1,162 @@
-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 { jsx as t, jsxs as x, 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 Ne, Divider as je } from "@mui/material";
-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 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";
-import nt from "@arcblock/ux/lib/DIDConnect/provider-icon";
+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 L, 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 { LOGIN_PROVIDER as tt, OAUTH_PROVIDER as F, DID_CONNECT_MEDIUM_WIDTH as N, LOGIN_PROVIDER_NAME as ot, DID_CONNECT_SMALL_WIDTH as rt } from "@arcblock/ux/lib/Util/constant";
+import nt from "@arcblock/ux/lib/QRCode";
+import { withUxTheme as it, withContainer as st, DIDConnectFooter as ct } from "@arcblock/ux/lib/DIDConnect";
+import { useTheme as at } from "@arcblock/ux/lib/Theme";
+import lt from "@arcblock/ux/lib/DIDConnect/provider-icon";
 import "@fontsource/lexend/400.css";
 import "@fontsource/lexend/600.css";
-import it from "./with-blocklet.js";
-import st from "./with-bridge-call.js";
-import { default as co } from "./hooks/security.js";
-import { SessionContext as ct } from "../Session/context.js";
-import { StateProvider as at, useStateContext as lt } from "./contexts/state.js";
-import ut from "./components/login-item/connect-provider-list.js";
-import dt from "./components/auto-height.js";
-import ft from "./hooks/token.js";
-import { useOAuth as mt } from "../OAuth/context.js";
-import pt from "./components/connect-status.js";
-import { usePasskey as ht } from "../Passkey/context.js";
-import { CHECK_STATUS_INTERVAL as xt, API_DID_PREFIX as bt, BUSY_STATUS as k, DEFAULT_TIMEOUT as gt } from "../constant.js";
+import ut from "./with-blocklet.js";
+import dt from "./with-bridge-call.js";
+import { default as mo } from "./hooks/security.js";
+import { SessionContext as ft } from "../Session/context.js";
+import { StateProvider as mt, useStateContext as pt } from "./contexts/state.js";
+import ht from "./components/login-item/connect-provider-list.js";
+import xt from "./components/auto-height.js";
+import bt from "./hooks/token.js";
+import { useOAuth as gt } from "../OAuth/context.js";
+import Ct from "./components/connect-status.js";
+import { usePasskey as wt } from "../Passkey/context.js";
+import { CHECK_STATUS_INTERVAL as yt, API_DID_PREFIX as St, BUSY_STATUS as k, DEFAULT_TIMEOUT as kt } from "../constant.js";
 import "../utils.js";
-import Ct from "./components/did-connect-title.js";
-import yt from "./components/download-tips.js";
-import kt from "./hooks/provider-list.js";
-import wt from "./hooks/auth-url.js";
-import { getWalletDid as St } from "../User/use-did.js";
-import { getWebWalletUrl as It } from "@arcblock/ux/lib/Util/wallet";
-function se({
-  hideCloseButton: g = !1,
-  mode: f = "dialog",
-  action: w,
-  baseUrl: h = "",
-  checkFn: S,
-  checkInterval: I = xt,
-  checkTimeout: v = gt * 1e3,
-  prefix: D = bt,
-  tokenKey: L = "_t_",
-  locale: B = "en",
-  encKey: ae = "_ek_",
-  autoConnect: le = !0,
-  forceConnected: F = !0,
-  saveConnect: ue = !0,
-  useSocket: de = !0,
-  allowWallet: N = !0,
-  provider: fe = "",
-  messages: u = {},
-  passkeyBehavior: j = "none",
-  webWalletUrl: me = It(),
-  enabledConnectTypes: pe = ["web", "mobile", ...Object.keys(M)],
-  extraContent: H = null,
-  disableSwitchApp: T = !1,
-  magicToken: V = void 0,
-  customItems: he = [],
-  onClose: P = b,
-  onError: q = b,
-  onSuccess: _ = b,
-  onRecreateSession: Y = b,
-  setColor: xe = b
+import It from "./components/did-connect-title.js";
+import vt from "./components/download-tips.js";
+import Dt from "./hooks/provider-list.js";
+import Tt from "./hooks/auth-url.js";
+import { getWalletDid as _t } from "../User/use-did.js";
+import { getWebWalletUrl as Pt } from "@arcblock/ux/lib/Util/wallet";
+function fe({
+  hideCloseButton: w = !1,
+  mode: m = "dialog",
+  action: I,
+  baseUrl: b = "",
+  checkFn: v,
+  checkInterval: D = yt,
+  checkTimeout: T = kt * 1e3,
+  prefix: _ = St,
+  tokenKey: j = "_t_",
+  locale: q = "en",
+  encKey: pe = "_ek_",
+  autoConnect: he = !0,
+  forceConnected: H = !0,
+  saveConnect: xe = !0,
+  useSocket: be = !0,
+  allowWallet: V = !0,
+  provider: ge = "",
+  messages: d = {},
+  passkeyBehavior: Y = "none",
+  webWalletUrl: Ce = Pt(),
+  enabledConnectTypes: we = ["web", "mobile", ...Object.keys(F)],
+  extraContent: G = null,
+  disableSwitchApp: P = !1,
+  magicToken: K = void 0,
+  customItems: ye = [],
+  onClose: O = C,
+  onError: Q = C,
+  onSuccess: R = C,
+  onRecreateSession: X = C,
+  setColor: Se = C
 }) {
-  const R = rt(), G = He(), be = Be(ct), ge = St(be?.session?.user), {
-    t: K,
-    staticState: Ce,
+  const A = at(), J = Ke(), ke = He(ft), Ie = _t(ke?.session?.user), {
+    t: Z,
+    staticState: ve,
     connectState: s,
-    extraParams: ye,
-    currentAppInfo: ke,
-    currentAppColor: O,
+    extraParams: De,
+    currentAppInfo: Te,
+    currentAppColor: W,
     // 插件相关
     selectedPlugin: c,
-    blocklet: Q,
-    masterBlocklet: we
-  } = lt(), { state: o, generate: X, cancelWhenScanned: Se } = ft({
-    action: w,
-    baseUrl: h,
-    checkFn: S,
-    checkInterval: I,
-    checkTimeout: v,
-    extraParams: ye,
-    prefix: D,
-    onError: q,
-    onSuccess: _,
-    locale: B,
-    tokenKey: L,
-    encKey: ae,
-    autoConnect: le,
-    forceConnected: F === !0 ? ge || !0 : F,
-    saveConnect: ue,
-    useSocket: de,
-    provider: fe
-  }), 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 < z - 50);
+    blocklet: $,
+    masterBlocklet: _e,
+    showWalletOptions: f,
+    setShowWalletOptions: Pe
+  } = pt(), { state: o, generate: ee, cancelWhenScanned: Oe } = bt({
+    action: I,
+    baseUrl: b,
+    checkFn: v,
+    checkInterval: D,
+    checkTimeout: T,
+    extraParams: De,
+    prefix: _,
+    onError: Q,
+    onSuccess: R,
+    locale: q,
+    tokenKey: j,
+    encKey: pe,
+    autoConnect: he,
+    forceConnected: H === !0 ? Ie || !0 : H,
+    saveConnect: xe,
+    useSocket: be,
+    provider: ge
+  }), z = le(!1), te = le(null), g = Qe(te), oe = u(() => g ? g.width < N - 50 : !0, [g, g?.width]), [re, Re] = Ve(!1);
+  de(() => {
+    Re(g?.width < N - 50);
   });
-  const { oauthState: a, setBaseUrl: ve } = mt(), { passkeyState: l, setTargetAppPid: De } = ht();
-  ie(() => {
-    ve(h), De(Q?.appPid), o.reset(), a.reset(), l.reset();
-  }), ne(() => {
-    xe(O);
-  }, [O]);
-  const Te = d(() => ({
-    confirm: u.confirm,
-    success: u.success,
+  const { oauthState: a, setBaseUrl: Ae } = gt(), { passkeyState: l, setTargetAppPid: We } = wt();
+  de(() => {
+    Ae(b), We($?.appPid), o.reset(), a.reset(), l.reset();
+  }), ue(() => {
+    Se(W);
+  }, [W]);
+  const ze = u(() => ({
+    confirm: d.confirm,
+    success: d.success,
     error: c?.state?.error || o.error || l.error || a.error || ""
   }), [
-    u.confirm,
-    u.success,
+    d.confirm,
+    d.success,
     o.error,
     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 = U(async () => {
-    Y(), a.reset(), l.reset(), await X(!1);
-  }), Pe = U(() => {
+  ]), y = u(() => 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]), ne = L(async () => {
+    X(), a.reset(), l.reset(), await ee(!1);
+  }), Ee = L(() => {
     s?.retryConnect();
-  }), _e = U(() => {
-    Y(), a.reset(), l.reset(), c?.state?.reset(), Ce.current.cancelCount++, Se();
-  }), { run: Re } = qe(
+  }), Ue = L(() => {
+    X(), a.reset(), l.reset(), c?.state?.reset(), ve.current.cancelCount++, Oe();
+  }), { run: Me } = Xe(
     () => {
-      A.current || o.status === "timeout" && (A.current = !0, o.reset(), ee(), A.current = !1);
+      z.current || o.status === "timeout" && (z.current = !0, o.reset(), ne(), z.current = !1);
     },
     { leading: !0, trailing: !1 }
   );
-  ne(Re, [o.status]);
-  const Oe = d(() => Je[s.chooseMethod] || "DID Wallet", [s.chooseMethod]), { providerList: Ae, hideQRCode: m, hideChooseList: n } = kt({
+  ue(Me, [o.status]);
+  const Be = u(() => ot[s.chooseMethod] || "DID Wallet", [s.chooseMethod]), { providerList: Le, hideQRCode: p, hideChooseList: r } = Dt({
     action: o.action,
     sourceAppPid: s?.sourceAppPid,
-    allowWallet: N,
-    passkeyBehavior: j,
-    mode: f,
-    blocklet: s?.sourceAppPid ? we : Q,
-    isSmallView: Z
-  }), We = Ye(s?.sourceAppPid);
-  Ge(() => {
-    Ke(We) || X();
+    allowWallet: V,
+    passkeyBehavior: Y,
+    mode: m,
+    blocklet: s?.sourceAppPid ? _e : $,
+    isSmallView: oe
+  }), Ne = Je(s?.sourceAppPid);
+  Ze(() => {
+    $e(Ne) || ee();
   }, [s?.sourceAppPid]);
-  const r = (y) => {
-    const Me = R.spacing(y);
-    return parseInt(Me, 10);
-  }, Ee = d(() => g ? null : /* @__PURE__ */ t(
-    Qe,
+  const n = (S) => {
+    const h = A.spacing(S);
+    return parseInt(h, 10);
+  }, Fe = u(() => w ? null : /* @__PURE__ */ t(
+    et,
     {
-      onClose: P,
+      onClose: O,
       sx: {
         position: "absolute",
         right: 14,
         top: 14
       }
     }
-  ), [g, P]);
-  let te = null;
-  C && (te = /* @__PURE__ */ t(
+  ), [w, O]);
+  let ie = null;
+  y && (ie = /* @__PURE__ */ t(
     i,
     {
       sx: {
@@ -164,45 +166,47 @@ function se({
         justifyContent: "center"
       },
       children: /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
-        pt,
+        Ct,
         {
           status: c?.state?.computedStatus || a.status || l.status || o.status,
           nextWorkflow: o.nextWorkflow,
           mfaCode: o.mfaCode,
-          onCancel: _e,
-          onRetry: Pe,
-          onClose: P,
-          messages: Te,
-          locale: B,
+          onCancel: Ue,
+          onRetry: Ee,
+          onClose: O,
+          messages: ze,
+          locale: q,
           className: "did-connect__auth-status auth-status",
-          loadingIcon: s.chooseMethod ? /* @__PURE__ */ t(nt, { provider: s.chooseMethod, sx: { color: "text.primary" } }) : null,
-          chooseMethod: Oe,
+          loadingIcon: s.chooseMethod ? /* @__PURE__ */ t(lt, { provider: s.chooseMethod, sx: { color: "text.primary" } }) : null,
+          chooseMethod: Be,
           hideRetry: s.chooseMethod === "email",
-          hideBack: !!V
+          hideBack: !!K
         }
       ) })
     }
   ));
-  const oe = wt({ disableSwitchApp: T, tokenState: o }), Ue = d(() => {
-    const y = R.mode === "dark" ? R.palette.grey[600] : "white";
-    return /* @__PURE__ */ t(
+  const se = Tt({ disableSwitchApp: P, tokenState: o }), E = u(() => {
+    const S = A.mode === "dark" ? A.palette.grey[600] : "white";
+    let h = r ? 240 - n(3) * 2 : 196 - n(2) * 2, B = r ? 3 : 2;
+    return f && (B = 1, h += n(B) * 2), /* @__PURE__ */ t(
       i,
       {
+        className: "did-connect__qrcode",
         sx: {
-          p: n ? 3 : 2,
-          width: (n ? 240 : 196) + r(1) * 2,
-          height: (n ? 240 : 196) + r(1) * 2
+          p: B,
+          width: (r ? 240 : 196) + n(1) * 2,
+          height: (r ? 240 : 196) + n(1) * 2
         },
         children: o.url ? /* @__PURE__ */ t(
-          $e,
+          nt,
           {
-            data: oe,
-            size: n ? 240 - r(3) * 2 : 196 - r(2) * 2,
+            data: se,
+            size: h,
             sx: {
-              width: (n ? 240 - r(3) * 2 : 196 - r(2) * 2) + r(1) * 2,
-              height: (n ? 240 - r(3) * 2 : 196 - r(2) * 2) + r(1) * 2,
+              width: h + n(1) * 2,
+              height: h + n(1) * 2,
               flex: 1,
-              backgroundColor: y,
+              backgroundColor: S,
               p: 1,
               fontSize: 0,
               textAlign: "center",
@@ -213,21 +217,21 @@ function se({
             },
             config: {
               backgroundOptions: {
-                color: y
+                color: S
               }
             }
           }
         ) : /* @__PURE__ */ t(
-          Ne,
+          Ye,
           {
             animation: "wave",
             variant: "rectangular",
             sx: {
               position: "absolute",
-              left: r(2) + 1,
-              right: r(2) + 1,
-              top: r(2) + 1,
-              bottom: r(2) + 1,
+              left: n(2) + 1,
+              right: n(2) + 1,
+              top: n(2) + 1,
+              bottom: n(2) + 1,
               borderRadius: 1,
               zIndex: 1,
               width: "auto",
@@ -237,72 +241,85 @@ function se({
         )
       }
     );
-  }, [oe, n]), ze = d(() => n ? "column-reverse" : !m && $ ? "column" : "row", [n, $, m]), W = /* @__PURE__ */ p(
+  }, [se, r, f]), je = u(() => r ? "column-reverse" : !p && re ? "column" : "row", [r, re, p]), ce = u(() => E ? /* @__PURE__ */ t(
+    i,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        overflowX: "auto",
+        overflowY: "visible",
+        maxWidth: "100%",
+        margin: "auto"
+      },
+      children: /* @__PURE__ */ x(
+        i,
+        {
+          sx: {
+            fontSize: 0,
+            position: "relative",
+            ...f ? {
+              mt: r ? 4 : 2.5,
+              mb: 0
+            } : {
+              mb: r ? 4 : 2.5,
+              mt: 0
+            }
+          },
+          children: [
+            E,
+            /* @__PURE__ */ x(
+              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(vt, {}),
+                  " ",
+                  Z("scanWithWallet2")
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) : null, [E, r, f]), U = /* @__PURE__ */ x(
     i,
     {
       className: "did-connect__body",
       sx: {
         display: "flex",
-        flexDirection: ze,
+        flexDirection: je,
         justifyContent: "center",
         alignItems: "stretch",
         flex: 1,
-        gap: !m && Z ? 0 : 1.5,
+        gap: !p && oe ? 0 : 1.5,
         overflow: "visible",
-        px: n ? 2 : 0
+        px: r ? 2 : 0
       },
       children: [
-        !C && !m ? /* @__PURE__ */ p(Le, { children: [
-          /* @__PURE__ */ t(
-            i,
-            {
-              sx: {
-                display: "flex",
-                alignItems: "center",
-                overflowX: "auto",
-                overflowY: "visible",
-                maxWidth: "100%",
-                margin: "auto"
-              },
-              children: /* @__PURE__ */ p(
-                i,
-                {
-                  sx: {
-                    fontSize: 0,
-                    position: "relative",
-                    mb: n ? 4 : 2.5
-                  },
-                  children: [
-                    Ue,
-                    /* @__PURE__ */ p(
-                      i,
-                      {
-                        sx: {
-                          position: "absolute",
-                          color: "text.secondary",
-                          fontSize: 12,
-                          bottom: n ? 8 : 4,
-                          transform: "translateY(100%)",
-                          left: 0,
-                          right: 0,
-                          textAlign: "center"
-                        },
-                        children: [
-                          K("scanWithWallet1"),
-                          " ",
-                          /* @__PURE__ */ t(yt, {}),
-                          " ",
-                          K("scanWithWallet2")
-                        ]
-                      }
-                    )
-                  ]
-                }
-              )
-            }
-          ),
-          n ? null : /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
-            je,
+        !y && !p ? /* @__PURE__ */ x(qe, { children: [
+          ce,
+          r ? null : /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
+            Ge,
             {
               orientation: "vertical",
               sx: {
@@ -316,7 +333,7 @@ function se({
             }
           ) })
         ] }) : null,
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ x(
           i,
           {
             sx: {
@@ -324,32 +341,33 @@ function se({
               flex: 1
             },
             children: [
-              te,
+              ie,
               /* @__PURE__ */ t(
-                ut,
+                ht,
                 {
                   slotProps: {
                     root: {
-                      sx: [C ? { display: "none" } : {}]
+                      sx: [y ? { display: "none" } : {}]
                     }
                   },
-                  allowWallet: N,
-                  size: m && f !== "dialog" ? "normal" : "small",
+                  allowWallet: V,
+                  size: p && m !== "dialog" ? "normal" : "small",
                   tokenState: o,
-                  messages: u,
-                  tokenKey: L,
-                  onSuccess: _,
-                  passkeyBehavior: j,
-                  webWalletUrl: me,
-                  extraContent: H,
-                  enabledConnectTypes: pe,
-                  onReset: ee,
-                  disableSwitchApp: T,
-                  forceUpdate: G,
-                  magicToken: V,
-                  baseUrl: h,
-                  customItems: he,
-                  providerList: Ae
+                  messages: d,
+                  tokenKey: j,
+                  onSuccess: R,
+                  passkeyBehavior: Y,
+                  webWalletUrl: Ce,
+                  extraContent: G,
+                  enabledConnectTypes: we,
+                  onReset: ne,
+                  disableSwitchApp: P,
+                  forceUpdate: J,
+                  magicToken: K,
+                  baseUrl: b,
+                  customItems: ye,
+                  providerList: Le,
+                  qrcode: ce
                 }
               )
             ]
@@ -358,16 +376,18 @@ function se({
       ]
     }
   );
-  let E = W;
-  return c ? E = c.renderPlaceholder({
-    fallback: W,
-    forceUpdate: G,
-    onSuccess: _,
-    onError: q
-  }) : E = W, /* @__PURE__ */ p(
+  let M = U;
+  c ? M = c.renderPlaceholder({
+    fallback: U,
+    forceUpdate: J,
+    onSuccess: R,
+    onError: Q
+  }) : M = U;
+  const ae = p || y ? rt : N;
+  return /* @__PURE__ */ x(
     i,
     {
-      ref: J,
+      ref: te,
       className: "did-connect__root",
       sx: {
         backgroundColor: "background.default",
@@ -378,7 +398,7 @@ function se({
         maxWidth: "100%",
         width: (
           // eslint-disable-next-line no-nested-ternary
-          f === "drawer" ? "100%" : m || C ? Ze : z
+          m === "drawer" ? "100%" : f ? ae - 20 : ae
         ),
         transition: "width 0.2s ease-in-out",
         margin: "auto",
@@ -389,22 +409,24 @@ function se({
       children: [
         /* @__PURE__ */ t(i, { "data-did-auth-url": o.url, sx: { display: "none" } }),
         /* @__PURE__ */ t(
-          Ct,
+          It,
           {
-            title: u.title,
-            description: u.scan,
-            extraContent: H,
-            disableSwitchApp: T
+            title: d.title,
+            description: d.scan,
+            extraContent: G,
+            disableSwitchApp: P,
+            showWalletOptions: f,
+            onBack: () => Pe(!1)
           }
         ),
-        /* @__PURE__ */ t(dt, { initHeight: 72, children: E }),
-        /* @__PURE__ */ t(ot, { currentAppInfo: ke, currentAppColor: O }),
-        Ee
+        /* @__PURE__ */ t(xt, { initHeight: 72, children: M }),
+        /* @__PURE__ */ t(ct, { currentAppInfo: Te, currentAppColor: W }),
+        Fe
       ]
     }
   );
 }
-se.propTypes = {
+fe.propTypes = {
   mode: e.oneOf(["dialog", "drawer", "page"]),
   action: e.string.isRequired,
   baseUrl: e.string,
@@ -423,10 +445,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(M)])),
+  enabledConnectTypes: e.arrayOf(e.oneOf(["web", "mobile", ...Object.keys(F)])),
   webWalletUrl: e.string,
   allowWallet: e.bool,
-  provider: e.oneOf([Xe.WALLET, ...Object.keys(M), ""]),
+  provider: e.oneOf([tt.WALLET, ...Object.keys(F), ""]),
   hideCloseButton: e.bool,
   disableSwitchApp: e.bool,
   onClose: e.func,
@@ -437,19 +459,19 @@ se.propTypes = {
   magicToken: e.string,
   customItems: e.arrayOf(e.node)
 };
-function ce({ testOnlyBorderColor: g = void 0, ...f }) {
-  const { checkFn: w, extraParams: h = {}, blocklet: S, masterBlocklet: I, action: v, locale: D = "en" } = f;
-  if (typeof w != "function")
+function me({ testOnlyBorderColor: w = void 0, ...m }) {
+  const { checkFn: I, extraParams: b = {}, blocklet: v, masterBlocklet: D, action: T, locale: _ = "en" } = m;
+  if (typeof I != "function")
     throw new Error("Cannot initialize did connect component without a fetchFn");
   return /* @__PURE__ */ t(
-    at,
+    mt,
     {
-      blocklet: S,
-      masterBlocklet: I,
-      action: v,
-      locale: D,
-      extraParams: h,
-      testOnlyBorderColor: g,
+      blocklet: v,
+      masterBlocklet: D,
+      action: T,
+      locale: _,
+      extraParams: b,
+      testOnlyBorderColor: w,
       sx: {
         position: "relative",
         width: "100%",
@@ -462,11 +484,11 @@ function ce({ testOnlyBorderColor: g = void 0, ...f }) {
           boxSizing: "border-box"
         }
       },
-      children: /* @__PURE__ */ t(se, { ...f })
+      children: /* @__PURE__ */ t(fe, { ...m })
     }
   );
 }
-ce.propTypes = {
+me.propTypes = {
   checkFn: e.func.isRequired,
   extraParams: e.object,
   blocklet: e.object.isRequired,
@@ -475,8 +497,8 @@ ce.propTypes = {
   locale: e.string,
   testOnlyBorderColor: e.string
 };
-const no = et(st(it(tt(ce))));
+const lo = it(dt(ut(st(me))));
 export {
-  no as default,
-  co as useSecurity
+  lo as default,
+  mo as useSecurity
 };