@arcblock/did-connect-react 3.2.18 → 3.3.0

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

@@ -1,25 +1,26 @@
-import { jsxs as i, jsx as o, Fragment as x } from "react/jsx-runtime";
-import { useTheme as g, Box as r, Typography as l } from "@mui/material";
-import { Icon as s } from "@iconify/react";
-import { isValidElement as y } from "react";
-import e from "prop-types";
-import { mergeSx as c } from "@arcblock/ux/lib/Util/style";
-import u from "@iconify-icons/material-symbols/arrow-right-alt-rounded";
-function b({
-  title: m,
-  description: n = null,
-  icon: t,
+import { jsxs as t, jsx as e, Fragment as x } from "react/jsx-runtime";
+import { useTheme as g, Box as r, Tooltip as y, Typography as s } from "@mui/material";
+import { Icon as c } from "@iconify/react";
+import { isValidElement as u } from "react";
+import o from "prop-types";
+import { mergeSx as m } from "@arcblock/ux/lib/Util/style";
+import b from "@iconify-icons/material-symbols/arrow-right-alt-rounded";
+function _({
+  title: n,
+  description: a = null,
+  icon: i,
   iconScale: p = 0.95,
   slotProps: d = {},
   mode: f = "normal",
-  ...a
+  ...l
 }) {
   const h = g();
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ t(
     r,
     {
-      ...a,
-      sx: c(
+      ...l,
+      className: "arc-login-item",
+      sx: m(
         {
           display: "flex",
           alignItems: "center",
@@ -46,14 +47,14 @@ function b({
             }
           }
         },
-        a?.sx
+        l?.sx
       ),
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ e(y, { title: n, children: /* @__PURE__ */ e(
           r,
           {
             className: "arc-login-item__icon",
-            sx: c(
+            sx: m(
               {
                 display: "flex",
                 justifyContent: "center",
@@ -62,11 +63,11 @@ function b({
               },
               d?.icon?.sx
             ),
-            children: y(t) ? t : /* @__PURE__ */ o(
+            children: u(i) ? i : /* @__PURE__ */ e(
               r,
               {
-                component: s,
-                icon: t,
+                component: c,
+                icon: i,
                 sx: {
                   transform: `scale(${p})`,
                   width: 24,
@@ -75,11 +76,11 @@ function b({
               }
             )
           }
-        ),
-        f === "normal" ? /* @__PURE__ */ i(x, { children: [
-          /* @__PURE__ */ i(r, { sx: { display: "flex", flexDirection: "column", flex: 1 }, children: [
-            /* @__PURE__ */ o(
-              l,
+        ) }),
+        f === "normal" ? /* @__PURE__ */ t(x, { children: [
+          /* @__PURE__ */ t(r, { className: "arc-login-item__body", sx: { display: "flex", flexDirection: "column", flex: 1 }, children: [
+            /* @__PURE__ */ e(
+              s,
               {
                 sx: {
                   fontSize: 14,
@@ -87,26 +88,26 @@ function b({
                   color: "text.primary",
                   whiteSpace: "nowrap"
                 },
-                children: m
+                children: n
               }
             ),
-            n ? /* @__PURE__ */ o(
-              l,
+            a ? /* @__PURE__ */ e(
+              s,
               {
                 sx: {
                   color: "text.secondary",
                   fontSize: 12,
                   lineHeight: 1
                 },
-                children: n
+                children: a
               }
             ) : null
           ] }),
-          /* @__PURE__ */ o(
-            s,
+          /* @__PURE__ */ e(
+            c,
             {
               className: "other-item-icon",
-              icon: u,
+              icon: b,
               fontSize: "1.3rem",
               color: h.palette.primary.main
             }
@@ -116,14 +117,14 @@ function b({
     }
   );
 }
-b.propTypes = {
-  title: e.string.isRequired,
-  description: e.string,
-  icon: e.any.isRequired,
-  iconScale: e.number,
-  slotProps: e.object,
-  mode: e.oneOf(["simple", "normal"])
+_.propTypes = {
+  title: o.string.isRequired,
+  description: o.string,
+  icon: o.any.isRequired,
+  iconScale: o.number,
+  slotProps: o.object,
+  mode: o.oneOf(["mini", "simple", "normal"])
 };
 export {
-  b as default
+  _ as default
 };

package/lib/Connect/hooks/provider-list.js

@@ -0,0 +1,50 @@
+import { useBrowser as m } from "@arcblock/react-hooks";
+import { useRequest as v, useCreation as u } from "ahooks";
+import c from "lodash/isNil";
+import { LOGIN_PROVIDER as o } from "@arcblock/ux/lib/Util/constant";
+import { getFederatedEnabled as w, getMaster as P, getBlockletData as E } from "@arcblock/ux/lib/Util/federated";
+const k = async ({ sourceAppPid: n }) => {
+  const t = globalThis?.blocklet;
+  if (!t)
+    return {
+      [o.WALLET]: {
+        order: 0,
+        enabled: !0,
+        showQrcode: !0
+      },
+      [o.PASSKEY]: {
+        order: 1,
+        enabled: !0
+      }
+    };
+  const s = w(t), e = P(t);
+  return s && e?.appPid && n === e?.appPid ? (await E(e.appUrl))?.settings?.authentication || {} : t?.settings?.authentication || {};
+}, y = async ({ sourceAppPid: n } = {}) => {
+  const t = await k({ sourceAppPid: n });
+  return Object.entries(t).map(([e, r]) => ({ ...r, provider: e })).filter((e) => e.enabled).sort((e, r) => !c(e?.order) && !c(r?.order) ? e.order - r.order : c(e?.order) ? 1 : -1);
+};
+function I({
+  allowWallet: n = !0,
+  passkeyBehavior: t = "none",
+  action: s,
+  sourceAppPid: e,
+  mode: r = "dialog",
+  blocklet: L = globalThis.blocklet,
+  isSmallView: f = !1
+}) {
+  const h = ["login", "invite", "connect-to-did-space", "connect-to-did-domain", "destroy-self"], l = m(), { data: g = [] } = v(
+    async () => await y({ sourceAppPid: e }),
+    { refreshDeps: [e] }
+  ), d = u(() => g.filter((i) => i.name === o.WALLET ? n : i.name === o.PASSKEY ? t !== "none" && !l.wallet && !l.arcSphere : i.name === o.EMAIL ? L?.settings?.notification?.email?.enabled ?? !1 : !(i.type === "oauth" && !h.includes(s))), [g]), p = u(() => {
+    const a = r === "drawer" || f && l.mobile.any;
+    return globalThis?.blocklet ? !!(d.find((b) => b.provider === o.WALLET)?.showQrcode !== !0 || a) : !!a;
+  }, [r, f, d]);
+  return {
+    hideChooseList: u(() => !1),
+    hideQRCode: p,
+    providerList: d
+  };
+}
+export {
+  I as default
+};