@blocklet/ui-react 2.9.91 → 2.10.0

package/lib/UserCenter/components/storage/connect-to.js

@@ -1,70 +1,51 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jsxRuntime = require("react/jsx-runtime");
-var _material = require("@mui/material");
-var _react = require("react");
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
-var _ufo = require("ufo");
-var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _constant = require("@arcblock/ux/lib/Util/constant");
-var _api = require("../../libs/api");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Button, Typography } from "@mui/material";
+import { useState } from "react";
+import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
+import DidConnect from "@arcblock/did-connect/lib/Connect";
+import { joinURL } from "ufo";
+import toast from "@arcblock/ux/lib/Toast";
+import isEmpty from "lodash/isEmpty";
+import { RELAY_SOCKET_PREFIX } from "@arcblock/ux/lib/Util/constant";
+import { axios } from "../../libs/api.js";
 function ConnectTo({
   onConnect,
   storageEndpoint
 }) {
-  const {
-    t,
-    locale
-  } = (0, _context.useLocaleContext)();
-  const [authorizeFromNftConnect, setAuthorizeFromNftConnect] = (0, _react.useState)({
+  const { t, locale } = useLocaleContext();
+  const [authorizeFromNftConnect, setAuthorizeFromNftConnect] = useState({
     open: false,
     action: "connect-to-did-spaces-for-user",
     checkTimeout: 1e3 * 300,
     prefix: "/api/did",
-    checkFn: _api.axios.create({
-      baseURL: (0, _ufo.joinURL)(window.location.origin, _constant.RELAY_SOCKET_PREFIX)
+    checkFn: axios.create({
+      baseURL: joinURL(window.location.origin, RELAY_SOCKET_PREFIX)
     }).get,
     extraParams: {},
     messages: {
-      title: t("storage.spaces.provideNFT.title", {
-        appName: window.blocklet.appName
-      }, locale),
-      scan: t("storage.spaces.provideNFT.scan", {
-        appName: window.blocklet.appName
-      }, locale),
+      title: t("storage.spaces.provideNFT.title", { appName: window.blocklet.appName }, locale),
+      scan: t("storage.spaces.provideNFT.scan", { appName: window.blocklet.appName }, locale),
       confirm: "",
-      success: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-        gutterBottom: true,
-        children: t("storage.spaces.provideNFT.success")
-      })
+      success: /* @__PURE__ */ jsx(Typography, { gutterBottom: true, children: t("storage.spaces.provideNFT.success") })
     },
     onClose: () => {
-      setAuthorizeFromNftConnect(preValue => ({
+      setAuthorizeFromNftConnect((preValue) => ({
         ...preValue,
         open: false
       }));
     }
   });
-  const updateSpaceGateway = async spaceGateway => {
+  const updateSpaceGateway = async (spaceGateway) => {
     await onConnect(spaceGateway);
-    _Toast.default.success(t("storage.spaces.connectedWithName", {
-      name: spaceGateway.name
-    }));
+    toast.success(t("storage.spaces.connectedWithName", { name: spaceGateway.name }));
   };
   const onAuthorizeConnectSuccess = (response, decrypt) => {
     setTimeout(async () => {
-      setAuthorizeFromNftConnect(preValue => ({
+      setAuthorizeFromNftConnect((preValue) => ({
         ...preValue,
         open: false
       }));
-      if (!(0, _isEmpty.default)(response.spaceGateway)) {
+      if (!isEmpty(response.spaceGateway)) {
         await updateSpaceGateway(decrypt(response.spaceGateway));
         return;
       }
@@ -73,15 +54,13 @@ function ConnectTo({
       await updateSpaceGateway({
         endpoint,
         // name 默认为 DID Space，兼容旧版本的 DID Spaces
-        ...{
-          name: "DID Space"
-        },
+        ...{ name: "DID Space" },
         ...space
       });
     }, 0);
   };
   const handleUseWalletConnect = () => {
-    setAuthorizeFromNftConnect(preValue => ({
+    setAuthorizeFromNftConnect((preValue) => ({
       ...preValue,
       open: true,
       extraParams: {
@@ -94,34 +73,36 @@ function ConnectTo({
       }
     }));
   };
-  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
-    children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
-      color: "primary",
-      sx: {
-        textTransform: "none !important",
-        fontSize: "13px",
-        paddingLeft: 0.75,
-        paddingRight: 0.75
-      },
-      size: "small",
-      onClick: handleUseWalletConnect,
-      variant: "outlined",
-      children: storageEndpoint ? t("storage.spaces.connect.useWalletReconnect") : t("storage.spaces.connect.useWallet")
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_Connect.default, {
-      forceConnected: false,
-      saveConnect: false,
-      prefix: authorizeFromNftConnect.prefix,
-      open: authorizeFromNftConnect.open,
-      popup: true,
-      action: authorizeFromNftConnect.action,
-      checkFn: authorizeFromNftConnect.checkFn,
-      onSuccess: onAuthorizeConnectSuccess,
-      onClose: authorizeFromNftConnect.onClose,
-      checkTimeout: authorizeFromNftConnect.checkTimeout,
-      extraParams: authorizeFromNftConnect.extraParams,
-      messages: authorizeFromNftConnect.messages,
-      locale
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        color: "primary",
+        sx: { textTransform: "none !important", fontSize: "13px", paddingLeft: 0.75, paddingRight: 0.75 },
+        size: "small",
+        onClick: handleUseWalletConnect,
+        variant: "outlined",
+        children: storageEndpoint ? t("storage.spaces.connect.useWalletReconnect") : t("storage.spaces.connect.useWallet")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DidConnect,
+      {
+        forceConnected: false,
+        saveConnect: false,
+        prefix: authorizeFromNftConnect.prefix,
+        open: authorizeFromNftConnect.open,
+        popup: true,
+        action: authorizeFromNftConnect.action,
+        checkFn: authorizeFromNftConnect.checkFn,
+        onSuccess: onAuthorizeConnectSuccess,
+        onClose: authorizeFromNftConnect.onClose,
+        checkTimeout: authorizeFromNftConnect.checkTimeout,
+        extraParams: authorizeFromNftConnect.extraParams,
+        messages: authorizeFromNftConnect.messages,
+        locale
+      }
+    )
+  ] });
 }
-module.exports = ConnectTo;
+export default ConnectTo;

package/lib/UserCenter/components/storage/connected.js

@@ -1,45 +1,24 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jsxRuntime = require("react/jsx-runtime");
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _material = require("@mui/material");
-var _item = _interopRequireDefault(require("./item"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
+import { Box, Typography } from "@mui/material";
+import SpaceItem from "./item.js";
 function Connected({
   spaceGateway,
   settingStorageEndpoint
 }) {
-  const {
-    t
-  } = (0, _context.useLocaleContext)();
-  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
-    display: "flex",
-    flexDirection: "column",
-    children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-      display: "flex",
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: "space-between",
-      marginBottom: "12px",
-      children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-        fontSize: "16px",
-        fontWeight: "bold",
-        children: t("storage.spaces.connected.title")
-      })
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-      children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_item.default, {
-        style: {
-          marginTop: "12px"
-        },
+  const { t } = useLocaleContext();
+  return /* @__PURE__ */ jsxs(Box, { display: "flex", flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(Box, { display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "space-between", marginBottom: "12px", children: /* @__PURE__ */ jsx(Typography, { fontSize: "16px", fontWeight: "bold", children: t("storage.spaces.connected.title") }) }),
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+      SpaceItem,
+      {
+        style: { marginTop: "12px" },
         spaceGateway,
         connected: true,
         onDisconnect: () => settingStorageEndpoint(void 0)
-      }, spaceGateway?.endpoint)
-    })]
-  });
+      },
+      spaceGateway?.endpoint
+    ) })
+  ] });
 }
-module.exports = Connected;
+export default Connected;

package/lib/UserCenter/components/storage/delete.js

@@ -1,31 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _material = require("@mui/material");
-var _DeleteOutline = _interopRequireDefault(require("@mui/icons-material/DeleteOutline"));
-var _confirm = _interopRequireDefault(require("@arcblock/ux/lib/Dialog/confirm"));
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { IconButton } from "@mui/material";
+import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline";
+import Confirm from "@arcblock/ux/lib/Dialog/confirm";
+import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
+import toast from "@arcblock/ux/lib/Toast";
 function SpaceDelete({
   spaceGateway,
   onDeleteSpace
 }) {
-  const {
-    t
-  } = (0, _context.useLocaleContext)();
-  const [open, setOpen] = (0, _react.useState)(false);
-  const [loading, setLoading] = (0, _react.useState)(false);
+  const { t } = useLocaleContext();
+  const [open, setOpen] = useState(false);
+  const [loading, setLoading] = useState(false);
   const handleOpen = (e, bool) => {
     e?.stopPropagation();
     setOpen(bool);
   };
-  const handleOnDelete = async e => {
+  const handleOnDelete = async (e) => {
     try {
       e?.stopPropagation();
       setLoading(true);
@@ -33,39 +24,39 @@ function SpaceDelete({
       setOpen(false);
     } catch (error) {
       console.error(error);
-      _Toast.default.error(`${t("storage.spaces.gateway.delete.failed")}: ${error.message}`);
+      toast.error(`${t("storage.spaces.gateway.delete.failed")}: ${error.message}`);
     } finally {
       setLoading(false);
     }
   };
-  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.IconButton, {
-      size: "small",
-      onClick: e => handleOpen(e, true),
-      children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_DeleteOutline.default, {})
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_confirm.default, {
-      title: t("common.delConfirmDescription", {
-        data: `${spaceGateway?.name}`
-      }),
-      open,
-      confirmButton: {
-        text: t("common.confirm"),
-        props: {
-          variant: "contained",
-          color: "error",
-          loading
-        }
-      },
-      cancelButton: {
-        text: t("common.cancel"),
-        props: {
-          variant: "contained",
-          color: "primary"
-        }
-      },
-      onConfirm: handleOnDelete,
-      onCancel: e => handleOpen(e, false)
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: (e) => handleOpen(e, true), children: /* @__PURE__ */ jsx(DeleteOutlineIcon, {}) }),
+    /* @__PURE__ */ jsx(
+      Confirm,
+      {
+        title: t("common.delConfirmDescription", {
+          data: `${spaceGateway?.name}`
+        }),
+        open,
+        confirmButton: {
+          text: t("common.confirm"),
+          props: {
+            variant: "contained",
+            color: "error",
+            loading
+          }
+        },
+        cancelButton: {
+          text: t("common.cancel"),
+          props: {
+            variant: "contained",
+            color: "primary"
+          }
+        },
+        onConfirm: handleOnDelete,
+        onCancel: (e) => handleOpen(e, false)
+      }
+    )
+  ] });
 }
-module.exports = SpaceDelete;
+export default SpaceDelete;

package/lib/UserCenter/components/storage/disconnect.js

@@ -1,37 +1,23 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jsxRuntime = require("react/jsx-runtime");
-var _material = require("@mui/material");
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _emptySpacesNft = _interopRequireDefault(require("./icons/empty-spaces-nft.svg?react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Typography } from "@mui/material";
+import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
+import EmptySpacesNFT from "./icons/empty-spaces-nft.svg?react";
 function Disconnect() {
-  const {
-    t
-  } = (0, _context.useLocaleContext)();
-  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-    children: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
+  const { t } = useLocaleContext();
+  return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(
+    Box,
+    {
       minHeight: "40vh",
       display: "flex",
       flexDirection: "column",
       justifyContent: "center",
       alignItems: "center",
       alignContent: "center",
-      children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_emptySpacesNft.default, {
-        style: {
-          width: 200,
-          height: 250
-        }
-      }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-        marginTop: "24px",
-        marginBottom: "24px",
-        children: t("storage.spaces.connect.providerForStorage")
-      })]
-    })
-  });
+      children: [
+        /* @__PURE__ */ jsx(EmptySpacesNFT, { style: { width: 200, height: 250 } }),
+        /* @__PURE__ */ jsx(Typography, { marginTop: "24px", marginBottom: "24px", children: t("storage.spaces.connect.providerForStorage") })
+      ]
+    }
+  ) });
 }
