@arcblock/did-connect-react 3.5.2 → 4.0.0-beta.1

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

@@ -1,147 +0,0 @@
-import { jsxs as i, jsx as e, Fragment as u } from "react/jsx-runtime";
-import { useTheme as b, Box as t, Tooltip as _, Typography as a } from "@mui/material";
-import { Icon as p } from "@iconify/react";
-import { isValidElement as I } from "react";
-import o from "prop-types";
-import S from "lodash/noop";
-import { mergeSx as d } from "@arcblock/ux/lib/Util/style";
-import { LOGIN_PROVIDER_ICON_SIZE as f } from "@arcblock/ux/lib/Util/constant";
-import N from "@iconify-icons/material-symbols/arrow-right-alt-rounded";
-function R({
-  isLatest: r = !1,
-  title: l,
-  description: s = null,
-  icon: n,
-  iconScale: h = 0.95,
-  slotProps: g = {},
-  mode: x = "normal",
-  t: y = S,
-  ...c
-}) {
-  const m = b();
-  return /* @__PURE__ */ i(
-    t,
-    {
-      ...c,
-      className: "arc-login-item",
-      sx: d(
-        {
-          position: "relative",
-          display: "flex",
-          alignItems: "center",
-          gap: 1,
-          cursor: "pointer",
-          p: 1.2,
-          borderRadius: 1,
-          backgroundColor: r ? "grey.100" : "grey.50",
-          border: r ? "1px solid" : "none",
-          borderColor: r ? "grey.100" : "transparent",
-          textDecoration: "none",
-          transition: "background-color 0.5s",
-          "&:hover, &:active, &.did-connect__choose-item__active": {
-            backgroundColor: "grey.100"
-          },
-          "& .other-item-icon": {
-            opacity: "0",
-            transform: "translateX(-100%)",
-            transition: "transform 0.2s ease, opacity 0.1s ease"
-          },
-          "&:hover": {
-            "& .other-item-icon": {
-              display: "inline-block",
-              transform: "translateX(0)",
-              opacity: "1"
-            }
-          }
-        },
-        c?.sx
-      ),
-      children: [
-        /* @__PURE__ */ e(_, { title: l, children: /* @__PURE__ */ e(
-          t,
-          {
-            className: "arc-login-item__icon",
-            sx: d(
-              {
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-                color: "text.primary"
-              },
-              g?.icon?.sx
-            ),
-            children: I(n) ? n : /* @__PURE__ */ e(
-              t,
-              {
-                component: p,
-                icon: n,
-                sx: {
-                  transform: `scale(${h})`,
-                  width: f,
-                  height: f
-                }
-              }
-            )
-          }
-        ) }),
-        x === "normal" ? /* @__PURE__ */ i(u, { children: [
-          /* @__PURE__ */ i(t, { className: "arc-login-item__body", sx: { display: "flex", flexDirection: "column", flex: 1 }, children: [
-            /* @__PURE__ */ e(
-              a,
-              {
-                sx: {
-                  fontSize: 14,
-                  fontWeight: "500",
-                  color: "text.primary",
-                  whiteSpace: "nowrap"
-                },
-                children: l
-              }
-            ),
-            s ? /* @__PURE__ */ e(
-              a,
-              {
-                sx: {
-                  color: "text.secondary",
-                  fontSize: 12,
-                  lineHeight: 1
-                },
-                children: s
-              }
-            ) : null
-          ] }),
-          r ? /* @__PURE__ */ e(
-            a,
-            {
-              component: "span",
-              className: "latest-badge",
-              style: { color: m.palette.text.secondary, fontSize: 11 },
-              children: y("lastUsed")
-            }
-          ) : /* @__PURE__ */ e(
-            p,
-            {
-              className: "other-item-icon",
-              icon: N,
-              fontSize: "1.3rem",
-              color: m.palette.primary.main
-            }
-          )
-        ] }) : null
-      ]
-    }
-  );
-}
-R.propTypes = {
-  title: o.string.isRequired,
-  description: o.string,
-  icon: o.any.isRequired,
-  iconScale: o.number,
-  slotProps: o.object,
-  mode: o.oneOf(["mini", "simple", "normal"]),
-  isLatest: o.bool,
-  t: o.func
-};
-export {
-  R as default
-};

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

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

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

