@plutonhq/core-frontend 0.0.1

package/dist/components/Plan/PlanStats/PlanStats.d.ts

@@ -0,0 +1,9 @@
+import { Plan } from '../../../@types/plans';
+interface PlanStatsProps {
+    plan: Plan;
+    isSync: boolean;
+    lastBackupItem: any;
+}
+declare const PlanStats: ({ plan, isSync, lastBackupItem }: PlanStatsProps) => import("react/jsx-runtime").JSX.Element;
+export default PlanStats;
+//# sourceMappingURL=PlanStats.d.ts.map

package/dist/components/Plan/PlanStats/PlanStats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanStats.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanStats/PlanStats.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAK7C,UAAU,cAAc;IACrB,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,GAAG,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,GAAI,kCAAkC,cAAc,4CAiFlE,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/Plan/PlanStats/PlanStats.js

@@ -0,0 +1,81 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import a from "../../common/Icon/Icon.js";
+import { formatNumberToK as f, formatBytes as u } from "../../../utils/helpers.js";
+import S from "../PlanHistory/PlanHistory.js";
+import d from "./PlanStats.module.scss.js";
+const w = ({ plan: c, isSync: p, lastBackupItem: n }) => {
+  const { sourceConfig: r, storage: e, storagePath: g, isActive: v, settings: N } = c, { interval: o } = N, m = (n == null ? void 0 : n.totalFiles) || 0, y = (n == null ? void 0 : n.totalSize) || 0, T = (l) => {
+    let s = "";
+    return l && l.includes && l.includes.length > 0 && (s += "<div><strong>Includes</strong></div>", s += l.includes.map((h) => `<div>${h}</div>`).join("")), l && l.excludes && l.excludes.length > 0 && (s += "<div><strong>Excludes</strong></div>", s += l.excludes.map((h) => `<div>${h}</div>`).join("")), s;
+  };
+  return /* @__PURE__ */ i("div", { className: d.planStats, children: [
+    /* @__PURE__ */ i("div", { className: d.sources, children: [
+      /* @__PURE__ */ i("div", { className: d.widgetTitle, children: [
+        /* @__PURE__ */ t(a, { type: "backup", size: 12 }),
+        " ",
+        p ? "Syncing" : "Backing Up"
+      ] }),
+      /* @__PURE__ */ i("div", { className: d.sourceContent, children: [
+        /* @__PURE__ */ i("div", { "data-tooltip-id": "htmlToolTip", "data-tooltip-place": "top", "data-tooltip-html": T(r), children: [
+          /* @__PURE__ */ t(a, { type: "folders", size: 18 }),
+          /* @__PURE__ */ i("span", { children: [
+            r == null ? void 0 : r.includes.length,
+            " Sources"
+          ] })
+        ] }),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            "data-tooltip-id": "htmlToolTip",
+            "data-tooltip-place": "top",
+            "data-tooltip-html": v ? p ? `Syncing changes every ${o.minutes} minutes` : `Copying changes ${["hours", "minutes", "days"].includes(o.type) ? o[o.type] + o.type : o.type}` : "Plan is Not Active",
+            children: [
+              /* @__PURE__ */ t(a, { type: v ? p ? "reload" : "copy" : "pause", size: 16 }),
+              /* @__PURE__ */ t("div", { className: d.sourceArrow, children: "→" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            "data-tooltip-id": "htmlToolTip",
+            "data-tooltip-place": "top",
+            "data-tooltip-html": `<div><strong>Storage:</strong> ${e == null ? void 0 : e.name}</div><div><strong>Path:</strong> ${g || "/"}</div>`,
+            children: [
+              (e == null ? void 0 : e.type) && /* @__PURE__ */ t("img", { src: `/providers/${e == null ? void 0 : e.type}.png` }),
+              e == null ? void 0 : e.name
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { className: d.snapshots, children: [
+      /* @__PURE__ */ i("div", { className: d.widgetTitle, children: [
+        /* @__PURE__ */ t(a, { type: "folders", size: 12 }),
+        " Source Stats"
+      ] }),
+      /* @__PURE__ */ i("div", { className: d.snapshotsContent, children: [
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ t("span", { children: m ? f(m) : 0 }),
+          /* @__PURE__ */ t("span", { children: "Files" })
+        ] }),
+        /* @__PURE__ */ t("div", {}),
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ t("span", { children: y ? u(y) : "0.00B" }),
+          /* @__PURE__ */ t("span", { children: "Size" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { className: d.health, children: [
+      /* @__PURE__ */ i("div", { className: d.widgetTitle, children: [
+        /* @__PURE__ */ t(a, { type: "speed", size: 12 }),
+        " Health"
+      ] }),
+      /* @__PURE__ */ t("div", { className: d.healthContent, children: /* @__PURE__ */ t(S, { planId: c.id, history: c.backups, itemsCount: 90 }) })
+    ] })
+  ] });
+};
+export {
+  w as default
+};
+//# sourceMappingURL=PlanStats.js.map

package/dist/components/Plan/PlanStats/PlanStats.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanStats.js","sources":["../../../../src/components/Plan/PlanStats/PlanStats.tsx"],"sourcesContent":["import Icon from '../../common/Icon/Icon';\r\nimport { Plan } from '../../../@types/plans';\r\nimport { formatBytes, formatNumberToK } from '../../../utils/helpers';\r\nimport PlanHistory from '../PlanHistory/PlanHistory';\r\nimport classes from './PlanStats.module.scss';\r\n\r\ninterface PlanStatsProps {\r\n   plan: Plan;\r\n   isSync: boolean;\r\n   lastBackupItem: any;\r\n}\r\n\r\nconst PlanStats = ({ plan, isSync, lastBackupItem }: PlanStatsProps) => {\r\n   const { sourceConfig, storage, storagePath, isActive, settings } = plan;\r\n   const { interval } = settings;\r\n\r\n   const totalFiles = lastBackupItem?.totalFiles || 0;\r\n   const totalSize = lastBackupItem?.totalSize || 0;\r\n\r\n   const sourceTooltipHTML = (sources: Plan['sourceConfig']) => {\r\n      let html = '';\r\n      if (sources && sources.includes && sources.includes.length > 0) {\r\n         html += `<div><strong>Includes</strong></div>`;\r\n         html += sources.includes.map((p) => `<div>${p}</div>`).join('');\r\n      }\r\n      if (sources && sources.excludes && sources.excludes.length > 0) {\r\n         html += `<div><strong>Excludes</strong></div>`;\r\n         html += sources.excludes.map((p) => `<div>${p}</div>`).join('');\r\n      }\r\n      return html;\r\n   };\r\n\r\n   return (\r\n      <div className={classes.planStats}>\r\n         <div className={classes.sources}>\r\n            <div className={classes.widgetTitle}>\r\n               <Icon type=\"backup\" size={12} /> {isSync ? 'Syncing' : 'Backing Up'}\r\n            </div>\r\n            <div className={classes.sourceContent}>\r\n               <div data-tooltip-id=\"htmlToolTip\" data-tooltip-place=\"top\" data-tooltip-html={sourceTooltipHTML(sourceConfig)}>\r\n                  <Icon type=\"folders\" size={18} />\r\n                  <span>{sourceConfig?.includes.length} Sources</span>\r\n               </div>\r\n               <div\r\n                  data-tooltip-id=\"htmlToolTip\"\r\n                  data-tooltip-place=\"top\"\r\n                  data-tooltip-html={\r\n                     isActive\r\n                        ? isSync\r\n                           ? `Syncing changes every ${interval.minutes} minutes`\r\n                           : `Copying changes ${['hours', 'minutes', 'days'].includes(interval.type) ? interval[interval.type as 'hours' | 'minutes' | 'days'] + interval.type : interval.type}`\r\n                        : 'Plan is Not Active'\r\n                  }\r\n               >\r\n                  <Icon type={isActive ? (isSync ? 'reload' : 'copy') : 'pause'} size={16} />\r\n                  <div className={classes.sourceArrow}>→</div>\r\n               </div>\r\n               <div\r\n                  data-tooltip-id=\"htmlToolTip\"\r\n                  data-tooltip-place=\"top\"\r\n                  data-tooltip-html={`<div><strong>Storage:</strong> ${storage?.name}</div><div><strong>Path:</strong> ${storagePath || '/'}</div>`}\r\n               >\r\n                  {storage?.type && <img src={`/providers/${storage?.type}.png`} />}\r\n                  {storage?.name}\r\n               </div>\r\n            </div>\r\n         </div>\r\n         <div className={classes.snapshots}>\r\n            <div className={classes.widgetTitle}>\r\n               <Icon type=\"folders\" size={12} /> Source Stats\r\n            </div>\r\n            <div className={classes.snapshotsContent}>\r\n               <div>\r\n                  <span>{totalFiles ? formatNumberToK(totalFiles) : 0}</span>\r\n                  <span>Files</span>\r\n               </div>\r\n               <div></div>\r\n               <div>\r\n                  <span>{totalSize ? formatBytes(totalSize) : '0.00B'}</span>\r\n                  <span>Size</span>\r\n               </div>\r\n            </div>\r\n         </div>\r\n         <div className={classes.health}>\r\n            <div className={classes.widgetTitle}>\r\n               <Icon type=\"speed\" size={12} /> Health\r\n            </div>\r\n            <div className={classes.healthContent}>\r\n               <PlanHistory planId={plan.id} history={plan.backups} itemsCount={90} />\r\n            </div>\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default PlanStats;\r\n"],"names":["PlanStats","plan","isSync","lastBackupItem","sourceConfig","storage","storagePath","isActive","settings","interval","totalFiles","totalSize","sourceTooltipHTML","sources","html","p","jsxs","classes","jsx","Icon","formatNumberToK","formatBytes","PlanHistory"],"mappings":"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"}

package/dist/components/Plan/PlanStats/PlanStats.module.scss

@@ -0,0 +1,125 @@
+.planStats {
+   display: flex;
+   gap: 20px;
+   .widgetTitle {
+      padding: 2px 6px;
+      background-color: var(--content-background-color);
+      border: 1px solid var(--line-color);
+      color: var(--content-title-color);
+      border-radius: 4px;
+      font-size: 0.6875rem;
+      font-weight: 600;
+      width: max-content;
+      position: relative;
+      margin-top: -30px;
+      span {
+         color: var(--icon-color);
+      }
+   }
+
+   .sources,
+   .snapshots,
+   .health {
+      border: 1px solid var(--line-color);
+      padding: 20px;
+      border-radius: 6px;
+      box-sizing: border-box;
+   }
+
+   .sources {
+      width: 38%;
+      .sourceContent {
+         display: flex;
+         align-items: center;
+         justify-content: center;
+         padding: 12px;
+         gap: 20%;
+         & > div {
+            text-align: center;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 5px;
+            font-size: 0.75rem;
+            font-weight: 500;
+            img {
+               width: auto;
+               max-height: 18px;
+               display: block;
+            }
+            span {
+               display: block;
+               line-height: initial;
+            }
+            &:nth-child(2) {
+               border: 1px solid var(--line-color);
+               border-radius: 50%;
+               width: 30px;
+               height: 30px;
+               box-sizing: border-box;
+               padding-top: 4px;
+               position: relative;
+            }
+            .sourceArrow {
+               position: absolute;
+               left: 35px;
+               opacity: 0.6;
+               &::before {
+                  content: '';
+                  width: 10px;
+                  height: 2px;
+                  background: var(--content-text-color-light);
+                  position: absolute;
+                  left: -52px;
+                  top: 8px;
+                  opacity: 0.7;
+               }
+            }
+         }
+      }
+   }
+   .snapshots {
+      width: 24%;
+      .snapshotsContent {
+         display: flex;
+         justify-content: space-around;
+         align-items: center;
+         height: 100%;
+         margin-top: 8px;
+
+         & > div {
+            text-align: center;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            font-size: 0.75rem;
+            font-weight: 500;
+
+            & > span:nth-child(1) {
+               font-size: 1rem;
+               font-weight: 600;
+               color: var(--content-subtitle-color);
+            }
+            &:nth-child(2) {
+               width: 1px;
+               height: 30px;
+               background-color: var(--line-color);
+            }
+         }
+      }
+   }
+   .health {
+      width: 38%;
+   }
+}
+
+@media only screen and (max-width: 768px) {
+   .planStats {
+      flex-direction: column;
+      .sources,
+      .snapshots,
+      .health {
+         width: 100%;
+      }
+   }
+}

package/dist/components/Plan/PlanStats/PlanStats.module.scss.js

@@ -0,0 +1,22 @@
+const t = "PlanStats-module__planStats___h2ymi", s = "PlanStats-module__widgetTitle___nxG-i", o = "PlanStats-module__sources___xhbyX", _ = "PlanStats-module__snapshots___Q-aWm", n = "PlanStats-module__health___FjQ63", a = "PlanStats-module__sourceContent___-GEZd", e = "PlanStats-module__sourceArrow___A4kJH", l = "PlanStats-module__snapshotsContent___zQmF6", c = {
+  planStats: t,
+  widgetTitle: s,
+  sources: o,
+  snapshots: _,
+  health: n,
+  sourceContent: a,
+  sourceArrow: e,
+  snapshotsContent: l
+};
+export {
+  c as default,
+  n as health,
+  t as planStats,
+  _ as snapshots,
+  l as snapshotsContent,
+  e as sourceArrow,
+  a as sourceContent,
+  o as sources,
+  s as widgetTitle
+};
+//# sourceMappingURL=PlanStats.module.scss.js.map

package/dist/components/Plan/PlanStats/PlanStats.module.scss.js.map

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

package/dist/components/Plan/PlanUnlockModal/PlanUnlockModal.d.ts

@@ -0,0 +1,8 @@
+interface PlanUnlockModalProps {
+    planId: string;
+    taskPending: boolean;
+    close: () => void;
+}
+declare const PlanUnlockModal: ({ planId, taskPending, close }: PlanUnlockModalProps) => import("react/jsx-runtime").JSX.Element;
+export default PlanUnlockModal;
+//# sourceMappingURL=PlanUnlockModal.d.ts.map

package/dist/components/Plan/PlanUnlockModal/PlanUnlockModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanUnlockModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanUnlockModal/PlanUnlockModal.tsx"],"names":[],"mappings":"AAGA,UAAU,oBAAoB;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,GAAI,gCAAgC,oBAAoB,4CAsB5E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/Plan/PlanUnlockModal/PlanUnlockModal.js

@@ -0,0 +1,29 @@
+import { jsx as o, Fragment as i } from "react/jsx-runtime";
+import { useUnlockPlan as s } from "../../../services/plans.js";
+import l from "../../common/ActionModal/ActionModal.js";
+const d = ({ planId: e, taskPending: a, close: n }) => {
+  const t = s();
+  return /* @__PURE__ */ o(
+    l,
+    {
+      title: "Unlock Stale Locks",
+      message: /* @__PURE__ */ o(i, { children: "Remove unused locks left by failed backups. This helps if a backup is stuck and you want to start a new one." }),
+      closeModal: () => !t.isPending && n(),
+      width: "500px",
+      primaryAction: {
+        title: "Yes, Unlock",
+        type: "default",
+        isPending: t.isPending,
+        action: () => !a && t.mutate(e, {
+          onSuccess: () => {
+            n();
+          }
+        })
+      }
+    }
+  );
+};
+export {
+  d as default
+};
+//# sourceMappingURL=PlanUnlockModal.js.map

package/dist/components/Plan/PlanUnlockModal/PlanUnlockModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanUnlockModal.js","sources":["../../../../src/components/Plan/PlanUnlockModal/PlanUnlockModal.tsx"],"sourcesContent":["import { useUnlockPlan } from '../../../services/plans';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\n\r\ninterface PlanUnlockModalProps {\r\n   planId: string;\r\n   taskPending: boolean;\r\n   close: () => void;\r\n}\r\n\r\nconst PlanUnlockModal = ({ planId, taskPending, close }: PlanUnlockModalProps) => {\r\n   const unlockMutation = useUnlockPlan();\r\n   return (\r\n      <ActionModal\r\n         title=\"Unlock Stale Locks\"\r\n         message={<>Remove unused locks left by failed backups. This helps if a backup is stuck and you want to start a new one.</>}\r\n         closeModal={() => !unlockMutation.isPending && close()}\r\n         width=\"500px\"\r\n         primaryAction={{\r\n            title: 'Yes, Unlock',\r\n            type: 'default',\r\n            isPending: unlockMutation.isPending,\r\n            action: () =>\r\n               !taskPending &&\r\n               unlockMutation.mutate(planId, {\r\n                  onSuccess: () => {\r\n                     close();\r\n                  },\r\n               }),\r\n         }}\r\n      />\r\n   );\r\n};\r\n\r\nexport default PlanUnlockModal;\r\n"],"names":["PlanUnlockModal","planId","taskPending","close","unlockMutation","useUnlockPlan","jsx","ActionModal"],"mappings":";;;AASA,MAAMA,IAAkB,CAAC,EAAE,QAAAC,GAAQ,aAAAC,GAAa,OAAAC,QAAkC;AAC/E,QAAMC,IAAiBC,EAAA;AACvB,SACG,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,OAAM;AAAA,MACN,gCAAW,UAAA,+GAAA,CAA4G;AAAA,MACvH,YAAY,MAAM,CAACH,EAAe,aAAaD,EAAA;AAAA,MAC/C,OAAM;AAAA,MACN,eAAe;AAAA,QACZ,OAAO;AAAA,QACP,MAAM;AAAA,QACN,WAAWC,EAAe;AAAA,QAC1B,QAAQ,MACL,CAACF,KACDE,EAAe,OAAOH,GAAQ;AAAA,UAC3B,WAAW,MAAM;AACd,YAAAE,EAAA;AAAA,UACH;AAAA,QAAA,CACF;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AAGT;"}

package/dist/components/Plan/Restores/Restores.d.ts

@@ -0,0 +1,10 @@
+import { RestoreSlim } from '../../../@types/restores';
+declare const Restores: ({ planId, method, restores, sourceId, sourceType, }: {
+    planId: string;
+    method: string;
+    sourceId: string;
+    sourceType: string;
+    restores: RestoreSlim[];
+}) => import("react/jsx-runtime").JSX.Element;
+export default Restores;
+//# sourceMappingURL=Restores.d.ts.map

package/dist/components/Plan/Restores/Restores.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Restores.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/Restores/Restores.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAQvD,QAAA,MAAM,QAAQ,GAAI,qDAMf;IACA,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,WAAW,EAAE,CAAC;CAC1B,4CA+HA,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Plan/Restores/Restores.js

@@ -0,0 +1,144 @@
+import { jsxs as o, jsx as e, Fragment as z } from "react/jsx-runtime";
+import { useState as c } from "react";
+import { toast as D } from "react-toastify";
+import { useQueryClient as O } from "@tanstack/react-query";
+import m from "../../common/Icon/Icon.js";
+import $ from "../../common/ActionModal/ActionModal.js";
+import { formatDuration as F, formatNumberToK as j, formatBytes as q, timeAgo as C, formatDateTime as K } from "../../../utils/helpers.js";
+import t from "../Backups/Backups.module.scss.js";
+import Q from "../../common/StatusLabel/StatusLabel.js";
+import { useDeleteRestore as V } from "../../../services/restores.js";
+import Y from "../BackupEvents/BackupEvents.js";
+import _ from "../../Restore/RestoreChangeViewer/RestoreChangeViewer.js";
+const se = ({
+  planId: g,
+  method: E,
+  restores: R = [],
+  sourceId: S,
+  sourceType: B
+}) => {
+  const [a, p] = c(!1), [n, b] = c(!1), [h, u] = c(!1), [w, k] = c(!1), M = O(), v = V(), x = (s) => {
+    console.log("remove :", s.id), v.mutate(s.id, {
+      onError: () => {
+        D.error("Failed to Remove Restore Entry");
+      },
+      onSuccess: () => {
+        M.invalidateQueries({ queryKey: ["plan", g] }), D.success("Restore Entry Removed Successfully.", { autoClose: 5e3 }), u(!1);
+      }
+    });
+  }, f = E === "sync";
+  return /* @__PURE__ */ o("div", { className: t.backupsTable, children: [
+    /* @__PURE__ */ o("div", { className: t.backupsTableHead, children: [
+      /* @__PURE__ */ e("div", { children: "Restored Backup" }),
+      /* @__PURE__ */ e("div", { children: "Status" }),
+      /* @__PURE__ */ e("div", { children: "Duration" }),
+      /* @__PURE__ */ e("div", { children: "Restore Path" }),
+      /* @__PURE__ */ e("div", { children: "Files" }),
+      /* @__PURE__ */ e("div", { children: "Date" }),
+      /* @__PURE__ */ e("div", {})
+    ] }),
+    /* @__PURE__ */ o("div", { className: t.backupsTableContent, children: [
+      R.filter((s) => s.status !== "started").map((s) => {
+        const { id: i, backupId: A, started: d, ended: l, config: T, status: P, taskStats: r, errorMsg: y } = s, N = d && l && new Date(l).getTime() / 1e3 - new Date(d).getTime() / 1e3;
+        return /* @__PURE__ */ o(
+          "div",
+          {
+            className: `${t.backupsTableRow} ${a && a === i ? t.backupsTableRowActive : ""}`,
+            children: [
+              /* @__PURE__ */ o("div", { className: t.backupTitle, onClick: () => !f && k(i), children: [
+                /* @__PURE__ */ e(m, { type: f ? "sync" : "box", size: 14 }),
+                " ",
+                f ? "sync" : "backup",
+                "-",
+                A
+              ] }),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: t.status,
+                  "data-tooltip-id": "htmlToolTip",
+                  "data-tooltip-html": `<div><string>Error</string>: ${y}</div>`,
+                  "data-tooltip-hidden": !y,
+                  children: /* @__PURE__ */ e(Q, { status: P, hasError: !!y })
+                }
+              ),
+              /* @__PURE__ */ e("div", { title: N + "s", children: F(N) }),
+              /* @__PURE__ */ e("div", { className: t.target, "data-tooltip-id": "htmlToolTip", "data-tooltip-html": `${T.target}`, children: T.target || "Original" }),
+              /* @__PURE__ */ e("div", { "data-tooltip-id": "", "data-tooltip-html": q((r == null ? void 0 : r.bytes_restored) || 0), children: j((r == null ? void 0 : r.files_restored) || 0) }),
+              /* @__PURE__ */ e("div", { title: K(l || d), children: l ? C(new Date(l)) : C(new Date(d)) }),
+              /* @__PURE__ */ e("div", { className: t.snapOptsBtn, children: /* @__PURE__ */ e("button", { onClick: () => p(a && a === i ? !1 : i), children: /* @__PURE__ */ e(m, { type: "dots-vertical", size: 12 }) }) }),
+              a === i && /* @__PURE__ */ o("div", { className: t.settings, children: [
+                /* @__PURE__ */ o(
+                  "button",
+                  {
+                    onClick: () => {
+                      b(s), p(!1);
+                    },
+                    children: [
+                      /* @__PURE__ */ e(m, { type: "eye", size: 14 }),
+                      " View Changes"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ o(
+                  "button",
+                  {
+                    onClick: () => {
+                      u(s), p(!1);
+                    },
+                    children: [
+                      /* @__PURE__ */ e(m, { type: "trash", size: 14 }),
+                      " Remove"
+                    ]
+                  }
+                )
+              ] })
+            ]
+          },
+          i
+        );
+      }),
+      R.length === 0 && /* @__PURE__ */ e("div", { className: t.noBackups, children: "No Backups Restored Yet." })
+    ] }),
+    h && /* @__PURE__ */ e(
+      $,
+      {
+        title: "Remove Restore Entry",
+        message: /* @__PURE__ */ o(z, { children: [
+          "Are you sure you want to remove this Restore entry ",
+          /* @__PURE__ */ o("strong", { children: [
+            '"restore-',
+            h.id,
+            '"'
+          ] }),
+          " from the database?"
+        ] }),
+        closeModal: () => !v.isPending && u(!1),
+        width: "400px",
+        primaryAction: {
+          title: "Yes, Remove Restore",
+          type: "danger",
+          icon: "trash",
+          isPending: v.isPending,
+          action: () => x(h)
+        }
+      }
+    ),
+    n && (n == null ? void 0 : n.taskStats) && /* @__PURE__ */ e(_, { restore: n, close: () => b(!1) }),
+    w && /* @__PURE__ */ e(
+      Y,
+      {
+        id: w,
+        type: "restore",
+        planId: g,
+        sourceId: S,
+        sourceType: B,
+        close: () => k(!1)
+      }
+    )
+  ] });
+};
+export {
+  se as default
+};
+//# sourceMappingURL=Restores.js.map

package/dist/components/Plan/Restores/Restores.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Restores.js","sources":["../../../../src/components/Plan/Restores/Restores.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { useQueryClient } from '@tanstack/react-query';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\nimport { RestoreSlim } from '../../../@types/restores';\r\nimport { formatBytes, formatDateTime, formatDuration, formatNumberToK, timeAgo } from '../../../utils/helpers';\r\nimport classes from '../Backups/Backups.module.scss';\r\nimport StatusLabel from '../../common/StatusLabel/StatusLabel';\r\nimport { useDeleteRestore } from '../../../services/restores';\r\nimport BackupEvents from '../BackupEvents/BackupEvents';\r\nimport RestoreChangeViewer from '../../Restore/RestoreChangeViewer/RestoreChangeViewer';\r\n\r\nconst Restores = ({\r\n   planId,\r\n   method,\r\n   restores = [],\r\n   sourceId,\r\n   sourceType,\r\n}: {\r\n   planId: string;\r\n   method: string;\r\n   sourceId: string;\r\n   sourceType: string;\r\n   restores: RestoreSlim[];\r\n}) => {\r\n   const [showSnapOptions, setShowSnapOptions] = useState<false | string>(false);\r\n   const [previewRestore, setPreviewRestore] = useState<false | RestoreSlim>(false);\r\n   const [showDeleteModal, setShowDeleteModal] = useState<RestoreSlim | false>(false);\r\n   const [showRestoreEvents, setShowRestoreEvents] = useState<false | string>(false);\r\n   const queryClient = useQueryClient();\r\n   const deleteRestoreMutation = useDeleteRestore();\r\n\r\n   const removeRestore = (restore: RestoreSlim) => {\r\n      console.log('remove :', restore.id);\r\n      deleteRestoreMutation.mutate(restore.id, {\r\n         onError: () => {\r\n            toast.error(`Failed to Remove Restore Entry`);\r\n         },\r\n         onSuccess: () => {\r\n            queryClient.invalidateQueries({ queryKey: ['plan', planId] });\r\n            toast.success(`Restore Entry Removed Successfully.`, { autoClose: 5000 });\r\n            setShowDeleteModal(false);\r\n         },\r\n      });\r\n   };\r\n\r\n   const isSync = method === 'sync';\r\n\r\n   return (\r\n      <div className={classes.backupsTable}>\r\n         <div className={classes.backupsTableHead}>\r\n            <div>Restored Backup</div>\r\n            <div>Status</div>\r\n            <div>Duration</div>\r\n            <div>Restore Path</div>\r\n            <div>Files</div>\r\n            <div>Date</div>\r\n            <div></div>\r\n         </div>\r\n         <div className={classes.backupsTableContent}>\r\n            {restores\r\n               .filter((s) => s.status !== 'started')\r\n               .map((restore) => {\r\n                  const { id, backupId, started, ended, config, status, taskStats, errorMsg } = restore;\r\n                  const duration = started && ended && new Date(ended).getTime() / 1000 - new Date(started).getTime() / 1000;\r\n                  return (\r\n                     <div\r\n                        key={id}\r\n                        className={`${classes.backupsTableRow} ${showSnapOptions && showSnapOptions === id ? classes.backupsTableRowActive : ''}`}\r\n                     >\r\n                        <div className={classes.backupTitle} onClick={() => !isSync && setShowRestoreEvents(id)}>\r\n                           <Icon type={isSync ? 'sync' : 'box'} size={14} /> {isSync ? 'sync' : 'backup'}-{backupId}\r\n                        </div>\r\n                        <div\r\n                           className={classes.status}\r\n                           data-tooltip-id=\"htmlToolTip\"\r\n                           data-tooltip-html={`<div><string>Error</string>: ${errorMsg}</div>`}\r\n                           data-tooltip-hidden={!errorMsg}\r\n                        >\r\n                           <StatusLabel status={status} hasError={!!errorMsg} />\r\n                        </div>\r\n                        <div title={duration + 's'}>{formatDuration(duration)}</div>\r\n                        <div className={classes.target} data-tooltip-id=\"htmlToolTip\" data-tooltip-html={`${config.target}`}>\r\n                           {config.target || 'Original'}\r\n                        </div>\r\n                        <div data-tooltip-id=\"\" data-tooltip-html={formatBytes(taskStats?.bytes_restored || 0)}>\r\n                           {formatNumberToK(taskStats?.files_restored || 0)}\r\n                        </div>\r\n                        <div title={formatDateTime(ended || started)}>{ended ? timeAgo(new Date(ended)) : timeAgo(new Date(started))}</div>\r\n                        <div className={classes.snapOptsBtn}>\r\n                           <button onClick={() => setShowSnapOptions(showSnapOptions && showSnapOptions === id ? false : id)}>\r\n                              <Icon type=\"dots-vertical\" size={12} />\r\n                           </button>\r\n                        </div>\r\n                        {showSnapOptions === id && (\r\n                           <div className={classes.settings}>\r\n                              <button\r\n                                 onClick={() => {\r\n                                    setPreviewRestore(restore);\r\n                                    setShowSnapOptions(false);\r\n                                 }}\r\n                              >\r\n                                 <Icon type={'eye'} size={14} /> View Changes\r\n                              </button>\r\n                              <button\r\n                                 onClick={() => {\r\n                                    setShowDeleteModal(restore);\r\n                                    setShowSnapOptions(false);\r\n                                 }}\r\n                              >\r\n                                 <Icon type=\"trash\" size={14} /> Remove\r\n                              </button>\r\n                           </div>\r\n                        )}\r\n                     </div>\r\n                  );\r\n               })}\r\n            {restores.length === 0 && <div className={classes.noBackups}>No Backups Restored Yet.</div>}\r\n         </div>\r\n         {showDeleteModal && (\r\n            <ActionModal\r\n               title=\"Remove Restore Entry\"\r\n               message={\r\n                  <>\r\n                     Are you sure you want to remove this Restore entry <strong>\"restore-{showDeleteModal.id}\"</strong> from the database?\r\n                  </>\r\n               }\r\n               closeModal={() => !deleteRestoreMutation.isPending && setShowDeleteModal(false)}\r\n               width=\"400px\"\r\n               primaryAction={{\r\n                  title: 'Yes, Remove Restore',\r\n                  type: 'danger',\r\n                  icon: 'trash',\r\n                  isPending: deleteRestoreMutation.isPending,\r\n                  action: () => removeRestore(showDeleteModal),\r\n               }}\r\n            />\r\n         )}\r\n         {previewRestore && previewRestore?.taskStats && <RestoreChangeViewer restore={previewRestore} close={() => setPreviewRestore(false)} />}\r\n         {showRestoreEvents && (\r\n            <BackupEvents\r\n               id={showRestoreEvents}\r\n               type=\"restore\"\r\n               planId={planId}\r\n               sourceId={sourceId}\r\n               sourceType={sourceType}\r\n               close={() => setShowRestoreEvents(false)}\r\n            />\r\n         )}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default Restores;\r\n"],"names":["Restores","planId","method","restores","sourceId","sourceType","showSnapOptions","setShowSnapOptions","useState","previewRestore","setPreviewRestore","showDeleteModal","setShowDeleteModal","showRestoreEvents","setShowRestoreEvents","queryClient","useQueryClient","deleteRestoreMutation","useDeleteRestore","removeRestore","restore","toast","isSync","jsxs","classes","jsx","id","backupId","started","ended","config","status","taskStats","errorMsg","duration","Icon","StatusLabel","formatDuration","formatBytes","formatNumberToK","formatDateTime","timeAgo","ActionModal","Fragment","RestoreChangeViewer","BackupEvents"],"mappings":"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"}

package/dist/components/Restore/RestoreChangeViewer/RestoreChangeViewer.d.ts

@@ -0,0 +1,8 @@
+import { RestoreSlim } from '../../../@types/restores';
+interface RestoreChangeViewerProps {
+    restore: RestoreSlim;
+    close: () => void;
+}
+declare const RestoreChangeViewer: ({ restore, close }: RestoreChangeViewerProps) => import("react/jsx-runtime").JSX.Element;
+export default RestoreChangeViewer;
+//# sourceMappingURL=RestoreChangeViewer.d.ts.map

package/dist/components/Restore/RestoreChangeViewer/RestoreChangeViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RestoreChangeViewer.d.ts","sourceRoot":"","sources":["../../../../src/components/Restore/RestoreChangeViewer/RestoreChangeViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAMvD,UAAU,wBAAwB;IAC/B,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,QAAA,MAAM,mBAAmB,GAAI,oBAAoB,wBAAwB,4CAuBxE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/Restore/RestoreChangeViewer/RestoreChangeViewer.js

@@ -0,0 +1,27 @@
+import { jsx as s, jsxs as o } from "react/jsx-runtime";
+import { useGetRestoreStats as a } from "../../../services/restores.js";
+import d from "../../common/Icon/Icon.js";
+import m from "../RestoredFileBrowser/RestoredFileBrowser.js";
+import r from "./RestoreChangeViewer.module.scss.js";
+const f = ({ restore: t, close: c }) => {
+  var l, i;
+  const { data: e } = a(t.id);
+  return console.log("Restore Stats :", (l = e == null ? void 0 : e.result) == null ? void 0 : l.restoredPaths), /* @__PURE__ */ s("div", { className: r.preview, children: /* @__PURE__ */ o("div", { className: r.previewWrapper, children: [
+    /* @__PURE__ */ o("div", { className: r.previewHeader, children: [
+      /* @__PURE__ */ o("h3", { children: [
+        "Restore File Changes",
+        " ",
+        /* @__PURE__ */ o("span", { className: `label ${t.status !== "completed" ? "error" : "success"}`, children: [
+          t.status === "completed" ? "Successfully Restored" : "Restoration Failed",
+          " "
+        ] })
+      ] }),
+      /* @__PURE__ */ s("button", { className: r.closePreview, onClick: () => c(), children: /* @__PURE__ */ s(d, { type: "close", size: 24 }) })
+    ] }),
+    /* @__PURE__ */ s("div", { className: r.previewBrowser, children: /* @__PURE__ */ s(m, { files: ((i = e == null ? void 0 : e.result) == null ? void 0 : i.restoredPaths) || [], stats: t.taskStats || void 0 }) })
+  ] }) });
+};
+export {
+  f as default
+};
+//# sourceMappingURL=RestoreChangeViewer.js.map

package/dist/components/Restore/RestoreChangeViewer/RestoreChangeViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RestoreChangeViewer.js","sources":["../../../../src/components/Restore/RestoreChangeViewer/RestoreChangeViewer.tsx"],"sourcesContent":["import { RestoreSlim } from '../../../@types/restores';\r\nimport { useGetRestoreStats } from '../../../services/restores';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport RestoredFileBrowser from '../RestoredFileBrowser/RestoredFileBrowser';\r\nimport classes from './RestoreChangeViewer.module.scss';\r\n\r\ninterface RestoreChangeViewerProps {\r\n   restore: RestoreSlim;\r\n   close: () => void;\r\n}\r\n\r\nconst RestoreChangeViewer = ({ restore, close }: RestoreChangeViewerProps) => {\r\n   const { data } = useGetRestoreStats(restore.id);\r\n   console.log('Restore Stats :', data?.result?.restoredPaths);\r\n   return (\r\n      <div className={classes.preview}>\r\n         <div className={classes.previewWrapper}>\r\n            <div className={classes.previewHeader}>\r\n               <h3>\r\n                  Restore File Changes{' '}\r\n                  <span className={`label ${restore.status !== 'completed' ? 'error' : 'success'}`}>\r\n                     {restore.status === 'completed' ? 'Successfully Restored' : 'Restoration Failed'}{' '}\r\n                  </span>\r\n               </h3>\r\n               <button className={classes.closePreview} onClick={() => close()}>\r\n                  <Icon type=\"close\" size={24} />\r\n               </button>\r\n            </div>\r\n            <div className={classes.previewBrowser}>\r\n               <RestoredFileBrowser files={data?.result?.restoredPaths || []} stats={restore.taskStats || undefined} />\r\n            </div>\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default RestoreChangeViewer;\r\n"],"names":["RestoreChangeViewer","restore","close","data","useGetRestoreStats","_a","jsx","classes","jsxs","Icon","RestoredFileBrowser","_b"],"mappings":";;;;;AAWA,MAAMA,IAAsB,CAAC,EAAE,SAAAC,GAAS,OAAAC,QAAsC;;AAC3E,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAmBH,EAAQ,EAAE;AAC9C,iBAAQ,IAAI,oBAAmBI,IAAAF,KAAA,gBAAAA,EAAM,WAAN,gBAAAE,EAAc,aAAa,GAEvD,gBAAAC,EAAC,SAAI,WAAWC,EAAQ,SACrB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,gBACrB,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,eACrB,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EAAG,UAAA;AAAA,QAAA;AAAA,QACoB;AAAA,QACrB,gBAAAA,EAAC,UAAK,WAAW,SAASP,EAAQ,WAAW,cAAc,UAAU,SAAS,IAC1E,UAAA;AAAA,UAAAA,EAAQ,WAAW,cAAc,0BAA0B;AAAA,UAAsB;AAAA,QAAA,EAAA,CACrF;AAAA,MAAA,GACH;AAAA,MACA,gBAAAK,EAAC,UAAA,EAAO,WAAWC,EAAQ,cAAc,SAAS,MAAML,EAAA,GACrD,4BAACO,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI,EAAA,CAChC;AAAA,IAAA,GACH;AAAA,sBACC,OAAA,EAAI,WAAWF,EAAQ,gBACrB,4BAACG,GAAA,EAAoB,SAAOC,IAAAR,KAAA,gBAAAA,EAAM,WAAN,gBAAAQ,EAAc,kBAAiB,CAAA,GAAI,OAAOV,EAAQ,aAAa,QAAW,EAAA,CACzG;AAAA,EAAA,EAAA,CACH,EAAA,CACH;AAEN;"}

package/dist/components/Restore/RestoreChangeViewer/RestoreChangeViewer.module.scss

@@ -0,0 +1,71 @@
+.preview {
+   width: 100%;
+   height: 100vh;
+   background-color: var(--modal-bg);
+   position: fixed;
+   left: 0;
+   top: 0;
+   z-index: 999;
+   display: flex;
+   align-items: flex-start;
+   justify-content: center;
+   .previewWrapper {
+      width: 90%;
+      max-width: 1200px;
+      height: 100vh;
+      position: absolute;
+      background: var(--content-background-color);
+      color: var(--content-text-color);
+      border: 1px solid var(--content-shadow-color);
+      right: 0;
+      top: 0;
+      box-sizing: border-box;
+      box-shadow: 0 0 20px var(--modal-shadow-color);
+      .previewBrowser {
+         display: flex;
+         flex-direction: column;
+         padding: 30px;
+         height: calc(100vh - 130px);
+         overflow: auto;
+         position: relative;
+      }
+   }
+   .previewHeader {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 20px;
+      // border-bottom: 1px solid var(--content-shadow-color);
+      h3 {
+         font-size: 1rem;
+         margin: 0;
+      }
+      .closePreview {
+         background: transparent;
+         opacity: 0.5;
+         color: var(--content-text-color);
+         transition: all 0.2s linear;
+         &:hover {
+            opacity: 1;
+            transform: rotate(90deg);
+         }
+      }
+   }
+}
+
+@media only screen and (max-width: 768px) {
+   .preview {
+      .previewWrapper {
+         width: 100%;
+         .previewBrowser {
+            padding: 20px;
+            padding-top: 0;
+         }
+      }
+      .previewHeader {
+         h3 {
+            font-size: 13px;
+         }
+      }
+   }
+}

package/dist/components/Restore/RestoreChangeViewer/RestoreChangeViewer.module.scss.js

@@ -0,0 +1,16 @@
+const e = "RestoreChangeViewer-module__preview___QXOWg", r = "RestoreChangeViewer-module__previewWrapper___skKOD", _ = "RestoreChangeViewer-module__previewBrowser___oVOJp", o = "RestoreChangeViewer-module__previewHeader___P-LIN", w = "RestoreChangeViewer-module__closePreview___5OQrD", s = {
+  preview: e,
+  previewWrapper: r,
+  previewBrowser: _,
+  previewHeader: o,
+  closePreview: w
+};
+export {
+  w as closePreview,
+  s as default,
+  e as preview,
+  _ as previewBrowser,
+  o as previewHeader,
+  r as previewWrapper
+};
+//# sourceMappingURL=RestoreChangeViewer.module.scss.js.map