@arcblock/ux 2.13.69 → 3.0.0

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

@@ -1,11 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import DidBrandConnect from '@arcblock/icons/lib/DidBrandConnect';
-import { useTheme } from '@mui/material';
-export default function DidConnectLogo() {
-  const theme = useTheme();
-  return /*#__PURE__*/_jsx(DidBrandConnect, {
-    style: {
-      filter: theme.palette.mode === 'dark' ? 'invert(1)' : 'none'
-    }
-  });
-}
+import { jsx as t } from "react/jsx-runtime";
+import o from "@arcblock/icons/lib/DidBrandConnect";
+import { useTheme as r } from "@mui/material";
+function d() {
+  const e = r();
+  return /* @__PURE__ */ t(o, { style: { filter: e.palette.mode === "dark" ? "invert(1)" : "none" } });
+}
+export {
+  d as default
+};

package/lib/DIDConnect/index.js

@@ -1,10 +1,22 @@
-export { default as DIDConnectFooter } from './did-connect-footer';
-export { default as AppInfoItem } from './app-info-item';
-export { default as AppIcon } from './app-icon';
-export { default as PoweredBy } from './powered-by';
-export { default as withContainer } from './with-container';
-export { default as withUxTheme } from './with-ux-theme';
-export { default as DIDConnectLogo } from './did-connect-logo';
-export { default as DIDConnectContainer } from './did-connect-container';
-export { default as RequestStorageAccessApiDialog } from './request-storage-access-api-dialog';
-export { default as AuthApps } from './auth-apps';
+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";
+export {
+  p as AppIcon,
+  a as AppInfoItem,
+  h as AuthApps,
+  i as DIDConnectContainer,
+  t as DIDConnectFooter,
+  D as DIDConnectLogo,
+  m as PoweredBy,
+  I as RequestStorageAccessApiDialog,
+  u as withContainer,
+  l as withUxTheme
+};

package/lib/DIDConnect/landing-page.d.ts

@@ -10,5 +10,5 @@ type LandingPageProps = {
     termsOfUse?: any;
     standalone?: boolean;
 };
-export default function LandingPage({ did, children, title, description, actions, logo, logoSize, poweredBy, termsOfUse, standalone, }: LandingPageProps): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export default function LandingPage({ did, children, title, description, actions, logo, logoSize, poweredBy, termsOfUse, standalone, }: LandingPageProps): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export {};

package/lib/DIDConnect/landing-page.js

