@plutonhq/core-frontend 0.1.23 → 0.1.25

package/dist-lib/components/Plan/Backups/Backups.js

@@ -1,112 +1,115 @@
-import { jsxs as l, jsx as e, Fragment as ie } from "react/jsx-runtime";
-import { useState as h } from "react";
-import { toast as f } from "react-toastify";
-import { formatDuration as ae, formatBytes as le, formatNumberToK as se, timeAgo as V, formatDateTime as F } from "../../../utils/helpers.js";
-import s from "../../common/Icon/Icon.js";
-import o from "./Backups.module.scss.js";
-import j from "../../common/ActionModal/ActionModal.js";
-import { useDeleteBackup as de, useUpdateBackup as re, useDownloadBackup as ne, useCancelBackupDownload as ce, useGetBackupDownload as me } from "../../../services/backups.js";
-import { useQueryClient as pe } from "@tanstack/react-query";
-import ue from "../../Restore/RestoreWizard/RestoreWizard.js";
-import he from "../../common/StatusLabel/StatusLabel.js";
-import fe from "../BackupEvents/BackupEvents.js";
-import W from "../../common/form/Input/Input.js";
-import ve from "../Mirrors/MirrorStatusBadge.js";
-import ke from "../Mirrors/MirrorStorageSelectorModal.js";
-const we = ({ download: a, downloadBackup: B }) => {
+import { jsxs as s, jsx as e, Fragment as de } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { toast as p } from "react-toastify";
+import { formatDuration as ne, formatBytes as ce, formatNumberToK as me, timeAgo as J, formatDateTime as V } from "../../../utils/helpers.js";
+import r from "../../common/Icon/Icon.js";
+import t from "./Backups.module.scss.js";
+import X from "../../common/ActionModal/ActionModal.js";
+import { useDeleteBackup as pe, useUpdateBackup as ue, useDownloadBackup as he, useCancelBackupDownload as fe, useGetBackupDownload as ve, useBrowseSnapshot as we } from "../../../services/backups.js";
+import { useQueryClient as be } from "@tanstack/react-query";
+import ke from "../../Restore/RestoreWizard/RestoreWizard.js";
+import ye from "../../common/StatusLabel/StatusLabel.js";
+import De from "../BackupEvents/BackupEvents.js";
+import Z from "../../common/form/Input/Input.js";
+import Te from "../Mirrors/MirrorStatusBadge.js";
+import Be from "../Mirrors/MirrorStorageSelectorModal.js";
+import Ne from "../../common/SidePanel/SidePanel.js";
+import ge from "../SnapshotViewer/SnapshotViewer.js";
+const $e = ({ download: a, downloadBackup: M }) => {
   if ((a == null ? void 0 : a.status) === "started")
     return /* @__PURE__ */ e(
       "span",
       {
-        className: o.downloadLabel,
+        className: t.downloadLabel,
         "data-tooltip-id": "htmlToolTip",
         "data-tooltip-place": "top",
         "data-tooltip-html": "<div>Generating Download...</div>",
-        children: /* @__PURE__ */ e(s, { type: "downloading", size: 14 })
+        children: /* @__PURE__ */ e(r, { type: "downloading", size: 14 })
       }
     );
   if ((a == null ? void 0 : a.status) === "failed")
     return /* @__PURE__ */ e(
       "span",
       {
-        className: `${o.downloadLabelFailed} ${o.downloadLabel}`,
+        className: `${t.downloadLabelFailed} ${t.downloadLabel}`,
         "data-tooltip-id": "htmlToolTip",
         "data-tooltip-place": "top",
         "data-tooltip-html": `<div><div>Download Generation Failed!</div>${a.error ? `<div>${a.error}<div>` : ""}</div>`,
-        children: /* @__PURE__ */ e(s, { type: "error", size: 12 })
+        children: /* @__PURE__ */ e(r, { type: "error", size: 12 })
       }
     );
   if ((a == null ? void 0 : a.status) === "complete") {
     let n;
     if (a != null && a.ended) {
-      const N = a.ended * 1e3 + 1440 * 60 * 1e3, d = Date.now();
-      n = Math.max(0, Math.floor((N - d) / (3600 * 1e3)));
+      const C = a.ended * 1e3 + 1440 * 60 * 1e3, l = Date.now();
+      n = Math.max(0, Math.floor((C - l) / (3600 * 1e3)));
     }
     return n ? /* @__PURE__ */ e(
       "span",
       {
-        className: `${o.downloadLabelDone} ${o.downloadLabel}`,
-        onClick: B,
+        className: `${t.downloadLabelDone} ${t.downloadLabel}`,
+        onClick: M,
         "data-tooltip-id": "htmlToolTip",
         "data-tooltip-place": "top",
         "data-tooltip-html": `<div><div>Download Generated. Click to Download. ${n ? `Valid for the next ${n} hours.` : "⚠ Download Expired!"} </div>`,
-        children: /* @__PURE__ */ e(s, { type: "download", size: 12 })
+        children: /* @__PURE__ */ e(r, { type: "download", size: 12 })
       }
     ) : null;
   } else
     return;
-}, Pe = ({
+}, Ke = ({
   planId: a,
-  method: B,
+  method: M,
   backups: n = [],
-  sourceId: U,
-  sourceType: N,
-  replicationSettings: d,
-  storage: L,
-  deviceId: Y
+  sourceId: q,
+  sourceType: C,
+  replicationSettings: l,
+  storage: z,
+  deviceId: _
   // snapLimit,
 }) => {
-  const [v, D] = h(!1), [$, M] = h(!1), [k, G] = h(!1), [q, H] = h(!1), [c, w] = h(!1), [C, E] = h(!1), I = pe(), z = de(), S = re(), R = ne(), A = ce(), J = me(), m = B === "sync";
+  var j;
+  const [v, w] = m(!1), [S, E] = m(!1), [b, H] = m(!1), [I, K] = m(!1), [D, A] = m(!1), [u, k] = m(!1), [P, R] = m(!1), O = be(), F = pe(), x = ue(), U = he(), G = fe(), ee = ve(), L = we(), c = M === "sync", oe = (j = L.data) == null ? void 0 : j.result;
   console.log("backups :", n);
-  const X = (t) => {
-    console.log("remove :", t.id), z.mutate(t.id, {
+  const te = (o) => {
+    console.log("remove :", o.id), F.mutate(o.id, {
       onError: () => {
-        f.error(`Failed to Remove "backup-${t.id}"`);
+        p.error(`Failed to Remove "backup-${o.id}"`);
       },
       onSuccess: () => {
-        I.invalidateQueries({ queryKey: ["plan", a] }), f.success(`Backup "backup-${t.id}" Removed Successfully.`), M(!1);
+        O.invalidateQueries({ queryKey: ["plan", a] }), p.success(`Backup "backup-${o.id}" Removed Successfully.`), E(!1);
       }
     });
-  }, Z = (t) => {
+  }, ie = (o) => {
     const i = {
-      title: t.title,
-      description: t.description
+      title: o.title,
+      description: o.description
     };
-    console.log("update :", t.id, i), !(!i.title && !i.description) && S.mutate(
-      { backupId: t.id, updatePayload: i },
+    console.log("update :", o.id, i), !(!i.title && !i.description) && x.mutate(
+      { backupId: o.id, updatePayload: i },
       {
         onError: () => {
-          f.error(`Failed to Update "backup-${t.id}"`);
+          p.error(`Failed to Update "backup-${o.id}"`);
         },
         onSuccess: () => {
-          I.invalidateQueries({ queryKey: ["plan", a] }), f.success(`Backup "backup-${t.id}" Updated Successfully.`), w(!1);
+          O.invalidateQueries({ queryKey: ["plan", a] }), p.success(`Backup "backup-${o.id}" Updated Successfully.`), k(!1);
         }
       }
     );
-  }, _ = (t) => {
-    d != null && d.enabled && t.mirrors && t.mirrors.some((i) => i.status === "completed") ? E(t) : K(t.id);
-  }, K = (t, i) => {
-    f.promise(R.mutateAsync({ backupId: t, planId: a, replicationId: i }), {
+  }, ae = (o) => {
+    l != null && l.enabled && o.mirrors && o.mirrors.some((i) => i.status === "completed") ? R(o) : Q(o.id);
+  }, Q = (o, i) => {
+    p.promise(U.mutateAsync({ backupId: o, planId: a, replicationId: i }), {
       pending: "Sending Download Request...",
       success: "Generating Download. This might take a while..",
       error: {
-        render({ data: p }) {
-          return `Failed to Generate Download. ${(p == null ? void 0 : p.message) || "Unknown Error."}`;
+        render({ data: h }) {
+          return `Failed to Generate Download. ${(h == null ? void 0 : h.message) || "Unknown Error."}`;
         }
       }
     });
-  }, ee = (t) => {
-    f.promise(A.mutateAsync({ backupId: t, planId: a }), {
+  }, se = (o) => {
+    p.promise(G.mutateAsync({ backupId: o, planId: a }), {
       pending: "Cancelling Download...",
       success: "Download Cancelled",
       error: {
@@ -116,10 +119,10 @@ const we = ({ download: a, downloadBackup: B }) => {
       }
     });
   };
-  return /* @__PURE__ */ l("div", { className: o.backupsTable, children: [
-    /* @__PURE__ */ l("div", { className: o.backupsTableHead, children: [
-      /* @__PURE__ */ l("div", { children: [
-        m ? "Sync" : "Backup",
+  return /* @__PURE__ */ s("div", { className: t.backupsTable, children: [
+    /* @__PURE__ */ s("div", { className: t.backupsTableHead, children: [
+      /* @__PURE__ */ s("div", { children: [
+        c ? "Sync" : "Backup",
         " ID"
       ] }),
       /* @__PURE__ */ e("div", { children: "Status" }),
@@ -129,132 +132,147 @@ const we = ({ download: a, downloadBackup: B }) => {
       /* @__PURE__ */ e("div", { children: "Date" }),
       /* @__PURE__ */ e("div", {})
     ] }),
-    /* @__PURE__ */ l("div", { className: o.backupsTableContent, children: [
-      n.filter((t) => !t.inProgress).map((t) => {
-        const { id: i, title: p, description: O, started: y, ended: b, download: g, status: P, errorMsg: T, duration: Q, totalFiles: te, totalSize: oe, changes: u, active: x } = t, r = g && g.status === "started";
-        return /* @__PURE__ */ l(
+    /* @__PURE__ */ s("div", { className: t.backupsTableContent, children: [
+      n.filter((o) => !o.inProgress).map((o) => {
+        const { id: i, title: h, description: W, started: T, ended: y, download: B, status: N, errorMsg: g, duration: Y, totalFiles: le, totalSize: re, changes: f, active: $ } = o, d = B && B.status === "started";
+        return /* @__PURE__ */ s(
           "div",
           {
-            className: `${o.backupsTableRow} ${v && v === i ? o.backupsTableRowActive : ""}`,
+            className: `${t.backupsTableRow} ${v && v === i ? t.backupsTableRowActive : ""}`,
             children: [
-              /* @__PURE__ */ l("div", { children: [
+              /* @__PURE__ */ s("div", { children: [
                 /* @__PURE__ */ e(
                   "span",
                   {
-                    className: o.editIcon,
-                    onClick: () => w(t),
+                    className: t.editIcon,
+                    onClick: () => k(o),
                     "data-tooltip-id": "htmlToolTip",
                     "data-tooltip-html": "Edit Title & Description",
-                    children: /* @__PURE__ */ e(s, { type: "edit", size: 12 })
+                    children: /* @__PURE__ */ e(r, { type: "edit", size: 12 })
                   }
                 ),
-                /* @__PURE__ */ l("span", { className: o.backupTitle, onClick: () => !m && H(i), children: [
-                  /* @__PURE__ */ e(s, { type: m ? "sync" : "box", size: 14 }),
+                /* @__PURE__ */ s("span", { className: t.backupTitle, onClick: () => !c && K(i), children: [
+                  /* @__PURE__ */ e(r, { type: c ? "sync" : "box", size: 14 }),
                   " ",
-                  p || (m ? `sync-${i}` : `backup-${i}`),
+                  h || (c ? `sync-${i}` : `backup-${i}`),
                   " "
                 ] }),
-                O && /* @__PURE__ */ e("span", { className: o.backupDescription, "data-tooltip-id": "htmlToolTip", "data-tooltip-content": O, children: /* @__PURE__ */ e(s, { type: "note", size: 13 }) }),
-                !m && x && /* @__PURE__ */ e("span", { className: o.activeBackup, "data-tooltip-id": "htmlToolTip", "data-tooltip-html": "Active Snapshot", children: /* @__PURE__ */ e(s, { type: "bolt", size: 14 }) }),
-                (d == null ? void 0 : d.enabled) && t.mirrors && t.mirrors.length > 0 && /* @__PURE__ */ e(ve, { mirrors: t.mirrors, planId: a, backupId: i, replicationSettings: d }),
-                g && /* @__PURE__ */ e(we, { download: g, downloadBackup: () => J.mutate(i) })
+                W && /* @__PURE__ */ e("span", { className: t.backupDescription, "data-tooltip-id": "htmlToolTip", "data-tooltip-content": W, children: /* @__PURE__ */ e(r, { type: "note", size: 13 }) }),
+                !c && $ && /* @__PURE__ */ e("span", { className: t.activeBackup, "data-tooltip-id": "htmlToolTip", "data-tooltip-html": "Active Snapshot", children: /* @__PURE__ */ e(r, { type: "bolt", size: 14 }) }),
+                (l == null ? void 0 : l.enabled) && o.mirrors && o.mirrors.length > 0 && /* @__PURE__ */ e(Te, { mirrors: o.mirrors, planId: a, backupId: i, replicationSettings: l }),
+                B && /* @__PURE__ */ e($e, { download: B, downloadBackup: () => ee.mutate(i) })
               ] }),
               /* @__PURE__ */ e(
                 "div",
                 {
-                  className: `${o.status} ${T ? o.statusHasError : ""}`,
+                  className: `${t.status} ${g ? t.statusHasError : ""}`,
                   "data-tooltip-id": "htmlToolTip",
-                  "data-tooltip-html": `<div><string>Error</string>: ${T}</div>`,
-                  "data-tooltip-hidden": !T,
-                  children: /* @__PURE__ */ e(he, { status: P, hasError: !!T })
+                  "data-tooltip-html": `<div><string>Error</string>: ${g}</div>`,
+                  "data-tooltip-hidden": !g,
+                  children: /* @__PURE__ */ e(ye, { status: N, hasError: !!g })
                 }
               ),
-              /* @__PURE__ */ e("div", { title: Q + "s", children: ae(Q) }),
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ e("div", { title: Y + "s", children: ne(Y) }),
+              /* @__PURE__ */ s(
                 "div",
                 {
-                  className: o.changes,
+                  className: t.changes,
                   "data-tooltip-id": "htmlToolTip",
                   "data-tooltip-html": `
-                                          <div><b>New Items</b>: ${u.new}</div>
-                                          <div><b>Modified Items</b>: ${u.modified}</div>
-                                          <div><b>Deleted Items</b>: ${u.removed || 0}</div>
+                                          <div><b>New Items</b>: ${f.new}</div>
+                                          <div><b>Modified Items</b>: ${f.modified}</div>
+                                          <div><b>Deleted Items</b>: ${f.removed || 0}</div>
                                        `,
                   children: [
-                    /* @__PURE__ */ l("span", { className: o.changesNew, children: [
-                      /* @__PURE__ */ e(s, { type: "file-new", size: 12 }),
+                    /* @__PURE__ */ s("span", { className: t.changesNew, children: [
+                      /* @__PURE__ */ e(r, { type: "file-new", size: 12 }),
                       " ",
-                      u.new
+                      f.new
                     ] }),
                     " ",
-                    /* @__PURE__ */ l("span", { className: o.changesModified, children: [
-                      /* @__PURE__ */ e(s, { type: "file-modified", size: 12 }),
+                    /* @__PURE__ */ s("span", { className: t.changesModified, children: [
+                      /* @__PURE__ */ e(r, { type: "file-modified", size: 12 }),
                       " ",
-                      u.modified
+                      f.modified
                     ] }),
                     " ",
-                    /* @__PURE__ */ l("span", { className: o.changesRemoved, children: [
-                      /* @__PURE__ */ e(s, { type: "file-removed", size: 12 }),
+                    /* @__PURE__ */ s("span", { className: t.changesRemoved, children: [
+                      /* @__PURE__ */ e(r, { type: "file-removed", size: 12 }),
                       " ",
-                      u.removed || 0
+                      f.removed || 0
                     ] })
                   ]
                 }
               ),
-              /* @__PURE__ */ e("div", { "data-tooltip-id": "htmlToolTip", "data-tooltip-html": `${se(te)} Files `, children: le(oe) }),
+              /* @__PURE__ */ e("div", { "data-tooltip-id": "htmlToolTip", "data-tooltip-html": `${me(le)} Files `, children: ce(re) }),
               /* @__PURE__ */ e(
                 "div",
                 {
                   "data-tooltip-id": "htmlToolTip",
                   "data-tooltip-html": `
-                                          <div><b>Started</b>: ${F(y)}</div>
-                                          <div><b>Ended</b>: ${b ? F(b) : ""}</div>
+                                          <div><b>Started</b>: ${V(T)}</div>
+                                          <div><b>Ended</b>: ${y ? V(y) : ""}</div>
                                        `,
-                  title: F(b || y),
-                  children: b ? V(new Date(b)) : V(y ? new Date(y) : /* @__PURE__ */ new Date())
+                  title: V(y || T),
+                  children: y ? J(new Date(y)) : J(T ? new Date(T) : /* @__PURE__ */ new Date())
                 }
               ),
-              /* @__PURE__ */ e("div", { className: o.snapOptsBtn, children: /* @__PURE__ */ e("button", { onClick: () => D(v && v === i ? !1 : i), children: /* @__PURE__ */ e(s, { type: "dots-vertical", size: 12 }) }) }),
-              v === i && /* @__PURE__ */ l("div", { className: o.settings, children: [
-                !m && P === "completed" && x && /* @__PURE__ */ l(
+              /* @__PURE__ */ e("div", { className: t.snapOptsBtn, children: /* @__PURE__ */ e("button", { onClick: () => w(v && v === i ? !1 : i), children: /* @__PURE__ */ e(r, { type: "dots-vertical", size: 12 }) }) }),
+              v === i && /* @__PURE__ */ s("div", { className: t.settings, children: [
+                !c && N === "completed" && $ && /* @__PURE__ */ s(
                   "button",
                   {
-                    className: R.isPending || A.isPending ? "notAllowed" : "",
-                    disabled: R.isPending || A.isPending,
+                    className: U.isPending || G.isPending ? "notAllowed" : "",
+                    disabled: U.isPending || G.isPending,
                     onClick: () => {
-                      r ? ee(i) : _(t), D(!1);
+                      d ? se(i) : ae(o), w(!1);
                     },
                     children: [
-                      /* @__PURE__ */ e(s, { type: r ? "close" : "download", size: 14 }),
+                      /* @__PURE__ */ e(r, { type: d ? "close" : "download", size: 14 }),
                       " ",
-                      r ? "Cancel Download" : "Download"
+                      d ? "Cancel Download" : "Download"
                     ]
                   }
                 ),
-                P === "completed" && x && /* @__PURE__ */ l(
+                !c && N === "completed" && $ && /* @__PURE__ */ s(
                   "button",
                   {
-                    className: r ? "notAllowed" : "",
-                    disabled: r,
                     onClick: () => {
-                      r || (G(t), D(!1));
+                      p.promise(L.mutateAsync({ backupId: i }), {
+                        pending: "Getting Snapshot Data...",
+                        error: "Failed to Get Snapshot Data."
+                      }), w(!1), A(o);
                     },
                     children: [
-                      /* @__PURE__ */ e(s, { type: "restore", size: 14 }),
+                      /* @__PURE__ */ e(r, { type: "folders", size: 14 }),
+                      " Browse"
+                    ]
+                  }
+                ),
+                N === "completed" && $ && /* @__PURE__ */ s(
+                  "button",
+                  {
+                    className: d ? "notAllowed" : "",
+                    disabled: d,
+                    onClick: () => {
+                      d || (H(o), w(!1));
+                    },
+                    children: [
+                      /* @__PURE__ */ e(r, { type: "restore", size: 14 }),
                       " Restore"
                     ]
                   }
                 ),
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ s(
                   "button",
                   {
-                    className: r ? "notAllowed" : "",
-                    disabled: r,
+                    className: d ? "notAllowed" : "",
+                    disabled: d,
                     onClick: () => {
-                      r || (M(t), D(!1));
+                      d || (E(o), w(!1));
                     },
                     children: [
-                      /* @__PURE__ */ e(s, { type: "trash", size: 14 }),
+                      /* @__PURE__ */ e(r, { type: "trash", size: 14 }),
                       " Remove"
                     ]
                   }
@@ -265,105 +283,117 @@ const we = ({ download: a, downloadBackup: B }) => {
           i
         );
       }),
-      n.length === 0 && /* @__PURE__ */ e("div", { className: o.noBackups, children: "Hasn't been backed up yet." })
+      n.length === 0 && /* @__PURE__ */ e("div", { className: t.noBackups, children: "Hasn't been backed up yet." })
     ] }),
-    $ && /* @__PURE__ */ e(
-      j,
+    S && /* @__PURE__ */ e(
+      X,
       {
         title: "Remove Backup",
-        message: /* @__PURE__ */ l(ie, { children: [
+        message: /* @__PURE__ */ s(de, { children: [
           "Are you sure you want to remove the Backup ",
-          /* @__PURE__ */ l("strong", { children: [
+          /* @__PURE__ */ s("strong", { children: [
             '"backup-',
-            $.id,
+            S.id,
             '"'
           ] }),
           "?"
         ] }),
-        closeModal: () => !z.isPending && M(!1),
+        closeModal: () => !F.isPending && E(!1),
         width: "400px",
         primaryAction: {
           title: "Yes, Remove Backup",
           type: "danger",
           icon: "trash",
-          isPending: z.isPending,
-          action: () => X($)
+          isPending: F.isPending,
+          action: () => te(S)
         }
       }
     ),
-    k && /* @__PURE__ */ e(
-      ue,
+    b && /* @__PURE__ */ e(
+      ke,
       {
-        close: () => G(!1),
+        close: () => H(!1),
         planId: a,
-        backupId: k.id,
-        deviceId: Y,
-        planStorage: L,
-        mirrors: d != null && d.enabled && k.mirrors && k.mirrors.some((t) => t.status === "completed") ? k.mirrors : []
+        backupId: b.id,
+        deviceId: _,
+        planStorage: z,
+        mirrors: l != null && l.enabled && b.mirrors && b.mirrors.some((o) => o.status === "completed") ? b.mirrors : []
       }
     ),
-    q && /* @__PURE__ */ e(
-      fe,
+    I && /* @__PURE__ */ e(
+      De,
       {
-        id: q,
+        id: I,
         planId: a,
-        sourceId: U,
-        sourceType: N,
-        close: () => H(!1)
+        sourceId: q,
+        sourceType: C,
+        close: () => K(!1)
       }
     ),
-    c && /* @__PURE__ */ e(
-      j,
+    u && /* @__PURE__ */ e(
+      X,
       {
         title: "Edit Backup Title & Description",
-        message: /* @__PURE__ */ l("div", { className: o.updateModalContent, children: [
-          /* @__PURE__ */ e("div", { className: o.field, children: /* @__PURE__ */ e(
-            W,
+        message: /* @__PURE__ */ s("div", { className: t.updateModalContent, children: [
+          /* @__PURE__ */ e("div", { className: t.field, children: /* @__PURE__ */ e(
+            Z,
             {
               label: "Title",
-              fieldValue: c.title || "",
-              onUpdate: (t) => w({ ...c, title: t }),
+              fieldValue: u.title || "",
+              onUpdate: (o) => k({ ...u, title: o }),
               placeholder: "Enter Backup Title",
               full: !0,
               inline: !1
             }
           ) }),
-          /* @__PURE__ */ e("div", { className: o.field, children: /* @__PURE__ */ e(
-            W,
+          /* @__PURE__ */ e("div", { className: t.field, children: /* @__PURE__ */ e(
+            Z,
             {
               label: "Description",
-              fieldValue: c.description || "",
-              onUpdate: (t) => w({ ...c, description: t }),
+              fieldValue: u.description || "",
+              onUpdate: (o) => k({ ...u, description: o }),
               placeholder: "Enter Backup Description",
               full: !0,
               inline: !1
             }
           ) })
         ] }),
-        closeModal: () => !S.isPending && w(!1),
+        closeModal: () => !x.isPending && k(!1),
         width: "400px",
         primaryAction: {
           title: "Update Backup",
           type: "default",
-          isPending: S.isPending,
-          action: () => Z(c)
+          isPending: x.isPending,
+          action: () => ie(u)
         }
       }
     ),
-    C && /* @__PURE__ */ e(
-      ke,
+    P && /* @__PURE__ */ e(
+      Be,
       {
-        mirrors: C.mirrors || [],
-        primaryStorage: L,
-        onSelect: (t) => {
-          K(C.id, t), E(!1);
+        mirrors: P.mirrors || [],
+        primaryStorage: z,
+        onSelect: (o) => {
+          Q(P.id, o), R(!1);
         },
-        onClose: () => E(!1)
+        onClose: () => R(!1)
+      }
+    ),
+    D && D.id && L.isSuccess && /* @__PURE__ */ e(Ne, { width: "100%", title: "Browse Snapshot", icon: /* @__PURE__ */ e(r, { type: "folders", size: 20 }), close: () => A(!1), children: /* @__PURE__ */ e(
+      ge,
+      {
+        files: oe || [],
+        backup: D,
+        planId: a,
+        isSync: c,
+        onClose: () => A(!1),
+        mirrors: l != null && l.enabled ? D.mirrors : void 0,
+        primaryStorage: l != null && l.enabled ? z : void 0
       }
-    )
+    ) })
   ] });
 };
 export {
-  Pe as default
+  Ke as default
 };
 //# sourceMappingURL=Backups.js.map