@arcblock/ux 3.0.33 → 3.0.35

package/lib/Avatar/index.d.ts

@@ -21,6 +21,7 @@ export type AvatarProps = {
     shape?: "" | "rectangle" | "square" | "hexagon" | "circle";
     blockiesPadding?: true | false;
     responsive?: false | true;
+    useProxyFallback?: boolean;
 } & Omit<import('../Img').ImgProps, "size" | "src">;
 export { Avatar as AvatarProps };
 /**
@@ -34,6 +35,7 @@ export { Avatar as AvatarProps };
  *  shape?: '' | 'rectangle' | 'square' | 'hexagon' | 'circle';
  *  blockiesPadding?: true | false;
  *  responsive?: false | true;
+ *  useProxyFallback?: boolean;
  * } & Omit<import('../Img').ImgProps, 'size' | 'src'>} AvatarProps
  */
 /**
@@ -51,6 +53,7 @@ declare namespace Avatar {
         let shape: PropTypes.Requireable<string>;
         let blockiesPadding: PropTypes.Requireable<boolean>;
         let responsive: PropTypes.Requireable<boolean>;
+        let useProxyFallback: PropTypes.Requireable<boolean>;
     }
     export { propTypes_1 as propTypes };
 }

package/lib/Avatar/index.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useState as k, useMemo as P } from "react";
-import t from "prop-types";
+import { useState as I, useMemo as P } from "react";
+import a from "prop-types";
 import { ErrorBoundary as z } from "react-error-boundary";
 import { Shape as D } from "@arcblock/did-motif";
 import { Box as u } from "@mui/material";
@@ -13,12 +13,12 @@ import { DID_PREFIX as f } from "../Util/constant.js";
 function d({ ...s }) {
   const r = Object.assign({}, s);
   n(r.did) && (r.did = ""), n(r.size) && (r.size = 36), n(r.variant) && (r.variant = "default"), n(r.animation) && (r.animation = !1), n(r.shape) && (r.shape = ""), n(r.blockiesPadding) && (r.blockiesPadding = !0), n(r.responsive) && (r.responsive = !1);
-  const [c, h] = k(!1), g = E(r, d, []), { did: i = "", size: e, src: p, variant: b, animation: v, shape: x, blockiesPadding: y, responsive: w, ...a } = g, l = P(() => R(i) ? T.createIcon({
+  const [l, h] = I(!1), g = E(r, d, []), { did: i = "", size: e, src: p, variant: b, animation: v, shape: x, blockiesPadding: y, responsive: k, ...t } = g, c = P(() => R(i) ? T.createIcon({
     seed: i.replace(f, "").toLowerCase(),
     size: 8,
     scale: 16
   }).toDataURL() : null, [i]);
-  if (p && !c)
+  if (p && !l)
     return /* @__PURE__ */ o(
       m,
       {
@@ -26,8 +26,9 @@ function d({ ...s }) {
         src: p,
         alt: i,
         onError: () => h(!0),
-        ...a,
-        className: `avatar-img--${b} ${a?.className || ""}`,
+        ...t,
+        className: `avatar-img--${b} ${t?.className || ""}`,
+        useProxyFallback: !0,
         sx: {
           "& .avatar-img--rounded": {
             borderRadius: "4px",
@@ -37,17 +38,17 @@ function d({ ...s }) {
             borderRadius: "100%",
             overflow: "hidden"
           },
-          ...a.sx
+          ...t.sx
         }
       }
     );
-  if (l) {
+  if (c) {
     if (y) {
-      const I = e > 24 ? 4 : 2;
+      const w = e > 24 ? 4 : 2;
       return /* @__PURE__ */ o(
         u,
         {
-          ...a,
+          ...t,
           sx: {
             display: "flex",
             alignItems: "center",
@@ -63,13 +64,13 @@ function d({ ...s }) {
               borderRadius: `${Math.min(10, Math.floor(0.1 * e + 2))}px`,
               background: "#ddd"
             },
-            ...a.sx
+            ...t.sx
           },
-          children: /* @__PURE__ */ o("div", { className: "blocky-icon-inner", children: /* @__PURE__ */ o(m, { width: e * 0.7 - I * 2, src: l, alt: i }) })
+          children: /* @__PURE__ */ o("div", { className: "blocky-icon-inner", children: /* @__PURE__ */ o(m, { width: e * 0.7 - w * 2, src: c, alt: i }) })
         }
       );
     }
-    return /* @__PURE__ */ o(m, { ...a, width: e, src: l, alt: i, style: { marginRight: 4 } });
+    return /* @__PURE__ */ o(m, { ...t, width: e, src: c, alt: i, style: { marginRight: 4 } });
   }
   if (i)
     return /* @__PURE__ */ o(
@@ -79,25 +80,26 @@ function d({ ...s }) {
         size: e,
         animation: v,
         shape: D[(x || "").toUpperCase()],
-        responsive: w,
-        ...a
+        responsive: k,
+        ...t
       }
     );
   throw new Error(`Invalid DID: ${i}`);
 }
 d.propTypes = {
-  did: t.string,
-  size: t.number,
-  variant: t.oneOf(["circle", "rounded", "default"]),
+  did: a.string,
+  size: a.number,
+  variant: a.oneOf(["circle", "rounded", "default"]),
   // animation 仅对 did motif 有效
-  animation: t.bool,
+  animation: a.bool,
   // shape 仅对 did motif 有效, 明确指定 motif shape, 而非由 did role type 自动推断 shape
-  shape: t.oneOf(["", "rectangle", "square", "hexagon", "circle"]),
-  blockiesPadding: t.bool,
-  responsive: t.bool
+  shape: a.oneOf(["", "rectangle", "square", "hexagon", "circle"]),
+  blockiesPadding: a.bool,
+  responsive: a.bool,
+  useProxyFallback: a.bool
 };
 function $(s) {
-  const r = s.size || 36, c = { rounded: "4px", circle: "100%" }[s.variant] || 0;
+  const r = s.size || 36, l = { rounded: "4px", circle: "100%" }[s.variant] || 0;
   return /* @__PURE__ */ o(
     z,
     {
@@ -108,7 +110,7 @@ function $(s) {
             width: r,
             height: r,
             bgcolor: "grey.300",
-            borderRadius: c
+            borderRadius: l
           }
         }
       ),

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

@@ -1,21 +1,12 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { Box as r, Typography as n } from "@mui/material";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { Box as e, Typography as l } from "@mui/material";
 import i from "../../Img/index.js";
-import { BLOCKLET_SERVICE_PATH_PREFIX as s } from "../../Util/constant.js";
-const l = (e) => {
-  if (!e) return "";
-  try {
-    return new URL(e).protocol !== "https:" ? (console.warn("Image URL must use HTTPS protocol:", e), "") : `${s}/proxy?url=${e}`;
-  } catch (t) {
-    return console.warn("Invalid image URL format:", e, t), "";
-  }
-};
-function g({
-  requestAppInfo: e,
-  currentAppInfo: t
+function m({
+  requestAppInfo: a,
+  currentAppInfo: o
 }) {
-  return /* @__PURE__ */ a(
-    r,
+  return /* @__PURE__ */ r(
+    e,
     {
       sx: {
         textAlign: "center",
@@ -25,8 +16,8 @@ function g({
         gap: 2
       },
       children: [
-        /* @__PURE__ */ a(
-          r,
+        /* @__PURE__ */ r(
+          e,
           {
             sx: {
               display: "flex",
@@ -34,18 +25,9 @@ function g({
               justifyContent: "center"
             },
             children: [
-              /* @__PURE__ */ o(
-                i,
-                {
-                  src: t.appLogo,
-                  alt: "Server",
-                  width: 48,
-                  height: 48,
-                  fallback: l(t.appLogo)
-                }
-              ),
-              /* @__PURE__ */ a(
-                r,
+              /* @__PURE__ */ t(i, { src: o.appLogo, alt: "Server", width: 48, height: 48, useProxyFallback: !0 }),
+              /* @__PURE__ */ r(
+                e,
                 {
                   sx: {
                     mx: 2,
@@ -60,27 +42,18 @@ function g({
                     }
                   },
                   children: [
-                    /* @__PURE__ */ o(r, { className: "dot" }),
-                    /* @__PURE__ */ o(r, { className: "dot" }),
-                    /* @__PURE__ */ o(r, { className: "dot" })
+                    /* @__PURE__ */ t(e, { className: "dot" }),
+                    /* @__PURE__ */ t(e, { className: "dot" }),
+                    /* @__PURE__ */ t(e, { className: "dot" })
                   ]
                 }
               ),
-              /* @__PURE__ */ o(
-                i,
-                {
-                  src: e.appLogo,
-                  alt: e.appName,
-                  width: 48,
-                  height: 48,
-                  fallback: l(e.appLogo)
-                }
-              )
+              /* @__PURE__ */ t(i, { src: a.appLogo, alt: a.appName, width: 48, height: 48, useProxyFallback: !0 })
             ]
           }
         ),
-        /* @__PURE__ */ a(
-          n,
+        /* @__PURE__ */ r(
+          l,
           {
             sx: {
               mb: 1,
@@ -89,7 +62,7 @@ function g({
             children: [
               "Authorize",
               " ",
-              /* @__PURE__ */ o(r, { component: "span", sx: { color: "primary.main" }, children: e.appName })
+              /* @__PURE__ */ t(e, { component: "span", sx: { color: "primary.main" }, children: a.appName })
             ]
           }
         )
@@ -98,5 +71,5 @@ function g({
   );
 }
 export {
-  g as default
+  m as default
 };

package/lib/DIDConnect/icons/did-wallet-logo.d.ts

@@ -0,0 +1,7 @@
+type LogoSize = number | string;
+export default function DIDWalletLogo({ width, height, ...rest }: {
+    width?: LogoSize;
+    height?: LogoSize;
+    [key: string]: any;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/DIDConnect/icons/did-wallet-logo.js

@@ -0,0 +1,12 @@
+import { jsx as L } from "react/jsx-runtime";
+import { Box as N } from "@mui/material";
+function i({
+  width: M = "100%",
+  height: I = "100%",
+  ...j
+}) {
+  return /* @__PURE__ */ L(N, { component: "img", width: M, height: I, alt: "did-wallet-logo", ...j, src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI3ByZWZpeF9fY2xpcDApIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHJ4PSI2IiBmaWxsPSJ1cmwoI3ByZWZpeF9fcGFpbnQwX2xpbmVhcikiLz48ZyBmaWx0ZXI9InVybCgjcHJlZml4X19maWx0ZXIwX2kpIj48cGF0aCBkPSJNMy41MiA3LjM2QTIuNTYgMi41NiAwIDAxNi4wOCA0LjhoMTkuODRhMi41NiAyLjU2IDAgMDEyLjU2IDIuNTZ2MTIuMTZhMi41NiAyLjU2IDAgMDEtMi41NiAyLjU2SDYuMDhhMi41NiAyLjU2IDAgMDEtMi41Ni0yLjU2VjcuMzZ6IiBmaWxsPSIjOUZDQkZGIi8+PC9nPjxnIGZpbHRlcj0idXJsKCNwcmVmaXhfX2ZpbHRlcjFfZCkiPjxwYXRoIGQ9Ik0yLjU2IDkuMjhhMi41NiAyLjU2IDAgMDEyLjU2LTIuNTZoMjEuNzZhMi41NiAyLjU2IDAgMDEyLjU2IDIuNTZ2MTMuNmEyLjU2IDIuNTYgMCAwMS0yLjU2IDIuNTZINS4xMmEyLjU2IDIuNTYgMCAwMS0yLjU2LTIuNTZWOS4yOHoiIGZpbGw9InVybCgjcHJlZml4X19wYWludDFfbGluZWFyKSIvPjwvZz48ZyBmaWx0ZXI9InVybCgjcHJlZml4X19maWx0ZXIyX2QpIj48cGF0aCBkPSJNMCAyMi4zMmwzMi02LjE2VjMySDB2LTkuNjh6IiBmaWxsPSJ1cmwoI3ByZWZpeF9fcGFpbnQyX2xpbmVhcikiLz48L2c+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjUzNiA5LjI0OGg4LjI4OGMuNDA4IDAgLjc0LjMuNzQuNjcydjQuNjRjMCAuMzcxLS4zMzIuNjcyLS43NC42NzJINS41MzZjLS40MDggMC0uNzQtLjMtLjc0LS42NzJ2LS4wNGEuMTU4LjE1OCAwIDEwLS4zMTYgMHYuMDRjMCAuNTMuNDczLjk2IDEuMDU2Ljk2aDguMjg4Yy41ODMgMCAxLjA1Ni0uNDMgMS4wNTYtLjk2VjkuOTJjMC0uNTMtLjQ3My0uOTYtMS4wNTYtLjk2SDUuNTM2Yy0uNTgzIDAtMS4wNTYuNDMtMS4wNTYuOTZ2LjA0YS4xNTguMTU4IDAgMDAuMzE3IDB2LS4wNGMwLS4zNzEuMzMtLjY3Mi43MzktLjY3MnptLTEuMDIzIDQuNjM4YS4xMjcuMTI3IDAgMDAuMDg3LjAzNGgxLjI2N2MuNDcyIDAgLjgzLS4xMDcgMS4wNzYtLjMyMi4yNS0uMjE3LjM4MS0uNTQ4LjM5Ny0uOTkzYTExLjI4MSAxMS4yODEgMCAwMDAtLjczNGMtLjAxMi0uNDI2LS4xNDgtLjc1MS0uNDA2LS45NzUtLjI1OC0uMjI0LS42MjItLjMzNi0xLjA5LS4zMzZINC42YS4xMjcuMTI3IDAgMDAtLjA4Ny4wMzQuMTE3LjExNyAwIDAwLS4wMzMuMDg2djMuMTJjMCAuMDMyLjAxMS4wNi4wMzMuMDg2em0xLjc5NC0uODA2Yy0uMDk5LjEtLjI1My4xNDktLjQ2NC4xNDloLS41MDJWMTEuMjVoLjQ3OGMuMjEgMCAuMzY5LjA1MS40NzQuMTU0LjEwOC4xMDIuMTY2LjI2LjE3Mi40NzUuMDA2LjA5LjAxLjIwOC4wMS4zNTVzLS4wMDQuMjY3LS4wMS4zNmMtLjAwNi4yMjEtLjA1OS4zODMtLjE1OC40ODV6bTEuNjMuODA2YS4xMjcuMTI3IDAgMDAuMDg3LjAzNGguNjRhLjExNi4xMTYgMCAwMC4wODctLjAzNC4xMS4xMSAwIDAwLjAzOC0uMDg2di0zLjEyYS4xMS4xMSAwIDAwLS4wMzgtLjA4Ni4xMTYuMTE2IDAgMDAtLjA4Ni0uMDM0aC0uNjQxYS4xMjcuMTI3IDAgMDAtLjA4Ny4wMzQuMTE3LjExNyAwIDAwLS4wMzMuMDg2djMuMTJjMCAuMDMyLjAxMS4wNi4wMzMuMDg2em0xLjYzNy4wMzRhLjEyNy4xMjcgMCAwMS0uMDg2LS4wMzQuMTI4LjEyOCAwIDAxLS4wMzMtLjA4NnYtMy4xMmMwLS4wMzUuMDEtLjA2NC4wMzMtLjA4NmEuMTI3LjEyNyAwIDAxLjA4Ni0uMDM0aDEuMjQ0Yy40NjkgMCAuODMyLjExMiAxLjA5LjMzNi4yNTkuMjI0LjM5NC41NDkuNDA3Ljk3NGExMS4yNDQgMTEuMjQ0IDAgMDEwIC43MzVjLS4wMTYuNDQ1LS4xNDguNzc2LS4zOTcuOTkzLS4yNDUuMjE1LS42MDQuMzIyLTEuMDc2LjMyMkg5LjU3NHptMS4yNDQtLjY5MWMuMjEgMCAuMzY1LS4wNS40NjQtLjE0OS4wOTktLjEwMi4xNTItLjI2NC4xNTgtLjQ4NWE1LjUyIDUuNTIgMCAwMC4wMS0uMzZjMC0uMTQ3LS4wMDQtLjI2NS0uMDEtLjM1NS0uMDA2LS4yMTQtLjA2NC0uMzczLS4xNzItLjQ3NS0uMTA2LS4xMDMtLjI2My0uMTU0LS40NzQtLjE1NGgtLjQ3OHYxLjk3OGguNTAyem0yLjQ2OC0xLjM4MmEuMjg4LjI4OCAwIDAxLS4yODgtLjI4Ni4yODguMjg4IDAgMDEuNTc2IDBjMCAuMTU4LS4xMy4yODYtLjI4OC4yODZ6bTAgMS40OTVhLjI4OC4yODggMCAwMS0uMjg4LS4yODYuMjg4LjI4OCAwIDAxLjU3NiAwYzAgLjE1OC0uMTMuMjg3LS4yODguMjg3eiIgZmlsbD0iIzQ1OThGQSIvPjwvZz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InByZWZpeF9fcGFpbnQwX2xpbmVhciIgeDE9IjE2IiB5MT0iMCIgeDI9IjE2IiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjNEY5REY2Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMEE3OUY4Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InByZWZpeF9fcGFpbnQxX2xpbmVhciIgeDE9IjE2IiB5MT0iNi43MiIgeDI9IjE2IiB5Mj0iMjUuNDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRUNFRkZGIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InByZWZpeF9fcGFpbnQyX2xpbmVhciIgeDE9IjE2IiB5MT0iMTkuMiIgeDI9IjE4LjQ4IiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9Ii4wMDciIHN0b3AtY29sb3I9IiM3N0IyRjYiLz48c3RvcCBvZmZzZXQ9Ii4wNTUiIHN0b3AtY29sb3I9IiM0RjlERjYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM0NTk4RkEiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgaWQ9InByZWZpeF9fZmlsdGVyMF9pIiB4PSIzLjUyIiB5PSIxLjgiIHdpZHRoPSIyNC45NiIgaGVpZ2h0PSIyMC4yOCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldCBkeT0iLTMiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+PGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMC4yIDAiLz48ZmVCbGVuZCBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3ciLz48L2ZpbHRlcj48ZmlsdGVyIGlkPSJwcmVmaXhfX2ZpbHRlcjFfZCIgeD0iLTEuNDQiIHk9IjEuNzIiIHdpZHRoPSIzNC44OCIgaGVpZ2h0PSIyNi43MiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldCBkeT0iLTEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuMjIwNzY3IDAgMCAwIDAgMC40NzA4MDMgMCAwIDAgMCAwLjcwMTYwNSAwIDAgMCAwLjE4IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48ZmlsdGVyIGlkPSJwcmVmaXhfX2ZpbHRlcjJfZCIgeD0iLTUiIHk9IjExLjE2IiB3aWR0aD0iNDIiIGhlaWdodD0iMjUuODQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIuNSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjE0MzgyIDAgMCAwIDAgMC4yMDUwNjUgMCAwIDAgMCAwLjUyMjYzNCAwIDAgMCAwLjI1IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48Y2xpcFBhdGggaWQ9InByZWZpeF9fY2xpcDAiPjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgcng9IjYiIGZpbGw9IiNmZmYiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=" });
+}
+export {
+  i as default
+};

package/lib/DIDConnect/icons/github-logo.d.ts

@@ -0,0 +1,7 @@
+type LogoSize = number | string;
+export default function GithubLogo({ width, height, ...props }: {
+    width?: LogoSize;
+    height?: LogoSize;
+    [key: string]: any;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/DIDConnect/icons/github-logo.js

@@ -0,0 +1,11 @@
+import { jsx as c } from "react/jsx-runtime";
+function e({
+  width: m = 24,
+  height: t = 24,
+  ...o
+}) {
+  return /* @__PURE__ */ c("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 250", width: m, height: t, ...o, children: /* @__PURE__ */ c("path", { d: "M128.001 0C57.317 0 0 57.307 0 128.001c0 56.554 36.676 104.535 87.535 121.46c6.397 1.185 8.746-2.777 8.746-6.158c0-3.052-.12-13.135-.174-23.83c-35.61 7.742-43.124-15.103-43.124-15.103c-5.823-14.795-14.213-18.73-14.213-18.73c-11.613-7.944.876-7.78.876-7.78c12.853.902 19.621 13.19 19.621 13.19c11.417 19.568 29.945 13.911 37.249 10.64c1.149-8.272 4.466-13.92 8.127-17.116c-28.431-3.236-58.318-14.212-58.318-63.258c0-13.975 5-25.394 13.188-34.358c-1.329-3.224-5.71-16.242 1.24-33.874c0 0 10.749-3.44 35.21 13.121c10.21-2.836 21.16-4.258 32.038-4.307c10.878.049 21.837 1.47 32.066 4.307c24.431-16.56 35.165-13.12 35.165-13.12c6.967 17.63 2.584 30.65 1.255 33.873c8.207 8.964 13.173 20.383 13.173 34.358c0 49.163-29.944 59.988-58.447 63.157c4.591 3.972 8.682 11.762 8.682 23.704c0 17.126-.148 30.91-.148 35.126c0 3.407 2.304 7.398 8.792 6.14C219.37 232.5 256 184.537 256 128.002C256 57.307 198.691 0 128.001 0m-80.06 182.34c-.282.636-1.283.827-2.194.39c-.929-.417-1.45-1.284-1.15-1.922c.276-.655 1.279-.838 2.205-.399c.93.418 1.46 1.293 1.139 1.931m6.296 5.618c-.61.566-1.804.303-2.614-.591c-.837-.892-.994-2.086-.375-2.66c.63-.566 1.787-.301 2.626.591c.838.903 1 2.088.363 2.66m4.32 7.188c-.785.545-2.067.034-2.86-1.104c-.784-1.138-.784-2.503.017-3.05c.795-.547 2.058-.055 2.861 1.075c.782 1.157.782 2.522-.019 3.08m7.304 8.325c-.701.774-2.196.566-3.29-.49c-1.119-1.032-1.43-2.496-.726-3.27c.71-.776 2.213-.558 3.315.49c1.11 1.03 1.45 2.505.701 3.27m9.442 2.81c-.31 1.003-1.75 1.459-3.199 1.033c-1.448-.439-2.395-1.613-2.103-2.626c.301-1.01 1.747-1.484 3.207-1.028c1.446.436 2.396 1.602 2.095 2.622m10.744 1.193c.036 1.055-1.193 1.93-2.715 1.95c-1.53.034-2.769-.82-2.786-1.86c0-1.065 1.202-1.932 2.733-1.958c1.522-.03 2.768.818 2.768 1.868m10.555-.405c.182 1.03-.875 2.088-2.387 2.37c-1.485.271-2.861-.365-3.05-1.386c-.184-1.056.893-2.114 2.376-2.387c1.514-.263 2.868.356 3.061 1.403" }) });
+}
+export {
+  e as default
+};

package/lib/DIDConnect/provider-icon.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps } from '@mui/material';
+import { LOGIN_PROVIDER } from '../Util/constant';
+declare function ProviderIcon({ provider, ...rest }: {
+    provider?: (typeof LOGIN_PROVIDER)[keyof typeof LOGIN_PROVIDER] | 'wallet-web';
+} & BoxProps): import("react/jsx-runtime").JSX.Element | null;
+declare const _default: import('react').MemoExoticComponent<typeof ProviderIcon>;
+export default _default;

package/lib/DIDConnect/provider-icon.js

@@ -0,0 +1,52 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as e } from "react";
+import c from "@iconify-icons/material-symbols/mail-outline-rounded";
+import f from "@iconify-icons/logos/apple";
+import p from "@iconify-icons/logos/google-icon";
+import h from "@iconify-icons/logos/auth0-icon";
+import a from "@iconify-icons/material-symbols/passkey-rounded";
+import { Icon as u } from "@iconify/react";
+import { Box as n } from "@mui/material";
+import { LOGIN_PROVIDER as o } from "../Util/constant.js";
+import { mergeSx as m } from "../Util/style.js";
+import I from "./icons/did-wallet-logo.js";
+import d from "./icons/github-logo.js";
+function L({
+  provider: l = "wallet",
+  ...r
+}) {
+  if (["wallet", "wallet-web"].includes(l))
+    return /* @__PURE__ */ t(I, { ...r });
+  if (l === o.GITHUB)
+    return /* @__PURE__ */ t(n, { component: "span", ...r, sx: m({ display: "inline-block" }, r.sx), children: /* @__PURE__ */ t(d, { width: "100%", height: "100%", fill: "currentColor" }) });
+  const i = {
+    [o.AUTH0]: h,
+    [o.EMAIL]: c,
+    [o.APPLE]: f,
+    [o.GOOGLE]: p,
+    [o.PASSKEY]: a,
+    [o.TWITTER]: {
+      body: '<path fill="currentColor" d="M149.079 108.399L242.33 0h-22.098l-80.97 94.12L74.59 0H0l97.796 142.328L0 256h22.1l85.507-99.395L175.905 256h74.59L149.073 108.399zM118.81 143.58l-9.909-14.172l-78.84-112.773h33.943l63.625 91.011l9.909 14.173l82.705 118.3H186.3l-67.49-96.533z"/>',
+      width: 251,
+      height: 251
+    }
+  };
+  return i[l] ? /* @__PURE__ */ t(
+    n,
+    {
+      component: u,
+      icon: i[l],
+      fill: "currentColor",
+      ...r,
+      sx: m(
+        { width: "100%", height: "100%" },
+        l === o.TWITTER ? { scale: "0.8" } : {},
+        r.sx
+      )
+    }
+  ) : null;
+}
+const M = e(L);
+export {
+  M as default
+};

package/lib/Img/index.d.ts

@@ -19,6 +19,13 @@ export type ImgExProps = {
     lazy?: boolean | undefined;
     placeholder?: string | undefined;
     fallback?: string | undefined;
+    /**
+     * - 是否使用代理 fallback, 用于解决 CSP 的问题
+     */
+    /**
+     * - 是否使用代理 fallback, 用于解决 CSP 的问题
+     */
+    useProxyFallback?: boolean | undefined;
     className?: string | undefined;
     onError?: Function | undefined;
     onSuccess?: Function | undefined;
@@ -29,7 +36,7 @@ export type ImgProps = ImgExProps & import('@mui/material').BoxProps;
  * @param {ImgProps} props
  * @returns {React.ReactComponentElement}
  */
-declare function Img({ lazy, width, height, repeat, ratio, alt, size, position, src, placeholder, fallback, style, className, onError, onSuccess, ...rest }: ImgProps): import('react').ReactComponentElement<any, Pick<any, string | number | symbol>>;
+declare function Img({ lazy, width, height, repeat, ratio, alt, size, position, src, useProxyFallback, placeholder, fallback, style, className, onError, onSuccess, ...rest }: ImgProps): import('react').ReactComponentElement<any, Pick<any, string | number | symbol>>;
 declare namespace Img {
     namespace propTypes {
         let src: PropTypes.Validator<string>;
@@ -47,5 +54,6 @@ declare namespace Img {
         let className: PropTypes.Requireable<string>;
         let onError: PropTypes.Requireable<(...args: any[]) => any>;
         let onSuccess: PropTypes.Requireable<(...args: any[]) => any>;
+        let useProxyFallback: PropTypes.Requireable<boolean>;
     }
 }

package/lib/Img/index.js

@@ -1,91 +1,101 @@
-import { jsx as i, jsxs as X } from "react/jsx-runtime";
-import { useState as h, useMemo as b, useEffect as x } from "react";
+import { jsx as s, jsxs as F } from "react/jsx-runtime";
+import { useState as R, useMemo as d, useEffect as w } from "react";
 import e from "prop-types";
-import { useInView as _ } from "react-intersection-observer";
-import q from "@iconify-icons/material-symbols/warning-rounded";
-import B from "@iconify-icons/material-symbols/image-rounded";
-import { Icon as y } from "@iconify/react";
-import { Box as C } from "@mui/material";
-import S from "lodash/noop";
-import { mergeSx as D } from "../Util/style.js";
-const M = "Img", N = {
-  root: `${M}-root`
+import { useInView as V } from "react-intersection-observer";
+import W from "@iconify-icons/material-symbols/warning-rounded";
+import X from "@iconify-icons/material-symbols/image-rounded";
+import { Icon as k } from "@iconify/react";
+import { Box as B } from "@mui/material";
+import $ from "lodash/noop";
+import { mergeSx as q } from "../Util/style.js";
+import { BLOCKLET_SERVICE_PATH_PREFIX as A } from "../Util/constant.js";
+const D = (r) => {
+  if (!r) return "";
+  try {
+    return new URL(r).protocol !== "https:" ? (console.warn("Image URL must use HTTPS protocol:", r), "") : `${A}/proxy?url=${encodeURIComponent(r)}`;
+  } catch (t) {
+    return console.warn("Invalid image URL format:", r, t), "";
+  }
+}, K = "Img", v = {
+  root: `${K}-root`
 };
-function O({
-  lazy: v = !0,
-  width: a = null,
-  height: g = null,
-  repeat: w = "no-repeat",
-  ratio: $ = 1,
-  alt: k = null,
-  size: u = "cover",
-  position: d = "top center",
-  src: s,
-  placeholder: l = null,
-  fallback: t = null,
-  style: R = null,
-  className: E = "",
-  onError: j = S,
-  onSuccess: z = S,
-  ...p
+function M({
+  lazy: r = !0,
+  width: t = null,
+  height: f = null,
+  repeat: E = "no-repeat",
+  ratio: N = 1,
+  alt: P = null,
+  size: p = "cover",
+  position: I = "top center",
+  src: n,
+  useProxyFallback: b = !1,
+  // 是否使用代理 fallback, 用于解决 CSP 的问题
+  placeholder: c = null,
+  fallback: m = null,
+  style: T = null,
+  className: j = "",
+  onError: h = $,
+  onSuccess: L = $,
+  ...y
 }) {
-  const [P, f] = v ? _({ threshold: 0, triggerOnce: !0 }) : [null, !0], [o, m] = h("init"), [n, I] = h(!1), c = b(() => {
+  const [U, x] = r ? V({ threshold: 0, triggerOnce: !0 }) : [null, !0], [o, g] = R("init"), [l, S] = R(!1), a = d(() => m || (b && n ? D(n) : m), [n, b, m]), u = d(() => {
     switch (o) {
       case "init":
       case "loading":
-        return l;
+        return c;
       case "error":
-        return n ? null : t;
+        return l ? null : a;
       case "loaded":
-        return s;
+        return n;
       default:
         return null;
     }
-  }, [l, t, s, o, n]), T = a && g ? 100 * g / a : $ * 100, W = b(
+  }, [c, a, n, o, l]), _ = t && f ? 100 * f / t : N * 100, C = d(
     () => ({
-      backgroundImage: c ? `url(${c})` : "",
-      backgroundPosition: d,
-      backgroundSize: u,
-      backgroundRepeat: w,
-      paddingTop: `${T}%`
+      backgroundImage: u ? `url(${u})` : "",
+      backgroundPosition: I,
+      backgroundSize: p,
+      backgroundRepeat: E,
+      paddingTop: `${_}%`
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [c, d, u, o]
-  ), F = {
-    ...R,
+    [u, I, p, o]
+  ), H = {
+    ...T,
     display: "inline-block",
-    width: a ? `${a}px` : "100%"
+    width: t ? `${t}px` : "100%"
   };
-  function H() {
-    const r = new Image();
-    r.src = s, m("loading"), I(!1), r.onload = () => {
-      m("loaded"), z();
-    }, r.onerror = (V) => {
-      m("error"), j(V);
+  function O() {
+    const i = new Image();
+    i.src = n, g("loading"), S(!1), i.onload = () => {
+      g("loaded"), L();
+    }, i.onerror = () => {
+      g("error");
     };
   }
-  return x(() => {
-    f && H();
-  }, [f]), x(() => {
-    if (o === "error" && t && !n) {
-      const r = new Image();
-      r.src = t, r.onload = () => {
-      }, r.onerror = () => {
-        I(!0);
+  return w(() => {
+    x && O();
+  }, [x]), w(() => {
+    if (o === "error" && a && !l) {
+      const i = new Image();
+      i.src = a, i.onload = () => {
+      }, i.onerror = (z) => {
+        S(!0), o === "error" && h(z);
       };
     }
-  }, [o, t, n]), // paddingTop 要求元素本身的宽度为 100%，所以只能加一个外层元素去限制宽度
-  /* @__PURE__ */ i(
-    C,
+  }, [o, a, l, h]), // paddingTop 要求元素本身的宽度为 100%，所以只能加一个外层元素去限制宽度
+  /* @__PURE__ */ s(
+    B,
     {
       "data-id": "2",
-      ref: P,
-      style: F,
+      ref: U,
+      style: H,
       className: "arcblock_ux_img-wrapper",
-      ...p,
-      sx: D(
+      ...y,
+      sx: q(
         {
-          [`& .${N.root}`]: {
+          [`& .${v.root}`]: {
             position: "relative",
             overflow: "hidden",
             "& .image--state, & .image--img": {
@@ -117,17 +127,17 @@ function O({
             }
           }
         },
-        p.sx
+        y.sx
       ),
-      children: /* @__PURE__ */ X("div", { className: `image ${E} ${N.root}`, style: W, children: [
-        (n || !t && o === "error") && /* @__PURE__ */ i("div", { className: "image--state", title: "Image load error", children: /* @__PURE__ */ i(y, { icon: q, className: "image--icon" }) }),
-        !l && o === "loading" && /* @__PURE__ */ i("div", { className: "image--state", title: "loading image", children: /* @__PURE__ */ i(y, { icon: B, className: "image--icon" }) }),
-        o === "loaded" && /* @__PURE__ */ i("img", { className: "image--img", src: s, alt: k })
+      children: /* @__PURE__ */ F("div", { className: `image ${j} ${v.root}`, style: C, children: [
+        (l || !a && o === "error") && /* @__PURE__ */ s("div", { className: "image--state", title: "Image load error", children: /* @__PURE__ */ s(k, { icon: W, className: "image--icon" }) }),
+        !c && o === "loading" && /* @__PURE__ */ s("div", { className: "image--state", title: "loading image", children: /* @__PURE__ */ s(k, { icon: X, className: "image--icon" }) }),
+        o === "loaded" && /* @__PURE__ */ s("img", { className: "image--img", src: n, alt: P })
       ] })
     }
   );
 }
-O.propTypes = {
+M.propTypes = {
   src: e.string.isRequired,
   alt: e.string,
   size: e.string,
@@ -142,8 +152,9 @@ O.propTypes = {
   fallback: e.string,
   className: e.string,
   onError: e.func,
-  onSuccess: e.func
+  onSuccess: e.func,
+  useProxyFallback: e.bool
 };
 export {
-  O as default
+  M as default
 };