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

package/lib/Connect/plugins/email/index.js

@@ -1,65 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useReactive as u, useMemoizedFn as f } from "ahooks";
-import h from "@iconify-icons/material-symbols/mail-outline-rounded";
-import { LOGIN_PROVIDER as E } from "@arcblock/ux/lib/Util/constant";
-import { translate as P } from "@arcblock/ux/lib/Locale/util";
-import p from "./list-item.js";
-import g from "./placeholder.js";
-import s from "../../assets/locale.js";
-function q({ baseUrl: l }) {
-  const i = u({
-    baseUrl: l,
-    status: "idle",
-    get computedStatus() {
-      return this.status === "idle" ? "creating" : this.status === "creating" || this.status === "sending" || this.status === "verifying" ? "scanned" : this.status;
-    },
-    error: "",
-    magicToken: "",
-    reset() {
-      this.status = "idle", this.error = "", this.magicToken = "";
-    }
-  }), r = E.EMAIL, t = "Email", o = h, m = {
-    zh: {
-      ...s.zh,
-      email: "邮箱地址",
-      emailPlaceholder: "请输入邮箱地址",
-      sendCode: "发送验证邮件",
-      confirm: "确认",
-      verifyEmail: "登录链接已发送至邮箱，请登录邮箱查看",
-      useCode: "使用验证码",
-      codePlaceholder: "请输入验证码",
-      orUseCodePlaceholder: "或使用验证码",
-      emailInvalid: "邮箱格式不正确",
-      emailRequired: "邮箱地址不能为空"
-    },
-    en: {
-      ...s.en,
-      email: "Email",
-      emailPlaceholder: "Enter your email address",
-      sendCode: "Send Verification Email",
-      confirm: "Confirm",
-      verifyEmail: "Login link sent! Please check your email.",
-      useCode: "Use Verification Code",
-      codePlaceholder: "Enter your verification code.",
-      orUseCodePlaceholder: "Or use verification code.",
-      emailInvalid: "Email format is incorrect",
-      emailRequired: "Email is required"
-    }
-  }, n = f((e, d = {}, c = "en") => P(m, e, c, "en", d));
-  return {
-    name: r,
-    title: t,
-    icon: o,
-    renderListItem(e) {
-      return /* @__PURE__ */ a(p, { ...e, state: i, name: r, title: t, icon: o, t: n });
-    },
-    renderPlaceholder(e) {
-      return /* @__PURE__ */ a(g, { ...e, state: i, name: r, title: t, icon: o, t: n });
-    },
-    order: 100,
-    state: i
-  };
-}
-export {
-  q as default
-};

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

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

package/lib/Connect/plugins/email/placeholder.js