@@ -1,203 +1,179 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography, useMediaQuery } from '@mui/material';
-import { isEthereumDid } from '@arcblock/did';
-import { getDIDMotifInfo } from '@arcblock/did-motif';
-import { useCreation } from 'ahooks';
-import { useTheme } from '../Theme';
-import PoweredByArcBlock from '../PoweredByArcBlock';
-import Avatar from '../Avatar';
-import { getDIDColor, hexToRgba } from '../Util';
-import useBlockletLogo from '../hooks/use-blocklet-logo';
-export default function LandingPage({
-  did,
-  children,
-  title,
-  description,
-  actions,
-  logo,
-  logoSize = 50,
-  poweredBy,
-  termsOfUse,
-  standalone = false
+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 { 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,
+  children: n,
+  title: l,
+  description: s,
+  actions: h,
+  logo: r,
+  logoSize: m = 50,
+  poweredBy: c,
+  termsOfUse: u,
+  standalone: v = !1
 }) {
-  const blockletData = globalThis?.blocklet || globalThis?.env || {};
-  const {
-    palette
-  } = useTheme();
-  const isMd = useMediaQuery(theme => theme.breakpoints.down('lg'));
-  const appLogo = useBlockletLogo({
-    meta: blockletData
-  });
-  const currentAppColor = useCreation(() => {
-    const _did = blockletData.appPid;
-    const isEthDid = isEthereumDid(_did);
-    const didMotifInfo = isEthDid ? undefined : getDIDMotifInfo(_did);
-    if (isEthDid) {
-      return getDIDColor(_did);
-    }
-    return didMotifInfo.color;
-  }, [blockletData?.appPid]);
-  if (!did) {
-    return children;
-  }
-  if (title === undefined) {
-    // eslint-disable-next-line no-param-reassign
-    title = blockletData.appName;
-  }
-  if (description === undefined) {
-    // eslint-disable-next-line no-param-reassign
-    description = blockletData.appDescription;
-  }
-  if (logo === undefined) {
-    // eslint-disable-next-line no-param-reassign
-    logo = appLogo || '';
-  }
-  if (typeof logo === 'string') {
-    if (logo) {
-      // eslint-disable-next-line no-param-reassign
-      logo = /*#__PURE__*/_jsx(Box, {
-        sx: {
-          height: logoSize,
-          maxHeight: logoSize,
-          objectFit: 'contain'
-        },
-        component: "img",
-        src: logo,
-        alt: `${blockletData.appName}'s logo`
-      });
-    } else {
-      // eslint-disable-next-line no-param-reassign
-      logo = /*#__PURE__*/_jsx(Avatar, {
-        size: logoSize,
-        did: did,
-        src: logo,
-        variant: "rounded"
-      });
+  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
+  }), 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)
+    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(
+    e,
+    {
+      sx: {
+        height: m,
+        maxHeight: m,
+        objectFit: "contain"
+      },
+      component: "img",
+      src: r,
+      alt: `${i.appName}'s logo`
     }
-  }
-  if (poweredBy === undefined) {
-    // eslint-disable-next-line no-param-reassign
-    poweredBy = /*#__PURE__*/_jsx(PoweredByArcBlock, {
+  ) : r = /* @__PURE__ */ t(y, { size: m, did: a, src: r, variant: "rounded" })), c === void 0 && (c = /* @__PURE__ */ t(
+    E,
+    {
       linkProps: {
-        color: palette.text.secondary,
+        color: g.text.secondary,
         sx: {
-          '&:hover': {
-            textDecoration: 'underline'
+          "&:hover": {
+            textDecoration: "underline"
           }
         }
       },
-      showExtra: !isMd,
+      showExtra: !d,
       sx: {
-        textAlign: 'center',
-        fontSize: '12px',
-        color: 'text.secondary'
+        textAlign: "center",
+        fontSize: "12px",
+        color: "text.secondary"
       }
-    });
-  }
-  let content = children;
-  if (!children && !isMd) {
-    content = /*#__PURE__*/_jsx(Box, {
+    }
+  ));
+  let p = n;
+  !n && !d && (p = /* @__PURE__ */ t(
+    e,
+    {
       sx: {
-        filter: 'blur(180px)',
-        display: 'flex'
-      },
-      children: /*#__PURE__*/_jsx(Avatar, {
-        size: 210,
-        did: did,
-        variant: "rounded"
-      })
-    });
-  }
-  const showChildren = Boolean(children);
-  let showInfo = !standalone;
-  if (isMd) {
-    showInfo = !showChildren;
-  }
-  return /*#__PURE__*/_jsxs(Box, {
-    sx: {
-      width: '100%',
-      minHeight: '100vh',
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      px: {
-        xs: 2,
-        sm: 4,
-        md: 8
-      },
-      pt: {
-        xs: 2,
-        sm: 4,
-        md: 6
-      },
-      pb: {
-        xs: 5,
-        md: 8
+        filter: "blur(180px)",
+        display: "flex"
       },
-      background: `radial-gradient(circle at bottom right, ${hexToRgba(currentAppColor, 0.3)} 10%, ${palette.background.default} 50%)`,
-      position: 'relative'
-    },
-    children: [/*#__PURE__*/_jsxs(Box, {
+      children: /* @__PURE__ */ t(y, { size: 210, did: a, variant: "rounded" })
+    }
+  ));
+  const k = !!n;
+  let f = !v;
+  return d && (f = !k), /* @__PURE__ */ x(
+    e,
+    {
       sx: {
-        maxWidth: 1200,
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: [showInfo, content].filter(Boolean).length > 1 ? 'space-between' : 'center',
-        width: '100%',
-        margin: 'auto'
-      },
-      children: [showInfo ? /*#__PURE__*/_jsxs(Box, {
-        sx: {
-          display: 'flex',
-          flexDirection: 'column',
-          gap: 1.5
+        width: "100%",
+        minHeight: "100vh",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        px: {
+          xs: 2,
+          sm: 4,
+          md: 8
         },
-        children: [/*#__PURE__*/_jsx(Box, {
-          sx: {
-            display: 'flex',
-            alignItems: 'center'
-          },
-          children: logo
-        }), /*#__PURE__*/_jsx(Typography, {
-          variant: "h2",
-          sx: {
-            fontWeight: 'bold',
-            fontSize: {
-              sm: '2.25rem',
-              md: '2.75rem',
-              xl: '3.5rem'
-            }
-          },
-          children: title
-        }), description ? /*#__PURE__*/_jsx(Box, {
-          sx: {
-            mb: 2,
-            color: 'text.secondary'
-          },
-          children: description
-        }) : null, actions ? /*#__PURE__*/_jsx(Box, {
-          sx: {
-            mt: 8
-          },
-          children: actions
-        }) : null, termsOfUse ? /*#__PURE__*/_jsx(Box, {
-          sx: {
-            mt: -1,
-            color: 'grey'
-          },
-          children: termsOfUse
-        }) : null]
-      }) : null, content]
-    }), /*#__PURE__*/_jsx(Box, {
-      sx: {
-        position: 'absolute',
-        zIndex: 10,
-        bottom: 10,
-        left: 10,
-        right: 10,
-        textAlign: 'center'
+        pt: {
+          xs: 2,
+          sm: 4,
+          md: 6
+        },
+        pb: {
+          xs: 5,
+          md: 8
+        },
+        background: `radial-gradient(circle at bottom right, ${z(D, 0.3)} 10%, ${g.background.default} 50%)`,
+        position: "relative"
       },
-      children: poweredBy
-    })]
-  });
-}
+      children: [
+        /* @__PURE__ */ x(
+          e,
+          {
+            sx: {
+              maxWidth: 1200,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: [f, p].filter(Boolean).length > 1 ? "space-between" : "center",
+              width: "100%",
+              margin: "auto"
+            },
+            children: [
+              f ? /* @__PURE__ */ x(
+                e,
+                {
+                  sx: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 1.5
+                  },
+                  children: [
+                    /* @__PURE__ */ t(e, { sx: { display: "flex", alignItems: "center" }, children: r }),
+                    /* @__PURE__ */ t(
+                      A,
+                      {
+                        variant: "h2",
+                        sx: {
+                          fontWeight: "bold",
+                          fontSize: {
+                            sm: "2.25rem",
+                            md: "2.75rem",
+                            xl: "3.5rem"
+                          }
+                        },
+                        children: l
+                      }
+                    ),
+                    s ? /* @__PURE__ */ t(
+                      e,
+                      {
+                        sx: {
+                          mb: 2,
+                          color: "text.secondary"
+                        },
+                        children: s
+                      }
+                    ) : null,
+                    h ? /* @__PURE__ */ t(e, { sx: { mt: 8 }, children: h }) : null,
+                    u ? /* @__PURE__ */ t(e, { sx: { mt: -1, color: "grey" }, children: u }) : null
+                  ]
+                }
+              ) : null,
+              p
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          e,
+          {
+            sx: {
+              position: "absolute",
+              zIndex: 10,
+              bottom: 10,
+              left: 10,
+              right: 10,
+              textAlign: "center"
+            },
+            children: c
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  K as default
+};

package/lib/DIDConnect/powered-by.js

@@ -1,46 +1,55 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, useTheme } from '@mui/material';
-import { Icon } from '@iconify/react';
-import shieldCheckIcon from '@iconify-icons/mdi/shield-check';
-import DidConnectLogo from './did-connect-logo';
-import { mergeSx } from '../Util/style';
-export default function PoweredBy({
-  ...rest
-}) {
-  const {
-    palette
-  } = useTheme();
-  return /*#__PURE__*/_jsxs(Box, {
-    ...rest,
-    sx: mergeSx({
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      color: 'text.secondary',
-      gap: 0.5,
-      fontSize: 12,
-      fontFamily: 'Lexend',
-      whiteSpace: 'nowrap'
-    }, rest?.sx),
-    children: [/*#__PURE__*/_jsx(Icon, {
-      icon: shieldCheckIcon,
-      color: palette.success.main
-    }), "Secured by", /*#__PURE__*/_jsx(Box, {
-      component: "a",
-      href: "https://www.didconnect.io/",
-      target: "_blank",
-      rel: "noopener",
-      sx: {
-        color: 'initial',
-        display: 'flex',
-        alignItems: 'center',
-        gap: 0.5,
-        textDecoration: 'none',
-        '&:hover': {
-          textDecoration: 'underline'
-        }
-      },
-      children: /*#__PURE__*/_jsx(DidConnectLogo, {})
-    })]
-  });
-}
+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";
+function u({ ...e }) {
+  const { palette: t } = i();
+  return /* @__PURE__ */ r(
+    n,
+    {
+      ...e,
+      sx: m(
+        {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          color: "text.secondary",
+          gap: 0.5,
+          fontSize: 12,
+          fontFamily: "Lexend",
+          whiteSpace: "nowrap"
+        },
+        e == null ? void 0 : e.sx
+      ),
+      children: [
+        /* @__PURE__ */ o(c, { icon: a, color: t.success.main }),
+        "Secured by",
+        /* @__PURE__ */ o(
+          n,
+          {
+            component: "a",
+            href: "https://www.didconnect.io/",
+            target: "_blank",
+            rel: "noopener",
+            sx: {
+              color: "initial",
+              display: "flex",
+              alignItems: "center",
+              gap: 0.5,
+              textDecoration: "none",
+              "&:hover": {
+                textDecoration: "underline"
+              }
+            },
+            children: /* @__PURE__ */ o(l, {})
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  u as default
+};

package/lib/DIDConnect/request-storage-access-api-dialog.d.ts

@@ -1,8 +1,11 @@
 import { Locale } from '../type';
 type StorageAccessState = 'prompt' | 'granted' | 'denied';
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
+declare function RequestStorageAccessApiDialog({ ref, locale, src, storageAccessState, }: {
     locale?: Locale;
     src: string;
     storageAccessState: StorageAccessState;
-} & import("react").RefAttributes<unknown>>>;
+} & {
+    ref?: React.Ref<unknown>;
+}): import("react/jsx-runtime").JSX.Element;
+declare const _default: import('react').MemoExoticComponent<typeof RequestStorageAccessApiDialog>;
 export default _default;