-module.exports = Disconnect;
+export default Disconnect;

package/lib/UserCenter/components/storage/index.js

@@ -1,61 +1,27 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jsxRuntime = require("react/jsx-runtime");
-var _Center = _interopRequireDefault(require("@arcblock/ux/lib/Center"));
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _material = require("@mui/material");
-var _configUserSpace = require("../../../contexts/config-user-space");
-var _useMobile = _interopRequireDefault(require("../../../hooks/use-mobile"));
-var _connectTo = _interopRequireDefault(require("./connect-to"));
-var _connected = _interopRequireDefault(require("./connected"));
-var _disconnect = _interopRequireDefault(require("./disconnect"));
-var _locales = require("../../libs/locales");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import { jsx, jsxs } from "react/jsx-runtime";
+import Center from "@arcblock/ux/lib/Center";
+import { LocaleProvider } from "@arcblock/ux/lib/Locale/context";
+import styled from "@emotion/styled";
+import { Box, CircularProgress } from "@mui/material";
+import { useConfigUserSpaceContext } from "../../../contexts/config-user-space.js";
+import useMobile from "../../../hooks/use-mobile.js";
+import ConnectTo from "./connect-to.js";
+import Connected from "./connected.js";
+import Disconnect from "./disconnect.js";
+import { translations } from "../../libs/locales.js";
 function DidSpace() {
-  const isMobile = (0, _useMobile.default)({});
-  const {
-    spaceGateway,
-    updateSpaceGateway,
-    settingStorageEndpoint,
-    hasStorageEndpoint,
-    loading,
-    storageEndpoint
-  } = (0, _configUserSpace.useConfigUserSpaceContext)();
+  const isMobile = useMobile({});
+  const { spaceGateway, updateSpaceGateway, settingStorageEndpoint, hasStorageEndpoint, loading, storageEndpoint } = useConfigUserSpaceContext();
   if (loading) {
-    return /* @__PURE__ */(0, _jsxRuntime.jsx)(_Center.default, {
-      relative: "parent",
-      children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.CircularProgress, {})
-    });
+    return /* @__PURE__ */ jsx(Center, { relative: "parent", children: /* @__PURE__ */ jsx(CircularProgress, {}) });
   }
