@arcblock/ux 3.3.5 → 3.3.6

package/lib/SessionUser/components/logged-in.d.ts

@@ -7,5 +7,6 @@ export interface LoggedInProps extends Omit<BoxProps, 'onClick' | 'onMouseEnter'
     locale?: Locale;
     size?: number;
     popperType?: 'hover' | 'click';
+    profileUrl?: string;
 }
-export default function LoggedIn({ session, onBindWallet, isBlocklet, locale, size, popperType, sx, ...rest }: LoggedInProps): import("react/jsx-runtime").JSX.Element;
+export default function LoggedIn({ session, onBindWallet, isBlocklet, locale, size, popperType, profileUrl, sx, ...rest }: LoggedInProps): import("react/jsx-runtime").JSX.Element;

package/lib/SessionUser/components/logged-in.js

@@ -1,56 +1,57 @@
-import { jsxs as s, jsx as r, Fragment as W } from "react/jsx-runtime";
-import { useRef as z, useEffect as T } from "react";
-import { useMemoizedFn as n, useCreation as _, useReactive as j } from "ahooks";
+import { jsxs as s, jsx as r, Fragment as z } from "react/jsx-runtime";
+import { useRef as T, useEffect as _ } from "react";
+import { useMemoizedFn as n, useCreation as j, useReactive as G } from "ahooks";
 import f from "@arcblock/bridge";
-import { Box as k, IconButton as G, Popper as H, ClickAwayListener as N, Fade as Q, Paper as V, Divider as S, MenuList as q, MenuItem as J } from "@mui/material";
-import { Icon as K } from "@iconify/react";
-import X from "@iconify-icons/material-symbols/person-outline-rounded";
-import Y from "@iconify-icons/material-symbols/filter-vintage-outline-rounded";
-import Z from "@iconify-icons/material-symbols/account-circle-off-outline-rounded";
-import $ from "@iconify-icons/material-symbols/featured-seasonal-and-gifts-rounded";
-import ee from "copy-to-clipboard";
+import { Box as k, IconButton as H, Popper as N, ClickAwayListener as Q, Fade as V, Paper as q, Divider as S, MenuList as J, MenuItem as K } from "@mui/material";
+import { Icon as X } from "@iconify/react";
+import Y from "@iconify-icons/material-symbols/person-outline-rounded";
+import Z from "@iconify-icons/material-symbols/filter-vintage-outline-rounded";
+import $ from "@iconify-icons/material-symbols/account-circle-off-outline-rounded";
+import ee from "@iconify-icons/material-symbols/featured-seasonal-and-gifts-rounded";
+import re from "copy-to-clipboard";
 import h from "lodash/noop";
