@plutonhq/core-frontend 0.1.13 → 0.1.14

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

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