@@ -1,284 +0,0 @@
-import { jsxs as n, Fragment as s, jsx as a } from "react/jsx-runtime";
-import j from "@arcblock/ux/lib/LoadingMask";
-import { Typography as T, TextField as B, Box as p, CircularProgress as A } from "@mui/material";
-import { useMemoizedFn as d, useCreation as F, useReactive as H, useInterval as N } from "ahooks";
-import c from "prop-types";
-import { joinURL as G, withQuery as I } from "ufo";
-import K from "@arcblock/ux/lib/Toast";
-import U from "@arcblock/ux/lib/VerificationCode";
-import { useEffect as q } from "react";
-import E from "lodash/noop";
-import W from "@arcblock/ux/lib/DIDConnect/provider-icon";
-import { LAST_USED_LOGIN_METHOD as k, LOGIN_PROVIDER as v } from "@arcblock/ux/lib/Util/constant";
-import R from "../../components/back-button.js";
-import V from "../../components/action-button.js";
-import { useStateContext as Q } from "../../contexts/state.js";
-import { BLOCKLET_SERVICE_PATH_PREFIX as X, VERIFY_CODE_LENGTH as Y, CHECK_STATUS_INTERVAL as $ } from "../../../constant.js";
-import { createAxios as J, debug as y } from "../../../utils.js";
-function Z({
-  fallback: _ = null,
-  state: o,
-  forceUpdate: t = E,
-  onSuccess: h = E,
-  t: w = E
-}) {
-  const { setSelectedPlugin: D, locale: m, connectState: u, action: f, extraParams: M } = Q(), l = d((r, i = {}) => w(r, i, m)), g = F(() => J({
-    baseURL: G(o.baseUrl, X, "/api/user")
-  }), [o.baseUrl]), e = H({
-    email: "",
-    code: "",
-    codeId: "",
-    defaultVerifyMode: "magicLink",
-    verifyMode: "magicLink",
-    // magicLink, code
-    loadingSendCode: !1,
-    loadingVerifyCode: !1,
-    error: ""
-  }), P = d(() => {
-    e.email = "", e.code = "", e.codeId = "", e.verifyMode = e.defaultVerifyMode, e.loadingSendCode = !1, e.loadingVerifyCode = !1, e.error = "";
-  }), b = d(async () => {
-    if (!e.email || !e.email.trim()) {
-      e.error = l("emailRequired");
-      return;
-    }
-    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.email)) {
-      e.error = l("emailInvalid");
-      return;
-    }
-    e.error = "";
-    try {
-      e.loadingSendCode = !0;
-      let i = !1;
-      ["login"].includes(f) && (u.sourceAppPid || (i = !0));
-      const { data: x } = await g.post(I("/email/sendCode", { locale: m }), {
-        email: e.email,
-        sourceAppPid: u.sourceAppPid,
-        useMagicLink: i
-      });
-      e.verifyMode = e.defaultVerifyMode, e.codeId = x.id, o.status = "sending";
-    } catch (i) {
-      const x = i?.response?.data?.error || i?.message;
-      o.status = "error", o.error = x;
-    } finally {
-      e.loadingSendCode = !1, t();
-    }
-  }), S = d(async () => {
-    if (e.code.length === Y)
-      try {
-        e.loadingVerifyCode = !0;
-        const { data: r } = await g.post(I("/email/login", { locale: m }), {
-          ...M,
-          action: f,
-          code: e.code,
-          sourceAppPid: u.sourceAppPid
-        });
-        y("Email login succeed (use code)", { loginResult: r }), localStorage.setItem(k, v.EMAIL), await h(
-          {
-            ...r,
-            encrypted: !1
-          },
-          (i) => i
-        ), o.status = "succeed";
-      } catch (r) {
-        const i = r?.response?.data || r?.message;
-        K.error(i), y("Email login failed (use code)", { error: r });
-      } finally {
-        e.loadingVerifyCode = !1, t();
-      }
-  }), O = d(async () => {
-    o.status = "verifying", t();
-    try {
-      const { data: r } = await g.post(I("/email/login", { locale: m }), {
-        ...M,
-        action: f,
-        magicToken: o.magicToken
-      });
-      y("Email login succeed (use magic link)", { loginResult: r }), localStorage.setItem(k, v.EMAIL), await h(
-        {
-          ...r,
-          encrypted: !1
-        },
-        (i) => i
-      ), o.status = "succeed";
-    } catch (r) {
-      const i = r?.response?.data || r?.message;
-      o.status = "error", o.error = i, y("Email login failed (use magic link)", { error: r });
-    }
-    t();
-  }), L = e.verifyMode === "magicLink" && o.status === "sending" && // 如果正在校验验证码，则不轮询状态
-  !e.loadingVerifyCode && e.codeId, z = d(async () => {
-    if (L) {
-      try {
-        const { data: r } = await g.get("/email/status", {
-          params: {
-            codeId: e.codeId
-          }
-        });
-        r.verified && (o.status = "succeed", P(), localStorage.setItem(k, v.EMAIL), await h({ encrypted: !1 }, (i) => i));
-      } catch (r) {
-        console.error("check status error", r);
-      }
-      t();
-    }
-  });
-  N(z, L ? $ : void 0), q(() => {
-    P(), (u.sourceAppPid || !["login"].includes(f)) && (e.defaultVerifyMode = "code"), o.magicToken && O();
-  }, [o]);
-  let C = null;
-  if (o.status === "creating")
-    C = /* @__PURE__ */ n(s, { children: [
-      /* @__PURE__ */ a(
-        T,
-        {
-          variant: "body2",
-          sx: {
-            textAlign: "center",
-            color: "text.secondary"
-          },
-          children: l("emailPlaceholder")
-        }
-      ),
-      /* @__PURE__ */ a(
-        B,
-        {
-          name: "email",
-          fullWidth: !0,
-          type: "email",
-          variant: "outlined",
-          label: l("email"),
-          placeholder: l("emailPlaceholder"),
-          size: "small",
-          value: e.email,
-          onChange: (r) => {
-            e.email = r.target.value;
-          },
-          onKeyDown: (r) => {
-            r.key === "Enter" && b(e.email);
-          },
-          sx: {
-            maxWidth: 320,
-            "& .MuiOutlinedInput-root": {
-              borderRadius: 1
-            }
-          },
-          error: !!e.error,
-          helperText: e.error,
-          slotProps: {
-            htmlInput: {
-              sx: {
-                boxSizing: "content-box !important"
-              }
-            }
-          }
-        }
-      ),
-      /* @__PURE__ */ n(p, { sx: { display: "flex", gap: 1 }, children: [
-        /* @__PURE__ */ a(
-          R,
-          {
-            onClick: () => {
-              o.reset(), D();
-            }
-          }
-        ),
-        /* @__PURE__ */ n(
-          V,
-          {
-            sx: {
-              color: "primary.main",
-              borderColor: "primary.light"
-            },
-            disabled: e.loadingSendCode,
-            onClick: () => {
-              b(e.email);
-            },
-            children: [
-              e.loadingSendCode ? /* @__PURE__ */ a(A, { color: "inherit", size: 14, sx: { mr: 1 } }) : null,
-              l("sendCode")
-            ]
-          }
-        )
-      ] })
-    ] });
-  else if (o.status === "sending")
-    C = /* @__PURE__ */ n(s, { children: [
-      /* @__PURE__ */ n(p, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [
-        /* @__PURE__ */ a(T, { variant: "body2", sx: { textAlign: "center", color: "text.secondary" }, children: e.verifyMode === "magicLink" ? /* @__PURE__ */ n(s, { children: [
-          l("verifyEmail"),
-          /* @__PURE__ */ a("br", {}),
-          l("orUseCodePlaceholder")
-        ] }) : l("codePlaceholder") }),
-        /* @__PURE__ */ a(s, {})
-      ] }),
-      /* @__PURE__ */ n(s, { children: [
-        /* @__PURE__ */ a(
-          U,
-          {
-            code: e.code,
-            onChange: (r) => {
-              e.code = r;
-            },
-            onComplete: () => {
-              S();
-            }
-          }
-        ),
-        /* @__PURE__ */ n(p, { sx: { display: "flex", gap: 1 }, children: [
-          /* @__PURE__ */ a(
-            R,
-            {
-              onClick: () => {
-                e.code = "", o.status = "creating", t();
-              }
-            }
-          ),
-          /* @__PURE__ */ n(
-            V,
-            {
-              sx: {
-                color: "primary.main",
-                borderColor: "primary.light"
-              },
-              disabled: e.loadingVerifyCode,
-              onClick: () => {
-                S();
-              },
-              children: [
-                e.loadingVerifyCode ? /* @__PURE__ */ a(A, { color: "inherit", size: 14, sx: { mr: 1 } }) : null,
-                l("confirm")
-              ]
-            }
-          )
-        ] })
-      ] })
-    ] });
-  else
-    return _;
-  return /* @__PURE__ */ n(
-    p,
-    {
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        gap: 2,
-        pb: 1
-      },
-      children: [
-        /* @__PURE__ */ a(j, { size: 52, borderRadius: 12, children: /* @__PURE__ */ a(W, { provider: "email" }) }),
-        C
-      ]
-    }
-  );
-}
-Z.propTypes = {
-  fallback: c.any,
-  state: c.object.isRequired,
-  forceUpdate: c.func,
-  onSuccess: c.func,
-  t: c.func
-};
-export {
-  Z as default
-};

