@arcblock/ux 3.1.47 → 3.1.49

package/lib/Util/index.js

@@ -1,6 +1,6 @@
-import { lazy as j } from "react";
+import { lazy as T } from "react";
 import l from "lodash/padStart";
-import { colors as w, getDIDMotifInfo as x } from "@arcblock/did-motif";
+import { colors as w, getDIDMotifInfo as j } from "@arcblock/did-motif";
 import { mergeAllThemeOptions as Ke } from "@blocklet/theme";
 import I from "lodash/isNil";
 import E from "lodash/omitBy";
@@ -10,23 +10,23 @@ import O from "color-convert";
 import a from "dayjs";
 import "dayjs/locale/zh-cn";
 import U from "dayjs/plugin/utc";
-import F from "dayjs/plugin/timezone";
-import A from "dayjs/plugin/relativeTime";
-import P from "dayjs/plugin/updateLocale";
-import R from "dayjs/plugin/localizedFormat";
+import A from "dayjs/plugin/timezone";
+import F from "dayjs/plugin/relativeTime";
+import R from "dayjs/plugin/updateLocale";
+import P from "dayjs/plugin/localizedFormat";
 import W from "semver";
 import { DID_PREFIX as L, BLOCKLET_SERVICE_PATH_PREFIX as C } from "./constant.js";
 import b from "../package.json.js";
 import { getFederatedEnabled as M } from "./federated.js";
 let u = null;
