@ethersphere/bee-dashboard 0.36.0 → 0.36.1

package/build/index.html

@@ -9,7 +9,7 @@
     <link rel="apple-touch-icon" href="/logo192.png" />
     <link rel="manifest" href="/manifest.json" />
     <title>Bee Dashboard</title>
-    <script type="module" crossorigin src="/assets/index-Dd3cxIPS.js"></script>
+    <script type="module" crossorigin src="/assets/index-T9boIyrz.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/vendor-react-mui-tUcmOwCz.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-ethers-DdwEM-gK.js">
     <link rel="stylesheet" crossorigin href="/assets/index-DMp5phAM.css">

package/lib/{App-bJc-m8lc.js → App-7cAV7lii.js}

@@ -52453,6 +52453,7 @@ const BEE_DESKTOP_LATEST_RELEASE_PAGE = "https://github.com/ethersphere/bee-desk
 const BEE_DESKTOP_LATEST_RELEASE_PAGE_API = "https://api.github.com/repos/ethersphere/bee-desktop/releases/latest";
 const DEFAULT_BEE_API_HOST = "http://localhost:1633";
 const DEFAULT_RPC_URL = "https://xdai.fairdatasociety.org";
+const DEFAULT_GIFT_WALLET_FEES = { dai: "0.1", bzz: "5" };
 const MIN_STAMP_DEPTH = 17;
 const MAX_STAMP_DEPTH = 255;
 function bind(fn2, thisArg) {
@@ -55826,6 +55827,15 @@ async function setEnsResolverInDesktop(desktopUrl, value) {
     "resolver-options": value
   });
 }
+const ENS_RESOLVER_URL = /^(?:[a-z0-9-]+:)?(?:0x[0-9a-fA-F]{40}@)?(https?:\/\/.+)$/i;
+function extractEnsResolverUrl(value) {
+  const urlPart = ENS_RESOLVER_URL.exec(value.trim())?.[1];
+  try {
+    return urlPart && new URL(urlPart).hostname ? urlPart : null;
+  } catch {
+    return null;
+  }
+}
 function getDesktopConfiguration(desktopUrl) {
   return getJson(`${desktopUrl}/config`);
 }