package/lib/Connect/plugins/index.js

@@ -1,4 +0,0 @@
-import { default as l } from "./email/index.js";
-export {
-  l as useEmailPlugin
-};

package/lib/Connect/use-connect.js

@@ -1,164 +0,0 @@
-import { jsx as H } from "react/jsx-runtime";
-import { createPortal as j } from "react-dom";
-import { useCreation as R, useMemoizedFn as g, useReactive as V, useDebounce as q } from "ahooks";
-import { useRef as B, use as Q, useState as v, useImperativeHandle as X } from "react";
-import z from "lodash/noop";
-import T from "lodash/cloneDeep";
-import S from "lodash/isFunction";
-import J from "lodash/isUndefined";
-import { joinURL as k, withQuery as M } from "ufo";
-import K from "p-queue";
-import { useTheme as N } from "@arcblock/ux/lib/Theme";
-import { getCookieOptions as G } from "@arcblock/ux/lib/Util";
-import A from "js-cookie";
-import { useBrowser as W } from "@arcblock/react-hooks";
-import { getFederatedEnabled as Y, getMaster as Z } from "@arcblock/ux/lib/Util/federated";
-import { SessionContext as $ } from "../Session/context.js";
-import { openPopup as ee, runPopup as oe, updateConnectedInfo as ne, getAppId as te } from "../utils.js";
-import { API_DID_PREFIX as re, BLOCKLET_SERVICE_PATH_PREFIX as se } from "../constant.js";
-import ce from "./index.js";
-const b = 2e3;
-function ie({ ref: P }) {
-  const { api: _, session: s } = Q($), [c, I] = v({
-    title: "DID Connect",
-    scan: "Use follwing methods to complete this action",
-    confirm: "Confirm in your account",
-    success: "Success!"
-  }), x = N(), F = {
-    containerEl: null,
-    popup: !0,
-    checkFn: _?.get || z
-  }, C = x?.transitions?.duration?.leavingScreen || 500, e = V({
-    show: !1,
-    ...T(F)
-  }), o = q(e.show, {
-    wait: C
-  }), [i, O] = v({}), l = g(() => {
-    const n = T(F);
-    Object.keys(n).forEach((m) => {
-      e[m] = n[m];
-    });
-  }), t = g(() => {
-    e.show = !1, setTimeout(() => {
-      l();
-    }, C);
-  }), E = g((n) => {
-    const { containerEl: m, checkFn: a, popup: d, messages: f, ...h } = T(n);
-    typeof a == "function" && (e.checkFn = a), d !== void 0 && (e.popup = d), f !== void 0 && I(f), m !== void 0 && (e.containerEl = m), O(h), e.show = !0;
-  }), y = s.useOAuth(), p = g(async ({ provider: n, action: m, extraParams: a, onLogin: d }) => {
-    const f = await y.loginOAuth(
-      { provider: n },
-      {
-        action: m,
-        ...a
-      }
-    ), h = G({ returnDomain: !1 });
-    A.remove("connected_did", h), A.remove("connected_pk", h), A.remove("connected_wallet_os", h), d(
-      {
-        ...f,
-        encrypted: !1
-      },
-      (w) => w
-    );
-  });
-  X(P, () => ({
-    open: E,
-    loginOAuth: p,
-    close: t
-  }), [E, t, p]);
-  const u = /* @__PURE__ */ H(
-    ce,
-    {
-      open: e.show,
-      popup: e.popup,
-      messages: c,
-      checkFn: e.checkFn,
-      ...i
-    }
-  );
-  return e.containerEl ? j(u, e.containerEl) : e.show || o ? u : null;
-}
-function xe() {
-  const P = B(null), _ = W(), s = R(() => {
-    const o = { concurrency: 1 };
-    return _.arcSphere && delete o.concurrency, new K(o);
-  }), c = g((...o) => {
-    P.current?.close(...o);
-  }), I = g(
-    ({ onSuccess: o, onClose: i, onEnd: O, closeTimeout: l = b, ...t }, ...E) => {
-      const y = () => new Promise((p) => {
-        typeof o == "function" ? t.onSuccess = (...u) => {
-          o(...u), setTimeout(() => {
-            c(), p();
-          }, l);
-        } : t.onSuccess = () => {
-          setTimeout(() => {
-            c(), p();
-          }, l);
-        }, typeof i == "function" ? t.onClose = (...u) => {
-          i(...u), c(), p(), s.clear();
-        } : t.onClose = () => {
-          c(), p(), s.clear();
-        }, setTimeout(() => {
-          P.current?.open(t, ...E);
-        }, 300);
-      });
-      s.add(y);
-    }
-  ), x = g(
-    (o = {}, { baseUrl: i, locale: O = "en", blocklet: l = globalThis?.blocklet, closeTimeout: t = b, popupOptions: E } = {}) => new Promise((y, p) => {
-      const u = () => new Promise((n) => {
-        (async () => {
-          if (J(i)) {
-            const r = Y(), U = Z();
-            i = r ? U.appUrl : window.location.origin;
-          }
-          const { onSuccess: a, onClose: d, onError: f, custom: h = !1, ...w } = o;
-          if (!w?.extraParams?.provider)
-            throw S(f) && f("Must have extraParams.provider"), new Error("Must have extraParams.provider");
-          w?.prefix || (w.prefix = window.location.origin + k(l?.prefix, re));
-          const D = {
-            params: btoa(encodeURIComponent(JSON.stringify(w))),
-            appPid: l?.appPid,
-            locale: O,
-            disableClose: !0
-            // 弹窗模式默认不允许关闭 DID Connect
-          }, L = ee(
-            h ? M(k(i, w.prefix), D) : M(k(i || "/", se, "/connect"), D),
-            E
-          );
-          try {
-            const r = await oe({ popup: L, closeTimeout: t });
-            ne(
-              {
-                connected_app: te(),
-                ...r?.options
-              },
-              !0
-            ), S(a) ? (a({ ...r.response, encrypted: !1 }), c(), n()) : (c(), n()), y({ ...r.response, encrypted: !1 });
-          } catch (r) {
-            throw console.error(r), r.message === "Popup closed" ? S(d) ? (d(), n(), s.clear()) : (n(), s.clear()) : S(f) && f(r), r;
-          }
-        })().catch((a) => {
-          n(), p(a);
-        });
-      });
-      s.add(u);
-    })
-  ), F = (o) => {
-    P.current.loginOAuth(o);
-  }, C = R(() => /* @__PURE__ */ H(ie, { ref: P })), e = R(() => ({
-    open: I,
-    close: c,
-    loginOAuth: F,
-    openPopup: x,
-    queue: s
-  }));
-  return {
-    connectHolder: C,
-    connectApi: e
-  };
-}
-export {
-  xe as default
-};

