@plutonhq/core-frontend 0.1.31 → 0.1.33

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

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