@@ -1,44 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import e from "prop-types";
-import { useRef as d, useImperativeHandle as S } from "react";
-import { useMemoizedFn as y } from "ahooks";
-import { LAST_USED_LOGIN_METHOD as A, LOGIN_PROVIDER as p } from "@arcblock/ux/lib/Util/constant";
-import I from "../../../Passkey/actions.js";
-import { getAppId as P } from "../../../utils.js";
-import { useStateContext as L } from "../../contexts/state.js";
-function R({ ref: i = null, onSuccess: c, tokenState: o, behavior: n = "none", ...m }) {
-  const { extraParams: t, lastLoginMethod: r } = L(), s = d(null), a = y((u) => (localStorage.setItem(A, p.PASSKEY), c(
-    {
-      ...u,
-      encrypted: !1
-    },
-    (f) => f,
-    {
-      sourceAppPid: t?.sourceAppPid,
-      connected_app: P(o.appInfo, o.memberAppInfo)
-    }
-  )));
-  return S(i, () => ({
-    connect: s.current.click
-  })), n === "none" ? null : /* @__PURE__ */ l(
-    I,
-    {
-      ...m,
-      ref: s,
-      isLatest: r && r === p.PASSKEY,
-      action: o.action,
-      behavior: n,
-      onSuccess: a,
-      extraParams: t
-    }
-  );
-}
-R.propTypes = {
-  onSuccess: e.func.isRequired,
-  tokenState: e.object.isRequired,
-  behavior: e.oneOf(["none", "both", "only-existing", "only-new"]),
-  ref: e.any
-};
-export {
-  R as default
-};

package/lib/Connect/components/login-item/wallet-login-options.js

@@ -1,114 +0,0 @@
-import { jsxs as f, Fragment as p, jsx as e } from "react/jsx-runtime";
-import o from "prop-types";
-import { Box as i, Divider as q } from "@mui/material";
-import { LOGIN_PROVIDER as u } from "@arcblock/ux/lib/Util/constant";
-import { checkSameProtocol as T, getWebWalletUrl as j } from "@arcblock/ux/lib/Util/wallet";
-import { detectWalletExtension as v } from "@arcblock/ux/lib/Util";
-import { useCreation as I } from "ahooks";
-import { useBrowser as P } from "@arcblock/react-hooks";
-import A from "./mobile-login-item.js";
-import B from "./web-login-item.js";
-import E from "../back-button.js";
-import { useStateContext as O } from "../../contexts/state.js";
-function S({
-  qrcode: g,
-  tokenState: r,
-  webWalletUrl: n = j(),
-  size: l = "small",
-  disableSwitchApp: s = !1,
-  tokenKey: x,
-  walletLoginRef: b = null,
-  webLoginRef: h = null,
-  onMobileLoginClick: L,
-  onWebLoginClick: C,
-  onBack: a
-}) {
-  const { t: c, locale: R } = O(), w = P(), k = T(n), m = v(), d = I(() => {
-    const t = navigator.userAgent.toLowerCase(), y = /ipad/.test(t) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1, W = /android/.test(t) && !/mobile/.test(t);
-    return !!(y || W);
-  }, []);
-  return /* @__PURE__ */ f(p, { children: [
-    g,
-    /* @__PURE__ */ f(i, { sx: { width: "100%", display: "flex", flexDirection: "column", gap: 1.5 }, children: [
-      /* @__PURE__ */ e(i, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
-        q,
-        {
-          orientation: "horizontal",
-          sx: {
-            fontSize: 12,
-            color: "text.hint",
-            "&::before, &::after": {
-              borderColor: "divider"
-            }
-          },
-          children: "or"
-        }
-      ) }),
-      /* @__PURE__ */ e(
-        i,
-        {
-          sx: {
-            width: "100%",
-            ".arc-login-item": {
-              width: "100%",
-              justifyContent: "center",
-              "& > .arc-login-item__body": {
-                flex: "unset"
-              },
-              "& > .other-item-icon": {
-                display: "none !important"
-              }
-            }
-          },
-          children: d ? /* @__PURE__ */ e(
-            A,
-            {
-              t: c,
-              ref: b,
-              tokenState: r,
-              isTablet: d,
-              sx: [l === "small" ? { p: 1 } : { p: 2 }],
-              locale: R,
-              tokenKey: x,
-              disableSwitchApp: s,
-              onClick: L
-            },
-            u.WALLET
-          ) : (
-            // eslint-disable-next-line react/jsx-no-useless-fragment
-            /* @__PURE__ */ e(p, { children: (k || m) && (!w.mobile.any || m) ? /* @__PURE__ */ e(
-              B,
-              {
-                t: c,
-                ref: h,
-                tokenState: r,
-                webWalletUrl: n,
-                sx: [l === "small" ? { p: 1 } : { p: 2 }],
-                disableSwitchApp: s,
-                onClick: C
-              },
-              u.WALLET
-            ) : null })
-          )
-        }
-      ),
-      a && /* @__PURE__ */ e(E, { variant: "text", onClick: a })
-    ] })
-  ] });
-}
-S.propTypes = {
-  qrcode: o.node.isRequired,
-  tokenState: o.object.isRequired,
-  webWalletUrl: o.string,
-  size: o.oneOf(["small", "normal", "large"]),
-  disableSwitchApp: o.bool,
-  tokenKey: o.string.isRequired,
-  walletLoginRef: o.object,
-  webLoginRef: o.object,
-  onMobileLoginClick: o.func.isRequired,
-  onWebLoginClick: o.func.isRequired,
-  onBack: o.func.isRequired
-};
-export {
-  S as default
-};

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

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

