@abtnode/ux 1.16.15-beta-ed0db59e → 1.16.15-beta-d464647a

package/lib/blocklet/storage/backups.js

@@ -12,41 +12,32 @@ var _react = _interopRequireDefault(require("react"));
 var _lodash = require("lodash");
 var _dayjs = _interopRequireDefault(require("@abtnode/util/lib/dayjs"));
 var _HelpOutline = _interopRequireDefault(require("@mui/icons-material/HelpOutline"));
-var _propTypes = require("prop-types");
-var _useBackups = _interopRequireDefault(require("../../hooks/use-backups"));
+var _blockletStorage = require("../../contexts/blocklet-storage");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["progress", "spaceGateways"];
-/**
- * @description
- * @param {{
- *  progress: any,
- *  spaceGateways: Array<import('./connected').SpaceGateway>
- * }} { progress, spaceGateways, ...rest }
- * @return {*}
- */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); } /**
+                                                                                                                *
+                                                                                                                * @description
+                                                                                                                * @param {{
+                                                                                                                *  progress: any,
+                                                                                                                * } & import('@mui/material').BoxProps} { progress, ...rest }
+                                                                                                                * @return {React.Component}
+                                                                                                                */
 function SpacesBackupRecords(_ref) {
-  let {
-      progress,
-      spaceGateways
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+  let rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   const {
     t,
     locale
   } = (0, _context.useLocaleContext)();
   const {
+    spaceGateways,
     backups
-  } = (0, _useBackups.default)({
-    progress
-  });
+  } = (0, _blockletStorage.useBlockletStorageContext)();
   const columns = [{
     label: 'DID Spaces',
     name: 'target',
@@ -214,9 +205,6 @@ function SpacesBackupRecords(_ref) {
     })
   }));
 }
-SpacesBackupRecords.propTypes = {
-  progress: _propTypes.object.isRequired,
-  spaceGateways: _propTypes.array.isRequired
-};
+SpacesBackupRecords.propTypes = {};
 var _default = SpacesBackupRecords;
 exports.default = _default;

package/lib/blocklet/storage/connect-to.js

@@ -11,28 +11,18 @@ var _context = require("@arcblock/ux/lib/Locale/context");
 var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
 var _urlJoin = _interopRequireDefault(require("url-join"));
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
-var _constant = require("@blocklet/constant");
 var _SplitButton = _interopRequireDefault(require("@arcblock/ux/lib/SplitButton"));
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
 var _Alert = _interopRequireDefault(require("@arcblock/ux/lib/Alert"));
-var _propTypes = require("prop-types");
-var _constant2 = require("@abtnode/constant");
+var _constant = require("@abtnode/constant");
 var _blocklet = require("../../contexts/blocklet");
 var _api = require("../../util/api");
 var _util = require("../../util");
 var _node = require("../../contexts/node");
 var _useBlockletInfoForConnectDidSpaces = _interopRequireDefault(require("../../hooks/use-blocklet-info-for-connect-did-spaces"));
 var _spaces = require("../../util/spaces");
