@arcblock/ux 3.0.5 → 3.0.7

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

@@ -1,16 +1,16 @@
-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 Q from "../did-connect-container.js";
-import S from "./auth-apps-info.js";
-import V from "../../Center/index.js";
-import X from "../landing-page.js";
-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 c from "lodash/noop";
+import Q from "../did-connect-container";
+import S from "./auth-apps-info";
+import V from "../../Center";
+import X from "../landing-page";
+import { translate as Y } from "../../Locale/util";
+import { useLocaleContext as Z } from "../../Locale/context";
+import _ from "../../UserCard";
+import { InfoType as $, CardType as P } from "../../UserCard/types";
+import { mergeSx as b } from "../../Util/style";
 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,16 +1,15 @@
-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 de from "color-convert";
-import { getDIDMotifInfo as ce } from "@arcblock/did-motif";
-import le from "lodash/noop";
-import "../Theme/theme.js";
-import "../Theme/theme-provider.js";
-import { mergeSx as c } from "../Util/style.js";
-import { isEthereumDid as ue, getDIDColor as se, hexToRgba as u } from "../Util/index.js";
-import h from "./did-connect-footer.js";
+import { Backdrop as Z, useMediaQuery as P, Box as l, Drawer as ee, SwipeableDrawer as oe, Dialog as re, DialogContent as ne } from "@mui/material";
+import { useCreation as ae, useDebounce as ie } from "ahooks";
+import te from "color-convert";
+import { getDIDMotifInfo as de } from "@arcblock/did-motif";
+import ce from "lodash/noop";
+import { useTheme as le } from "../Theme";
+import { mergeSx as c } from "../Util/style";
+import { isEthereumDid as ue, getDIDColor as se, hexToRgba as u } from "../Util";
+import h from "./did-connect-footer";
 const j = J(({ ref: a, ...f }) => /* @__PURE__ */ U(
   Z,
   {
@@ -25,36 +24,36 @@ const j = J(({ ref: a, ...f }) => /* @__PURE__ */ U(
     key: "background"
   }
 ));
-function ye({
+function Se({
   open: a = !1,
   popup: f = !1,
   hideCloseButton: w = !1,
   children: g,
-  appPid: E,
-  slotProps: e,
-  onClose: G = le,
+  appPid: E = void 0,
+  slotProps: e = void 0,
+  onClose: G = ce,
   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 = ae(() => {
+    const o = E || window.blocklet.appPid, r = ue(o), i = r ? void 0 : de(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 = le(), T = ((A = (y = b == null ? void 0 : b.transitions) == null ? void 0 : y.duration) == null ? void 0 : A.leavingScreen) || 500, W = ie(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 ? ee : oe, H = te.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 +86,7 @@ function ye({
       }
     }
   } : {};
-  return s === "page" ? /* @__PURE__ */ i(
+  return s === "page" ? /* @__PURE__ */ t(
     l,
     {
       className: "did-connect__container-page",
@@ -115,7 +114,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 +162,7 @@ function ye({
         )
       },
       children: [
-        w ? null : /* @__PURE__ */ i(
+        w ? null : /* @__PURE__ */ t(
           l,
           {
             ref: C,
@@ -175,7 +174,7 @@ function ye({
               mb: -2,
               zIndex: 2
             },
-            children: /* @__PURE__ */ i(
+            children: /* @__PURE__ */ t(
               l,
               {
                 sx: {
@@ -199,15 +198,15 @@ 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(
-    ne,
+  ) : /* @__PURE__ */ t(
+    re,
     {
       open: a,
       slots: {
@@ -231,7 +230,7 @@ function ye({
         )
       },
       children: /* @__PURE__ */ m(
-        ae,
+        ne,
         {
           sx: {
             maxWidth: "calc(100vw - 18px)",
@@ -243,8 +242,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) })
           ]
         }
       )
@@ -252,5 +251,5 @@ function ye({
   );
 }
 export {
-  ye as default
+  Se as default
 };

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

@@ -3,16 +3,16 @@ import { Box as a } from "@mui/material";
 import { useSize as c, useCreation as d } from "ahooks";
 import { useRef as x } from "react";
 import u from "@arcblock/react-hooks/lib/useBrowser";
-import b from "./powered-by.js";
-import h from "./app-info-item.js";
-import w from "./app-icon.js";
-import { hexToRgba as g, getDIDColor as I } from "../Util/index.js";
-import { mergeSx as C } from "../Util/style.js";
-import { DID_CONNECT_MEDIUM_WIDTH as D } from "../Util/constant.js";
+import b from "./powered-by";
+import h from "./app-info-item";
+import w from "./app-icon";
+import { hexToRgba as g, getDIDColor as I } from "../Util";
+import { mergeSx as C } from "../Util/style";
+import { DID_CONNECT_MEDIUM_WIDTH as D } from "../Util/constant";
 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/index.js

@@ -1,13 +1,13 @@
-import { default as t } from "./did-connect-footer.js";
-import { default as a } from "./app-info-item.js";
-import { default as p } from "./app-icon.js";
-import { default as m } from "./powered-by.js";
-import { default as u } from "./with-container.js";
-import { default as l } from "./with-ux-theme.js";
-import { default as D } from "./did-connect-logo.js";
-import { default as i } from "./did-connect-container.js";
-import { default as I } from "./request-storage-access-api-dialog.js";
-import { default as h } from "./auth-apps/index.js";
+import { default as t } from "./did-connect-footer";
+import { default as a } from "./app-info-item";
+import { default as p } from "./app-icon";
+import { default as m } from "./powered-by";
+import { default as u } from "./with-container";
+import { default as l } from "./with-ux-theme";
+import { default as D } from "./did-connect-logo";
+import { default as i } from "./did-connect-container";
+import { default as I } from "./request-storage-access-api-dialog";
+import { default as h } from "./auth-apps";
 export {
   p as AppIcon,
   a as AppInfoItem,

package/lib/DIDConnect/landing-page.js

@@ -1,48 +1,47 @@
 import { jsx as t, jsxs as x } from "react/jsx-runtime";
-import { useTheme as C, useMediaQuery as j, Box as e, Typography as A } from "@mui/material";
-import { isEthereumDid as B } from "@arcblock/did";
+import { useMediaQuery as C, Box as e, Typography as j } from "@mui/material";
+import { isEthereumDid as A } from "@arcblock/did";
 import { getDIDMotifInfo as P } from "@arcblock/did-motif";
 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 { getDIDColor as M, hexToRgba as z } from "../Util/index.js";
-import L from "../hooks/use-blocklet-logo.js";
-function K({
-  did: a,
+import { useTheme as B } from "../Theme";
+import M from "../PoweredByArcBlock";
+import b from "../Avatar";
+import { getDIDColor as z, hexToRgba as E } from "../Util";
+import L from "../hooks/use-blocklet-logo";
+function J({
+  did: l,
   children: n,
-  title: l,
-  description: s,
-  actions: h,
-  logo: r,
-  logoSize: m = 50,
-  poweredBy: c,
-  termsOfUse: u,
-  standalone: v = !1
+  title: a = 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 } = B(), c = C((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]);
-  if (!a)
+    const r = o.appPid, v = A(r), w = v ? void 0 : P(r);
+    return v ? z(r) : w.color;
+  }, [o == null ? void 0 : o.appPid]);
+  if (!l)
     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(
+  a === void 0 && (a = 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(
-    E,
+  ) : i = /* @__PURE__ */ t(b, { size: d, did: l, src: i, variant: "rounded" })), m === void 0 && (m = /* @__PURE__ */ t(
+    M,
     {
       linkProps: {
         color: g.text.secondary,
@@ -52,7 +51,7 @@ function K({
           }
         }
       },
-      showExtra: !d,
+      showExtra: !c,
       sx: {
         textAlign: "center",
         fontSize: "12px",
@@ -60,20 +59,20 @@ function K({
       }
     }
   ));
-  let p = n;
-  !n && !d && (p = /* @__PURE__ */ t(
+  let f = n;
+  !n && !c && (f = /* @__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: l, variant: "rounded" })
     }
   ));
   const k = !!n;
-  let f = !v;
-  return d && (f = !k), /* @__PURE__ */ x(
+  let p = !y;
+  return c && (p = !k), /* @__PURE__ */ x(
     e,
     {
       sx: {
@@ -96,7 +95,7 @@ function K({
           xs: 5,
           md: 8
         },
-        background: `radial-gradient(circle at bottom right, ${z(D, 0.3)} 10%, ${g.background.default} 50%)`,
+        background: `radial-gradient(circle at bottom right, ${E(D, 0.3)} 10%, ${g.background.default} 50%)`,
         position: "relative"
       },
       children: [
@@ -107,12 +106,12 @@ function K({
               maxWidth: 1200,
               display: "flex",
               alignItems: "center",
-              justifyContent: [f, p].filter(Boolean).length > 1 ? "space-between" : "center",
+              justifyContent: [p, f].filter(Boolean).length > 1 ? "space-between" : "center",
               width: "100%",
               margin: "auto"
             },
             children: [
-              f ? /* @__PURE__ */ x(
+              p ? /* @__PURE__ */ x(
                 e,
                 {
                   sx: {
@@ -121,9 +120,9 @@ 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,
+                      j,
                       {
                         variant: "h2",
                         sx: {
@@ -134,7 +133,7 @@ function K({
                             xl: "3.5rem"
                           }
                         },
-                        children: l
+                        children: a
                       }
                     ),
                     s ? /* @__PURE__ */ t(
@@ -152,7 +151,7 @@ function K({
                   ]
                 }
               ) : null,
-              p
+              f
             ]
           }
         ),
@@ -167,7 +166,7 @@ function K({
               right: 10,
               textAlign: "center"
             },
-            children: c
+            children: m
           }
         )
       ]
@@ -175,5 +174,5 @@ function K({
   );
 }
 export {
-  K as default
+  J as default
 };

package/lib/DIDConnect/powered-by.js

@@ -2,8 +2,8 @@ import { jsxs as r, jsx as o } from "react/jsx-runtime";
 import { useTheme as i, Box as n } from "@mui/material";
 import { Icon as c } from "@iconify/react";
 import a from "@iconify-icons/mdi/shield-check";
-import l from "./did-connect-logo.js";
-import { mergeSx as m } from "../Util/style.js";
+import l from "./did-connect-logo";
+import { mergeSx as m } from "../Util/style";
 function u({ ...e }) {
   const { palette: t } = i();
   return /* @__PURE__ */ r(