@@ -75581,7 +75591,7 @@ function Provider$8({ children, ...propsSettings }) {
       desktopApiKey,
       isDesktop,
       desktopUrl,
-      giftWalletFees: propsSettings.giftWalletFees,
+      giftWalletFees: propsSettings.giftWalletFees ?? DEFAULT_GIFT_WALLET_FEES,
       rpcProvider,
       rpcProviderUrl,
       cors: config2?.["cors-allowed-origins"] ?? null,
@@ -88881,10 +88891,10 @@ P?.name || "";
 const bytesEndpoint = "bytes";
 async function processDownload(bee, resources, options, requestOptions) {
   if (O$1) {
-    const { downloadNode } = await Promise.resolve().then(() => require("./download.node-Bzm4Mzw4.js"));
+    const { downloadNode } = await Promise.resolve().then(() => require("./download.node-sjp1kwLg.js"));
     return await downloadNode(bee, Object.values(resources), options, requestOptions);
   }
-  const { downloadBrowser } = await Promise.resolve().then(() => require("./download.browser-BtsZfHY2.js"));
+  const { downloadBrowser } = await Promise.resolve().then(() => require("./download.browser-CkVF14pl.js"));
   return await downloadBrowser(Object.values(resources), bee.url, bytesEndpoint, options, requestOptions);
 }
 class EventEmitterBase {
@@ -88941,7 +88951,7 @@ async function processUpload(bee, driveInfo, fileOptions, uploadOptions, request
     return processedOptions.file;
   }
   if (O$1) {
-    const { processUploadNode } = await Promise.resolve().then(() => require("./upload.node-Lj4JAWof.js"));
+    const { processUploadNode } = await Promise.resolve().then(() => require("./upload.node-DBWX-yGw.js"));
     const nodeOptions = processedOptions.options;
     return processUploadNode(bee, driveInfo, nodeOptions, uploadOptions, requestOptions);
   }
@@ -102561,6 +102571,7 @@ const SYNC_CHECK_INTERVAL_MS = 2e3;
 function AssetSyncing({ reference: reference2 }) {
   const { beeApi } = React.useContext(Context$8);
   const syncTimer = React.useRef(null);
+  const retrieveCheckRef = React.useRef(false);
   const [isRetrieveChecking, setIsRetrieveChecking] = React.useState(false);
   const [syncProgress, setSyncProgress] = React.useState(0);
   const syncCheck = React.useCallback(async () => {
@@ -102578,6 +102589,16 @@ function AssetSyncing({ reference: reference2 }) {
     if (tag && tag.split > 0) {
       const progress = (tag.seen + tag.synced) / tag.split * 100;
       setSyncProgress(progress);
+    } else if (!tag && !retrieveCheckRef.current) {
+      retrieveCheckRef.current = true;
+      try {
+        if (await beeApi.isReferenceRetrievable(reference2)) {
+          setSyncProgress(100);
+        }
+      } catch {
+      } finally {
+        retrieveCheckRef.current = false;
+      }
     }
   }, [beeApi, reference2]);
   React.useEffect(() => {
@@ -103758,7 +103779,7 @@ function Provider({ children }) {
 function Index$1() {
   const { giftWallets, addGiftWallet } = React.useContext(Context$1);
   const { rpcProvider, desktopUrl, giftWalletFees } = React.useContext(Context$8);
-  const { balance } = React.useContext(Context);
+  const { balance, refresh: refreshBalance } = React.useContext(Context);
   const [loading, setLoading] = React.useState(false);
   const [balances, setBalances] = React.useState([]);
   const { enqueueSnackbar } = useSnackbar();
@@ -103796,6 +103817,7 @@ function Index$1() {
       console.error(error);
       enqueueSnackbar(`Failed to fund gift wallet: ${extractBeeApiErrorMessage(error)}`, { variant: "error" });
     } finally {
+      await refreshBalance();
       setLoading(false);
     }
   }
@@ -103839,7 +103861,7 @@ function Index$1() {
     ] })
   ] });
 }
-const version = "0.36.0";
+const version = "0.36.1";
 var withoutCountries$1 = { exports: {} };
 function globals(defs2) {
   defs2("EPSG:4326", "+title=WGS 84 (long/lat) +proj=longlat +ellps=WGS84 +datum=WGS84 +units=degrees");
@@ -118618,10 +118640,24 @@ function SettingsPage() {
     }
   }
   async function handleSetEnsResolverUrl(value) {
+    const resolverUrl = extractEnsResolverUrl(value);
+    if (!resolverUrl) {
+      enqueueSnackbar("Failed to change ENS resolver. Invalid URL format.", { variant: "error" });
+      return;
+    }
+    try {
+      await newGnosisProviderForValidation(resolverUrl).getNetwork();
+    } catch (e2) {
+      console.error(e2);
+      enqueueSnackbar(`Failed to connect to ENS resolver endpoint. ${extractBeeApiErrorMessage(e2)}`, {
+        variant: "error"
+      });
+      return;
+    }
     try {
       await setEnsResolverInDesktop(desktopUrl, value);
       setEnsResolver(value);
-      const snackKey = enqueueSnackbar("ENS resolver successfully changed, restarting Bee node...", {
+      const snackKey = enqueueSnackbar("ENS resolver saved, restarting Bee node...", {
         variant: "success"
       });
       await restartBeeNode(desktopUrl);

package/lib/{App-DNdxuM_D.mjs → App-_sIcw37E.mjs}

@@ -52436,6 +52436,7 @@ const BEE_DESKTOP_LATEST_RELEASE_PAGE = "https://github.com/ethersphere/bee-desk
 const BEE_DESKTOP_LATEST_RELEASE_PAGE_API = "https://api.github.com/repos/ethersphere/bee-desktop/releases/latest";
 const DEFAULT_BEE_API_HOST = "http://localhost:1633";
 const DEFAULT_RPC_URL = "https://xdai.fairdatasociety.org";
+const DEFAULT_GIFT_WALLET_FEES = { dai: "0.1", bzz: "5" };
 const MIN_STAMP_DEPTH = 17;
 const MAX_STAMP_DEPTH = 255;
 function bind(fn2, thisArg) {
@@ -55809,6 +55810,15 @@ async function setEnsResolverInDesktop(desktopUrl, value) {
     "resolver-options": value
   });
 }
+const ENS_RESOLVER_URL = /^(?:[a-z0-9-]+:)?(?:0x[0-9a-fA-F]{40}@)?(https?:\/\/.+)$/i;
+function extractEnsResolverUrl(value) {
+  const urlPart = ENS_RESOLVER_URL.exec(value.trim())?.[1];
+  try {
+    return urlPart && new URL(urlPart).hostname ? urlPart : null;
+  } catch {
+    return null;
+  }
+}
 function getDesktopConfiguration(desktopUrl) {
   return getJson(`${desktopUrl}/config`);
 }
@@ -75564,7 +75574,7 @@ function Provider$8({ children, ...propsSettings }) {
       desktopApiKey,
       isDesktop,
       desktopUrl,
-      giftWalletFees: propsSettings.giftWalletFees,
+      giftWalletFees: propsSettings.giftWalletFees ?? DEFAULT_GIFT_WALLET_FEES,
       rpcProvider,
       rpcProviderUrl,
       cors: config2?.["cors-allowed-origins"] ?? null,
@@ -88864,10 +88874,10 @@ P?.name || "";
 const bytesEndpoint = "bytes";
 async function processDownload(bee, resources, options, requestOptions) {
   if (O$1) {
-    const { downloadNode } = await import("./download.node-Cot8qXzn.mjs");
+    const { downloadNode } = await import("./download.node-CmYlr7RX.mjs");
     return await downloadNode(bee, Object.values(resources), options, requestOptions);
   }
-  const { downloadBrowser } = await import("./download.browser-xicfmV_K.mjs");
+  const { downloadBrowser } = await import("./download.browser-D4xwSLDm.mjs");
   return await downloadBrowser(Object.values(resources), bee.url, bytesEndpoint, options, requestOptions);
 }
 class EventEmitterBase {
@@ -88924,7 +88934,7 @@ async function processUpload(bee, driveInfo, fileOptions, uploadOptions, request
     return processedOptions.file;
   }
   if (O$1) {
-    const { processUploadNode } = await import("./upload.node-Do4ZBa7z.mjs");
+    const { processUploadNode } = await import("./upload.node-9Q7y6klc.mjs");
     const nodeOptions = processedOptions.options;
     return processUploadNode(bee, driveInfo, nodeOptions, uploadOptions, requestOptions);
   }
@@ -102544,6 +102554,7 @@ const SYNC_CHECK_INTERVAL_MS = 2e3;
 function AssetSyncing({ reference: reference2 }) {
   const { beeApi } = useContext(Context$8);
   const syncTimer = useRef(null);
+  const retrieveCheckRef = useRef(false);
   const [isRetrieveChecking, setIsRetrieveChecking] = useState(false);
   const [syncProgress, setSyncProgress] = useState(0);
   const syncCheck = useCallback(async () => {
@@ -102561,6 +102572,16 @@ function AssetSyncing({ reference: reference2 }) {
     if (tag && tag.split > 0) {
       const progress = (tag.seen + tag.synced) / tag.split * 100;
       setSyncProgress(progress);
+    } else if (!tag && !retrieveCheckRef.current) {
+      retrieveCheckRef.current = true;
+      try {
+        if (await beeApi.isReferenceRetrievable(reference2)) {
+          setSyncProgress(100);
+        }
+      } catch {
+      } finally {
+        retrieveCheckRef.current = false;
+      }
     }
   }, [beeApi, reference2]);
   useEffect(() => {
@@ -103741,7 +103762,7 @@ function Provider({ children }) {
 function Index$1() {
   const { giftWallets, addGiftWallet } = useContext(Context$1);
   const { rpcProvider, desktopUrl, giftWalletFees } = useContext(Context$8);
-  const { balance } = useContext(Context);
+  const { balance, refresh: refreshBalance } = useContext(Context);
   const [loading, setLoading] = useState(false);
   const [balances, setBalances] = useState([]);
   const { enqueueSnackbar } = useSnackbar();
@@ -103779,6 +103800,7 @@ function Index$1() {
       console.error(error);
       enqueueSnackbar(`Failed to fund gift wallet: ${extractBeeApiErrorMessage(error)}`, { variant: "error" });
     } finally {
+      await refreshBalance();
       setLoading(false);
     }
   }
@@ -103822,7 +103844,7 @@ function Index$1() {
     ] })
   ] });
 }
-const version = "0.36.0";
+const version = "0.36.1";
 var withoutCountries$1 = { exports: {} };
 function globals(defs2) {
   defs2("EPSG:4326", "+title=WGS 84 (long/lat) +proj=longlat +ellps=WGS84 +datum=WGS84 +units=degrees");
@@ -118601,10 +118623,24 @@ function SettingsPage() {
     }
   }
   async function handleSetEnsResolverUrl(value) {
+    const resolverUrl = extractEnsResolverUrl(value);
+    if (!resolverUrl) {
+      enqueueSnackbar("Failed to change ENS resolver. Invalid URL format.", { variant: "error" });
+      return;
+    }
+    try {
+      await newGnosisProviderForValidation(resolverUrl).getNetwork();
+    } catch (e2) {
+      console.error(e2);
+      enqueueSnackbar(`Failed to connect to ENS resolver endpoint. ${extractBeeApiErrorMessage(e2)}`, {
+        variant: "error"
+      });
+      return;
+    }
     try {
       await setEnsResolverInDesktop(desktopUrl, value);
       setEnsResolver(value);
-      const snackKey = enqueueSnackbar("ENS resolver successfully changed, restarting Bee node...", {
+      const snackKey = enqueueSnackbar("ENS resolver saved, restarting Bee node...", {
         variant: "success"
       });
       await restartBeeNode(desktopUrl);

package/lib/App.cjs.js

@@ -1,3 +1,3 @@
 "use strict";
-const App = require("./App-bJc-m8lc.js");
+const App = require("./App-7cAV7lii.js");
 module.exports = App.App;

package/lib/App.js

@@ -1,4 +1,4 @@
-import { A } from "./App-DNdxuM_D.mjs";
+import { A } from "./App-_sIcw37E.mjs";
 export {
   A as default
 };

package/lib/constants.d.ts

@@ -14,5 +14,9 @@ export declare const BEE_DESKTOP_LATEST_RELEASE_PAGE = "https://github.com/ether
 export declare const BEE_DESKTOP_LATEST_RELEASE_PAGE_API = "https://api.github.com/repos/ethersphere/bee-desktop/releases/latest";
 export declare const DEFAULT_BEE_API_HOST = "http://localhost:1633";
 export declare const DEFAULT_RPC_URL = "https://xdai.fairdatasociety.org";
+export declare const DEFAULT_GIFT_WALLET_FEES: {
+    dai: string;
+    bzz: string;
+};
 export declare const MIN_STAMP_DEPTH = 17;
 export declare const MAX_STAMP_DEPTH = 255;

package/lib/{download.browser-BtsZfHY2.js → download.browser-CkVF14pl.js}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const App = require("./App-bJc-m8lc.js");
+const App = require("./App-7cAV7lii.js");
 async function downloadReadableFetch(resource, apiUrl, endpoint, options, requestOptions) {
   if (options) {
     options = prepareDownloadOptions(options);

package/lib/{download.browser-xicfmV_K.mjs → download.browser-D4xwSLDm.mjs}

@@ -1,4 +1,4 @@
-import { T as Types, R as Reference, P as PublicKey } from "./App-DNdxuM_D.mjs";
+import { T as Types, R as Reference, P as PublicKey } from "./App-_sIcw37E.mjs";
 async function downloadReadableFetch(resource, apiUrl, endpoint, options, requestOptions) {
   if (options) {
     options = prepareDownloadOptions(options);

package/lib/{download.node-Cot8qXzn.mjs → download.node-CmYlr7RX.mjs}

@@ -1,4 +1,4 @@
-import { s as settlePromises } from "./App-DNdxuM_D.mjs";
+import { s as settlePromises } from "./App-_sIcw37E.mjs";
 async function downloadNode(bee, resources, options, requestOptions) {
   const dataPromises = [];
   for (const resource of resources) {

package/lib/{download.node-Bzm4Mzw4.js → download.node-sjp1kwLg.js}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const App = require("./App-bJc-m8lc.js");
+const App = require("./App-7cAV7lii.js");
 async function downloadNode(bee, resources, options, requestOptions) {
   const dataPromises = [];
   for (const resource of resources) {

package/lib/{fs.node-6BiRJR_i.mjs → fs.node-DCqDmotb.mjs}

@@ -1,4 +1,4 @@
-import { F as FileError } from "./App-DNdxuM_D.mjs";
+import { F as FileError } from "./App-_sIcw37E.mjs";
 const contentTypes = /* @__PURE__ */ new Map([
   [".mp4", "video/mp4"],
   [".webm", "video/webm"],

package/lib/{fs.node-CVEodnBo.js → fs.node-DTMYb9kO.js}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const App = require("./App-bJc-m8lc.js");
+const App = require("./App-7cAV7lii.js");
 const contentTypes = /* @__PURE__ */ new Map([
   [".mp4", "video/mp4"],
   [".webm", "video/webm"],

package/lib/{upload.node-Do4ZBa7z.mjs → upload.node-9Q7y6klc.mjs}

@@ -1,4 +1,4 @@
-import { B as BatchId, F as FileError } from "./App-DNdxuM_D.mjs";
+import { B as BatchId, F as FileError } from "./App-_sIcw37E.mjs";
 async function uploadNode(bee, batchId, nodeOptions, uploadOptions, requestOptions) {
   const uploadFilesRes = await uploadFileOrDirectory(bee, new BatchId(batchId), nodeOptions.path, { ...uploadOptions, act: false }, requestOptions);
   let uploadPreviewRes;
@@ -12,7 +12,7 @@ async function uploadNode(bee, batchId, nodeOptions, uploadOptions, requestOptio
   return await bee.uploadData(batchId, JSON.stringify(wrappedData), { ...uploadOptions, act: true }, requestOptions);
 }
 async function uploadFileOrDirectory(bee, batchId, resolvedPath, uploadOptions, requestOptions) {
-  const { isDir } = await import("./fs.node-6BiRJR_i.mjs");
+  const { isDir } = await import("./fs.node-DCqDmotb.mjs");
   const isPathDir = await isDir(resolvedPath);
   if (isPathDir) {
     return uploadDirectory(bee, batchId, resolvedPath, uploadOptions, requestOptions);
@@ -21,7 +21,7 @@ async function uploadFileOrDirectory(bee, batchId, resolvedPath, uploadOptions,
 }
 async function uploadFile(bee, batchId, resolvedPath, uploadOptions, requestOptions) {
   try {
-    const { readFile } = await import("./fs.node-6BiRJR_i.mjs");
+    const { readFile } = await import("./fs.node-DCqDmotb.mjs");
     const { data, name, contentType } = await readFile(resolvedPath);
     return await bee.uploadFile(batchId, data, name, {
       ...uploadOptions,

package/lib/{upload.node-Lj4JAWof.js → upload.node-DBWX-yGw.js}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const App = require("./App-bJc-m8lc.js");
+const App = require("./App-7cAV7lii.js");
 async function uploadNode(bee, batchId, nodeOptions, uploadOptions, requestOptions) {
   const uploadFilesRes = await uploadFileOrDirectory(bee, new App.BatchId(batchId), nodeOptions.path, { ...uploadOptions, act: false }, requestOptions);
   let uploadPreviewRes;
@@ -14,7 +14,7 @@ async function uploadNode(bee, batchId, nodeOptions, uploadOptions, requestOptio
   return await bee.uploadData(batchId, JSON.stringify(wrappedData), { ...uploadOptions, act: true }, requestOptions);
 }
 async function uploadFileOrDirectory(bee, batchId, resolvedPath, uploadOptions, requestOptions) {
-  const { isDir } = await Promise.resolve().then(() => require("./fs.node-CVEodnBo.js"));
+  const { isDir } = await Promise.resolve().then(() => require("./fs.node-DTMYb9kO.js"));
   const isPathDir = await isDir(resolvedPath);
   if (isPathDir) {
     return uploadDirectory(bee, batchId, resolvedPath, uploadOptions, requestOptions);
@@ -23,7 +23,7 @@ async function uploadFileOrDirectory(bee, batchId, resolvedPath, uploadOptions,
 }
 async function uploadFile(bee, batchId, resolvedPath, uploadOptions, requestOptions) {
   try {
-    const { readFile } = await Promise.resolve().then(() => require("./fs.node-CVEodnBo.js"));
+    const { readFile } = await Promise.resolve().then(() => require("./fs.node-DTMYb9kO.js"));
     const { data, name, contentType } = await readFile(resolvedPath);
     return await bee.uploadFile(batchId, data, name, {
       ...uploadOptions,

package/lib/utils/desktop.d.ts

@@ -19,6 +19,7 @@ export declare function getBzzPriceAsDai(desktopUrl: string): Promise<DAI>;
 export declare function upgradeToLightNode(desktopUrl: string, rpcProvider: string): Promise<BeeConfig>;
 export declare function setJsonRpcInDesktop(desktopUrl: string, value: string): Promise<void>;
 export declare function setEnsResolverInDesktop(desktopUrl: string, value: string): Promise<void>;
+export declare function extractEnsResolverUrl(value: string): string | null;
 export declare function getDesktopConfiguration(desktopUrl: string): Promise<BeeConfig>;
 export declare function restartBeeNode(desktopUrl: string): Promise<void>;
 export declare function createGiftWallet(desktopUrl: string, address: string): Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethersphere/bee-dashboard",
-  "version": "0.36.0",
+  "version": "0.36.1",
   "description": "An app which helps users to setup their Bee node and do actions like cash out cheques",
   "homepage": ".",
   "bin": {