package/lib/Connect/with-blocklet.js

@@ -1,15 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { BlockletProvider as i, useBlockletContext as u } from "@arcblock/ux/lib/BlockletContext";
-function p(r) {
-  function n({ ...t }) {
-    const { blocklet: o, masterBlocklet: c } = u();
-    return /* @__PURE__ */ e(r, { ...t, blocklet: o, masterBlocklet: c });
-  }
-  function l({ baseUrl: t, ...o }) {
-    return /* @__PURE__ */ e(i, { baseUrl: t, children: /* @__PURE__ */ e(n, { baseUrl: t, ...o }) });
-  }
-  return l;
-}
-export {
-  p as default
-};

package/lib/Connect/with-bridge-call.js

@@ -1,108 +0,0 @@
-import { jsx as b } from "react/jsx-runtime";
-import { use as h, useEffect as y } from "react";
-import g from "prop-types";
-import w from "@arcblock/bridge";
-import { useDebounceFn as x, useMemoizedFn as T } from "ahooks";
-import D from "lodash/pick";
-import P from "@arcblock/react-hooks/lib/useBrowser";
-import { isUrl as _ } from "@arcblock/ux/lib/Util";
-import { joinURL as k } from "ufo";
-import { debug as n } from "../utils.js";
-import { API_DID_PREFIX as A, BLOCKLET_SERVICE_PATH_PREFIX as E, DEFAULT_TIMEOUT as I } from "../constant.js";
-import S from "./hooks/security.js";
-import { SessionContext as K } from "../Session/context.js";
-import { getWalletDid as U } from "../User/use-did.js";
-function G(a) {
-  const l = {
-    prefix: A,
-    checkInterval: 2e3,
-    checkTimeout: I * 1e3,
-    locale: "en",
-    tokenKey: "_t_",
-    encKey: "_ek_",
-    baseUrl: "",
-    messages: {},
-    extraParams: {},
-    forceConnected: !0,
-    enabledConnectTypes: [],
-    // 所有的
-    disableSwitchApp: !1,
-    hideCloseButton: !1,
-    qrcodeSize: 160,
-    options: {}
-  };
-  function c(r) {
-    const { encryptKey: d, decrypt: f } = S(), m = P(), p = h(K), u = U(p?.session?.user), i = D(r, [
-      //
-      "action",
-      "checkTimeout",
-      "locale",
-      "messages",
-      // 'webWalletUrl', arcSphere 中不需要通过 web 登录，不需要此参数
-      //
-      "baseUrl",
-      // 要写清楚 baseUrl 和 prefix 的处理逻辑
-      "prefix",
-      "checkInterval",
-      "closeTimeout",
-      "extraParams",
-      "tokenKey",
-      "encKey",
-      "forceConnected",
-      "provider",
-      "enabledConnectTypes",
-      "disableSwitchApp",
-      "hideCloseButton",
-      // 不允许用户关闭这个 connect
-      // 'qrcodeSize', // 不应该允许配置？
-      "options"
-      // FIXME: @zhanghan 弄清楚参数的字段
-      //
-      // 'autoConnect',
-      // 'saveConnect',
-      // 'useSocket', // 后期再考虑实现
-      // 'allowWallet',
-      // 'showDownload',
-      // 函数，需要在这一层进行处理
-      // 'onError',
-      // 'onSuccess',
-      // 'onRecreateSession', // 貌似没有地方用，直接去掉？
-      // 'onClose',
-    ]), e = Object.assign({}, l, i);
-    e.forceConnected === !0 && (e.forceConnected = u || !0);
-    const C = r.serviceHost || window?.env?.apiPrefix || window?.blocklet?.prefix || "/";
-    !_(e.prefix) && !e.prefix?.startsWith(E) && (e.prefix = k(C, e.prefix));
-    const t = m.arcSphere && r.open && !window.forceOpenConnect, { run: s } = x(
-      T(async () => {
-        n("bridge call arcDidConnect", r, i, e);
-        try {
-          const o = await w.callArc("didConnect", { ...e, [e.encKey]: d });
-          if (n("bridge callArc didConnect: result", o), o.action === "error") {
-            r.onError(o.data);
-            return;
-          }
-          if (o.action === "success") {
-            r.onSuccess(o.data, f);
-            return;
-          }
-          r.onClose(o.data);
-        } catch (o) {
-          logger.error("Failed to callArc didConnect", o);
-        }
-      }),
-      {
-        leading: !0,
-        wait: 300
-      }
-    );
-    return y(() => {
-      t && (n("WrapConnect call"), s());
-    }, [s, t]), t ? null : /* @__PURE__ */ b(a, { ...r });
-  }
-  return c.propTypes = {
-    open: g.bool
-  }, c;
-}
-export {
-  G as default
-};