-  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_context.LocaleProvider, {
-    translations: _locales.translations,
-    children: /* @__PURE__ */(0, _jsxRuntime.jsxs)(Container, {
-      children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-        maxWidth: isMobile ? "360px" : "720px",
-        children: hasStorageEndpoint ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_connected.default, {
-          spaceGateway,
-          settingStorageEndpoint
-        }) : /* @__PURE__ */(0, _jsxRuntime.jsx)(_disconnect.default, {})
-      }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        paddingTop: "24px",
-        children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_connectTo.default, {
-          onConnect: updateSpaceGateway,
-          storageEndpoint
-        })
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsx(LocaleProvider, { translations, children: /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsx(Box, { maxWidth: isMobile ? "360px" : "720px", children: hasStorageEndpoint ? /* @__PURE__ */ jsx(Connected, { spaceGateway, settingStorageEndpoint }) : /* @__PURE__ */ jsx(Disconnect, {}) }),
+    /* @__PURE__ */ jsx(Box, { display: "flex", alignItems: "center", justifyContent: "center", paddingTop: "24px", children: /* @__PURE__ */ jsx(ConnectTo, { onConnect: updateSpaceGateway, storageEndpoint }) })
+  ] }) });
 }
-const Container = (0, _styled.default)(_material.Box)`
+const Container = styled(Box)`
   height: 100%;
   overflow-y: auto;
 `;
-module.exports = DidSpace;
+export default DidSpace;