package/lib/Connect/components/mask-overlay.js

@@ -1,34 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import p from "prop-types";
-import { Box as i, alpha as a } from "@mui/material";
-import { mergeSx as l } from "@arcblock/ux/lib/Util/style";
-function n({ children: r, ...o }) {
-  return /* @__PURE__ */ e(
-    i,
-    {
-      ...o,
-      sx: l(
-        {
-          position: "absolute",
-          top: 0,
-          bottom: 0,
-          left: 0,
-          right: 0,
-          display: "flex",
-          justifyContent: "center",
-          alignItems: "center",
-          backgroundColor: ({ palette: t }) => a(t.background.default, 0.75),
-          backdropFilter: "blur(3px)"
-        },
-        o?.sx
-      ),
-      children: r
-    }
-  );
-}
-n.propTypes = {
-  children: p.any.isRequired
-};
-export {
-  n as default
-};

package/lib/Connect/components/refresh-overlay.js

@@ -1,57 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import i from "prop-types";
-import { useTheme as a, Box as r } from "@mui/material";
-import { Icon as c } from "@iconify/react";
-import f from "@iconify-icons/material-symbols/refresh-rounded";
-function l({ onRefresh: n, ...e }) {
-  const { palette: t } = a();
-  return /* @__PURE__ */ o(
-    r,
-    {
-      ...e,
-      onClick: (s) => {
-        s.stopPropagation(), n();
-      },
-      sx: {
-        position: "absolute",
-        top: 0,
-        bottom: 0,
-        left: 0,
-        right: 0,
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        backgroundColor: "rgba(255, 255, 255, 0.75)",
-        cursor: "pointer",
-        ...e.sx
-      },
-      children: /* @__PURE__ */ o(
-        r,
-        {
-          sx: {
-            backgroundColor: "secondary.main",
-            borderRadius: "100%",
-            fontSize: 0
-          },
-          children: /* @__PURE__ */ o(
-            c,
-            {
-              icon: f,
-              fontSize: 52,
-              style: {
-                transform: "scale(0.7)",
-                color: t.secondary.contrastText
-              }
-            }
-          )
-        }
-      )
-    }
-  );
-}
-l.propTypes = {
-  onRefresh: i.func.isRequired
-};
-export {
-  l as default
-};

package/lib/Connect/components/switch-app.js

@@ -1,70 +0,0 @@
-import { jsxs as u, Fragment as f, jsx as r } from "react/jsx-runtime";
-import { useRef as m } from "react";
-import { Box as x, Menu as l, MenuItem as d } from "@mui/material";
-import { useReactive as h } from "ahooks";
-import { mergeSx as P } from "@arcblock/ux/lib/Util/style";
-import t from "prop-types";
-import { AppInfoItem as A } from "@arcblock/ux/lib/DIDConnect";
-import { useStateContext as y } from "../contexts/state.js";
-function S({ sx: s = {}, children: i }) {
-  const { appInfoList: p, extraParams: c, connectState: a } = y(), n = m(null), e = h({
-    open: !1
-  });
-  return p.length <= 1 ? null : /* @__PURE__ */ u(f, { children: [
-    /* @__PURE__ */ r(
-      x,
-      {
-        component: "span",
-        ref: n,
-        sx: P(
-          {
-            color: "text.secondary",
-            cursor: "pointer"
-          },
-          s
-        ),
-        onClick: () => {
-          e.open = !0;
-        },
-        children: i
-      }
-    ),
-    /* @__PURE__ */ r(
-      l,
-      {
-        anchorEl: n.current,
-        open: e.open,
-        onClose: () => {
-          e.open = !1;
-        },
-        slotProps: {
-          paper: {
-            variant: "outlined",
-            sx: {
-              border: 0,
-              boxShadow: ({ palette: o }) => `0px 4px 8px 0px ${o.grey[100]}, 0px 0px 0px 1px ${o.grey[100]}`,
-              borderRadius: 1
-            }
-          }
-        },
-        children: p.map((o) => /* @__PURE__ */ r(
-          d,
-          {
-            onClick: () => {
-              e.open = !1, a.sourceAppPid = o.sourceAppPid;
-            },
-            children: /* @__PURE__ */ r(A, { appInfo: o, active: o.sourceAppPid === c?.sourceAppPid })
-          },
-          o.appPid
-        ))
-      }
-    )
-  ] });
-}
-S.propTypes = {
-  sx: t.object,
-  children: t.any.isRequired
-};
-export {
-  S as default
-};