-import re from "../../Toast/index.js";
-import te from "../../Avatar/index.js";
-import { getUserAvatar as oe } from "../../Util/index.js";
-import ie from "./user-info.js";
-import { DASHBOARD_URL as ne, PROFILE_URL as ce } from "../../Util/constant.js";
-import le from "../../SessionPermission/index.js";
-import { translations as ae } from "../libs/translation.js";
-import { translate as se } from "../../Locale/util.js";
-import pe from "./did-space.js";
-import { mergeSx as ue } from "../../Util/style.js";
-import { createDebug as de } from "../../Util/logger.js";
-import { GA_LAST_ROLE as me } from "../../withTracker/constant/index.js";
-const fe = (e) => {
+import te from "../../Toast/index.js";
+import oe from "../../Avatar/index.js";
+import { getUserAvatar as ie } from "../../Util/index.js";
+import ne from "./user-info.js";
+import { DASHBOARD_URL as ce, PROFILE_URL as le } from "../../Util/constant.js";
+import ae from "../../SessionPermission/index.js";
+import { translations as se } from "../libs/translation.js";
+import { translate as pe } from "../../Locale/util.js";
+import ue from "./did-space.js";
+import { mergeSx as de } from "../../Util/style.js";
+import { createDebug as me } from "../../Util/logger.js";
+import { GA_LAST_ROLE as fe } from "../../withTracker/constant/index.js";
+const he = (e) => {
   const c = new URL(window.location.href);
   return c.searchParams.set("inviter", e), c.toString();
-}, g = de("did-connect");
-function Te({
+}, g = me("did-connect");
+function _e({
   session: e,
   onBindWallet: c = h,
   isBlocklet: l = !0,
   locale: u = "en",
   size: b = 24,
   popperType: I = "click",
-  sx: y,
-  ...R
+  profileUrl: y = le,
+  sx: R,
+  ...C
 }) {
-  const a = n((t, o = {}) => se(ae, t, u, "en", o)), C = _(() => !!globalThis?.blocklet?.settings?.invite?.enabled, []), P = z(null), d = j({
+  const a = n((t, o = {}) => pe(se, t, u, "en", o)), L = j(() => !!globalThis?.blocklet?.settings?.invite?.enabled, []), P = T(null), d = G({
     open: !1
   }), i = n((t = !d.open) => {
     d.open = t;
-  }), L = I === "hover" ? { onMouseEnter: () => i(!0), onMouseLeave: () => i(!1) } : { onClick: () => i() }, B = oe(e.user?.avatar?.replace(/\s/g, encodeURIComponent(" "))), D = e.useOAuth(), O = typeof e.usePasskey == "function" ? e.usePasskey() : null, v = n(({ inArcSphere: t = !1 } = {}) => {
-    localStorage.setItem(me, e?.user?.role);
+  }), B = I === "hover" ? { onMouseEnter: () => i(!0), onMouseLeave: () => i(!1) } : { onClick: () => i() }, D = ie(e.user?.avatar?.replace(/\s/g, encodeURIComponent(" "))), O = e.useOAuth(), E = typeof e.usePasskey == "function" ? e.usePasskey() : null, v = n(({ inArcSphere: t = !1 } = {}) => {
+    localStorage.setItem(fe, e?.user?.role);
     const o = {};
-    t && e?.user?.sourceAppPid && (o.sourceAppPid = e.user.sourceAppPid), i(!1), e?.user?.sourceProvider === "passkey" ? O.switchPassport(e.user) : ["google", "apple", "email", "github"].includes(e?.user?.sourceProvider) ? D.switchOAuthPassport(e.user) : e.switchPassport(h, o);
-  }), x = n(({ userSession: t, inArcSphere: o = !1 } = {}) => new Promise((F) => {
+    t && e?.user?.sourceAppPid && (o.sourceAppPid = e.user.sourceAppPid), i(!1), e?.user?.sourceProvider === "passkey" ? E.switchPassport(e.user) : ["google", "apple", "email", "github"].includes(e?.user?.sourceProvider) ? O.switchOAuthPassport(e.user) : e.switchPassport(h, o);
+  }), x = n(({ userSession: t, inArcSphere: o = !1 } = {}) => new Promise((W) => {
     const A = {};
     o && e.user.sourceAppPid && (A.sourceAppPid = e.user.sourceAppPid);
     const m = {};
     t ? m.userSession = t : (i(!1), m.showQuickConnect = !1), e.switchDid(
       () => {
-        i(!1), F();
+        i(!1), W();
       },
       A,
       m
@@ -58,16 +59,16 @@ function Te({
   })), w = n(({ inArcSphere: t = !1 } = {}) => {
     const o = {};
     t && e.user.sourceAppPid && (o.sourceAppPid = e.user.sourceAppPid), i(!1), e.switchProfile(h, o);
-  }), E = n(() => {
-    i(!1), e.logout();
   }), M = n(() => {
-    i(!1), e.bindWallet(c);
+    i(!1), e.logout();
   }), U = n(() => {
+    i(!1), e.bindWallet(c);
+  }), F = n(() => {
     i(!1);
-    const t = fe(e.user.did);
-    ee(t), re.success(a("inviteCopied"));
+    const t = he(e.user.did);
+    re(t), te.success(a("inviteCopied"));
   });
-  return T(() => {
+  return _(() => {
     f.registerBlocklet("callSwitchPassport", () => {
       g("bridge registerBlocklet: callSwitchPassport"), v({ inArcSphere: !0 });
     }), f.registerBlocklet("callSwitchDid", () => {
@@ -78,31 +79,31 @@ function Te({
   }, []), /* @__PURE__ */ s(
     k,
     {
-      sx: ue(
+      sx: de(
         {
           display: "inline-flex",
           alignItems: "center",
           justifyContent: "center"
         },
         // @ts-ignore
-        y
+        R
       ),
-      ...R,
+      ...C,
       children: [
         /* @__PURE__ */ r(
-          G,
+          H,
           {
             ref: P,
             size: "medium",
             "data-cy": "sessionManager-logout-popup",
             className: "arc-session-user-logged-in",
             "aria-label": "User info button",
-            ...L,
-            children: /* @__PURE__ */ r(te, { variant: "circle", did: e.user.did, src: B, size: b, shape: "circle" })
+            ...B,
+            children: /* @__PURE__ */ r(oe, { variant: "circle", did: e.user.did, src: D, size: b, shape: "circle" })
           }
         ),
         /* @__PURE__ */ r(
-          H,
+          N,
           {
             open: d.open,
             anchorEl: P.current,
@@ -112,13 +113,13 @@ function Te({
               zIndex: 1600
             },
             children: ({ TransitionProps: t }) => /* @__PURE__ */ r(
-              N,
+              Q,
               {
                 onClickAway: (o) => {
                   o.preventDefault(), o.stopPropagation(), i(!1);
                 },
-                children: /* @__PURE__ */ r(Q, { ...t, timeout: 350, children: /* @__PURE__ */ s(
-                  V,
+                children: /* @__PURE__ */ r(V, { ...t, timeout: 350, children: /* @__PURE__ */ s(
+                  q,
                   {
                     variant: "outlined",
                     sx: {
@@ -128,7 +129,7 @@ function Te({
                     },
                     children: [
                       /* @__PURE__ */ r(
-                        ie,
+                        ne,
                         {
                           locale: u,
                           isBlocklet: l,
@@ -136,53 +137,53 @@ function Te({
                           onSwitchPassport: v,
                           onSwitchAccount: x,
                           onSwitchProfile: w,
-                          onBindWallet: M
+                          onBindWallet: U
                         }
                       ),
                       /* @__PURE__ */ r(S, { sx: { m: "0 !important" } }),
-                      /* @__PURE__ */ s(q, { sx: { p: 0 }, children: [
-                        l ? /* @__PURE__ */ s(W, { children: [
-                          /* @__PURE__ */ r(le, { session: e, children: /* @__PURE__ */ r(
+                      /* @__PURE__ */ s(J, { sx: { p: 0 }, children: [
+                        l ? /* @__PURE__ */ s(z, { children: [
+                          /* @__PURE__ */ r(ae, { session: e, children: /* @__PURE__ */ r(
                             p,
                             {
-                              icon: Y,
+                              icon: Z,
                               title: a("dashboard"),
                               component: "a",
-                              href: ne,
+                              href: ce,
                               sx: { display: "block", textDecoration: "none", color: "inherit" }
                             }
                           ) }),
                           /* @__PURE__ */ r(
                             p,
                             {
-                              icon: X,
+                              icon: Y,
                               title: a("profile"),
                               component: "a",
-                              href: ce,
+                              href: y,
                               sx: { display: "block", textDecoration: "none", color: "inherit" }
                             }
                           ),
-                          C && /* @__PURE__ */ r(
+                          L && /* @__PURE__ */ r(
                             p,
                             {
-                              icon: $,
+                              icon: ee,
                               title: a("invite"),
                               component: "div",
-                              onClick: U,
+                              onClick: F,
                               sx: { display: "block", color: "inherit" }
                             }
                           ),
                           /* @__PURE__ */ r(S, { sx: { m: "0 !important" } }),
-                          /* @__PURE__ */ r(pe, { session: e, locale: u })
+                          /* @__PURE__ */ r(ue, { session: e, locale: u })
                         ] }) : null,
                         /* @__PURE__ */ r(
                           p,
                           {
-                            icon: Z,
+                            icon: $,
                             title: a("logout"),
                             component: "div",
                             sx: { color: "error.main" },
-                            onClick: E,
+                            onClick: M,
                             "data-cy": "sessionManager-logout-trigger"
                           }
                         )
@@ -204,7 +205,7 @@ function p({
   ...l
 }) {
   return /* @__PURE__ */ r(k, { ...l, sx: { p: 0.5, ...l?.sx }, children: /* @__PURE__ */ s(
-    J,
+    K,
     {
       sx: {
         display: "flex",
@@ -217,12 +218,12 @@ function p({
         py: 1
       },
       children: [
-        /* @__PURE__ */ r(K, { icon: e, fontSize: 24 }),
+        /* @__PURE__ */ r(X, { icon: e, fontSize: 24 }),
         c
       ]
     }
   ) });
 }
 export {
-  Te as default
+  _e as default
 };

package/lib/SessionUser/index.d.ts

@@ -5,5 +5,6 @@ export interface SessionUserProps {
     locale?: Locale;
     size?: number;
     popperType?: 'hover' | 'click';
+    profileUrl?: string;
 }
-export default function SessionUser({ session, onBindWallet, locale, size, popperType, }: SessionUserProps): import("react/jsx-runtime").JSX.Element;
+export default function SessionUser({ session, onBindWallet, locale, size, popperType, profileUrl, }: SessionUserProps): import("react/jsx-runtime").JSX.Element;

package/lib/SessionUser/index.js

@@ -1,28 +1,31 @@
-import { jsx as n } from "react/jsx-runtime";
-import f from "lodash/noop";
-import { useCreation as p } from "ahooks";
-import u from "./components/logged-in.js";
-import l from "./components/un-login.js";
-function b({
+import { jsx as m } from "react/jsx-runtime";
+import p from "lodash/noop";
+import { useCreation as u } from "ahooks";
+import l from "./components/logged-in.js";
+import c from "./components/un-login.js";
+import { PROFILE_URL as g } from "../Util/constant.js";
+function d({
   session: r,
-  onBindWallet: e = f,
+  onBindWallet: i = p,
   locale: o = "en",
   size: t = 24,
-  popperType: i = "click"
+  popperType: n = "click",
+  profileUrl: e = g
 }) {
-  const m = p(() => !!globalThis?.blocklet, []);
-  return r.user ? /* @__PURE__ */ n(
-    u,
+  const f = u(() => !!globalThis?.blocklet, []);
+  return r.user ? /* @__PURE__ */ m(
+    l,
     {
-      isBlocklet: m,
+      isBlocklet: f,
       session: r,
-      onBindWallet: e,
+      onBindWallet: i,
       locale: o,
       size: t,
-      popperType: i
+      popperType: n,
+      profileUrl: e
     }
-  ) : /* @__PURE__ */ n(l, { session: r, locale: o, size: t });
+  ) : /* @__PURE__ */ m(c, { session: r, locale: o, size: t });
 }
 export {
-  b as default
+  d as default
 };

package/lib/package.json.js

@@ -1,4 +1,4 @@
-const e = "3.3.5", s = { "@blocklet/js-sdk": "^1.17.6" }, n = {
+const e = "3.3.6", s = { "@blocklet/js-sdk": "^1.17.6" }, n = {
   version: e,
   dependencies: s
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "3.3.5",
+  "version": "3.3.6",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -68,16 +68,16 @@
     "react": "^19.0.0",
     "react-router-dom": "^6.22.3"
   },
-  "gitHead": "757fbba540967c8552f9c30fc64fdce00a8be222",
+  "gitHead": "ee100e9010a13a124962ce7ef38c8378c6deca9b",
   "dependencies": {
-    "@arcblock/bridge": "3.3.5",
+    "@arcblock/bridge": "3.3.6",
     "@arcblock/did": "^1.27.16",
     "@arcblock/did-motif": "^1.1.14",
-    "@arcblock/icons": "3.3.5",
-    "@arcblock/nft-display": "3.3.5",
-    "@arcblock/react-hooks": "3.3.5",
+    "@arcblock/icons": "3.3.6",
+    "@arcblock/nft-display": "3.3.6",
+    "@arcblock/react-hooks": "3.3.6",
     "@blocklet/js-sdk": "^1.17.6",
-    "@blocklet/theme": "3.3.5",
+    "@blocklet/theme": "3.3.6",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.2.6",
     "@iconify-icons/logos": "^1.2.36",

package/src/SessionUser/components/logged-in.tsx

@@ -50,6 +50,7 @@ export interface LoggedInProps extends Omit<BoxProps, 'onClick' | 'onMouseEnter'
   locale?: Locale;
   size?: number;
   popperType?: 'hover' | 'click';
+  profileUrl?: string;
 }
 
 export default function LoggedIn({
@@ -59,6 +60,7 @@ export default function LoggedIn({
   locale = 'en',
   size = 24,
   popperType = 'click',
+  profileUrl = PROFILE_URL,
   sx,
   ...rest
 }: LoggedInProps) {
@@ -243,7 +245,7 @@ export default function LoggedIn({
                         icon={PersonOutlineRoundedIcon}
                         title={t('profile')}
                         component="a"
-                        href={PROFILE_URL}
+                        href={profileUrl}
                         sx={{ display: 'block', textDecoration: 'none', color: 'inherit' }}
                       />
                       {isInviteEnabled && (

package/src/SessionUser/index.tsx

@@ -4,6 +4,7 @@ import { useCreation } from 'ahooks';
 import LoggedIn from './components/logged-in';
 import UnLogin from './components/un-login';
 import type { Locale, Session } from '../type';
+import { PROFILE_URL } from '../Util/constant';
 
 export interface SessionUserProps {
   session: Session;
@@ -11,6 +12,7 @@ export interface SessionUserProps {
   locale?: Locale;
   size?: number;
   popperType?: 'hover' | 'click';
+  profileUrl?: string;
 }
 
 export default function SessionUser({
@@ -19,6 +21,7 @@ export default function SessionUser({
   locale = 'en',
   size = 24,
   popperType = 'click',
+  profileUrl = PROFILE_URL,
 }: SessionUserProps) {
   const isBlocklet = useCreation(() => {
     return !!globalThis?.blocklet;
@@ -33,6 +36,7 @@ export default function SessionUser({
         locale={locale}
         size={size}
         popperType={popperType}
+        profileUrl={profileUrl}
       />
     );
   }