@arcblock/ux 3.0.6 → 3.0.8

package/lib/DID/index.js

@@ -5,15 +5,16 @@ import q from "qrcode.react";
 import { Icon as X } from "@iconify/react";
 import Y from "@iconify-icons/material-symbols/qr-code-rounded";
 import { Box as N, Dialog as G, DialogContent as J, Typography as S } from "@mui/material";
-import { useMemoizedFn as A, useCreation as g } from "ahooks";
+import { useMemoizedFn as v, useCreation as g } from "ahooks";
 import { useRef as K, useState as V, useImperativeHandle as Z } from "react";
 import { toAddress as ee } from "@arcblock/did";
+import oe from "lodash/noop";
 import k from "../Address/index.js";
-import oe from "../Avatar/index.js";
-import { DID_PREFIX as re } from "../Util/constant.js";
-import { translate as te } from "../Locale/util.js";
-import { isEthereumDid as ne, getDIDColor as se } from "../Util/index.js";
-const ie = {
+import re from "../Avatar/index.js";
+import { DID_PREFIX as te } from "../Util/constant.js";
+import { translate as ne } from "../Locale/util.js";
+import { isEthereumDid as se, getDIDColor as ie } from "../Util/index.js";
+const ae = {
   en: {
     scanQrcode: "Scan with DID Wallet to view the {role}",
     download: "Download",
@@ -24,29 +25,29 @@ const ie = {
     download: "下载",
     downloadTips: "没有 DID Wallet ？"
   }
-}, T = "xenon-2020-01-15", W = {
-  main: T,
-  "main.abtnetwork.io": T,
+}, A = "xenon-2020-01-15", W = {
+  main: A,
+  "main.abtnetwork.io": A,
   "beta.abtnetwork.io": "beta"
-}, ae = (e, r, o) => o ? se(e) : r.color, le = (e) => !{
+}, le = (e, r, o) => o ? ie(e) : r.color, de = (e) => !{
   0: !0,
   // ACCOUNT
   6: !0,
   // ASSET
   17: !0
   // TOKEN
-}[e], de = (e) => {
+}[e], ce = (e) => {
   if (e === P.RoleType.ROLE_ANY)
     return "DID";
   const [r] = Object.entries(P.RoleType).find((o) => o[1] === e) || [];
   return r ? r.toLowerCase().replace(/role_(\S)/g, (o, n) => n.toUpperCase()) : "DID";
-}, ce = (e, r, o) => r || le(e.roleType) ? o * 0.75 : o;
+}, pe = (e, r, o) => r || de(e.roleType) ? o * 0.75 : o;
 function F({ did: e, showAvatar: r }) {
-  const o = ne(e), n = o ? void 0 : j(e), m = g(() => o ? e : `${re}${e}`, [e, o]), c = A((i, a) => [
+  const o = se(e), n = o ? void 0 : j(e), f = g(() => o ? e : `${te}${e}`, [e, o]), c = v((i, a) => [
     /* @__PURE__ */ t(
       "span",
       {
-        style: { flex: "0 0 auto", color: ae(e, n, o) },
+        style: { flex: "0 0 auto", color: le(e, n, o) },
         children: "DID:"
       },
       `${a}-prefix-did-${i}`
@@ -56,11 +57,11 @@ function F({ did: e, showAvatar: r }) {
       ":"
     ] }, `${a}-prefix-abt-${i}`),
     r && /* @__PURE__ */ t(
-      oe,
+      re,
       {
         src: "",
         did: e,
-        size: ce(n, o, i || 18),
+        size: pe(n, o, i || 18),
         style: { display: "inline-flex", alignItems: "center", marginLeft: 2, marginRight: 4 },
         blockiesPadding: !1,
         className: "did-address-avatar",
@@ -72,22 +73,22 @@ function F({ did: e, showAvatar: r }) {
   return {
     isEthDid: o,
     didMotifInfo: n,
-    content: m,
+    content: f,
     getPrepend: c
   };
 }
-function Re({
-  ref: e,
+function _e({
+  ref: e = void 0,
   ...r
 }) {
   const {
     did: o,
     chainId: n,
-    roleType: m,
+    roleType: f,
     showAvatar: c = !0,
     showQrcode: i = !1,
     locale: a = "en",
-    size: v = 0,
+    size: T = 0,
     component: l = "span",
     copyable: R = !0,
     responsive: h = !0,
@@ -99,9 +100,9 @@ function Re({
     endChars: _ = 6,
     style: w,
     className: Q,
-    sx: f
+    sx: m
   } = r, s = ee(o), d = {
-    size: v,
+    size: T,
     component: l,
     copyable: R,
     responsive: h,
@@ -113,10 +114,10 @@ function Re({
     endChars: _,
     style: w,
     className: Q,
-    sx: f
-  }, C = K(null), { content: L, getPrepend: M } = F({ did: s, showAvatar: c }), [U, b] = V(!1), B = A(() => {
+    sx: m
+  }, C = K(null), { content: L, getPrepend: M } = F({ did: s, showAvatar: c }), [U, b] = V(!1), B = v(() => {
     b(!1);
-  }), O = A((y) => {
+  }), O = v((y) => {
     y.stopPropagation(), y.preventDefault(), b(!0);
   });
   return Z(e, () => new Proxy(
@@ -162,11 +163,11 @@ function Re({
       "address"
     ),
     /* @__PURE__ */ t(
-      pe,
+      ue,
       {
         did: s,
         chainId: n,
-        roleType: m,
+        roleType: f,
         showAvatar: c,
         open: U,
         onClose: B,
@@ -175,22 +176,22 @@ function Re({
     )
   ] });
 }
-function pe({
+function ue({
   did: e,
-  chainId: r,
-  roleType: o,
+  chainId: r = void 0,
+  roleType: o = void 0,
   showAvatar: n = !0,
   // DialogProps
-  open: m,
+  open: f,
   fullScreen: c = !1,
   fullWidth: i = !1,
   scroll: a = "paper",
-  onClose: v,
+  onClose: T = oe,
   // AddressProps
   locale: l = "en",
   ...R
 }) {
-  const h = A((f, s = {}) => te(ie, f, l, "en", s)), { isEthDid: p, content: u, didMotifInfo: D, getPrepend: $ } = F({ did: e, showAvatar: n }), I = g(() => ["zh", "en"].includes(l) ? `https://www.didwallet.io/${l}` : "https://www.didwallet.io/en", [l]), _ = g(() => /* @__PURE__ */ x(H, { children: [
+  const h = v((m, s = {}) => ne(ae, m, l, "en", s)), { isEthDid: p, content: u, didMotifInfo: D, getPrepend: $ } = F({ did: e, showAvatar: n }), I = g(() => ["zh", "en"].includes(l) ? `https://www.didwallet.io/${l}` : "https://www.didwallet.io/en", [l]), _ = g(() => /* @__PURE__ */ x(H, { children: [
     h("downloadTips"),
     " ",
     /* @__PURE__ */ t(
@@ -211,24 +212,24 @@ function pe({
       }
     )
   ] }), [I]), w = g(() => {
-    var f;
+    var m;
     if (r)
       return W[r] || r;
     if (p) return "1";
     try {
-      const s = (f = window.blocklet) == null ? void 0 : f.CHAIN_HOST, d = new URL(s).hostname;
+      const s = (m = window.blocklet) == null ? void 0 : m.CHAIN_HOST, d = new URL(s).hostname;
       if (d)
-        return W[d] || T;
+        return W[d] || A;
     } catch (s) {
       console.warn("Failed to parse chainHost:", s);
     }
-    return T;
+    return A;
   }, [p, r]), Q = g(() => p ? `ethereum:abtwallet.io/i?address=${u}&action=didRecognize&chainID=${w}` : `abt://abtwallet.io/i?did=${u}&action=didRecognize&chainID=${w}`, [u, p, w]);
   return /* @__PURE__ */ t(
     G,
     {
-      open: m,
-      onClose: v,
+      open: f,
+      onClose: T,
       fullScreen: c,
       fullWidth: i,
       scroll: a,
@@ -240,7 +241,7 @@ function pe({
         }
       },
       children: /* @__PURE__ */ x(J, { align: "center", sx: { p: 3 }, children: [
-        /* @__PURE__ */ t(S, { sx: { mb: 2, fontWeight: 500, fontSize: 18 }, children: h("scanQrcode", { role: de(o || (D == null ? void 0 : D.roleType)) }) }),
+        /* @__PURE__ */ t(S, { sx: { mb: 2, fontWeight: 500, fontSize: 18 }, children: h("scanQrcode", { role: ce(o || (D == null ? void 0 : D.roleType)) }) }),
         /* @__PURE__ */ t(
           q,
           {
@@ -280,7 +281,7 @@ function pe({
   );
 }
 export {
-  Re as DID,
-  pe as DIDDialog,
-  Re as default
+  _e as DID,
+  ue as DIDDialog,
+  _e as default
 };

package/lib/DIDConnect/app-info-item.js

@@ -12,7 +12,7 @@ function b({
   appInfo: r,
   active: l = !1,
   appLogo: s = null,
-  sx: a
+  sx: a = {}
 }) {
   const t = x(null), o = h(t), n = u(() => o ? o.width < C - 50 : !0, [o, o == null ? void 0 : o.width]);
   return /* @__PURE__ */ p(

package/lib/DIDConnect/auth-apps/index.js

@@ -1,7 +1,7 @@
-import { jsx as n, jsxs as r, Fragment as G } from "react/jsx-runtime";
-import { CircularProgress as x, Box as l, Stack as H, Button as p, Typography as J, Link as K } from "@mui/material";
+import { jsx as i, jsxs as r, Fragment as G } from "react/jsx-runtime";
+import { CircularProgress as x, Box as l, Stack as H, Button as v, Typography as J, Link as K } from "@mui/material";
 import { useReactive as O, useMemoizedFn as t } from "ahooks";
-import o from "lodash/noop";
+import c from "lodash/noop";
 import Q from "../did-connect-container.js";
 import S from "./auth-apps-info.js";
 import V from "../../Center/index.js";
@@ -10,7 +10,7 @@ import { translate as Y } from "../../Locale/util.js";
 import { useLocaleContext as Z } from "../../Locale/context.js";
 import _ from "../../UserCard/index.js";
 import { InfoType as $, CardType as P } from "../../UserCard/types.js";
-import { mergeSx as z } from "../../Util/style.js";
+import { mergeSx as b } from "../../Util/style.js";
 const ee = {
   en: {
     notThis: "Not this?",
@@ -29,57 +29,57 @@ const ee = {
 };
 function ge({
   session: a,
-  requestAppInfo: k,
-  currentAppInfo: v,
-  children: T,
-  userInfo: s,
+  requestAppInfo: z,
+  currentAppInfo: k,
+  children: T = null,
+  userInfo: s = void 0,
   hideSwitchConnect: A = !1,
   hideAuthorize: D = !1,
   hideCancel: I = !1,
-  notThisText: L,
-  authorizeText: W,
-  connectText: j,
-  cancelText: w,
-  useAnotherText: B,
-  slotProps: e,
-  onConnect: u = o,
-  onAuthorize: h = o,
-  onSwitchConnect: m = o,
-  onCancel: f = o
+  notThisText: L = void 0,
+  authorizeText: W = void 0,
+  connectText: j = void 0,
+  cancelText: w = void 0,
+  useAnotherText: B = void 0,
+  slotProps: e = void 0,
+  onConnect: u = c,
+  onAuthorize: h = c,
+  onSwitchConnect: m = c,
+  onCancel: f = c
 }) {
-  var C, y, b;
-  const i = O({
+  var p, C, y;
+  const n = O({
     loading: !1
   }), { locale: F = "en" } = Z() || {}, d = t((q, E = {}) => Y(ee, q, F, "en", E)), g = t(() => {
-    i.loading = !1;
+    n.loading = !1;
   }), M = t(() => {
-    i.loading = !0, u == null || u(g);
+    n.loading = !0, u == null || u(g);
   }), R = t(() => {
-    i.loading = !0, m == null || m(g);
+    n.loading = !0, m == null || m(g);
   }), U = t(() => {
-    i.loading = !0, h == null || h(g);
+    n.loading = !0, h == null || h(g);
   }), N = t(() => {
     f == null || f();
   });
   if (a.loading || !a.initialized)
-    return /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(x, {}) });
-  const c = s ?? (a == null ? void 0 : a.user);
-  return /* @__PURE__ */ n(X, { did: (C = window.blocklet) == null ? void 0 : C.appPid, standalone: !0, children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ i(V, { children: /* @__PURE__ */ i(x, {}) });
+  const o = s ?? (a == null ? void 0 : a.user);
+  return /* @__PURE__ */ i(X, { did: (p = window.blocklet) == null ? void 0 : p.appPid, standalone: !0, children: /* @__PURE__ */ i(
     l,
     {
       ...e == null ? void 0 : e.root,
-      sx: z(
+      sx: b(
         {
           width: 420,
           maxWidth: "100%"
         },
-        (y = e == null ? void 0 : e.root) == null ? void 0 : y.sx
+        (C = e == null ? void 0 : e.root) == null ? void 0 : C.sx
       ),
-      children: /* @__PURE__ */ n(Q, { hideCloseButton: !0, ...e == null ? void 0 : e.didConnectContainer, children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ i(Q, { hideCloseButton: !0, ...e == null ? void 0 : e.didConnectContainer, children: /* @__PURE__ */ r(
         l,
         {
           ...e == null ? void 0 : e.contentContainer,
-          sx: z(
+          sx: b(
             {
               display: "flex",
               flexDirection: "column",
@@ -95,16 +95,16 @@ function ge({
               },
               bgcolor: "background.paper"
             },
-            (b = e == null ? void 0 : e.contentContainer) == null ? void 0 : b.sx
+            (y = e == null ? void 0 : e.contentContainer) == null ? void 0 : y.sx
           ),
           children: [
-            /* @__PURE__ */ n(S, { requestAppInfo: k, currentAppInfo: v }),
-            c ? /* @__PURE__ */ r(G, { children: [
-              /* @__PURE__ */ n(_, { user: c, showDid: !0, cardType: P.Detailed, infoType: $.Minimal }),
-              /* @__PURE__ */ n(l, {})
+            /* @__PURE__ */ i(S, { requestAppInfo: z, currentAppInfo: k }),
+            o ? /* @__PURE__ */ r(G, { children: [
+              /* @__PURE__ */ i(_, { user: o, showDid: !0, cardType: P.Detailed, infoType: $.Minimal }),
+              /* @__PURE__ */ i(l, {})
             ] }) : null,
             T,
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ i(
               l,
               {
                 sx: {
@@ -117,8 +117,8 @@ function ge({
               }
             ),
             /* @__PURE__ */ r(H, { direction: "row", spacing: 2, children: [
-              I ? null : /* @__PURE__ */ n(
-                p,
+              I ? null : /* @__PURE__ */ i(
+                v,
                 {
                   color: "inherit",
                   variant: "outlined",
@@ -131,35 +131,35 @@ function ge({
                   children: w || d("cancel")
                 }
               ),
-              c && !D ? /* @__PURE__ */ r(
-                p,
+              o && !D ? /* @__PURE__ */ r(
+                v,
                 {
                   variant: "contained",
                   size: "large",
                   fullWidth: !0,
                   onClick: U,
-                  disabled: i.loading,
+                  disabled: n.loading,
                   children: [
-                    i.loading ? /* @__PURE__ */ n(x, { size: 20, sx: { mr: 1 } }) : null,
+                    n.loading ? /* @__PURE__ */ i(x, { size: 20, sx: { mr: 1 } }) : null,
                     W || d("authorize")
                   ]
                 }
               ) : /* @__PURE__ */ r(
-                p,
+                v,
                 {
                   variant: "contained",
                   size: "large",
                   fullWidth: !0,
-                  disabled: i.loading,
+                  disabled: n.loading,
                   onClick: M,
                   children: [
-                    i.loading ? /* @__PURE__ */ n(x, { size: 20, sx: { mr: 1 } }) : null,
+                    n.loading ? /* @__PURE__ */ i(x, { size: 20, sx: { mr: 1 } }) : null,
                     j || d("connect")
                   ]
                 }
               )
             ] }),
-            A || !c ? null : /* @__PURE__ */ n(l, { sx: { textAlign: "center" }, children: /* @__PURE__ */ r(
+            A || !o ? null : /* @__PURE__ */ i(l, { sx: { textAlign: "center" }, children: /* @__PURE__ */ r(
               J,
               {
                 variant: "body2",
@@ -172,7 +172,7 @@ function ge({
                 children: [
                   L || d("notThis"),
                   " ",
-                  /* @__PURE__ */ n(
+                  /* @__PURE__ */ i(
                     K,
                     {
                       underline: "hover",

package/lib/DIDConnect/did-connect-container.js

@@ -1,8 +1,8 @@
-import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import { memo as J, createElement as U, useRef as X } from "react";
 import { useBrowser as Y } from "@arcblock/react-hooks";
 import { Backdrop as Z, useMediaQuery as P, useTheme as ee, Box as l, Drawer as oe, SwipeableDrawer as re, Dialog as ne, DialogContent as ae } from "@mui/material";
-import { useCreation as te, useDebounce as ie } from "ahooks";
+import { useCreation as ie, useDebounce as te } from "ahooks";
 import de from "color-convert";
 import { getDIDMotifInfo as ce } from "@arcblock/did-motif";
 import le from "lodash/noop";
@@ -30,31 +30,31 @@ function ye({
   popup: f = !1,
   hideCloseButton: w = !1,
   children: g,
-  appPid: E,
-  slotProps: e,
+  appPid: E = void 0,
+  slotProps: e = void 0,
   onClose: G = le,
   keepMounted: k = !1
 }) {
   var y, A, L, _, B, I, z, M;
-  const n = te(() => {
-    const o = E || window.blocklet.appPid, r = ue(o), t = r ? void 0 : ce(o);
-    return r ? se(o) : t.color;
+  const n = ie(() => {
+    const o = E || window.blocklet.appPid, r = ue(o), i = r ? void 0 : ce(o);
+    return r ? se(o) : i.color;
   }, []), C = X(null), N = Y(), O = P("(max-width:640px)");
   let s = "page";
   f && (s = "dialog", O && N.mobile.any && (s = "drawer"));
-  const b = ee(), T = ((A = (y = b == null ? void 0 : b.transitions) == null ? void 0 : y.duration) == null ? void 0 : A.leavingScreen) || 500, W = ie(a, {
+  const b = ee(), T = ((A = (y = b == null ? void 0 : b.transitions) == null ? void 0 : y.duration) == null ? void 0 : A.leavingScreen) || 500, W = te(a, {
     wait: T
   }), D = (o, r) => {
     ["backdropClick", "escapeKeyDown"].includes(r) || G();
-  }, R = W || a || k, F = w ? oe : re, H = de.hex.hsl(n), [$, v, d] = H, x = [0, 30, 60, 30, 0, 30, 60, 30], K = Math.max(...x), Q = Math.min(...x);
+  }, v = W || a || k, F = w ? oe : re, H = de.hex.hsl(n), [R, $, d] = H, x = [0, 30, 60, 30, 0, 30, 60, 30], K = Math.max(...x), Q = Math.min(...x);
   let p = !1;
   (d * (100 + K) / 100 > 100 || d * (100 + Q) / 100 < 0) && (p = !0);
   const V = `linear-gradient(45deg, ${x.map((o) => {
-    let r = d * (100 + o) / 100, t = 0.6;
-    return p ? t = 0.5 * (100 + o) / 100 : r = d * (100 + o) / 100, `hsla(${$}, ${v}%, ${r}%, ${t})`;
+    let r = d * (100 + o) / 100, i = 0.6;
+    return p ? i = 0.5 * (100 + o) / 100 : r = d * (100 + o) / 100, `hsla(${R}, ${$}%, ${r}%, ${i})`;
   }).join(", ")})`, q = `linear-gradient(45deg, ${x.map((o) => {
-    let r = d * (100 + o) / 100, t = 0.2;
-    return p ? t = 0.3 * (100 + o) / 100 : r = d * (100 + o) / 100, `hsla(${$}, ${v}%, ${r}%, ${t})`;
+    let r = d * (100 + o) / 100, i = 0.2;
+    return p ? i = 0.3 * (100 + o) / 100 : r = d * (100 + o) / 100, `hsla(${R}, ${$}%, ${r}%, ${i})`;
   }).join(", ")})`, S = a ? {
     overflow: "visible",
     "&::before, &::after": {
@@ -87,7 +87,7 @@ function ye({
       }
     }
   } : {};
-  return s === "page" ? /* @__PURE__ */ i(
+  return s === "page" ? /* @__PURE__ */ t(
     l,
     {
       className: "did-connect__container-page",
@@ -115,7 +115,7 @@ function ye({
           },
           children: [
             g,
-            /* @__PURE__ */ i(h, { currentAppColor: n, sx: c({ mx: 0 }, (_ = e == null ? void 0 : e.footer) == null ? void 0 : _.sx) })
+            /* @__PURE__ */ t(h, { currentAppColor: n, sx: c({ mx: 0 }, (_ = e == null ? void 0 : e.footer) == null ? void 0 : _.sx) })
           ]
         }
       )
@@ -163,7 +163,7 @@ function ye({
         )
       },
       children: [
-        w ? null : /* @__PURE__ */ i(
+        w ? null : /* @__PURE__ */ t(
           l,
           {
             ref: C,
@@ -175,7 +175,7 @@ function ye({
               mb: -2,
               zIndex: 2
             },
-            children: /* @__PURE__ */ i(
+            children: /* @__PURE__ */ t(
               l,
               {
                 sx: {
@@ -199,14 +199,14 @@ function ye({
               backgroundColor: "background.default"
             },
             children: [
-              R ? g : null,
-              /* @__PURE__ */ i(h, { currentAppColor: n, sx: c({ mx: 0 }, (I = e == null ? void 0 : e.footer) == null ? void 0 : I.sx) })
+              v ? g : null,
+              /* @__PURE__ */ t(h, { currentAppColor: n, sx: c({ mx: 0 }, (I = e == null ? void 0 : e.footer) == null ? void 0 : I.sx) })
             ]
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ t(
     ne,
     {
       open: a,
@@ -243,8 +243,8 @@ function ye({
             backgroundColor: "background.default"
           },
           children: [
-            R ? g : null,
-            /* @__PURE__ */ i(h, { currentAppColor: n, sx: c({ mx: 0 }, (M = e == null ? void 0 : e.footer) == null ? void 0 : M.sx) })
+            v ? g : null,
+            /* @__PURE__ */ t(h, { currentAppColor: n, sx: c({ mx: 0 }, (M = e == null ? void 0 : e.footer) == null ? void 0 : M.sx) })
           ]
         }
       )

package/lib/DIDConnect/did-connect-footer.js

@@ -12,7 +12,7 @@ import { DID_CONNECT_MEDIUM_WIDTH as D } from "../Util/constant.js";
 function z({
   currentAppInfo: r = globalThis.blocklet,
   currentAppColor: n = ((s) => (s = globalThis.blocklet) == null ? void 0 : s.appPid)() ? I(((f) => (f = globalThis.blocklet) == null ? void 0 : f.appPid)()) : "#fff",
-  sx: l
+  sx: l = {}
 }) {
   const p = u(), t = x(null), o = c(t), i = d(() => o ? o.width < D - 50 : !0, [o, o == null ? void 0 : o.width]);
   return /* @__PURE__ */ m(

package/lib/DIDConnect/landing-page.js

@@ -6,42 +6,42 @@ import { useCreation as T } from "ahooks";
 import "../Theme/theme.js";
 import "../Theme/theme-provider.js";
 import E from "../PoweredByArcBlock/index.js";
-import y from "../Avatar/index.js";
+import b from "../Avatar/index.js";
 import { getDIDColor as M, hexToRgba as z } from "../Util/index.js";
 import L from "../hooks/use-blocklet-logo.js";
 function K({
   did: a,
   children: n,
-  title: l,
-  description: s,
-  actions: h,
-  logo: r,
-  logoSize: m = 50,
-  poweredBy: c,
-  termsOfUse: u,
-  standalone: v = !1
+  title: l = void 0,
+  description: s = void 0,
+  actions: h = void 0,
+  logo: i = void 0,
+  logoSize: d = 50,
+  poweredBy: m = void 0,
+  termsOfUse: u = void 0,
+  standalone: y = !1
 }) {
-  const i = (globalThis == null ? void 0 : globalThis.blocklet) || (globalThis == null ? void 0 : globalThis.env) || {}, { palette: g } = C(), d = j((o) => o.breakpoints.down("lg")), I = L({
-    meta: i
+  const o = (globalThis == null ? void 0 : globalThis.blocklet) || (globalThis == null ? void 0 : globalThis.env) || {}, { palette: g } = C(), c = j((r) => r.breakpoints.down("lg")), I = L({
+    meta: o
   }), D = T(() => {
-    const o = i.appPid, b = B(o), w = b ? void 0 : P(o);
-    return b ? M(o) : w.color;
-  }, [i == null ? void 0 : i.appPid]);
+    const r = o.appPid, v = B(r), w = v ? void 0 : P(r);
+    return v ? M(r) : w.color;
+  }, [o == null ? void 0 : o.appPid]);
   if (!a)
     return n;
-  l === void 0 && (l = i.appName), s === void 0 && (s = i.appDescription), r === void 0 && (r = I || ""), typeof r == "string" && (r ? r = /* @__PURE__ */ t(
+  l === void 0 && (l = o.appName), s === void 0 && (s = o.appDescription), i === void 0 && (i = I || ""), typeof i == "string" && (i ? i = /* @__PURE__ */ t(
     e,
     {
       sx: {
-        height: m,
-        maxHeight: m,
+        height: d,
+        maxHeight: d,
         objectFit: "contain"
       },
       component: "img",
-      src: r,
-      alt: `${i.appName}'s logo`
+      src: i,
+      alt: `${o.appName}'s logo`
     }
-  ) : r = /* @__PURE__ */ t(y, { size: m, did: a, src: r, variant: "rounded" })), c === void 0 && (c = /* @__PURE__ */ t(
+  ) : i = /* @__PURE__ */ t(b, { size: d, did: a, src: i, variant: "rounded" })), m === void 0 && (m = /* @__PURE__ */ t(
     E,
     {
       linkProps: {
@@ -52,7 +52,7 @@ function K({
           }
         }
       },
-      showExtra: !d,
+      showExtra: !c,
       sx: {
         textAlign: "center",
         fontSize: "12px",
@@ -61,19 +61,19 @@ function K({
     }
   ));
   let p = n;
-  !n && !d && (p = /* @__PURE__ */ t(
+  !n && !c && (p = /* @__PURE__ */ t(
     e,
     {
       sx: {
         filter: "blur(180px)",
         display: "flex"
       },
-      children: /* @__PURE__ */ t(y, { size: 210, did: a, variant: "rounded" })
+      children: /* @__PURE__ */ t(b, { size: 210, did: a, variant: "rounded" })
     }
   ));
   const k = !!n;
-  let f = !v;
-  return d && (f = !k), /* @__PURE__ */ x(
+  let f = !y;
+  return c && (f = !k), /* @__PURE__ */ x(
     e,
     {
       sx: {
@@ -121,7 +121,7 @@ function K({
                     gap: 1.5
                   },
                   children: [
-                    /* @__PURE__ */ t(e, { sx: { display: "flex", alignItems: "center" }, children: r }),
+                    /* @__PURE__ */ t(e, { sx: { display: "flex", alignItems: "center" }, children: i }),
                     /* @__PURE__ */ t(
                       A,
                       {
@@ -167,7 +167,7 @@ function K({
               right: 10,
               textAlign: "center"
             },
-            children: c
+            children: m
           }
         )
       ]