+var _blockletStorage = require("../../contexts/blocklet-storage");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["spaceGateways", "refreshSpaceGateways"];
-/**
- * @description
- * @param {{
- *  spaceGateways?: Array<import('./connected').SpaceGateway>,
- *  refreshSpaceGateways: () => void,
- * }} { spaceGateways, refreshSpaceGateways, ...rest }
- * @return {React.Component}
- */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -41,26 +31,23 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); } /**
+                                                                                                                * @description
+                                                                                                                * @param {{}} { ...rest }
+                                                                                                                * @return {React.Component}
+                                                                                                                */
 function ConnectTo(_ref) {
-  let {
-      spaceGateways,
-      refreshSpaceGateways
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+  let rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   const {
     blocklet
   } = (0, _blocklet.useBlockletContext)();
   const {
-    info,
-    api: nodeApi
+    info
   } = (0, _node.useNodeContext)();
   const {
     t,
     locale
   } = (0, _context.useLocaleContext)();
-  const spaceBackupEndpoint = (0, _react.useMemo)(() => (0, _spaces.getSpaceBackupEndpoint)(blocklet === null || blocklet === void 0 ? void 0 : blocklet.environments), [blocklet]);
   const [url, setUrl] = (0, _react.useState)('');
   const [loading, setLoading] = (0, _react.useState)(false);
   const [open, setOpen] = (0, _react.useState)(false);
@@ -69,14 +56,18 @@ function ConnectTo(_ref) {
     blocklet
   });
   const webWalletUrl = (0, _util.getWebWalletUrl)(info);
+  const {
+    spaceGateways,
+    addSpaceGateway
+  } = (0, _blockletStorage.useBlockletStorageContext)();
   const [authorizeFromNftConnect, setAuthorizeFromNftConnect] = (0, _react.useState)({
     open: false,
     action: 'one-click-authorization',
     checkTimeout: 1000 * 300,
-    prefix: (0, _urlJoin.default)(_constant2.PROD_DID_SPACES.CORE_URL, 'space/api/did'),
-    baseUrl: new URL(_constant2.PROD_DID_SPACES.CORE_URL).origin,
+    prefix: (0, _urlJoin.default)(_constant.PROD_DID_SPACES.CORE_URL, 'space/api/did'),
+    baseUrl: new URL(_constant.PROD_DID_SPACES.CORE_URL).origin,
     checkFn: _api.axios.create({
-      baseURL: (0, _urlJoin.default)(_constant2.PROD_DID_SPACES.CORE_URL, 'space')
+      baseURL: (0, _urlJoin.default)(_constant.PROD_DID_SPACES.CORE_URL, 'space')
     }).get,
     messages: {
       title: t('storage.spaces.provideNFT.title', {
@@ -122,23 +113,26 @@ function ConnectTo(_ref) {
       }));
     }
   });
-  const onAuthorizeConnectSuccess = (response, decrypt) => {
-    setTimeout(async () => {
-      setAuthorizeConnect(preValue => _objectSpread(_objectSpread({}, preValue), {}, {
-        open: false
-      }));
-      setAuthorizeFromNftConnect(preValue => _objectSpread(_objectSpread({}, preValue), {}, {
-        open: false
-      }));
+  const onAuthorizeConnectSuccess = async (response, decrypt) => {
+    try {
       const endpoint = decrypt(response.endpoint);
       const space = response.space ? decrypt(response.space) : {};
-      await addSpaceGateway(_objectSpread(_objectSpread({
+      await addSpaceGatewayNow(_objectSpread(_objectSpread({
         endpoint
       }, {
         did: (0, _spaces.getDIDSpaceDidFromEndpoint)(endpoint),
         name: 'DID Space'
       }), space));
-    }, 0);
+      setAuthorizeConnect(preValue => _objectSpread(_objectSpread({}, preValue), {}, {
+        open: false
+      }));
+      setAuthorizeFromNftConnect(preValue => _objectSpread(_objectSpread({}, preValue), {}, {
+        open: false
+      }));
+    } catch (error) {
+      console.error(error);
+      _Toast.default.error((0, _util.formatError)(error));
+    }
   };
 
   /**
@@ -150,7 +144,7 @@ function ConnectTo(_ref) {
    * }} {endpoint, name, did}
    * @returns {Promise<void>}
    */
-  const addSpaceGateway = async _ref2 => {
+  const addSpaceGatewayNow = async _ref2 => {
     var _endpoint$replace, _endpoint$replace$tri, _spaceGateway$name;
     let {
       endpoint,
@@ -179,27 +173,10 @@ function ConnectTo(_ref) {
       url: normalizeUrl,
       endpoint
     };
-    await nodeApi.addBlockletSpaceGateway({
-      input: {
-        did: blocklet.meta.did,
-        spaceGateway
-      }
-    });
-    if (spaceBackupEndpoint !== endpoint) {
-      await nodeApi.configBlocklet({
-        input: {
-          did: [blocklet.meta.did],
-          configs: [{
-            key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_BACKUP_ENDPOINT,
-            value: endpoint
-          }]
-        }
-      });
-    }
+    await addSpaceGateway(spaceGateway, endpoint);
     _Toast.default.success(t('storage.spaces.connectedWithName', {
       name: (_spaceGateway$name = spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.name) !== null && _spaceGateway$name !== void 0 ? _spaceGateway$name : 'DID Spaces'
     }));
-    refreshSpaceGateways();
   };
   const handleUseWalletConnect = () => {
     setAuthorizeFromNftConnect(preValue => _objectSpread(_objectSpread({}, preValue), {}, {
@@ -373,13 +350,7 @@ function ConnectTo(_ref) {
     })]
   });
 }
-ConnectTo.propTypes = {
-  spaceGateways: _propTypes.array,
-  refreshSpaceGateways: _propTypes.func
-};
-ConnectTo.defaultProps = {
-  spaceGateways: [],
-  refreshSpaceGateways: () => undefined
-};
+ConnectTo.propTypes = {};
+ConnectTo.defaultProps = {};
 var _default = ConnectTo;
 exports.default = _default;

package/lib/blocklet/storage/connected.js

@@ -5,81 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _material = require("@mui/material");
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _context = require("@arcblock/ux/lib/Locale/context");
-var _ahooks = require("ahooks");
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
 var _connectTo = _interopRequireDefault(require("./connect-to"));
 var _item = _interopRequireDefault(require("./item"));
 var _backups = _interopRequireDefault(require("./backups"));
 var _blocklet = require("../../contexts/blocklet");
 var _node = require("../../contexts/node");
-var _spaces = require("../../util/spaces");
-var _useBackupProgress = _interopRequireDefault(require("../../hooks/use-backup-progress"));
-var _spaceGateway = require("../../util/space-gateway");
 var _diskInfo = _interopRequireDefault(require("../disk-info"));
-var _util = require("../../util");
+var _blockletStorage = require("../../contexts/blocklet-storage");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/**
- * @description
- * @param {{
- *  blockletDid: string,
- *  setLoading: (bool: boolean) => void,
- *  refreshBlocklet: Function
- * }} { blockletDid, setLoading = () => undefined, refreshBlocklet }
- * @return {{
- *  spaceGateways: Array<SpaceGateway>
- *  refreshSpaceGateways: Function
- * }} {spaceGateways}
- */function useSpaceGateways(_ref) {
-  let {
-    blockletDid,
-    setLoading = () => undefined
-  } = _ref;
-  const [refresh, setRefresh] = (0, _react.useState)(false);
-  const [spaceGateways, setSpaceGateways] = (0, _react.useState)([]);
-  const {
-    api: nodeApi
-  } = (0, _node.useNodeContext)();
-  const refreshSpaceGateways = () => {
-    setRefresh(x => !x);
-  };
-  (0, _ahooks.useAsyncEffect)(async () => {
-    try {
-      if (!blockletDid) {
-        setSpaceGateways([]);
-        return;
-      }
-      setLoading(true);
-      const {
-        spaceGateways: _spaceGateways
-      } = await nodeApi.getBlockletSpaceGateways({
-        input: {
-          did: blockletDid
-        }
-      });
-      const latestSpaceGateways = await (0, _spaceGateway.updateSpaceGatewaysFromDIDSpaces)({
-        blockletDid,
-        nodeApi,
-        spaceGateways: _spaceGateways
-      });
-      setSpaceGateways(latestSpaceGateways !== null && latestSpaceGateways !== void 0 ? latestSpaceGateways : []);
-    } catch (error) {
-      console.error(error);
-      _Toast.default.error((0, _util.formatError)(error));
-    } finally {
-      setLoading(false);
-    }
-  }, [blockletDid, refresh]);
-  return {
-    refreshSpaceGateways,
-    spaceGateways
-  };
-}
-
 /**
  * @typedef {{
  *  did: string,
@@ -87,38 +24,26 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  *  url: string,
  *  endpoint: string
  *  protected?: boolean,
+ *  loading?: boolean,
  * }} SpaceGateway
- */
-
-function Connected() {
-  var _blocklet$meta;
+ */function Connected() {
   const {
     t
   } = (0, _context.useLocaleContext)();
   /** @type {{ blocklet: import('@abtnode/client').BlockletState }} */
   const {
-    blocklet,
-    actions: {
-      refreshBlocklet
-    }
+    blocklet
   } = (0, _blocklet.useBlockletContext)();
   const {
     api: nodeApi
   } = (0, _node.useNodeContext)();
-  const backupEndpoint = (0, _react.useMemo)(() => (0, _spaces.getSpaceBackupEndpoint)(blocklet === null || blocklet === void 0 ? void 0 : blocklet.environments), [blocklet]);
-  const progress = (0, _useBackupProgress.default)({
-    appDid: blocklet === null || blocklet === void 0 ? void 0 : blocklet.appDid
-  });
-  const [loading, setLoading] = (0, _react.useState)(false);
   const {
     spaceGateways,
-    refreshSpaceGateways
-  } = useSpaceGateways({
-    blockletDid: blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.did,
-    setLoading,
-    refreshBlocklet
-  });
-  const shouldShowLoading = loading && !(spaceGateways !== null && spaceGateways !== void 0 && spaceGateways.length);
+    spaceGatewaysLoading,
+    deleteSpaceGateway,
+    spaceGatewayIsSelected
+  } = (0, _blockletStorage.useBlockletStorageContext)();
+  const shouldShowLoading = spaceGatewaysLoading && !(spaceGateways !== null && spaceGateways !== void 0 && spaceGateways.length);
 
   /**
    *
@@ -126,23 +51,10 @@ function Connected() {
    * @param {SpaceGateway} spaceGateway
    */
   const onDeleteGateway = async spaceGateway => {
-    if (!spaceGateway) {
-      return;
-    }
-    if (spaceGateway.endpoint === backupEndpoint) {
-      _Toast.default.warning(t('storage.spaces.gateway.delete.failedForConnected'));
-      return;
-    }
-    await nodeApi.deleteBlockletSpaceGateway({
-      input: {
-        did: blocklet.meta.did,
-        spaceGatewayDid: spaceGateway === null || spaceGateway === void 0 ? void 0 : spaceGateway.did
-      }
-    });
+    await deleteSpaceGateway(spaceGateway);
     _Toast.default.success(t('storage.spaces.gateway.delete.succeeded', {
       name: "(".concat(spaceGateway.name, ")")
     }));
-    refreshSpaceGateways();
   };
   const onBackupNow = async () => {
     await nodeApi.backupBlocklet({
@@ -165,34 +77,27 @@ function Connected() {
         fontSize: "1.2rem",
         fontWeight: "bold",
         children: t('storage.spaces.connected.title')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_connectTo.default, {
-        spaceGateways: spaceGateways,
-        refreshSpaceGateways: refreshSpaceGateways
-      })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_connectTo.default, {})]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
       children: shouldShowLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
         display: "flex",
         justifyContent: "center",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {})
-      }) : spaceGateways.map((spaceGateway, index) => {
+      }) : spaceGateways.map(x => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.default, {
           style: {
             marginTop: '12px'
           },
-          spaceGateway: spaceGateway,
-          connected: spaceGateways.findIndex(s => s.endpoint === backupEndpoint) === index,
+          spaceGateway: x,
+          connected: spaceGatewayIsSelected(x),
           onDelete: onDeleteGateway,
-          onBackupNow: onBackupNow,
-          progress: progress,
-          refreshSpaceGateways: refreshSpaceGateways
-        }, spaceGateway.endpoint);
+          onBackupNow: onBackupNow
+        }, x.endpoint);
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_backups.default, {
       sx: {
         marginTop: '24px'
-      },
-      spaceGateways: spaceGateways,
-      progress: progress
+      }
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
       fontSize: "1.2rem",
       fontWeight: "bold",

package/lib/blocklet/storage/delete.js

@@ -98,7 +98,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
         props: {
           variant: 'contained',
           color: 'primary'
-        }
+        },
+        loading
       },
       onConfirm: handleOnDelete,
       onCancel: e => helpOpen(e, false)

package/lib/blocklet/storage/index.js

@@ -4,22 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _blocklet = require("../../contexts/blocklet");
-var _spaces = require("../../util/spaces");
+var _react = _interopRequireDefault(require("react"));
 var _disconnect = _interopRequireDefault(require("./disconnect"));
 var _connected = _interopRequireDefault(require("./connected"));
+var _blockletStorage = require("../../contexts/blocklet-storage");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function NewStorage() {
-  /** @type {{ blocklet: import('@abtnode/client').BlockletState }} */
   const {
-    blocklet
-  } = (0, _blocklet.useBlockletContext)();
-  const endpoint = (0, _react.useMemo)(() => (0, _spaces.getSpaceBackupEndpoint)(blocklet === null || blocklet === void 0 ? void 0 : blocklet.environments), [blocklet]);
-  if (endpoint) {
+    backupEndpoint
+  } = (0, _blockletStorage.useBlockletStorageContext)();
+  if (backupEndpoint) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_connected.default, {});
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_disconnect.default, {});