@plutonhq/core-frontend 0.1.13 → 0.1.14

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

@@ -1,160 +1,203 @@
-import { jsxs as s, jsx as r, Fragment as w } from "react/jsx-runtime";
-import { useState as $ } from "react";
-import { useQueryClient as K } from "@tanstack/react-query";
-import { toast as F } from "react-toastify";
-import m from "../../common/Icon/Icon.js";
-import { useCancelBackup as L, useGetBackupProgress as T } from "../../../services/backups.js";
-import o from "./BackupProgress.module.scss.js";
-import { timeAgo as U, formatDateTime as O, formatBytes as A, formatSeconds as Y } from "../../../utils/helpers.js";
-import { extractResticData as H, generateBackupProgressMessage as J, generateRestoreProgressMessage as V } from "../../../utils/progressHelpers.js";
-import W from "../../common/ActionModal/ActionModal.js";
-import { useCancelRestore as X, useGetRestoreProgress as Z } from "../../../services/restores.js";
-import I from "../BackupEvents/BackupEvents.js";
-const ue = ({ item: l, sourceId: g, sourceType: f, planId: n, type: t = "backup" }) => {
-  const [q, y] = $(!1), [x, P] = $(!1), C = K(), M = X(), v = L(), { id: d, started: h } = l, { data: a } = t === "backup" ? T({ id: d, sourceId: g, sourceType: f, planId: n }) : Z({ id: d, sourceId: g, sourceType: f, planId: n });
+import { jsxs as r, jsx as t, Fragment as C } from "react/jsx-runtime";
+import { useState as E } from "react";
+import { useQueryClient as J } from "@tanstack/react-query";
+import { toast as j } from "react-toastify";
+import d from "../../common/Icon/Icon.js";
+import { useCancelBackup as V, useGetBackupProgress as W } from "../../../services/backups.js";
+import e from "./BackupProgress.module.scss.js";
+import { timeAgo as X, formatDateTime as Z, formatBytes as L, formatSeconds as D } from "../../../utils/helpers.js";
+import { extractResticData as ee, generateBackupProgressMessage as se, generateRestoreProgressMessage as re, generateMirrorProgressMessage as te } from "../../../utils/progressHelpers.js";
+import ne from "../../common/ActionModal/ActionModal.js";
+import { useCancelRestore as oe, useGetRestoreProgress as ae } from "../../../services/restores.js";
+import ie from "../BackupEvents/BackupEvents.js";
+const ye = ({ item: l, sourceId: k, sourceType: v, planId: c, type: o = "backup" }) => {
+  const [O, R] = E(!1), [Q, S] = E(!1), $ = J(), B = oe(), w = V(), { id: g, started: y } = l, { data: a } = o === "backup" ? W({ id: g, sourceId: k, sourceType: v, planId: c }) : ae({ id: g, sourceId: k, sourceType: v, planId: c });
   console.log("#### data :", a);
-  const e = H(a), E = t === "backup" ? J(a) : V(a), {
-    total_files_processed: z = (e == null ? void 0 : e.total_files) || 0,
-    files_done: Q = 0,
-    total_bytes_processed: b = (e == null ? void 0 : e.total_bytes_processed) || (e == null ? void 0 : e.total_bytes) || 0,
-    bytes_done: N = 0,
-    bytes_restored: R = 0,
-    files_restored: S = 0,
-    seconds_remaining: j = 0,
-    percent_done: k = 0
-  } = e || {};
-  let u = Q, p = N, _ = b, B = z, i = b ? Math.round(N / b * 100) : 0;
-  t === "restore" && (i = Math.round(k * 100), e != null && e.total_bytes && (_ = e.total_bytes), R ? p = R : e != null && e.total_bytes && (p = Math.round(k * e.total_bytes)), S ? u = S : e != null && e.total_files && (u = Math.round(k * e.total_files))), (e == null ? void 0 : e.message_type) === "summary" && (i = 100, u = B, p = _);
-  const G = () => {
-    console.log("cancel :", t, l), t === "backup" ? F.promise(
-      v.mutateAsync(
-        { planId: n, backupId: l.id },
+  const s = ee(a), G = o === "backup" ? se(a) : re(a), {
+    total_files_processed: I = (s == null ? void 0 : s.total_files) || 0,
+    files_done: K = 0,
+    total_bytes_processed: N = (s == null ? void 0 : s.total_bytes_processed) || (s == null ? void 0 : s.total_bytes) || 0,
+    bytes_done: F = 0,
+    bytes_restored: z = 0,
+    files_restored: A = 0,
+    seconds_remaining: U = 0,
+    percent_done: _ = 0
+  } = s || {};
+  let h = K, f = F, P = N, T = I, u = N ? Math.round(F / N * 100) : 0;
+  o === "restore" && (u = Math.round(_ * 100), s != null && s.total_bytes && (P = s.total_bytes), z ? f = z : s != null && s.total_bytes && (f = Math.round(_ * s.total_bytes)), A ? h = A : s != null && s.total_files && (h = Math.round(_ * s.total_files))), (s == null ? void 0 : s.message_type) === "summary" && (u = 100, h = T, f = P);
+  const Y = () => {
+    console.log("cancel :", o, l), o === "backup" ? j.promise(
+      w.mutateAsync(
+        { planId: c, backupId: l.id },
         {
-          onSuccess: () => C.invalidateQueries({ queryKey: ["plan", n] })
+          onSuccess: () => $.invalidateQueries({ queryKey: ["plan", c] })
         }
       ),
       {
         pending: "Sending Cancel Request...",
         success: "Backup process Cancelled!",
         error: {
-          render({ data: c }) {
-            return `Failed to cancel backup process. ${(c == null ? void 0 : c.message) || "Unknown Error."}`;
+          render({ data: i }) {
+            return `Failed to cancel backup process. ${(i == null ? void 0 : i.message) || "Unknown Error."}`;
           }
         }
       }
-    ) : F.promise(
-      M.mutateAsync(
-        { planId: n, restoreId: l.id },
+    ) : j.promise(
+      B.mutateAsync(
+        { planId: c, restoreId: l.id },
         {
-          onSuccess: () => C.invalidateQueries({ queryKey: ["plan", n] })
+          onSuccess: () => $.invalidateQueries({ queryKey: ["plan", c] })
         }
       ),
       {
         pending: "Sending Cancel Request...",
         success: "Restore process Cancelled!",
         error: {
-          render({ data: c }) {
-            return `Failed to cancel restore process. ${(c == null ? void 0 : c.message) || "Unknown Error."}`;
+          render({ data: i }) {
+            return `Failed to cancel restore process. ${(i == null ? void 0 : i.message) || "Unknown Error."}`;
           }
         }
       }
     );
   };
-  return /* @__PURE__ */ s("div", { className: o.backup, children: [
-    /* @__PURE__ */ r("div", { className: o.backupIcon, children: /* @__PURE__ */ r(m, { type: "loading", size: 24 }) }),
-    /* @__PURE__ */ s("div", { className: o.backupLeft, children: [
-      /* @__PURE__ */ s("div", { className: o.backupId, children: [
-        t === "restore" ? "Restoring " : "",
-        "backup-",
-        d,
-        /* @__PURE__ */ s("span", { className: o.backupTime, title: O(h), children: [
-          /* @__PURE__ */ r(m, { type: "clock", size: 12 }),
-          " Started ",
-          h ? U(new Date(h)) : "a few seconds ago"
-        ] }),
-        l.errorMsg && /* @__PURE__ */ s("span", { className: o.backupError, children: [
-          /* @__PURE__ */ r(m, { type: "error-circle-filled", size: 13 }),
-          " ",
-          /* @__PURE__ */ s("i", { "data-tooltip-id": "htmlToolTip", "data-tooltip-place": "top", "data-tooltip-html": l.errorMsg, children: [
-            /* @__PURE__ */ r("u", { children: "Error" }),
-            " Occurred."
+  return /* @__PURE__ */ r("div", { className: e.backup, children: [
+    /* @__PURE__ */ r("div", { className: e.backupProgress, children: [
+      /* @__PURE__ */ t("div", { className: e.backupIcon, children: /* @__PURE__ */ t(d, { type: "loading", size: 24 }) }),
+      /* @__PURE__ */ r("div", { className: e.backupLeft, children: [
+        /* @__PURE__ */ r("div", { className: e.backupId, children: [
+          o === "restore" ? "Restoring " : "",
+          "backup-",
+          g,
+          /* @__PURE__ */ r("span", { className: e.backupTime, title: Z(y), children: [
+            /* @__PURE__ */ t(d, { type: "clock", size: 12 }),
+            " Started ",
+            y ? X(new Date(y)) : "a few seconds ago"
           ] }),
-          " ",
-          "Retrying..."
+          l.errorMsg && /* @__PURE__ */ r("span", { className: e.backupError, children: [
+            /* @__PURE__ */ t(d, { type: "error-circle-filled", size: 13 }),
+            " ",
+            /* @__PURE__ */ r("i", { "data-tooltip-id": "htmlToolTip", "data-tooltip-place": "top", "data-tooltip-html": l.errorMsg, children: [
+              /* @__PURE__ */ t("u", { children: "Error" }),
+              " Occurred."
+            ] }),
+            " ",
+            "Retrying..."
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: e.backupStart, children: [
+          /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("span", { className: e.progressMessage, onClick: () => S(!0), children: G }) }),
+          /* @__PURE__ */ r("button", { onClick: () => R(!0), title: `Cancel ${o}`, children: [
+            /* @__PURE__ */ t(d, { type: "close", size: 12 }),
+            " Cancel"
+          ] })
         ] })
       ] }),
-      /* @__PURE__ */ s("div", { className: o.backupStart, children: [
-        /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r("span", { className: o.progressMessage, onClick: () => P(!0), children: E }) }),
-        /* @__PURE__ */ s("button", { onClick: () => y(!0), title: `Cancel ${t}`, children: [
-          /* @__PURE__ */ r(m, { type: "close", size: 12 }),
-          " Cancel"
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ s("div", { className: o.backupRight, children: [
-      /* @__PURE__ */ s("div", { className: o.ProgressStats, children: [
-        /* @__PURE__ */ s("div", { className: o.ProgressStatsLeft, children: [
-          /* @__PURE__ */ s("span", { children: [
-            u,
-            " / ",
-            B,
-            " Files"
+      /* @__PURE__ */ r("div", { className: e.backupRight, children: [
+        /* @__PURE__ */ r("div", { className: e.ProgressStats, children: [
+          /* @__PURE__ */ r("div", { className: e.ProgressStatsLeft, children: [
+            /* @__PURE__ */ r("span", { children: [
+              h,
+              " / ",
+              T,
+              " Files"
+            ] }),
+            /* @__PURE__ */ t("i", {}),
+            /* @__PURE__ */ r("span", { children: [
+              L(f),
+              " / ",
+              L(P)
+            ] })
           ] }),
-          /* @__PURE__ */ r("i", {}),
-          /* @__PURE__ */ s("span", { children: [
-            A(p),
-            " / ",
-            A(_)
-          ] })
+          /* @__PURE__ */ t("div", { className: e.ProgressStatsRight, children: o !== "restore" && /* @__PURE__ */ r(C, { children: [
+            "Remaining: ",
+            D(U)
+          ] }) })
         ] }),
-        /* @__PURE__ */ r("div", { className: o.ProgressStatsRight, children: t !== "restore" && /* @__PURE__ */ s(w, { children: [
-          "Remaining: ",
-          Y(j)
-        ] }) })
+        /* @__PURE__ */ t("div", { className: e.progressBar, children: /* @__PURE__ */ t(
+          "div",
+          {
+            className: `${e.progressBarFill} ${u > 3 ? e.progressBarFilled : ""}`,
+            style: { width: u + "%" },
+            children: /* @__PURE__ */ r("span", { children: [
+              u,
+              "%"
+            ] })
+          }
+        ) })
       ] }),
-      /* @__PURE__ */ r("div", { className: o.progressBar, children: /* @__PURE__ */ r(
-        "div",
+      O && /* @__PURE__ */ t(
+        ne,
         {
-          className: `${o.progressBarFill} ${i > 3 ? o.progressBarFilled : ""}`,
-          style: { width: i + "%" },
-          children: /* @__PURE__ */ s("span", { children: [
-            i,
-            "%"
-          ] })
+          title: `Cancel ${o}`,
+          message: /* @__PURE__ */ t(C, { children: `Are you sure you want to cancel the ${o} process?` }),
+          closeModal: () => R(!1),
+          width: "400px",
+          primaryAction: {
+            title: `Yes, Cancel ${o}`,
+            type: "danger",
+            isPending: o === "restore" ? B.isPending : w.isPending,
+            action: () => Y()
+          }
         }
-      ) })
-    ] }),
-    q && /* @__PURE__ */ r(
-      W,
-      {
-        title: `Cancel ${t}`,
-        message: /* @__PURE__ */ r(w, { children: `Are you sure you want to cancel the ${t} process?` }),
-        closeModal: () => y(!1),
-        width: "400px",
-        primaryAction: {
-          title: `Yes, Cancel ${t}`,
-          type: "danger",
-          isPending: t === "restore" ? M.isPending : v.isPending,
-          action: () => G()
+      ),
+      Q && /* @__PURE__ */ t(
+        ie,
+        {
+          id: g,
+          type: o,
+          planId: c,
+          sourceId: k,
+          sourceType: v,
+          progressData: a,
+          inProgress: !0,
+          close: () => S(!1)
         }
-      }
-    ),
-    x && /* @__PURE__ */ r(
-      I,
-      {
-        id: d,
-        type: t,
-        planId: n,
-        sourceId: g,
-        sourceType: f,
-        progressData: a,
-        inProgress: !0,
-        close: () => P(!1)
-      }
-    )
+      )
+    ] }, l.id),
+    (a == null ? void 0 : a.mirrors) && Object.keys(a.mirrors).length > 0 && /* @__PURE__ */ r("div", { className: e.mirrorsSection, children: [
+      /* @__PURE__ */ t("div", { className: e.mirrorsTitle, children: "Replicating" }),
+      /* @__PURE__ */ t("div", { className: e.mirrorsList, children: Object.entries(a.mirrors).map(([i, n]) => {
+        var q, x;
+        const b = (x = (q = n.events) == null ? void 0 : q.slice().reverse().find((H) => H.resticData)) == null ? void 0 : x.resticData, p = b != null && b.percent_done ? Math.round(b.percent_done * 100) : 0, M = te(n);
+        let m = e.mirrorPending;
+        return n.status === "running" && (m = p > 0 ? e.mirrorRunning : e.mirrorRunningIndeterminate), n.status === "completed" && (m = e.mirrorCompleted), n.status === "failed" && (m = e.mirrorFailed), n.status === "retrying" && (m = e.mirrorRunningIndeterminate), /* @__PURE__ */ r("div", { className: e.mirrorItem, children: [
+          /* @__PURE__ */ r("div", { className: e.mirrorStorageIcon, children: [
+            (n.status === "running" || n.status === "pending" || n.status === "retrying") && /* @__PURE__ */ t(d, { type: "loading", size: 12 }),
+            /* @__PURE__ */ t("img", { src: `/providers/${n.storageType}.png` })
+          ] }),
+          /* @__PURE__ */ r("div", { className: e.mirrorProgress, children: [
+            /* @__PURE__ */ r("div", { className: e.mirrorInfo, children: [
+              /* @__PURE__ */ t("span", { className: e.mirrorName, children: n.storageName }),
+              /* @__PURE__ */ r("span", { className: `${e.mirrorStatus} ${m}`, children: [
+                n.status === "pending" && "Pending",
+                n.status === "running" && (p > 0 ? `${p}% — ${M}` : M),
+                n.status === "completed" && /* @__PURE__ */ r(C, { children: [
+                  /* @__PURE__ */ t(d, { type: "check", size: 10 }),
+                  " Completed"
+                ] }),
+                n.status === "failed" && /* @__PURE__ */ r("span", { "data-tooltip-id": "htmlToolTip", "data-tooltip-html": n.error || "Replication failed", children: [
+                  /* @__PURE__ */ t(d, { type: "error", size: 12 }),
+                  " Failed"
+                ] }),
+                n.status === "retrying" && M
+              ] })
+            ] }),
+            /* @__PURE__ */ t("div", { className: e.mirrorBar, children: /* @__PURE__ */ t(
+              "div",
+              {
+                className: `${e.mirrorBarFill} ${m}`,
+                style: {
+                  width: n.status === "completed" || n.status === "failed" ? "100%" : p > 0 ? `${p}%` : void 0
+                }
+              }
+            ) })
+          ] })
+        ] }, i);
+      }) })
+    ] })
   ] }, l.id);
 };
 export {
-  ue as default
+  ye as default
 };
 //# sourceMappingURL=BackupProgress.js.map

package/dist-lib/components/Plan/BackupProgress/BackupProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackupProgress.js","sources":["../../../../src/components/Plan/BackupProgress/BackupProgress.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { useQueryClient } from '@tanstack/react-query';\r\nimport { toast } from 'react-toastify';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport { useCancelBackup, useGetBackupProgress } from '../../../services/backups';\r\nimport classes from './BackupProgress.module.scss';\r\nimport { formatBytes, formatDateTime, formatSeconds, timeAgo } from '../../../utils/helpers';\r\nimport { generateBackupProgressMessage, extractResticData, generateRestoreProgressMessage } from '../../../utils/progressHelpers';\r\nimport { Backup } from '../../../@types/backups';\r\nimport { RestoreSlim } from '../../../@types/restores';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\nimport { useCancelRestore, useGetRestoreProgress } from '../../../services/restores';\r\nimport BackupEvents from '../BackupEvents/BackupEvents';\r\n\r\ninterface BackupProgressProps {\r\n   item: Backup | RestoreSlim;\r\n   sourceId: string;\r\n   sourceType: string;\r\n   planId: string;\r\n   type: 'backup' | 'restore';\r\n}\r\n\r\nconst BackupProgress = ({ item, sourceId, sourceType, planId, type = 'backup' }: BackupProgressProps) => {\r\n   const [showCancelModal, setShowCancelModal] = useState(false);\r\n   const [showProgressDetails, setShowProgressDetails] = useState(false);\r\n   const queryClient = useQueryClient();\r\n   const cancelRestoreMutation = useCancelRestore();\r\n   const cancelBackupMutation = useCancelBackup();\r\n\r\n   const { id, started } = item;\r\n   const { data: progressData } =\r\n      type === 'backup' ? useGetBackupProgress({ id, sourceId, sourceType, planId }) : useGetRestoreProgress({ id, sourceId, sourceType, planId });\r\n\r\n   console.log('#### data :', progressData);\r\n\r\n   const resticData = extractResticData(progressData);\r\n   const progressMessage = type === 'backup' ? generateBackupProgressMessage(progressData) : generateRestoreProgressMessage(progressData);\r\n\r\n   // Extract progress values from restic data or use defaults\r\n   const {\r\n      total_files_processed: total_files = resticData?.total_files || 0,\r\n      files_done = 0,\r\n      total_bytes_processed: total_bytes = resticData?.total_bytes_processed || resticData?.total_bytes || 0,\r\n      bytes_done = 0,\r\n      bytes_restored = 0,\r\n      files_restored = 0,\r\n      seconds_remaining = 0,\r\n      percent_done = 0,\r\n   } = resticData || {};\r\n\r\n   let filesProcessed = files_done;\r\n   let bytesProcessed = bytes_done;\r\n   let totalBytes = total_bytes;\r\n   let totalFiles = total_files;\r\n   let progressPercent = total_bytes ? Math.round((bytes_done / total_bytes) * 100) : 0;\r\n\r\n   if (type === 'restore') {\r\n      progressPercent = Math.round(percent_done * 100);\r\n      if (resticData?.total_bytes) {\r\n         totalBytes = resticData.total_bytes;\r\n      }\r\n      if (bytes_restored) {\r\n         bytesProcessed = bytes_restored;\r\n      } else {\r\n         if (resticData?.total_bytes) {\r\n            bytesProcessed = Math.round(percent_done * resticData.total_bytes);\r\n         }\r\n      }\r\n      if (files_restored) {\r\n         filesProcessed = files_restored;\r\n      } else {\r\n         if (resticData?.total_files) {\r\n            filesProcessed = Math.round(percent_done * resticData.total_files);\r\n         }\r\n      }\r\n   }\r\n\r\n   // For completed backups, show 100% if we have summary data\r\n   if (resticData?.message_type === 'summary') {\r\n      progressPercent = 100;\r\n      filesProcessed = totalFiles;\r\n      bytesProcessed = totalBytes;\r\n   }\r\n\r\n   const cancel = () => {\r\n      console.log('cancel :', type, item);\r\n      if (type === 'backup') {\r\n         toast.promise(\r\n            cancelBackupMutation.mutateAsync(\r\n               { planId, backupId: item.id },\r\n               {\r\n                  onSuccess: () => queryClient.invalidateQueries({ queryKey: ['plan', planId] }),\r\n               },\r\n            ),\r\n            {\r\n               pending: 'Sending Cancel Request...',\r\n               success: 'Backup process Cancelled!',\r\n               error: {\r\n                  render({ data }: any) {\r\n                     // When the promise reject, data will contains the error\r\n                     return `Failed to cancel backup process. ${data?.message || 'Unknown Error.'}`;\r\n                  },\r\n               },\r\n            },\r\n         );\r\n      } else {\r\n         toast.promise(\r\n            cancelRestoreMutation.mutateAsync(\r\n               { planId, restoreId: item.id },\r\n               {\r\n                  onSuccess: () => queryClient.invalidateQueries({ queryKey: ['plan', planId] }),\r\n               },\r\n            ),\r\n            {\r\n               pending: 'Sending Cancel Request...',\r\n               success: 'Restore process Cancelled!',\r\n               error: {\r\n                  render({ data }: any) {\r\n                     // When the promise reject, data will contains the error\r\n                     return `Failed to cancel restore process. ${data?.message || 'Unknown Error.'}`;\r\n                  },\r\n               },\r\n            },\r\n         );\r\n      }\r\n   };\r\n\r\n   return (\r\n      <div key={item.id} className={classes.backup}>\r\n         <div className={classes.backupIcon}>\r\n            <Icon type=\"loading\" size={24} />\r\n         </div>\r\n         <div className={classes.backupLeft}>\r\n            <div className={classes.backupId}>\r\n               {type === 'restore' ? 'Restoring ' : ''}backup-{id}\r\n               <span className={classes.backupTime} title={formatDateTime(started)}>\r\n                  <Icon type=\"clock\" size={12} /> Started {started ? timeAgo(new Date(started)) : 'a few seconds ago'}\r\n               </span>\r\n               {item.errorMsg && (\r\n                  <span className={classes.backupError}>\r\n                     <Icon type=\"error-circle-filled\" size={13} />{' '}\r\n                     <i data-tooltip-id=\"htmlToolTip\" data-tooltip-place=\"top\" data-tooltip-html={item.errorMsg}>\r\n                        <u>Error</u> Occurred.\r\n                     </i>{' '}\r\n                     Retrying...\r\n                  </span>\r\n               )}\r\n            </div>\r\n            <div className={classes.backupStart}>\r\n               <div>\r\n                  <span className={classes.progressMessage} onClick={() => setShowProgressDetails(true)}>\r\n                     {progressMessage}\r\n                  </span>\r\n                  {/* <Icon type=\"clock\" size={12} /> Started {started ? timeAgo(new Date(started)) : 'a few seconds ago'} */}\r\n               </div>\r\n               <button onClick={() => setShowCancelModal(true)} title={`Cancel ${type}`}>\r\n                  <Icon type=\"close\" size={12} /> Cancel\r\n               </button>\r\n            </div>\r\n         </div>\r\n         <div className={classes.backupRight}>\r\n            <div className={classes.ProgressStats}>\r\n               <div className={classes.ProgressStatsLeft}>\r\n                  <span>\r\n                     {filesProcessed} / {totalFiles} Files\r\n                  </span>\r\n                  <i></i>\r\n                  <span>\r\n                     {formatBytes(bytesProcessed)} / {formatBytes(totalBytes)}\r\n                  </span>\r\n               </div>\r\n               <div className={classes.ProgressStatsRight}>{type !== 'restore' && <>Remaining: {formatSeconds(seconds_remaining)}</>}</div>\r\n            </div>\r\n            <div className={classes.progressBar}>\r\n               <div\r\n                  className={`${classes.progressBarFill} ${progressPercent > 3 ? classes.progressBarFilled : ''}`}\r\n                  style={{ width: progressPercent + '%' }}\r\n               >\r\n                  <span>{progressPercent}%</span>\r\n               </div>\r\n            </div>\r\n         </div>\r\n         {showCancelModal && (\r\n            <ActionModal\r\n               title={`Cancel ${type}`}\r\n               message={<>{`Are you sure you want to cancel the ${type} process?`}</>}\r\n               closeModal={() => setShowCancelModal(false)}\r\n               width=\"400px\"\r\n               primaryAction={{\r\n                  title: `Yes, Cancel ${type}`,\r\n                  type: 'danger',\r\n                  isPending: type === 'restore' ? cancelRestoreMutation.isPending : cancelBackupMutation.isPending,\r\n                  action: () => cancel(),\r\n               }}\r\n            />\r\n         )}\r\n         {showProgressDetails && (\r\n            <BackupEvents\r\n               id={id}\r\n               type={type}\r\n               planId={planId}\r\n               sourceId={sourceId}\r\n               sourceType={sourceType}\r\n               progressData={progressData}\r\n               inProgress={true}\r\n               close={() => setShowProgressDetails(false)}\r\n            />\r\n         )}\r\n      </div>\r\n   );\r\n};\r\nexport default BackupProgress;\r\n"],"names":["BackupProgress","item","sourceId","sourceType","planId","type","showCancelModal","setShowCancelModal","useState","showProgressDetails","setShowProgressDetails","queryClient","useQueryClient","cancelRestoreMutation","useCancelRestore","cancelBackupMutation","useCancelBackup","id","started","progressData","useGetBackupProgress","useGetRestoreProgress","resticData","extractResticData","progressMessage","generateBackupProgressMessage","generateRestoreProgressMessage","total_files","files_done","total_bytes","bytes_done","bytes_restored","files_restored","seconds_remaining","percent_done","filesProcessed","bytesProcessed","totalBytes","totalFiles","progressPercent","cancel","toast","data","jsxs","classes","jsx","Icon","formatDateTime","timeAgo","formatBytes","Fragment","formatSeconds","ActionModal","BackupEvents"],"mappings":"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"}
+{"version":3,"file":"BackupProgress.js","sources":["../../../../src/components/Plan/BackupProgress/BackupProgress.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { useQueryClient } from '@tanstack/react-query';\r\nimport { toast } from 'react-toastify';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport { useCancelBackup, useGetBackupProgress } from '../../../services/backups';\r\nimport classes from './BackupProgress.module.scss';\r\nimport { formatBytes, formatDateTime, formatSeconds, timeAgo } from '../../../utils/helpers';\r\nimport {\r\n   generateBackupProgressMessage,\r\n   extractResticData,\r\n   generateRestoreProgressMessage,\r\n   generateMirrorProgressMessage,\r\n} from '../../../utils/progressHelpers';\r\nimport { Backup } from '../../../@types/backups';\r\nimport { RestoreSlim } from '../../../@types/restores';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\nimport { useCancelRestore, useGetRestoreProgress } from '../../../services/restores';\r\nimport BackupEvents from '../BackupEvents/BackupEvents';\r\nimport { ReplicationProgressData } from '../../../@types/backups';\r\n\r\ninterface BackupProgressProps {\r\n   item: Backup | RestoreSlim;\r\n   sourceId: string;\r\n   sourceType: string;\r\n   planId: string;\r\n   type: 'backup' | 'restore';\r\n}\r\n\r\nconst BackupProgress = ({ item, sourceId, sourceType, planId, type = 'backup' }: BackupProgressProps) => {\r\n   const [showCancelModal, setShowCancelModal] = useState(false);\r\n   const [showProgressDetails, setShowProgressDetails] = useState(false);\r\n   const queryClient = useQueryClient();\r\n   const cancelRestoreMutation = useCancelRestore();\r\n   const cancelBackupMutation = useCancelBackup();\r\n\r\n   const { id, started } = item;\r\n   const { data: progressData } =\r\n      type === 'backup' ? useGetBackupProgress({ id, sourceId, sourceType, planId }) : useGetRestoreProgress({ id, sourceId, sourceType, planId });\r\n\r\n   console.log('#### data :', progressData);\r\n\r\n   const resticData = extractResticData(progressData);\r\n   const progressMessage = type === 'backup' ? generateBackupProgressMessage(progressData) : generateRestoreProgressMessage(progressData);\r\n\r\n   // Extract progress values from restic data or use defaults\r\n   const {\r\n      total_files_processed: total_files = resticData?.total_files || 0,\r\n      files_done = 0,\r\n      total_bytes_processed: total_bytes = resticData?.total_bytes_processed || resticData?.total_bytes || 0,\r\n      bytes_done = 0,\r\n      bytes_restored = 0,\r\n      files_restored = 0,\r\n      seconds_remaining = 0,\r\n      percent_done = 0,\r\n   } = resticData || {};\r\n\r\n   let filesProcessed = files_done;\r\n   let bytesProcessed = bytes_done;\r\n   let totalBytes = total_bytes;\r\n   let totalFiles = total_files;\r\n   let progressPercent = total_bytes ? Math.round((bytes_done / total_bytes) * 100) : 0;\r\n\r\n   if (type === 'restore') {\r\n      progressPercent = Math.round(percent_done * 100);\r\n      if (resticData?.total_bytes) {\r\n         totalBytes = resticData.total_bytes;\r\n      }\r\n      if (bytes_restored) {\r\n         bytesProcessed = bytes_restored;\r\n      } else {\r\n         if (resticData?.total_bytes) {\r\n            bytesProcessed = Math.round(percent_done * resticData.total_bytes);\r\n         }\r\n      }\r\n      if (files_restored) {\r\n         filesProcessed = files_restored;\r\n      } else {\r\n         if (resticData?.total_files) {\r\n            filesProcessed = Math.round(percent_done * resticData.total_files);\r\n         }\r\n      }\r\n   }\r\n\r\n   // For completed backups, show 100% if we have summary data\r\n   if (resticData?.message_type === 'summary') {\r\n      progressPercent = 100;\r\n      filesProcessed = totalFiles;\r\n      bytesProcessed = totalBytes;\r\n   }\r\n\r\n   const cancel = () => {\r\n      console.log('cancel :', type, item);\r\n      if (type === 'backup') {\r\n         toast.promise(\r\n            cancelBackupMutation.mutateAsync(\r\n               { planId, backupId: item.id },\r\n               {\r\n                  onSuccess: () => queryClient.invalidateQueries({ queryKey: ['plan', planId] }),\r\n               },\r\n            ),\r\n            {\r\n               pending: 'Sending Cancel Request...',\r\n               success: 'Backup process Cancelled!',\r\n               error: {\r\n                  render({ data }: any) {\r\n                     // When the promise reject, data will contains the error\r\n                     return `Failed to cancel backup process. ${data?.message || 'Unknown Error.'}`;\r\n                  },\r\n               },\r\n            },\r\n         );\r\n      } else {\r\n         toast.promise(\r\n            cancelRestoreMutation.mutateAsync(\r\n               { planId, restoreId: item.id },\r\n               {\r\n                  onSuccess: () => queryClient.invalidateQueries({ queryKey: ['plan', planId] }),\r\n               },\r\n            ),\r\n            {\r\n               pending: 'Sending Cancel Request...',\r\n               success: 'Restore process Cancelled!',\r\n               error: {\r\n                  render({ data }: any) {\r\n                     // When the promise reject, data will contains the error\r\n                     return `Failed to cancel restore process. ${data?.message || 'Unknown Error.'}`;\r\n                  },\r\n               },\r\n            },\r\n         );\r\n      }\r\n   };\r\n\r\n   return (\r\n      <div key={item.id} className={classes.backup}>\r\n         <div key={item.id} className={classes.backupProgress}>\r\n            <div className={classes.backupIcon}>\r\n               <Icon type=\"loading\" size={24} />\r\n            </div>\r\n            <div className={classes.backupLeft}>\r\n               <div className={classes.backupId}>\r\n                  {type === 'restore' ? 'Restoring ' : ''}backup-{id}\r\n                  <span className={classes.backupTime} title={formatDateTime(started)}>\r\n                     <Icon type=\"clock\" size={12} /> Started {started ? timeAgo(new Date(started)) : 'a few seconds ago'}\r\n                  </span>\r\n                  {item.errorMsg && (\r\n                     <span className={classes.backupError}>\r\n                        <Icon type=\"error-circle-filled\" size={13} />{' '}\r\n                        <i data-tooltip-id=\"htmlToolTip\" data-tooltip-place=\"top\" data-tooltip-html={item.errorMsg}>\r\n                           <u>Error</u> Occurred.\r\n                        </i>{' '}\r\n                        Retrying...\r\n                     </span>\r\n                  )}\r\n               </div>\r\n               <div className={classes.backupStart}>\r\n                  <div>\r\n                     <span className={classes.progressMessage} onClick={() => setShowProgressDetails(true)}>\r\n                        {progressMessage}\r\n                     </span>\r\n                     {/* <Icon type=\"clock\" size={12} /> Started {started ? timeAgo(new Date(started)) : 'a few seconds ago'} */}\r\n                  </div>\r\n                  <button onClick={() => setShowCancelModal(true)} title={`Cancel ${type}`}>\r\n                     <Icon type=\"close\" size={12} /> Cancel\r\n                  </button>\r\n               </div>\r\n            </div>\r\n            <div className={classes.backupRight}>\r\n               <div className={classes.ProgressStats}>\r\n                  <div className={classes.ProgressStatsLeft}>\r\n                     <span>\r\n                        {filesProcessed} / {totalFiles} Files\r\n                     </span>\r\n                     <i></i>\r\n                     <span>\r\n                        {formatBytes(bytesProcessed)} / {formatBytes(totalBytes)}\r\n                     </span>\r\n                  </div>\r\n                  <div className={classes.ProgressStatsRight}>{type !== 'restore' && <>Remaining: {formatSeconds(seconds_remaining)}</>}</div>\r\n               </div>\r\n               <div className={classes.progressBar}>\r\n                  <div\r\n                     className={`${classes.progressBarFill} ${progressPercent > 3 ? classes.progressBarFilled : ''}`}\r\n                     style={{ width: progressPercent + '%' }}\r\n                  >\r\n                     <span>{progressPercent}%</span>\r\n                  </div>\r\n               </div>\r\n            </div>\r\n\r\n            {showCancelModal && (\r\n               <ActionModal\r\n                  title={`Cancel ${type}`}\r\n                  message={<>{`Are you sure you want to cancel the ${type} process?`}</>}\r\n                  closeModal={() => setShowCancelModal(false)}\r\n                  width=\"400px\"\r\n                  primaryAction={{\r\n                     title: `Yes, Cancel ${type}`,\r\n                     type: 'danger',\r\n                     isPending: type === 'restore' ? cancelRestoreMutation.isPending : cancelBackupMutation.isPending,\r\n                     action: () => cancel(),\r\n                  }}\r\n               />\r\n            )}\r\n            {showProgressDetails && (\r\n               <BackupEvents\r\n                  id={id}\r\n                  type={type}\r\n                  planId={planId}\r\n                  sourceId={sourceId}\r\n                  sourceType={sourceType}\r\n                  progressData={progressData}\r\n                  inProgress={true}\r\n                  close={() => setShowProgressDetails(false)}\r\n               />\r\n            )}\r\n         </div>\r\n         {/* Mirrors Progress */}\r\n         {progressData?.mirrors && Object.keys(progressData.mirrors).length > 0 && (\r\n            <div className={classes.mirrorsSection}>\r\n               <div className={classes.mirrorsTitle}>Replicating</div>\r\n               <div className={classes.mirrorsList}>\r\n                  {Object.entries(progressData.mirrors as Record<string, ReplicationProgressData>).map(([storageId, mirror]) => {\r\n                     const mirrorResticData = mirror.events\r\n                        ?.slice()\r\n                        .reverse()\r\n                        .find((e: any) => e.resticData)?.resticData;\r\n                     const mirrorPercent = mirrorResticData?.percent_done ? Math.round(mirrorResticData.percent_done * 100) : 0;\r\n                     const mirrorMessage = generateMirrorProgressMessage(mirror);\r\n\r\n                     let mirrorStatusClass = classes.mirrorPending;\r\n                     if (mirror.status === 'running')\r\n                        mirrorStatusClass = mirrorPercent > 0 ? classes.mirrorRunning : classes.mirrorRunningIndeterminate;\r\n                     if (mirror.status === 'completed') mirrorStatusClass = classes.mirrorCompleted;\r\n                     if (mirror.status === 'failed') mirrorStatusClass = classes.mirrorFailed;\r\n                     if (mirror.status === 'retrying') mirrorStatusClass = classes.mirrorRunningIndeterminate;\r\n\r\n                     return (\r\n                        <div key={storageId} className={classes.mirrorItem}>\r\n                           <div className={classes.mirrorStorageIcon}>\r\n                              {(mirror.status === 'running' || mirror.status === 'pending' || mirror.status === 'retrying') && (\r\n                                 <Icon type=\"loading\" size={12} />\r\n                              )}\r\n                              <img src={`/providers/${mirror.storageType}.png`} />\r\n                           </div>\r\n                           <div className={classes.mirrorProgress}>\r\n                              <div className={classes.mirrorInfo}>\r\n                                 <span className={classes.mirrorName}>{mirror.storageName}</span>\r\n                                 <span className={`${classes.mirrorStatus} ${mirrorStatusClass}`}>\r\n                                    {mirror.status === 'pending' && 'Pending'}\r\n                                    {mirror.status === 'running' && (mirrorPercent > 0 ? `${mirrorPercent}% — ${mirrorMessage}` : mirrorMessage)}\r\n                                    {mirror.status === 'completed' && (\r\n                                       <>\r\n                                          <Icon type=\"check\" size={10} /> Completed\r\n                                       </>\r\n                                    )}\r\n                                    {mirror.status === 'failed' && (\r\n                                       <span data-tooltip-id=\"htmlToolTip\" data-tooltip-html={mirror.error || 'Replication failed'}>\r\n                                          <Icon type=\"error\" size={12} /> Failed\r\n                                       </span>\r\n                                    )}\r\n                                    {mirror.status === 'retrying' && mirrorMessage}\r\n                                 </span>\r\n                              </div>\r\n                              <div className={classes.mirrorBar}>\r\n                                 <div\r\n                                    className={`${classes.mirrorBarFill} ${mirrorStatusClass}`}\r\n                                    style={{\r\n                                       width:\r\n                                          mirror.status === 'completed'\r\n                                             ? '100%'\r\n                                             : mirror.status === 'failed'\r\n                                               ? '100%'\r\n                                               : mirrorPercent > 0\r\n                                                 ? `${mirrorPercent}%`\r\n                                                 : undefined,\r\n                                    }}\r\n                                 />\r\n                              </div>\r\n                           </div>\r\n                        </div>\r\n                     );\r\n                  })}\r\n               </div>\r\n            </div>\r\n         )}\r\n      </div>\r\n   );\r\n};\r\nexport default BackupProgress;\r\n"],"names":["BackupProgress","item","sourceId","sourceType","planId","type","showCancelModal","setShowCancelModal","useState","showProgressDetails","setShowProgressDetails","queryClient","useQueryClient","cancelRestoreMutation","useCancelRestore","cancelBackupMutation","useCancelBackup","id","started","progressData","useGetBackupProgress","useGetRestoreProgress","resticData","extractResticData","progressMessage","generateBackupProgressMessage","generateRestoreProgressMessage","total_files","files_done","total_bytes","bytes_done","bytes_restored","files_restored","seconds_remaining","percent_done","filesProcessed","bytesProcessed","totalBytes","totalFiles","progressPercent","cancel","toast","data","jsxs","classes","jsx","Icon","formatDateTime","timeAgo","formatBytes","Fragment","formatSeconds","ActionModal","BackupEvents","storageId","mirror","mirrorResticData","_b","_a","e","mirrorPercent","mirrorMessage","generateMirrorProgressMessage","mirrorStatusClass"],"mappings":";;;;;;;;;;;;AA4BA,MAAMA,KAAiB,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,YAAAC,GAAY,QAAAC,GAAQ,MAAAC,IAAO,eAAoC;AACtG,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtD,CAACC,GAAqBC,CAAsB,IAAIF,EAAS,EAAK,GAC9DG,IAAcC,EAAA,GACdC,IAAwBC,GAAA,GACxBC,IAAuBC,EAAA,GAEvB,EAAE,IAAAC,GAAI,SAAAC,EAAA,IAAYjB,GAClB,EAAE,MAAMkB,EAAA,IACXd,MAAS,WAAWe,EAAqB,EAAE,IAAAH,GAAI,UAAAf,GAAU,YAAAC,GAAY,QAAAC,EAAA,CAAQ,IAAIiB,GAAsB,EAAE,IAAAJ,GAAI,UAAAf,GAAU,YAAAC,GAAY,QAAAC,GAAQ;AAE9I,UAAQ,IAAI,eAAee,CAAY;AAEvC,QAAMG,IAAaC,GAAkBJ,CAAY,GAC3CK,IAAkBnB,MAAS,WAAWoB,GAA8BN,CAAY,IAAIO,GAA+BP,CAAY,GAG/H;AAAA,IACH,uBAAuBQ,KAAcL,KAAA,gBAAAA,EAAY,gBAAe;AAAA,IAChE,YAAAM,IAAa;AAAA,IACb,uBAAuBC,KAAcP,KAAA,gBAAAA,EAAY,2BAAyBA,KAAA,gBAAAA,EAAY,gBAAe;AAAA,IACrG,YAAAQ,IAAa;AAAA,IACb,gBAAAC,IAAiB;AAAA,IACjB,gBAAAC,IAAiB;AAAA,IACjB,mBAAAC,IAAoB;AAAA,IACpB,cAAAC,IAAe;AAAA,EAAA,IACdZ,KAAc,CAAA;AAElB,MAAIa,IAAiBP,GACjBQ,IAAiBN,GACjBO,IAAaR,GACbS,IAAaX,GACbY,IAAkBV,IAAc,KAAK,MAAOC,IAAaD,IAAe,GAAG,IAAI;AAEnF,EAAIxB,MAAS,cACVkC,IAAkB,KAAK,MAAML,IAAe,GAAG,GAC3CZ,KAAA,QAAAA,EAAY,gBACbe,IAAaf,EAAW,cAEvBS,IACDK,IAAiBL,IAEbT,KAAA,QAAAA,EAAY,gBACbc,IAAiB,KAAK,MAAMF,IAAeZ,EAAW,WAAW,IAGnEU,IACDG,IAAiBH,IAEbV,KAAA,QAAAA,EAAY,gBACba,IAAiB,KAAK,MAAMD,IAAeZ,EAAW,WAAW,MAMtEA,KAAA,gBAAAA,EAAY,kBAAiB,cAC9BiB,IAAkB,KAClBJ,IAAiBG,GACjBF,IAAiBC;AAGpB,QAAMG,IAAS,MAAM;AAClB,YAAQ,IAAI,YAAYnC,GAAMJ,CAAI,GAC9BI,MAAS,WACVoC,EAAM;AAAA,MACH1B,EAAqB;AAAA,QAClB,EAAE,QAAAX,GAAQ,UAAUH,EAAK,GAAA;AAAA,QACzB;AAAA,UACG,WAAW,MAAMU,EAAY,kBAAkB,EAAE,UAAU,CAAC,QAAQP,CAAM,EAAA,CAAG;AAAA,QAAA;AAAA,MAChF;AAAA,MAEH;AAAA,QACG,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,UACJ,OAAO,EAAE,MAAAsC,KAAa;AAEnB,mBAAO,qCAAoCA,KAAA,gBAAAA,EAAM,YAAW,gBAAgB;AAAA,UAC/E;AAAA,QAAA;AAAA,MACH;AAAA,IACH,IAGHD,EAAM;AAAA,MACH5B,EAAsB;AAAA,QACnB,EAAE,QAAAT,GAAQ,WAAWH,EAAK,GAAA;AAAA,QAC1B;AAAA,UACG,WAAW,MAAMU,EAAY,kBAAkB,EAAE,UAAU,CAAC,QAAQP,CAAM,EAAA,CAAG;AAAA,QAAA;AAAA,MAChF;AAAA,MAEH;AAAA,QACG,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,UACJ,OAAO,EAAE,MAAAsC,KAAa;AAEnB,mBAAO,sCAAqCA,KAAA,gBAAAA,EAAM,YAAW,gBAAgB;AAAA,UAChF;AAAA,QAAA;AAAA,MACH;AAAA,IACH;AAAA,EAGT;AAEA,SACG,gBAAAC,EAAC,OAAA,EAAkB,WAAWC,EAAQ,QACnC,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAkB,WAAWC,EAAQ,gBACnC,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,YACrB,UAAA,gBAAAC,EAACC,KAAK,MAAK,WAAU,MAAM,GAAA,CAAI,EAAA,CAClC;AAAA,MACA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,YACrB,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,UACpB,UAAA;AAAA,UAAAvC,MAAS,YAAY,eAAe;AAAA,UAAG;AAAA,UAAQY;AAAA,UAChD,gBAAA0B,EAAC,UAAK,WAAWC,EAAQ,YAAY,OAAOG,EAAe7B,CAAO,GAC/D,UAAA;AAAA,YAAA,gBAAA2B,EAACC,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI;AAAA,YAAE;AAAA,YAAU5B,IAAU8B,EAAQ,IAAI,KAAK9B,CAAO,CAAC,IAAI;AAAA,UAAA,GACnF;AAAA,UACCjB,EAAK,YACH,gBAAA0C,EAAC,QAAA,EAAK,WAAWC,EAAQ,aACtB,UAAA;AAAA,YAAA,gBAAAC,EAACC,GAAA,EAAK,MAAK,uBAAsB,MAAM,IAAI;AAAA,YAAG;AAAA,YAC9C,gBAAAH,EAAC,OAAE,mBAAgB,eAAc,sBAAmB,OAAM,qBAAmB1C,EAAK,UAC/E,UAAA;AAAA,cAAA,gBAAA4C,EAAC,OAAE,UAAA,QAAA,CAAK;AAAA,cAAI;AAAA,YAAA,GACf;AAAA,YAAK;AAAA,YAAI;AAAA,UAAA,EAAA,CAEZ;AAAA,QAAA,GAEN;AAAA,QACA,gBAAAF,EAAC,OAAA,EAAI,WAAWC,EAAQ,aACrB,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EACE,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAWD,EAAQ,iBAAiB,SAAS,MAAMlC,EAAuB,EAAI,GAChF,UAAAc,EAAA,CACJ,GAEH;AAAA,UACA,gBAAAmB,EAAC,UAAA,EAAO,SAAS,MAAMpC,EAAmB,EAAI,GAAG,OAAO,UAAUF,CAAI,IACnE,UAAA;AAAA,YAAA,gBAAAwC,EAACC,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI;AAAA,YAAE;AAAA,UAAA,EAAA,CAClC;AAAA,QAAA,EAAA,CACH;AAAA,MAAA,GACH;AAAA,MACA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,aACrB,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,eACrB,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,mBACrB,UAAA;AAAA,YAAA,gBAAAD,EAAC,QAAA,EACG,UAAA;AAAA,cAAAR;AAAA,cAAe;AAAA,cAAIG;AAAA,cAAW;AAAA,YAAA,GAClC;AAAA,8BACC,KAAA,EAAE;AAAA,8BACF,QAAA,EACG,UAAA;AAAA,cAAAW,EAAYb,CAAc;AAAA,cAAE;AAAA,cAAIa,EAAYZ,CAAU;AAAA,YAAA,EAAA,CAC1D;AAAA,UAAA,GACH;AAAA,4BACC,OAAA,EAAI,WAAWO,EAAQ,oBAAqB,UAAAvC,MAAS,aAAa,gBAAAsC,EAAAO,GAAA,EAAE,UAAA;AAAA,YAAA;AAAA,YAAYC,EAAclB,CAAiB;AAAA,UAAA,EAAA,CAAE,EAAA,CAAI;AAAA,QAAA,GACzH;AAAA,QACA,gBAAAY,EAAC,OAAA,EAAI,WAAWD,EAAQ,aACrB,UAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,WAAW,GAAGD,EAAQ,eAAe,IAAIL,IAAkB,IAAIK,EAAQ,oBAAoB,EAAE;AAAA,YAC7F,OAAO,EAAE,OAAOL,IAAkB,IAAA;AAAA,YAElC,4BAAC,QAAA,EAAM,UAAA;AAAA,cAAAA;AAAA,cAAgB;AAAA,YAAA,EAAA,CAAC;AAAA,UAAA;AAAA,QAAA,EAC3B,CACH;AAAA,MAAA,GACH;AAAA,MAECjC,KACE,gBAAAuC;AAAA,QAACO;AAAA,QAAA;AAAA,UACE,OAAO,UAAU/C,CAAI;AAAA,UACrB,SAAS,gBAAAwC,EAAAK,GAAA,EAAG,UAAA,uCAAuC7C,CAAI,aAAY;AAAA,UACnE,YAAY,MAAME,EAAmB,EAAK;AAAA,UAC1C,OAAM;AAAA,UACN,eAAe;AAAA,YACZ,OAAO,eAAeF,CAAI;AAAA,YAC1B,MAAM;AAAA,YACN,WAAWA,MAAS,YAAYQ,EAAsB,YAAYE,EAAqB;AAAA,YACvF,QAAQ,MAAMyB,EAAA;AAAA,UAAO;AAAA,QACxB;AAAA,MAAA;AAAA,MAGL/B,KACE,gBAAAoC;AAAA,QAACQ;AAAA,QAAA;AAAA,UACE,IAAApC;AAAA,UACA,MAAAZ;AAAA,UACA,QAAAD;AAAA,UACA,UAAAF;AAAA,UACA,YAAAC;AAAA,UACA,cAAAgB;AAAA,UACA,YAAY;AAAA,UACZ,OAAO,MAAMT,EAAuB,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5C,EAAA,GA/EIT,EAAK,EAiFf;AAAA,KAECkB,KAAA,gBAAAA,EAAc,YAAW,OAAO,KAAKA,EAAa,OAAO,EAAE,SAAS,KAClE,gBAAAwB,EAAC,OAAA,EAAI,WAAWC,EAAQ,gBACrB,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,cAAc,UAAA,eAAW;AAAA,MACjD,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,aACpB,UAAA,OAAO,QAAQzB,EAAa,OAAkD,EAAE,IAAI,CAAC,CAACmC,GAAWC,CAAM,MAAM;;AAC3G,cAAMC,KAAmBC,KAAAC,IAAAH,EAAO,WAAP,gBAAAG,EACpB,QACD,UACA,KAAK,CAACC,MAAWA,EAAE,gBAHE,gBAAAF,EAGW,YAC9BG,IAAgBJ,KAAA,QAAAA,EAAkB,eAAe,KAAK,MAAMA,EAAiB,eAAe,GAAG,IAAI,GACnGK,IAAgBC,GAA8BP,CAAM;AAE1D,YAAIQ,IAAoBnB,EAAQ;AAChC,eAAIW,EAAO,WAAW,cACnBQ,IAAoBH,IAAgB,IAAIhB,EAAQ,gBAAgBA,EAAQ,6BACvEW,EAAO,WAAW,gBAAaQ,IAAoBnB,EAAQ,kBAC3DW,EAAO,WAAW,aAAUQ,IAAoBnB,EAAQ,eACxDW,EAAO,WAAW,eAAYQ,IAAoBnB,EAAQ,6BAG3D,gBAAAD,EAAC,OAAA,EAAoB,WAAWC,EAAQ,YACrC,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,mBACnB,UAAA;AAAA,aAAAW,EAAO,WAAW,aAAaA,EAAO,WAAW,aAAaA,EAAO,WAAW,eAC/E,gBAAAV,EAACC,GAAA,EAAK,MAAK,WAAU,MAAM,IAAI;AAAA,8BAEjC,OAAA,EAAI,KAAK,cAAcS,EAAO,WAAW,OAAA,CAAQ;AAAA,UAAA,GACrD;AAAA,UACA,gBAAAZ,EAAC,OAAA,EAAI,WAAWC,EAAQ,gBACrB,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,YACrB,UAAA;AAAA,cAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWD,EAAQ,YAAa,YAAO,aAAY;AAAA,cACzD,gBAAAD,EAAC,UAAK,WAAW,GAAGC,EAAQ,YAAY,IAAImB,CAAiB,IACzD,UAAA;AAAA,gBAAAR,EAAO,WAAW,aAAa;AAAA,gBAC/BA,EAAO,WAAW,cAAcK,IAAgB,IAAI,GAAGA,CAAa,OAAOC,CAAa,KAAKA;AAAA,gBAC7FN,EAAO,WAAW,eAChB,gBAAAZ,EAAAO,GAAA,EACG,UAAA;AAAA,kBAAA,gBAAAL,EAACC,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI;AAAA,kBAAE;AAAA,gBAAA,GAClC;AAAA,gBAEFS,EAAO,WAAW,YAChB,gBAAAZ,EAAC,QAAA,EAAK,mBAAgB,eAAc,qBAAmBY,EAAO,SAAS,sBACpE,UAAA;AAAA,kBAAA,gBAAAV,EAACC,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI;AAAA,kBAAE;AAAA,gBAAA,GAClC;AAAA,gBAEFS,EAAO,WAAW,cAAcM;AAAA,cAAA,EAAA,CACpC;AAAA,YAAA,GACH;AAAA,YACA,gBAAAhB,EAAC,OAAA,EAAI,WAAWD,EAAQ,WACrB,UAAA,gBAAAC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACE,WAAW,GAAGD,EAAQ,aAAa,IAAImB,CAAiB;AAAA,gBACxD,OAAO;AAAA,kBACJ,OACGR,EAAO,WAAW,eAEbA,EAAO,WAAW,WADlB,SAGEK,IAAgB,IACd,GAAGA,CAAa,MAChB;AAAA,gBAAA;AAAA,cACf;AAAA,YAAA,EACH,CACH;AAAA,UAAA,EAAA,CACH;AAAA,QAAA,EAAA,GAzCON,CA0CV;AAAA,MAEN,CAAC,EAAA,CACJ;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,EAAA,GAtJIrD,EAAK,EAwJf;AAEN;"}

package/dist-lib/components/Plan/BackupProgress/BackupProgress.module.scss.js

@@ -1,34 +1,68 @@
-const s = "_backup_xrBY2", r = "_backupIcon_sBcYP", a = "_backupLeft_V5cyn", c = "_backupId_A3vOk", t = "_backupTime_FLoZl", o = "_backupError_Qr3I1", e = "_backupStart_Fwt82", p = "_progressMessage_Xqy9x", _ = "_backupRight_vmL13", u = "_ProgressStats_eHX1y", k = "_ProgressStatsLeft_iR3BL", b = "_progressBar_1S0Ti", g = "_progressBarFill_usvOn", n = "_progressBarFilled_0fFcI", l = {
-  backup: s,
-  backupIcon: r,
-  backupLeft: a,
-  backupId: c,
-  backupTime: t,
-  backupError: o,
-  backupStart: e,
-  progressMessage: p,
-  backupRight: _,
-  ProgressStats: u,
-  ProgressStatsLeft: k,
-  progressBar: b,
-  progressBarFill: g,
-  progressBarFilled: n
+const r = "_backup_Ixny9", o = "_backupProgress_xDCjG", s = "_backupIcon_J4leN", t = "_backupLeft_UPqQl", i = "_backupId_ZlECD", e = "_backupTime_0xn9G", n = "_backupError_H0da7", a = "_backupStart_ujzwz", c = "_progressMessage_BfK8D", m = "_backupRight_NYZAR", _ = "_ProgressStats_2xro3", g = "_ProgressStatsLeft_J8IdX", p = "_progressBar_OYKcJ", u = "_progressBarFill_lwhxS", l = "_progressBarFilled_VuGnr", k = "_mirrorsSection_z8keF", b = "_mirrorsTitle_ZDyN4", d = "_mirrorsList_Ue1GQ", I = "_mirrorItem_Ty0v9", S = "_mirrorProgress_XiPGx", B = "_mirrorStorageIcon_xmIoq", P = "_mirrorInfo_Mq3kr", F = "_mirrorName_ZcgU1", f = "_mirrorStatus_DDcMy", R = "_mirrorCompleted_thqfY", L = "_mirrorFailed_JxKNd", x = "_mirrorBar_jNMol", N = "_mirrorBarFill_HO948", T = "_mirrorRunning_s83HL", q = "_mirrorPending_qwFVI", C = "_mirrorRunningIndeterminate_CRqB0", D = {
+  backup: r,
+  backupProgress: o,
+  backupIcon: s,
+  backupLeft: t,
+  backupId: i,
+  backupTime: e,
+  backupError: n,
+  backupStart: a,
+  progressMessage: c,
+  backupRight: m,
+  ProgressStats: _,
+  ProgressStatsLeft: g,
+  progressBar: p,
+  progressBarFill: u,
+  progressBarFilled: l,
+  mirrorsSection: k,
+  mirrorsTitle: b,
+  mirrorsList: d,
+  mirrorItem: I,
+  mirrorProgress: S,
+  mirrorStorageIcon: B,
+  mirrorInfo: P,
+  mirrorName: F,
+  mirrorStatus: f,
+  mirrorCompleted: R,
+  mirrorFailed: L,
+  mirrorBar: x,
+  mirrorBarFill: N,
+  mirrorRunning: T,
+  mirrorPending: q,
+  mirrorRunningIndeterminate: C
 };
 export {
-  u as ProgressStats,
-  k as ProgressStatsLeft,
-  s as backup,
-  o as backupError,
-  r as backupIcon,
-  c as backupId,
-  a as backupLeft,
-  _ as backupRight,
-  e as backupStart,
-  t as backupTime,
-  l as default,
-  b as progressBar,
-  g as progressBarFill,
-  n as progressBarFilled,
-  p as progressMessage
+  _ as ProgressStats,
+  g as ProgressStatsLeft,
+  r as backup,
+  n as backupError,
+  s as backupIcon,
+  i as backupId,
+  t as backupLeft,
+  o as backupProgress,
+  m as backupRight,
+  a as backupStart,
+  e as backupTime,
+  D as default,
+  x as mirrorBar,
+  N as mirrorBarFill,
+  R as mirrorCompleted,
+  L as mirrorFailed,
+  P as mirrorInfo,
+  I as mirrorItem,
+  F as mirrorName,
+  q as mirrorPending,
+  S as mirrorProgress,
+  T as mirrorRunning,
+  C as mirrorRunningIndeterminate,
+  f as mirrorStatus,
+  B as mirrorStorageIcon,
+  d as mirrorsList,
+  k as mirrorsSection,
+  b as mirrorsTitle,
+  p as progressBar,
+  u as progressBarFill,
+  l as progressBarFilled,
+  c as progressMessage
 };
 //# sourceMappingURL=BackupProgress.module.scss.js.map

package/dist-lib/components/Plan/BackupProgress/BackupProgress.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackupProgress.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BackupProgress.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist-lib/components/Plan/Backups/Backups.d.ts

@@ -1,11 +1,18 @@
 import { Plan } from '../../../@types/plans';
-declare const Backups: ({ planId, method, backups, sourceId, sourceType, }: {
+declare const Backups: ({ planId, method, backups, sourceId, sourceType, replicationSettings, storage, deviceId, }: {
     planId: string;
     method: string;
     backups: Plan["backups"];
     sourceId: string;
     sourceType: string;
     snapLimit: number;
+    deviceId: string;
+    storage: {
+        id: string;
+        type: string;
+        name: string;
+    };
+    replicationSettings: Plan["settings"]["replication"];
 }) => import("react/jsx-runtime").JSX.Element;
 export default Backups;
 //# sourceMappingURL=Backups.d.ts.map

package/dist-lib/components/Plan/Backups/Backups.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Backups.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/Backups/Backups.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AA6D7C,QAAA,MAAM,OAAO,GAAI,oDAOd;IACA,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACpB,4CAqSA,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Backups.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/Backups/Backups.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AA+D7C,QAAA,MAAM,OAAO,GAAI,4FAUd;IACA,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACf,CAAC;IACF,mBAAmB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC;CACvD,4CAyUA,CAAC;AAEF,eAAe,OAAO,CAAC"}