-const _ = /^(\d{1,3}\.){3}\d{1,3}(:\d+)?$/, z = /* @__PURE__ */ new Set(["co", "com", "net", "org", "gov", "edu", "ac"]), N = /* @__PURE__ */ new Set(["uk", "au", "cn", "nz", "za", "in", "br", "mx", "fr", "it", "ca"]);
+const _ = /^(\d{1,3}\.){3}\d{1,3}(:\d+)?$/, N = /* @__PURE__ */ new Set(["co", "com", "net", "org", "gov", "edu", "ac"]), z = /* @__PURE__ */ new Set(["uk", "au", "cn", "nz", "za", "in", "br", "mx", "fr", "it", "ca"]);
 function B(e) {
   if (!e)
     return !1;
   const t = e.split(".");
   if (t.length < 2) return !1;
   const o = t[t.length - 2], r = t[t.length - 1];
-  return z.has(o) && N.has(r);
+  return N.has(o) && z.has(r);
 }
 function ye() {
   const { host: e } = window.location;
@@ -51,7 +51,7 @@ function Ie(e) {
 function be(e = {}) {
   return new URLSearchParams(e).toString();
 }
-function De(e = 1) {
+function Se(e = 1) {
   let t = e;
   typeof t == "number" && (t = { expireInDays: t }), t.path === void 0 && (t.path = "/"), t.expireInDays || (t.expireInDays = 1);
   const o = {
@@ -64,7 +64,7 @@ function De(e = 1) {
   };
   return (typeof window > "u" || t.domain || t.returnDomain === !1) && t.returnDomain === !1 && delete o.domain, o;
 }
-const Se = (e) => e.color ? e.color : e.dark ? e.theme.palette.common.white : e.theme.palette.text.primary, Ve = (e) => e.background ? e.background : e.dark ? e.theme.palette.common.black : e.theme.palette.common.white;
+const De = (e) => e.color ? e.color : e.dark ? e.theme.palette.common.white : e.theme.palette.text.primary, $e = (e) => e.background ? e.background : e.dark ? e.theme.palette.common.black : e.theme.palette.common.white;
 function ke(e, t, o = []) {
   const r = Object.assign({}, e), i = t.defaultProps || {};
   return Object.keys(i).forEach((n) => {
@@ -79,11 +79,11 @@ function ke(e, t, o = []) {
     typeof r[n] == "string" && r[n].indexOf("::prop::") === 0 && (r[n] = "");
   }), r;
 }
-function $e(e = 2017) {
+function Ve(e = 2017) {
   const t = (/* @__PURE__ */ new Date()).getFullYear();
   return `${t}` == `${e}` ? `© ArcBlock ${t}` : `© ArcBlock ${e} - ${t}`;
 }
-const Te = () => typeof Intl == "object" && typeof Intl.DateTimeFormat == "function" && typeof Intl.DateTimeFormat().resolvedOptions == "function" ? Intl.DateTimeFormat().resolvedOptions().timeZone : "", je = (e) => {
+const xe = () => typeof Intl == "object" && typeof Intl.DateTimeFormat == "function" && typeof Intl.DateTimeFormat().resolvedOptions == "function" ? Intl.DateTimeFormat().resolvedOptions().timeZone : "", Te = (e) => {
   let t = 0;
   for (let r = 0; r < e.length; r++)
     t = e.charCodeAt(r) + ((t << 5) - t);
@@ -93,7 +93,7 @@ const Te = () => typeof Intl == "object" && typeof Intl.DateTimeFormat == "funct
     o += `00${i.toString(16)}`.substr(-2);
   }
   return o;
-}, xe = (e) => {
+}, je = (e) => {
   const t = Math.round(e / 1e3), o = Math.floor(t / 3600), r = Math.floor((t - o * 3600) / 60), i = t % 60;
   return `${l(o, 2, "0")}:${l(r, 2, "0")}:${l(i, 2, "0")}`;
 };
@@ -103,8 +103,8 @@ function X(e) {
 function Ee() {
   return u;
 }
-const D = (e) => (t, { locale: o, tz: r, isUtc: i } = {}) => {
-  if (u === null && (a.extend(R), a.extend(U), a.extend(F), a.extend(P), a.extend(A), a.updateLocale("zh-cn", {
+const S = (e) => (t, { locale: o, tz: r, isUtc: i } = {}) => {
+  if (u === null && (a.extend(P), a.extend(U), a.extend(A), a.extend(R), a.extend(F), a.updateLocale("zh-cn", {
     // copy with https://github.com/iamkun/dayjs/blob/dev/src/locale/zh-cn.js
     relativeTime: {
       future: "%s后",
@@ -127,7 +127,7 @@ const D = (e) => (t, { locale: o, tz: r, isUtc: i } = {}) => {
   return r && (n = n.tz(r)), i && (n = n.utc()), typeof o < "u" && (n = n.locale(o)), n.format(e);
 };
 function ve(e, { locale: t = "en", tz: o } = {}) {
-  return D("ll")(e, { locale: t, tz: o });
+  return S("ll")(e, { locale: t, tz: o });
 }
 function Oe(e, {
   locale: t = "en",
@@ -135,9 +135,9 @@ function Oe(e, {
   isUtc: r = !1,
   format: i = "lll"
 } = {}) {
-  return D(i)(e, { locale: t, tz: o, isUtc: r });
+  return S(i)(e, { locale: t, tz: o, isUtc: r });
 }
-function K() {
+function J() {
   const e = window?.ABT_DEV || window.ABT;
   return e && typeof e.open == "function" ? e : null;
 }
@@ -150,7 +150,7 @@ function Ue({
   appInfo: n,
   memberAppInfo: f
 }) {
-  const h = K();
+  const h = J();
   if (h)
     return h.open({
       action: t,
@@ -163,7 +163,7 @@ function Ue({
         ...f
       }
     }), { type: "extension" };
-  const S = {
+  const D = {
     toolbar: "no",
     location: "no",
     status: "no",
@@ -173,19 +173,19 @@ function Ue({
     // iphone 8plus size
     width: 414,
     height: 736
-  }, V = `${e}?action=${t}&locale=${o}&url=${encodeURIComponent(r)}`, c = Object.assign({}, S, i), k = (s) => s.innerWidth || s.document.documentElement.clientWidth || s.document.body.clientWidth;
+  }, $ = `${e}?action=${t}&locale=${o}&url=${encodeURIComponent(r)}`, c = Object.assign({}, D, i), k = (s) => s.innerWidth || s.document.documentElement.clientWidth || s.document.body.clientWidth;
   if (!("left" in c)) {
-    const s = k(window.top || window), T = window.screenLeft || window.screenX;
-    c.left = s + T - c.width;
+    const s = k(window.top || window), x = window.screenLeft || window.screenX;
+    c.left = s + x - c.width;
   }
   if (!("top" in c)) {
     const s = window.screenTop || window.screenY;
     c.top = s;
   }
-  const $ = Object.keys(c).map((s) => `${s}=${c[s]}`).join(",");
-  return window.open(V, "targetWindow", $), { type: "web" };
+  const V = Object.keys(c).map((s) => `${s}=${c[s]}`).join(",");
+  return window.open($, "targetWindow", V), { type: "web" };
 }
-const Fe = (e) => e && Number(e) >= 12 ? `${Number(e)}px` : "inherit", J = (e) => {
+const Ae = (e) => e && Number(e) >= 12 ? `${Number(e)}px` : "inherit", K = (e) => {
   const t = e.replace(L, "");
   return !!/^(0x)?[0-9a-f]{40}$/i.test(t);
 }, Q = (e, t) => {
@@ -199,15 +199,15 @@ const Fe = (e) => e && Number(e) >= 12 ? `${Number(e)}px` : "inherit", J = (e) =
   } catch {
     return e;
   }
-}, Ae = (e, t = 48) => e && (e.indexOf(C) >= 0 ? Q(e, {
+}, Fe = (e, t = 48) => e && (e.indexOf(C) >= 0 ? Q(e, {
   imageFilter: "resize",
   w: t,
   h: t
-}) : e), Pe = (e = 0) => new Promise((t) => {
+}) : e), Re = (e = 0) => new Promise((t) => {
   setTimeout(() => {
     t();
   }, e);
-}), Re = (e) => /^https?:\/\//.test(e), p = "vid", g = "__visitor_id", Y = () => m.get(p) || localStorage.getItem(g), y = (e) => {
+}), Pe = (e) => /^https?:\/\//.test(e), p = "vid", g = "__visitor_id", Y = () => m.get(p) || localStorage.getItem(g), y = (e) => {
   e === null ? m.remove(p, {
     sameSite: "None",
     secure: !0
@@ -245,14 +245,14 @@ const Fe = (e) => e && Number(e) >= 12 ? `${Number(e)}px` : "inherit", J = (e) =
     e && y(e);
   }
 }, Le = (e) => {
-  if (J(e)) {
+  if (K(e)) {
     const t = Uint8Array.from(
       e.slice(2).match(/.{1,2}/g).map((o) => parseInt(o, 16))
     ).slice(0, 8).reduce((o, r) => o + r, 0) % w.length;
     return w[t];
   }
   try {
-    return x(e)?.color;
+    return j(e)?.color;
   } catch {
     return null;
   }
@@ -262,7 +262,7 @@ const Fe = (e) => e && Number(e) >= 12 ? `${Number(e)}px` : "inherit", J = (e) =
     return e;
   let n;
   return t && (n = e[t]), (!n || typeof n != "string") && (n = e[r]), (!n || typeof n != "string") && (n = i), n;
-}, Me = (e) => j(
+}, Me = (e) => T(
   () => v(
     async () => {
       try {
@@ -275,11 +275,11 @@ const Fe = (e) => e && Number(e) >= 12 ? `${Number(e)}px` : "inherit", J = (e) =
     { retries: 2 }
   )
 ), _e = (e) => E(e, I);
-function ze(e, t = 1) {
+function Ne(e, t = 1) {
   const [o, r, i] = O.hex.rgb(e);
   return `rgba(${o}, ${r}, ${i}, ${t})`;
 }
-const G = () => window.blocklet?.serverVersion || window.env?.serverVersion || "", H = () => b.version, Z = () => (b.dependencies?.["@blocklet/js-sdk"]).replace(/^[\^~>=<]+/, ""), d = (e, t) => {
+const q = () => window.blocklet?.serverVersion || window.env?.serverVersion || "", G = () => b.version, H = () => (b.dependencies?.["@blocklet/js-sdk"]).replace(/^[\^~>=<]+/, ""), d = (e, t) => {
   const o = (n) => {
     const f = n.match(/^(\d+\.\d+\.\d+(?:-[^-]+?-\d{8}))/);
     return f ? f[1] : n;
@@ -294,44 +294,48 @@ const G = () => window.blocklet?.serverVersion || window.env?.serverVersion || "
   } catch {
     return !1;
   }
-}, Ne = () => {
+}, ze = () => {
   if (process.env.NODE_ENV === "development")
     return !0;
-  const e = G(), t = H(), o = Z();
+  const e = q(), t = G(), o = H();
   if (!e || !t || !o)
     return !1;
   const r = d(t, "3.1.29"), i = d(e, "1.16.49-beta-20250822-070545-6d3344cc"), n = d(o, "1.16.49-beta-20250822-070545-6d3344cc");
   return r && i && n;
+}, Be = (e) => {
+  const { response: t } = e;
+  return t ? `Request failed: ${t.status} ${t.statusText}: ${JSON.stringify(t.data)}` : e.message || "Unknown error occurred";
 };
 export {
   Q as appendParams,
   _e as cleanedObj,
   d as compareVersions,
   Ke as deepmergeAll,
-  K as detectWalletExtension,
+  J as detectWalletExtension,
   We as ensureVisitorId,
+  Be as formatAxiosError,
   ve as formatToDate,
   Oe as formatToDatetime,
-  xe as formatUptime,
-  Ve as getBackground,
-  Se as getColor,
-  De as getCookieOptions,
-  $e as getCopyright,
+  je as formatUptime,
+  $e as getBackground,
+  De as getColor,
+  Se as getCookieOptions,
+  Ve as getCopyright,
   Le as getDIDColor,
   Ee as getDateTool,
-  Fe as getFontSize,
-  Z as getJsSdkVersion,
-  G as getServerVersion,
-  Te as getTimezone,
+  Ae as getFontSize,
+  H as getJsSdkVersion,
+  q as getServerVersion,
+  xe as getTimezone,
   Ce as getTranslation,
-  Ae as getUserAvatar,
-  H as getUxPackageVersion,
+  Fe as getUserAvatar,
+  G as getUxPackageVersion,
   Y as getVisitorId,
-  ze as hexToRgba,
-  J as isEthereumDid,
-  Ne as isSupportFollow,
+  Ne as hexToRgba,
+  K as isEthereumDid,
+  ze as isSupportFollow,
   B as isTwoSegmentTLD,
-  Re as isUrl,
+  Pe as isUrl,
   Me as lazyRetry,
   ke as mergeProps,
   Ue as openWebWallet,
@@ -339,7 +343,7 @@ export {
   ye as resolveRootDomain,
   X as setDateTool,
   y as setVisitorId,
-  Pe as sleep,
-  je as str2color,
+  Re as sleep,
+  Te as str2color,
   be as stringifyQuery
 };

package/lib/package.json.js

@@ -1,4 +1,4 @@
-const e = "3.1.47", s = { "@blocklet/js-sdk": "1.16.52" }, n = {
+const e = "3.1.49", s = { "@blocklet/js-sdk": "1.16.52" }, n = {
   version: e,
   dependencies: s
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "3.1.47",
+  "version": "3.1.49",
   "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": "8081935df0b3a38eba2c52f758be63318aa8c3ef",
+  "gitHead": "4612b57a1452bd4330755b53d093505a6ae7dea5",
   "dependencies": {
-    "@arcblock/bridge": "3.1.47",
+    "@arcblock/bridge": "3.1.49",
     "@arcblock/did": "^1.25.6",
     "@arcblock/did-motif": "^1.1.14",
-    "@arcblock/icons": "3.1.47",
-    "@arcblock/nft-display": "3.1.47",
-    "@arcblock/react-hooks": "3.1.47",
+    "@arcblock/icons": "3.1.49",
+    "@arcblock/nft-display": "3.1.49",
+    "@arcblock/react-hooks": "3.1.49",
     "@blocklet/js-sdk": "1.16.52",
-    "@blocklet/theme": "3.1.47",
+    "@blocklet/theme": "3.1.49",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.2.6",
     "@iconify-icons/logos": "^1.2.36",

package/src/DIDConnect/auth-apps/switch-role.tsx

@@ -9,7 +9,7 @@ function SwitchRole({
   user,
   switchPassport,
 }: {
-  user: UserPublicInfo & { passports: { name: string; title: string; role: string }[] };
+  user: UserPublicInfo & { role: string; passports: { name: string; title: string; role: string }[] };
   switchPassport: () => void;
 }) {
   const currentRole = useCreation(

package/src/Locale/context.tsx

@@ -83,6 +83,7 @@ export interface LocaleProviderProps {
 
 export interface LocaleContextType {
   locale: Locale;
+  defaultLocale: Locale;
   changeLocale: (locale: Locale) => void;
   t: (key: string, data?: Record<string, any>) => string;
   languages: { code: string; name: string }[];
@@ -95,7 +96,7 @@ const { Provider, Consumer } = LocaleContext;
 function LocaleProvider({
   children,
   locale = undefined,
-  fallbackLocale = undefined,
+  fallbackLocale = 'en',
   translations,
   onLoadingTranslation = undefined,
   languages = [],
@@ -104,7 +105,8 @@ function LocaleProvider({
   const langs = getLanguages(languages);
   // eslint-disable-next-line prefer-const
   let [currentLocale, setCurrentLocale] = useState<Locale>(locale || getLocale(langs));
-  const lastCurrentLocale = useRef<string>(fallbackLocale || '');
+  const defaultLocale = langs?.[0]?.code ?? fallbackLocale;
+  const lastCurrentLocale = useRef<string>(defaultLocale);
   const [, setForceUpdate] = useState(0);
 
   const changeLocale = (newLocale: Locale) => {
@@ -145,7 +147,11 @@ function LocaleProvider({
     [translations, currentLocale, fallbackLocale]
   );
 
-  return <Provider value={{ locale: currentLocale, changeLocale, t, languages: langs, ...rest }}>{children}</Provider>;
+  return (
+    <Provider value={{ locale: currentLocale, changeLocale, t, languages: langs, defaultLocale, ...rest }}>
+      {children}
+    </Provider>
+  );
 }
 
 function useLocaleContext() {

package/src/OrgTransfer/index.tsx

@@ -0,0 +1,53 @@
+import { useRef, cloneElement } from 'react';
+import { Button } from '@mui/material';
+import { useMemoizedFn } from 'ahooks';
+import OrgTransferSelector from './selector';
+import { OrgTransferProps } from './type';
+import translations from './locales';
+import { translate } from '../Locale/util';
+
+/**
+ * org transfer 弹框
+ */
+export default function Index({
+  org,
+  onSuccess,
+  resourceId,
+  buttonProps,
+  buttonText,
+  locale = 'en',
+  dialogProps,
+  children,
+}: OrgTransferProps) {
+  const t = useMemoizedFn((key, data = {}) => {
+    return translate(translations, key, locale, 'en', data);
+  });
+  const dialogRef = useRef(null);
+
+  const handleClick = () => {
+    if (dialogRef.current) {
+      (dialogRef.current as any).open({ selectedOrg: org });
+    }
+  };
+
+  return (
+    <>
+      {children ? (
+        cloneElement(children as React.ReactElement, { ...buttonProps, onClick: handleClick } as any)
+      ) : (
+        <Button {...buttonProps} onClick={handleClick}>
+          {buttonText || t('transferOrg')}
+        </Button>
+      )}
+
+      <OrgTransferSelector
+        locale={locale}
+        org={org}
+        ref={dialogRef}
+        resourceId={resourceId}
+        onSuccess={onSuccess}
+        dialogProps={dialogProps}
+      />
+    </>
+  );
+}

package/src/OrgTransfer/locales.ts

@@ -0,0 +1,25 @@
+export default {
+  en: {
+    transferOrg: 'Transfer to Other Organization',
+    cancel: 'Cancel',
+    confirm: 'Confirm',
+    tranferSuccess: 'Transfer success',
+    placeholder: 'Select an organization to transfer',
+    loading: 'Loading...',
+    noResults: 'No More',
+    resourceIdRequired: 'Please select the resource to transfer',
+    organizationSameAsCurrent:
+      'The selected organization is the same as the current organization, please select other organizations',
+  },
+  zh: {
+    transferOrg: '转移至其他组织',
+    cancel: '取消',
+    confirm: '确认',
+    tranferSuccess: '转移成功',
+    placeholder: '请选择要转移的组织',
+    loading: '加载中...',
+    noResults: '没有更多了',
+    resourceIdRequired: '请选择要转移的资源',
+    organizationSameAsCurrent: '选择的组织与当前组织相同，请选择其他组织',
+  },
+};