@blocklet/ui-react 3.0.26 → 3.0.28

package/lib/common/domain-warning.js

@@ -1,12 +1,12 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { useState as S, useMemo as d, useCallback as u } from "react";
 import p from "prop-types";
-import { Dialog as T, DialogContent as A, Typography as c, Box as C, DialogActions as W, Button as f } from "@mui/material";
-import { useMemoizedFn as v } from "ahooks";
-import { translate as M } from "@arcblock/ux/lib/Locale/util";
-import { joinURL as O } from "ufo";
+import { Dialog as T, DialogContent as C, Typography as c, Box as W, DialogActions as v, Button as f } from "@mui/material";
+import { useMemoizedFn as M } from "ahooks";
+import { translate as O } from "@arcblock/ux/lib/Locale/util";
+import { joinURL as A } from "ufo";
 import j from "../hooks/use-mobile.js";
-const z = ["admin", "owner"], I = (t) => t.endsWith(".ip.abtnet.io"), E = (t) => t.endsWith(".did.abtnet.io"), H = {
+const z = ["admin", "owner"], I = (i) => i.endsWith(".ip.abtnet.io"), E = (i) => i.endsWith(".did.abtnet.io"), H = {
   en: {
     guest: {
       title: "Notice: You are using a temporary domain",
@@ -42,13 +42,13 @@ const z = ["admin", "owner"], I = (t) => t.endsWith(".ip.abtnet.io"), E = (t) =>
     bindDomain: "配置域名"
   }
 }, N = 1e3 * 60 * 60 * 24 * 30, w = ".well-known/service/admin/domains";
-function P({ locale: t = "en", session: h = {} }) {
+function P({ locale: i = "en", session: h = {} }) {
   const l = h?.user, b = j(), [g, s] = S(() => {
     const e = window.localStorage.getItem("domain-warning-skip");
     if (!e) return !0;
-    const r = +/* @__PURE__ */ new Date(), y = +new Date(e);
-    return r - y > N;
-  }), n = v((e, r = {}) => M(H, e, t, "en", r)), m = d(() => {
+    const r = +/* @__PURE__ */ new Date(), k = +new Date(e);
+    return r - k > N;
+  }), n = M((e, r = {}) => O(H, e, i, "en", r)), m = d(() => {
     try {
       const { hostname: e } = new URL(window.location.href);
       return e;
@@ -66,13 +66,13 @@ function P({ locale: t = "en", session: h = {} }) {
     [n]
   ), D = u(() => {
     window.localStorage.setItem("domain-warning-skip", (/* @__PURE__ */ new Date()).toISOString()), s(!1);
-  }, []), k = u(() => {
-    const e = O(window.location.origin, w);
+  }, []), y = u(() => {
+    const e = A(window.location.origin, w);
     e.startsWith("http") && window.open(e, "_blank"), s(!1);
   }, []), o = l?.role && z.includes(l.role);
   return window.location.href.includes(w) || b || !I(m) && !E(m) ? null : /* @__PURE__ */ a(T, { open: g, disableEscapeKeyDown: !0, fullWidth: !0, maxWidth: "sm", onClose: () => s(!1), children: [
-    /* @__PURE__ */ a(A, { sx: { padding: "20px !important" }, children: [
-      /* @__PURE__ */ i(
+    /* @__PURE__ */ a(C, { sx: { padding: "20px !important" }, children: [
+      /* @__PURE__ */ t(
         c,
         {
           sx: {
@@ -82,33 +82,33 @@ function P({ locale: t = "en", session: h = {} }) {
           children: n(o ? "owner.title" : "guest.title")
         }
       ),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ t(
         c,
         {
           sx: {
             marginTop: "20px",
             fontSize: "14px",
-            color: "#9397A1"
+            color: "text.secondary"
           },
           children: n(o ? "owner.description" : "guest.description")
         }
       ),
-      o && /* @__PURE__ */ i(C, { component: "ul", children: x.map((e) => /* @__PURE__ */ i(
+      o && /* @__PURE__ */ t(W, { component: "ul", children: x.map((e) => /* @__PURE__ */ t(
         c,
         {
           component: "li",
           sx: {
             fontSize: "14px",
-            color: "#9397A1"
+            color: "text.secondary"
           },
           children: e
         },
         e
       )) })
     ] }),
-    /* @__PURE__ */ a(W, { sx: { px: "12px !important" }, children: [
-      /* @__PURE__ */ i(f, { onClick: D, children: n("skip") }),
-      o && /* @__PURE__ */ i(f, { variant: "contained", onClick: k, children: n("bindDomain") })
+    /* @__PURE__ */ a(v, { sx: { px: "12px !important" }, children: [
+      /* @__PURE__ */ t(f, { onClick: D, children: n("skip") }),
+      o && /* @__PURE__ */ t(f, { variant: "contained", onClick: y, children: n("bindDomain") })
     ] })
   ] });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "3.0.26",
+  "version": "3.0.28",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -35,9 +35,9 @@
   "dependencies": {
     "@abtnode/constant": "^1.16.46",
     "@abtnode/util": "^1.16.46",
-    "@arcblock/bridge": "3.0.26",
-    "@arcblock/icons": "3.0.26",
-    "@arcblock/react-hooks": "3.0.26",
+    "@arcblock/bridge": "3.0.28",
+    "@arcblock/icons": "3.0.28",
+    "@arcblock/react-hooks": "3.0.28",
     "@arcblock/ws": "^1.20.15",
     "@blocklet/constant": "^1.16.46",
     "@blocklet/did-space-react": "^1.1.6",
@@ -90,5 +90,5 @@
     "jest": "^29.7.0",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "7bfbe63186facc499363ec4bcc776d1506893576"
+  "gitHead": "a2d0c2d51c4a6f4fd301e59104fa5811bf4bd4ab"
 }

package/src/common/domain-warning.jsx

@@ -138,7 +138,7 @@ export default function DomainWarning({ locale = 'en', session = {} }) {
           sx={{
             marginTop: '20px',
             fontSize: '14px',
-            color: '#9397A1',
+            color: 'text.secondary',
           }}>
           {isOwner ? t('owner.description') : t('guest.description')}
         </Typography>
@@ -151,7 +151,7 @@ export default function DomainWarning({ locale = 'en', session = {} }) {
                 key={benefit}
                 sx={{
                   fontSize: '14px',
-                  color: '#9397A1',
+                  color: 'text.secondary',
                 }}>
                 {benefit}
               </Typography>