npm - @plutonhq/core-frontend - Versions diffs - 0.1.13 → 0.1.14 - Mend

@plutonhq/core-frontend 0.1.13 → 0.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (186) hide show

package/dist-lib/components/Plan/PlanItems/PlanItem.js CHANGED Viewed

@@ -1,31 +1,32 @@
-import { jsxs as i, jsx as e, Fragment as R } from "react/jsx-runtime";
+import { jsxs as i, jsx as t, Fragment as R } from "react/jsx-runtime";
 import { useState as D } from "react";
-import { toast as P } from "react-toastify";
+import { toast as f } from "react-toastify";
 import { NavLink as F } from "react-router";
 import { formatBytes as H, timeAgo as j, formatDateTime as L } from "../../../utils/helpers.js";
 import a from "../../common/Icon/Icon.js";
-import t from "./PlanItem.module.scss.js";
+import e from "./PlanItem.module.scss.js";
 import { useDeletePlan as U, usePerformBackup as G, usePausePlan as W, useResumePlan as Y } from "../../../services/plans.js";
 import { planIntervalName as q } from "../../../utils/plans.js";
 import J from "../PlanHistory/PlanHistory.js";
-const oe = ({ plan: z, layout: B = "list" }) => {
+import K from "../PlanStorageInfo/PlanStorageInfo.js";
+const st = ({ plan: u, layout: z = "list" }) => {
   const {
     id: s,
-    title: S,
-    description: f,
+    title: B,
+    description: k,
     sourceConfig: l = { includes: [], excludes: [] },
-    settings: T,
-    inProgress: r,
+    settings: S,
+    inProgress: p,
     lastBackupTime: c = "",
-    stats: u,
-    backups: w = [],
-    storage: h,
+    stats: h,
+    backups: T = [],
+    storage: w,
     isActive: n = !1,
     verified: d,
-    device: p,
+    device: r,
     method: y = "backup"
-  } = z, { interval: E = { type: "daily", time: "10:00AM" }, encryption: A = !1, compression: C = !1 } = T, [g, k] = D(!1), I = U(), v = G(), N = W(), $ = Y(), b = N.isPending || $.isPending || v.isPending || I.isPending, m = y === "sync", x = () => {
-    r || b || (console.log(" changeStatus:", !n), n ? P.promise(N.mutateAsync(s), {
+  } = u, { interval: E = { type: "daily", time: "10:00AM" }, encryption: A = !1, compression: I = !1 } = S, [g, P] = D(!1), C = U(), v = G(), N = W(), $ = Y(), b = N.isPending || $.isPending || v.isPending || C.isPending, m = y === "sync", x = () => {
+    p || b || (console.log(" changeStatus:", !n), n ? f.promise(N.mutateAsync(s), {
       pending: "Pausing backup Plan...",
       success: "Backup Plan Paused",
       error: {
@@ -33,7 +34,7 @@ const oe = ({ plan: z, layout: B = "list" }) => {
           return `Failed to Pause Backup Plan. ${(o == null ? void 0 : o.message) || "Unknown Error."}`;
         }
       }
-    }) : P.promise($.mutateAsync(s), {
+    }) : f.promise($.mutateAsync(s), {
       pending: "Resuming backup Plan...",
       success: "Backup Plan Resumed",
       error: {
@@ -43,7 +44,7 @@ const oe = ({ plan: z, layout: B = "list" }) => {
       }
     }));
   }, M = () => {
-    b || (P.promise(
+    b || (f.promise(
       v.mutateAsync(s),
       {
         pending: `Starting ${m ? "Sync" : "Backup"}...`,
@@ -59,34 +60,34 @@ const oe = ({ plan: z, layout: B = "list" }) => {
           minWidth: "250px"
         }
       }
-    ), k(!1));
+    ), P(!1));
   };
   return /* @__PURE__ */ i(
     "div",
     {
-      className: `${t.plan} ${B === "grid" ? t.planGrid : t.planList} ${d && d.hasError ? t.planHasError : ""}`,
+      className: `${e.plan} ${z === "grid" ? e.planGrid : e.planList} ${d && d.hasError ? e.planHasError : ""}`,
       children: [
-        /* @__PURE__ */ i("div", { className: t.leftContent, children: [
-          /* @__PURE__ */ e("div", { className: `${t.status} ${n ? "" : t.paused}`, children: /* @__PURE__ */ e(a, { type: y === "backup" ? "plans" : "sync", size: 28 }) }),
-          /* @__PURE__ */ e("div", { className: t.content, children: /* @__PURE__ */ i(F, { to: `/plan/${s}`, children: [
-            /* @__PURE__ */ i("div", { className: t.title, children: [
-              /* @__PURE__ */ e("h4", { children: S }),
-              f && /* @__PURE__ */ e(
+        /* @__PURE__ */ i("div", { className: e.leftContent, children: [
+          /* @__PURE__ */ t("div", { className: `${e.status} ${n ? "" : e.paused}`, children: /* @__PURE__ */ t(a, { type: y === "backup" ? "plans" : "sync", size: 28 }) }),
+          /* @__PURE__ */ t("div", { className: e.content, children: /* @__PURE__ */ i(F, { to: `/plan/${s}`, children: [
+            /* @__PURE__ */ i("div", { className: e.title, children: [
+              /* @__PURE__ */ t("h4", { children: B }),
+              k && /* @__PURE__ */ t(
                 "i",
                 {
-                  className: t.planDescription,
+                  className: e.planDescription,
                   "data-tooltip-id": "appTooltip",
-                  "data-tooltip-content": f,
+                  "data-tooltip-content": k,
                   "data-tooltip-place": "top",
-                  children: /* @__PURE__ */ e(a, { type: "note", size: 13 })
+                  children: /* @__PURE__ */ t(a, { type: "note", size: 13 })
                 }
               ),
-              A && /* @__PURE__ */ e("i", { "data-tooltip-id": "appTooltip", "data-tooltip-content": "Encrypted", "data-tooltip-place": "top", children: /* @__PURE__ */ e(a, { type: "encrypted", size: 14 }) }),
-              C && /* @__PURE__ */ e("i", { "data-tooltip-id": "appTooltip", "data-tooltip-content": "Compressed", "data-tooltip-place": "top", children: /* @__PURE__ */ e(a, { type: "compressed", size: 14 }) }),
-              !n && /* @__PURE__ */ e("i", { "data-tooltip-id": "appTooltip", "data-tooltip-content": "Plan Paused", "data-tooltip-place": "top", children: /* @__PURE__ */ e(a, { type: "pause", size: 14 }) }),
-              d && d.hasError && /* @__PURE__ */ e("i", { "data-tooltip-id": "appTooltip", "data-tooltip-content": "Plan Has Error", "data-tooltip-place": "top", children: /* @__PURE__ */ e(a, { size: 14, type: "error-circle-filled", color: "#dd6b6b" }) })
+              A && /* @__PURE__ */ t("i", { "data-tooltip-id": "appTooltip", "data-tooltip-content": "Encrypted", "data-tooltip-place": "top", children: /* @__PURE__ */ t(a, { type: "encrypted", size: 14 }) }),
+              I && /* @__PURE__ */ t("i", { "data-tooltip-id": "appTooltip", "data-tooltip-content": "Compressed", "data-tooltip-place": "top", children: /* @__PURE__ */ t(a, { type: "compressed", size: 14 }) }),
+              !n && /* @__PURE__ */ t("i", { "data-tooltip-id": "appTooltip", "data-tooltip-content": "Plan Paused", "data-tooltip-place": "top", children: /* @__PURE__ */ t(a, { type: "pause", size: 14 }) }),
+              d && d.hasError && /* @__PURE__ */ t("i", { "data-tooltip-id": "appTooltip", "data-tooltip-content": "Plan Has Error", "data-tooltip-place": "top", children: /* @__PURE__ */ t(a, { size: 14, type: "error-circle-filled", color: "#dd6b6b" }) })
             ] }),
-            /* @__PURE__ */ i("div", { className: t.sources, children: [
+            /* @__PURE__ */ i("div", { className: e.sources, children: [
               /* @__PURE__ */ i(
                 "span",
                 {
@@ -94,65 +95,63 @@ const oe = ({ plan: z, layout: B = "list" }) => {
                   "data-tooltip-place": "top",
                   "data-tooltip-html": l != null && l.includes ? l.includes.map((o) => `<div>${o}</div>`).join("") : "",
                   children: [
-                    (p == null ? void 0 : p.name) && /* @__PURE__ */ i(R, { children: [
-                      /* @__PURE__ */ e(a, { type: p.id === "main" ? "computer" : "computer-remote", size: 13 }),
+                    (r == null ? void 0 : r.name) && /* @__PURE__ */ i(R, { children: [
+                      /* @__PURE__ */ t(a, { type: r.id === "main" ? "computer" : "computer-remote", size: 13 }),
                       " ",
-                      p.name
+                      r.name
                     ] }),
-                    /* @__PURE__ */ e("span", { className: t.sourceCount, children: l.includes.length })
+                    /* @__PURE__ */ t("span", { className: e.sourceCount, children: l.includes.length })
                   ]
                 }
               ),
               " ",
               "-->",
-              " ",
-              h.type && /* @__PURE__ */ e("img", { src: `/providers/${h.type}.png` }),
-              h.name
+              /* @__PURE__ */ t(K, { replicationSettings: u.settings.replication, storage: w, storagePath: u.storagePath })
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ i("div", { className: t.rightContent, children: [
+        /* @__PURE__ */ i("div", { className: e.rightContent, children: [
           /* @__PURE__ */ i(
             "div",
             {
-              className: t.size,
+              className: e.size,
               "data-tooltip-id": "appTooltip",
               "data-tooltip-place": "top",
-              "data-tooltip-hidden": !u.snapshots || y === "sync",
-              "data-tooltip-content": `Total Snapshots: ${u.snapshots.length}`,
+              "data-tooltip-hidden": !h.snapshots || y === "sync",
+              "data-tooltip-content": `Total Snapshots: ${h.snapshots.length}`,
               children: [
-                /* @__PURE__ */ e(a, { type: "disk", size: 14 }),
+                /* @__PURE__ */ t(a, { type: "disk", size: 14 }),
                 " ",
-                /* @__PURE__ */ e("i", { children: H(u.size) })
+                /* @__PURE__ */ t("i", { children: H(h.size) })
               ]
             }
           ),
-          /* @__PURE__ */ i("div", { className: t.interval, children: [
-            /* @__PURE__ */ e(a, { type: "interval", size: 14 }),
+          /* @__PURE__ */ i("div", { className: e.interval, children: [
+            /* @__PURE__ */ t(a, { type: "interval", size: 14 }),
             " ",
-            /* @__PURE__ */ e("i", { children: q(E) })
+            /* @__PURE__ */ t("i", { children: q(E) })
           ] }),
           /* @__PURE__ */ i(
             "div",
             {
-              className: t.time,
+              className: e.time,
               "data-tooltip-id": "appTooltip",
               "data-tooltip-content": c ? `Last backed up on ${L(c)}` : "Hasn't been backed up yet",
               "data-tooltip-place": "top",
-              "data-tooltip-hidden": r,
+              "data-tooltip-hidden": p,
               children: [
-                /* @__PURE__ */ e(a, { type: r ? "loading" : "clock", size: 14 }),
+                /* @__PURE__ */ t(a, { type: p ? "loading" : "clock", size: 14 }),
                 " ",
-                r ? "In Progress" : c ? j(new Date(c)) : "Not Yet"
+                p ? "In Progress" : c ? j(new Date(c)) : "Not Yet"
               ]
             }
           ),
-          /* @__PURE__ */ e(J, { planId: s, history: w }),
-          /* @__PURE__ */ e("button", { className: `${t.moreBtn} ${g ? t.moreBtnActive : ""}`, onClick: () => k(!g), children: /* @__PURE__ */ e(a, { type: "dots-vertical", size: 14 }) })
+          /* @__PURE__ */ t(J, { planId: s, history: T }),
+          /* @__PURE__ */ t("button", { className: `${e.moreBtn} ${g ? e.moreBtnActive : ""}`, onClick: () => P(!g), children: /* @__PURE__ */ t(a, { type: "dots-vertical", size: 14 }) })
         ] }),
-        g && /* @__PURE__ */ i("div", { className: t.settings, children: [
+        g && /* @__PURE__ */ i("div", { className: e.settings, children: [
           /* @__PURE__ */ i("button", { onClick: M, children: [
-            /* @__PURE__ */ e(a, { type: "backup", size: 14 }),
+            /* @__PURE__ */ t(a, { type: "backup", size: 14 }),
             " ",
             m ? "Sync" : "Backup",
             " Now"
@@ -161,10 +160,10 @@ const oe = ({ plan: z, layout: B = "list" }) => {
             "button",
             {
               onClick: () => {
-                x(), k(!1);
+                x(), P(!1);
               },
               children: [
-                /* @__PURE__ */ e(a, { type: n ? "pause" : "resume", size: 14 }),
+                /* @__PURE__ */ t(a, { type: n ? "pause" : "resume", size: 14 }),
                 " ",
                 n ? "Pause Plan" : "Resume Plan"
               ]
@@ -177,6 +176,6 @@ const oe = ({ plan: z, layout: B = "list" }) => {
   );
 };
 export {
-  oe as default
+  st as default
 };
 //# sourceMappingURL=PlanItem.js.map

package/dist-lib/components/Plan/PlanItems/PlanItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanItem.js","sources":["../../../../src/components/Plan/PlanItems/PlanItem.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { NavLink } from 'react-router';\r\nimport { Plan } from '../../../@types/plans';\r\nimport { formatBytes, formatDateTime, timeAgo } from '../../../utils/helpers';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport classes from './PlanItem.module.scss';\r\nimport { useDeletePlan, usePausePlan, usePerformBackup, useResumePlan } from '../../../services/plans';\r\nimport { planIntervalName } from '../../../utils/plans';\r\nimport PlanHistory from '../PlanHistory/PlanHistory';\r\n\r\ninterface PlanItemProps {\r\n plan: Plan;\r\n layout?: 'grid' \| 'list';\r\n}\r\n\r\nconst PlanItem = ({ plan, layout = 'list' }: PlanItemProps) => {\r\n const {\r\n id,\r\n title,\r\n description,\r\n sourceConfig = { includes: [], excludes: [] },\r\n settings,\r\n inProgress,\r\n lastBackupTime = '',\r\n stats,\r\n backups = [],\r\n storage,\r\n isActive = false,\r\n verified,\r\n device,\r\n method = 'backup',\r\n } = plan;\r\n\r\n const { interval = { type: 'daily', time: '10:00AM' }, encryption = false, compression = false } = settings;\r\n const [showSettings, setShowSettings] = useState(false);\r\n\r\n const deletePlanMutation = useDeletePlan();\r\n const performBackupMutation = usePerformBackup();\r\n const pauseMutation = usePausePlan();\r\n const resumeMutation = useResumePlan();\r\n const shouldBeInaccessible =\r\n pauseMutation.isPending \|\| resumeMutation.isPending \|\| performBackupMutation.isPending \|\| deletePlanMutation.isPending;\r\n const isSync = method === 'sync';\r\n const changeStatus = () => {\r\n if (inProgress \|\| shouldBeInaccessible) {\r\n return;\r\n }\r\n // isActive, set it to false, else true\r\n // When the action is being performed, the item should grey out and stay inaccessible.\r\n // When this happens, the server should stop the restic Cron schedule\r\n console.log(' changeStatus:', !isActive);\r\n if (isActive) {\r\n toast.promise(pauseMutation.mutateAsync(id), {\r\n pending: 'Pausing backup Plan...',\r\n success: 'Backup Plan Paused',\r\n error: {\r\n render({ data }: any) {\r\n return `Failed to Pause Backup Plan. ${data?.message \|\| 'Unknown Error.'}`;\r\n },\r\n },\r\n });\r\n } else {\r\n toast.promise(resumeMutation.mutateAsync(id), {\r\n pending: 'Resuming backup Plan...',\r\n success: 'Backup Plan Resumed',\r\n error: {\r\n render({ data }: any) {\r\n return `Failed to Resume Backup Plan. ${data?.message \|\| 'Unknown Error.'}`;\r\n },\r\n },\r\n });\r\n }\r\n };\r\n\r\n const backupNow = () => {\r\n if (shouldBeInaccessible) {\r\n return;\r\n }\r\n toast.promise(\r\n performBackupMutation.mutateAsync(id),\r\n {\r\n pending: `Starting ${isSync ? 'Sync' : 'Backup'}...`,\r\n success: `${isSync ? 'Sync' : 'Backup'} initiated successfully! 🚀`,\r\n error: {\r\n render({ data }: any) {\r\n // When the promise reject, data will contains the error\r\n return `Failed to start ${isSync ? 'Sync' : 'Backup'}. ${data?.message \|\| 'Unknown Error.'}`;\r\n },\r\n },\r\n },\r\n {\r\n style: {\r\n minWidth: '250px',\r\n },\r\n },\r\n );\r\n setShowSettings(false);\r\n };\r\n\r\n return (\r\n <div\r\n key={id}\r\n className={`${classes.plan} ${layout === 'grid' ? classes.planGrid : classes.planList} ${verified && verified.hasError ? classes.planHasError : ''}`}\r\n >\r\n <div className={classes.leftContent}>\r\n <div className={`${classes.status} ${!isActive ? classes.paused : ''}`}>\r\n <Icon type={method === 'backup' ? 'plans' : 'sync'} size={28} />\r\n </div>\r\n\r\n <div className={classes.content}>\r\n <NavLink to={`/plan/${id}`}>\r\n <div className={classes.title}>\r\n <h4>{title}</h4>\r\n {description && (\r\n <i\r\n className={classes.planDescription}\r\n data-tooltip-id=\"appTooltip\"\r\n data-tooltip-content={description}\r\n data-tooltip-place=\"top\"\r\n >\r\n <Icon type=\"note\" size={13} />\r\n </i>\r\n )}\r\n {encryption && (\r\n <i data-tooltip-id=\"appTooltip\" data-tooltip-content={`Encrypted`} data-tooltip-place=\"top\">\r\n <Icon type=\"encrypted\" size={14} />\r\n </i>\r\n )}\r\n {compression && (\r\n <i data-tooltip-id=\"appTooltip\" data-tooltip-content={`Compressed`} data-tooltip-place=\"top\">\r\n <Icon type=\"compressed\" size={14} />\r\n </i>\r\n )}\r\n {!isActive && (\r\n <i data-tooltip-id=\"appTooltip\" data-tooltip-content={`Plan Paused`} data-tooltip-place=\"top\">\r\n <Icon type=\"pause\" size={14} />\r\n </i>\r\n )}\r\n {verified && verified.hasError && (\r\n <i data-tooltip-id=\"appTooltip\" data-tooltip-content={`Plan Has Error`} data-tooltip-place=\"top\">\r\n <Icon size={14} type={'error-circle-filled'} color=\"#dd6b6b\" />\r\n </i>\r\n )}\r\n </div>\r\n <div className={classes.sources}>\r\n <span\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-html={sourceConfig?.includes ? sourceConfig.includes.map((p) => `<div>${p}</div>`).join('') : ''}\r\n >\r\n {device?.name && (\r\n <>\r\n <Icon type={device.id === 'main' ? 'computer' : 'computer-remote'} size={13} /> {device.name}\r\n </>\r\n )}\r\n <span className={classes.sourceCount}>{sourceConfig.includes.length}</span>\r\n </span>{' '}\r\n {'-->'} {storage.type && <img src={`/providers/${storage.type}.png`} />}\r\n {storage.name}\r\n {/* {storagePath && storagePath !== '/' && '/' + storagePath} */}\r\n </div>\r\n </NavLink>\r\n </div>\r\n </div>\r\n <div className={classes.rightContent}>\r\n <div\r\n className={classes.size}\r\n data-tooltip-id=\"appTooltip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-hidden={!stats.snapshots \|\| method === 'sync'}\r\n data-tooltip-content={`Total Snapshots: ${stats.snapshots.length}`}\r\n >\r\n <Icon type=\"disk\" size={14} /> <i>{formatBytes(stats.size)}</i>\r\n </div>\r\n <div className={classes.interval}>\r\n <Icon type=\"interval\" size={14} /> <i>{planIntervalName(interval)}</i>\r\n </div>\r\n <div\r\n className={classes.time}\r\n data-tooltip-id=\"appTooltip\"\r\n data-tooltip-content={lastBackupTime ? `Last backed up on ${formatDateTime(lastBackupTime as string)}` : \"Hasn't been backed up yet\"}\r\n data-tooltip-place=\"top\"\r\n data-tooltip-hidden={inProgress}\r\n >\r\n <Icon type={inProgress ? 'loading' : 'clock'} size={14} />{' '}\r\n {inProgress ? 'In Progress' : lastBackupTime ? timeAgo(new Date(lastBackupTime as string)) : 'Not Yet'}\r\n </div>\r\n <PlanHistory planId={id} history={backups} />\r\n <button className={`${classes.moreBtn} ${showSettings ? classes.moreBtnActive : ''}`} onClick={() => setShowSettings(!showSettings)}>\r\n <Icon type=\"dots-vertical\" size={14} />\r\n </button>\r\n </div>\r\n {showSettings && (\r\n <div className={classes.settings}>\r\n <button onClick={backupNow}>\r\n <Icon type=\"backup\" size={14} /> {isSync ? 'Sync' : 'Backup'} Now\r\n </button>\r\n <button\r\n onClick={() => {\r\n changeStatus();\r\n setShowSettings(false);\r\n }}\r\n >\r\n <Icon type={isActive ? 'pause' : 'resume'} size={14} /> {isActive ? 'Pause Plan' : 'Resume Plan'}\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default PlanItem;\r\n"],"names":["PlanItem","plan","layout","id","title","description","sourceConfig","settings","inProgress","lastBackupTime","stats","backups","storage","isActive","verified","device","method","interval","encryption","compression","showSettings","setShowSettings","useState","deletePlanMutation","useDeletePlan","performBackupMutation","usePerformBackup","pauseMutation","usePausePlan","resumeMutation","useResumePlan","shouldBeInaccessible","isSync","changeStatus","toast","data","backupNow","jsxs","classes","jsx","Icon","NavLink","p","Fragment","formatBytes","planIntervalName","formatDateTime","timeAgo","PlanHistory"],"mappings":"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"}
1	+ {"version":3,"file":"PlanItem.js","sources":["../../../../src/components/Plan/PlanItems/PlanItem.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { NavLink } from 'react-router';\r\nimport { Plan } from '../../../@types/plans';\r\nimport { formatBytes, formatDateTime, timeAgo } from '../../../utils/helpers';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport classes from './PlanItem.module.scss';\r\nimport { useDeletePlan, usePausePlan, usePerformBackup, useResumePlan } from '../../../services/plans';\r\nimport { planIntervalName } from '../../../utils/plans';\r\nimport PlanHistory from '../PlanHistory/PlanHistory';\r\nimport PlanStorageInfo from '../PlanStorageInfo/PlanStorageInfo';\r\n\r\ninterface PlanItemProps {\r\n plan: Plan;\r\n layout?: 'grid' \| 'list';\r\n}\r\n\r\nconst PlanItem = ({ plan, layout = 'list' }: PlanItemProps) => {\r\n const {\r\n id,\r\n title,\r\n description,\r\n sourceConfig = { includes: [], excludes: [] },\r\n settings,\r\n inProgress,\r\n lastBackupTime = '',\r\n stats,\r\n backups = [],\r\n storage,\r\n isActive = false,\r\n verified,\r\n device,\r\n method = 'backup',\r\n } = plan;\r\n\r\n const { interval = { type: 'daily', time: '10:00AM' }, encryption = false, compression = false } = settings;\r\n const [showSettings, setShowSettings] = useState(false);\r\n\r\n const deletePlanMutation = useDeletePlan();\r\n const performBackupMutation = usePerformBackup();\r\n const pauseMutation = usePausePlan();\r\n const resumeMutation = useResumePlan();\r\n const shouldBeInaccessible =\r\n pauseMutation.isPending \|\| resumeMutation.isPending \|\| performBackupMutation.isPending \|\| deletePlanMutation.isPending;\r\n const isSync = method === 'sync';\r\n const changeStatus = () => {\r\n if (inProgress \|\| shouldBeInaccessible) {\r\n return;\r\n }\r\n // isActive, set it to false, else true\r\n // When the action is being performed, the item should grey out and stay inaccessible.\r\n // When this happens, the server should stop the restic Cron schedule\r\n console.log(' changeStatus:', !isActive);\r\n if (isActive) {\r\n toast.promise(pauseMutation.mutateAsync(id), {\r\n pending: 'Pausing backup Plan...',\r\n success: 'Backup Plan Paused',\r\n error: {\r\n render({ data }: any) {\r\n return `Failed to Pause Backup Plan. ${data?.message \|\| 'Unknown Error.'}`;\r\n },\r\n },\r\n });\r\n } else {\r\n toast.promise(resumeMutation.mutateAsync(id), {\r\n pending: 'Resuming backup Plan...',\r\n success: 'Backup Plan Resumed',\r\n error: {\r\n render({ data }: any) {\r\n return `Failed to Resume Backup Plan. ${data?.message \|\| 'Unknown Error.'}`;\r\n },\r\n },\r\n });\r\n }\r\n };\r\n\r\n const backupNow = () => {\r\n if (shouldBeInaccessible) {\r\n return;\r\n }\r\n toast.promise(\r\n performBackupMutation.mutateAsync(id),\r\n {\r\n pending: `Starting ${isSync ? 'Sync' : 'Backup'}...`,\r\n success: `${isSync ? 'Sync' : 'Backup'} initiated successfully! 🚀`,\r\n error: {\r\n render({ data }: any) {\r\n // When the promise reject, data will contains the error\r\n return `Failed to start ${isSync ? 'Sync' : 'Backup'}. ${data?.message \|\| 'Unknown Error.'}`;\r\n },\r\n },\r\n },\r\n {\r\n style: {\r\n minWidth: '250px',\r\n },\r\n },\r\n );\r\n setShowSettings(false);\r\n };\r\n\r\n return (\r\n <div\r\n key={id}\r\n className={`${classes.plan} ${layout === 'grid' ? classes.planGrid : classes.planList} ${verified && verified.hasError ? classes.planHasError : ''}`}\r\n >\r\n <div className={classes.leftContent}>\r\n <div className={`${classes.status} ${!isActive ? classes.paused : ''}`}>\r\n <Icon type={method === 'backup' ? 'plans' : 'sync'} size={28} />\r\n </div>\r\n\r\n <div className={classes.content}>\r\n <NavLink to={`/plan/${id}`}>\r\n <div className={classes.title}>\r\n <h4>{title}</h4>\r\n {description && (\r\n <i\r\n className={classes.planDescription}\r\n data-tooltip-id=\"appTooltip\"\r\n data-tooltip-content={description}\r\n data-tooltip-place=\"top\"\r\n >\r\n <Icon type=\"note\" size={13} />\r\n </i>\r\n )}\r\n {encryption && (\r\n <i data-tooltip-id=\"appTooltip\" data-tooltip-content={`Encrypted`} data-tooltip-place=\"top\">\r\n <Icon type=\"encrypted\" size={14} />\r\n </i>\r\n )}\r\n {compression && (\r\n <i data-tooltip-id=\"appTooltip\" data-tooltip-content={`Compressed`} data-tooltip-place=\"top\">\r\n <Icon type=\"compressed\" size={14} />\r\n </i>\r\n )}\r\n {!isActive && (\r\n <i data-tooltip-id=\"appTooltip\" data-tooltip-content={`Plan Paused`} data-tooltip-place=\"top\">\r\n <Icon type=\"pause\" size={14} />\r\n </i>\r\n )}\r\n {verified && verified.hasError && (\r\n <i data-tooltip-id=\"appTooltip\" data-tooltip-content={`Plan Has Error`} data-tooltip-place=\"top\">\r\n <Icon size={14} type={'error-circle-filled'} color=\"#dd6b6b\" />\r\n </i>\r\n )}\r\n </div>\r\n <div className={classes.sources}>\r\n <span\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-html={sourceConfig?.includes ? sourceConfig.includes.map((p) => `<div>${p}</div>`).join('') : ''}\r\n >\r\n {device?.name && (\r\n <>\r\n <Icon type={device.id === 'main' ? 'computer' : 'computer-remote'} size={13} /> {device.name}\r\n </>\r\n )}\r\n <span className={classes.sourceCount}>{sourceConfig.includes.length}</span>\r\n </span>{' '}\r\n {'-->'}\r\n <PlanStorageInfo replicationSettings={plan.settings.replication} storage={storage} storagePath={plan.storagePath} />\r\n </div>\r\n </NavLink>\r\n </div>\r\n </div>\r\n <div className={classes.rightContent}>\r\n <div\r\n className={classes.size}\r\n data-tooltip-id=\"appTooltip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-hidden={!stats.snapshots \|\| method === 'sync'}\r\n data-tooltip-content={`Total Snapshots: ${stats.snapshots.length}`}\r\n >\r\n <Icon type=\"disk\" size={14} /> <i>{formatBytes(stats.size)}</i>\r\n </div>\r\n <div className={classes.interval}>\r\n <Icon type=\"interval\" size={14} /> <i>{planIntervalName(interval)}</i>\r\n </div>\r\n <div\r\n className={classes.time}\r\n data-tooltip-id=\"appTooltip\"\r\n data-tooltip-content={lastBackupTime ? `Last backed up on ${formatDateTime(lastBackupTime as string)}` : \"Hasn't been backed up yet\"}\r\n data-tooltip-place=\"top\"\r\n data-tooltip-hidden={inProgress}\r\n >\r\n <Icon type={inProgress ? 'loading' : 'clock'} size={14} />{' '}\r\n {inProgress ? 'In Progress' : lastBackupTime ? timeAgo(new Date(lastBackupTime as string)) : 'Not Yet'}\r\n </div>\r\n <PlanHistory planId={id} history={backups} />\r\n <button className={`${classes.moreBtn} ${showSettings ? classes.moreBtnActive : ''}`} onClick={() => setShowSettings(!showSettings)}>\r\n <Icon type=\"dots-vertical\" size={14} />\r\n </button>\r\n </div>\r\n {showSettings && (\r\n <div className={classes.settings}>\r\n <button onClick={backupNow}>\r\n <Icon type=\"backup\" size={14} /> {isSync ? 'Sync' : 'Backup'} Now\r\n </button>\r\n <button\r\n onClick={() => {\r\n changeStatus();\r\n setShowSettings(false);\r\n }}\r\n >\r\n <Icon type={isActive ? 'pause' : 'resume'} size={14} /> {isActive ? 'Pause Plan' : 'Resume Plan'}\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default PlanItem;\r\n"],"names":["PlanItem","plan","layout","id","title","description","sourceConfig","settings","inProgress","lastBackupTime","stats","backups","storage","isActive","verified","device","method","interval","encryption","compression","showSettings","setShowSettings","useState","deletePlanMutation","useDeletePlan","performBackupMutation","usePerformBackup","pauseMutation","usePausePlan","resumeMutation","useResumePlan","shouldBeInaccessible","isSync","changeStatus","toast","data","backupNow","jsxs","classes","jsx","Icon","NavLink","p","Fragment","PlanStorageInfo","formatBytes","planIntervalName","formatDateTime","timeAgo","PlanHistory"],"mappings":"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"}

package/dist-lib/components/Plan/PlanRemoveModal/PlanRemoveModal.js CHANGED Viewed

@@ -6,12 +6,12 @@ import f from "../../common/ActionModal/ActionModal.js";
 import { useDeletePlan as v } from "../../../services/plans.js";
 import P from "../../common/form/Toggle/Toggle.js";
 import R from "./PlanRemoveModal.module.scss.js";
-const w = ({ planId: r, taskPending: n, actionInProgress: m, close: i }) => {
-  const [s, l] = d(!1), c = g(), o = v(), u = () => {
-    if (m)
+const w = ({ planId: n, taskPending: r, actionInProgress: i, close: l }) => {
+  const [s, m] = d(!1), c = g(), o = v(), u = () => {
+    if (i)
       return t.error("A Backup/Restore Process is in Progress.");
-    n || o.mutate(
-      { id: r, removeRemoteData: s },
+    r || o.mutate(
+      { id: n, removeRemoteData: s },
       {
         onError: (e) => {
           console.log("error :", e == null ? void 0 : e.message), t.error(e.message || "Error Removing Plan!");
@@ -32,13 +32,13 @@ const w = ({ planId: r, taskPending: n, actionInProgress: m, close: i }) => {
           P,
           {
             fieldValue: s,
-            onUpdate: l,
-            description: "Remove remote backup data from the Remote Storage",
+            onUpdate: m,
+            description: "Remove backup data from the Storage",
             customClasses: R.removeRemoteToggle
           }
         )
       ] }),
-      closeModal: () => !o.isPending && i(!1),
+      closeModal: () => !o.isPending && l(!1),
       width: "400px",
       primaryAction: {
         title: "Yes, Remove Plan",

package/dist-lib/components/Plan/PlanRemoveModal/PlanRemoveModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanRemoveModal.js","sources":["../../../../src/components/Plan/PlanRemoveModal/PlanRemoveModal.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { useNavigate } from 'react-router';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\nimport { useDeletePlan } from '../../../services/plans';\r\nimport Toggle from '../../common/form/Toggle/Toggle';\r\nimport classes from './PlanRemoveModal.module.scss';\r\n\r\ninterface PlanRemoveModalProps {\r\n planId: string;\r\n taskPending: boolean;\r\n actionInProgress: boolean;\r\n close: (value?: boolean) => void;\r\n}\r\n\r\nconst PlanRemoveModal = ({ planId, taskPending, actionInProgress, close }: PlanRemoveModalProps) => {\r\n const [removeRemoteData, setRemoveRemoteData] = useState(false);\r\n\r\n const navigate = useNavigate();\r\n const deletePlanMutation = useDeletePlan();\r\n\r\n const removePlan = () => {\r\n if (actionInProgress) {\r\n return toast.error('A Backup/Restore Process is in Progress.');\r\n }\r\n if (taskPending) {\r\n return;\r\n }\r\n deletePlanMutation.mutate(\r\n { id: planId, removeRemoteData },\r\n {\r\n onError: (error: Error) => {\r\n console.log('error :', error?.message);\r\n toast.error(error.message \|\| `Error Removing Plan!`);\r\n },\r\n onSuccess: (data: any) => {\r\n console.log('Success :', data);\r\n toast.success(`Removed Backup Plan Successfully!`, { autoClose: 5000 });\r\n navigate('/');\r\n },\r\n },\r\n );\r\n };\r\n\r\n return (\r\n <ActionModal\r\n title=\"Remove Backup Plan\"\r\n message={\r\n <div>\r\n Are you sure you want to remove this Plan? All the Snapshots of this Backup plan will be removed.\r\n <Toggle\r\n fieldValue={removeRemoteData}\r\n onUpdate={setRemoveRemoteData}\r\n description={`Remove ~~remote~~ backup data from the ~~Remote~~ Storage`}\r\n customClasses={classes.removeRemoteToggle}\r\n />\r\n </div>\r\n }\r\n closeModal={() => !deletePlanMutation.isPending && close(false)}\r\n width=\"400px\"\r\n primaryAction={{\r\n title: 'Yes, Remove Plan',\r\n type: 'danger',\r\n icon: 'trash',\r\n isPending: deletePlanMutation.isPending,\r\n action: () => removePlan(),\r\n }}\r\n />\r\n );\r\n};\r\n\r\nexport default PlanRemoveModal;\r\n"],"names":["PlanRemoveModal","planId","taskPending","actionInProgress","close","removeRemoteData","setRemoveRemoteData","useState","navigate","useNavigate","deletePlanMutation","useDeletePlan","removePlan","toast","error","data","jsx","ActionModal","Toggle","classes"],"mappings":";;;;;;;;AAeA,MAAMA,IAAkB,CAAC,EAAE,QAAAC,GAAQ,aAAAC,GAAa,kBAAAC,GAAkB,OAAAC,QAAkC;AACjG,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GAExDC,IAAWC,EAAA,GACXC,IAAqBC,EAAA,GAErBC,IAAa,MAAM;AACtB,QAAIT;AACD,aAAOU,EAAM,MAAM,0CAA0C;AAEhE,IAAIX,KAGJQ,EAAmB;AAAA,MAChB,EAAE,IAAIT,GAAQ,kBAAAI,EAAA;AAAA,MACd;AAAA,QACG,SAAS,CAACS,MAAiB;AACxB,kBAAQ,IAAI,WAAWA,KAAA,gBAAAA,EAAO,OAAO,GACrCD,EAAM,MAAMC,EAAM,WAAW,sBAAsB;AAAA,QACtD;AAAA,QACA,WAAW,CAACC,MAAc;AACvB,kBAAQ,IAAI,aAAaA,CAAI,GAC7BF,EAAM,QAAQ,qCAAqC,EAAE,WAAW,KAAM,GACtEL,EAAS,GAAG;AAAA,QACf;AAAA,MAAA;AAAA,IACH;AAAA,EAEN;AAEA,SACG,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,OAAM;AAAA,MACN,2BACI,OAAA,EAAI,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,YAAYb;AAAA,YACZ,UAAUC;AAAA,YACV,aAAa;AAAA,YACb,eAAea,EAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1B,GACH;AAAA,MAEH,YAAY,MAAM,CAACT,EAAmB,aAAaN,EAAM,EAAK;AAAA,MAC9D,OAAM;AAAA,MACN,eAAe;AAAA,QACZ,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAWM,EAAmB;AAAA,QAC9B,QAAQ,MAAME,EAAA;AAAA,MAAW;AAAA,IAC5B;AAAA,EAAA;AAGT;"}
1	+ {"version":3,"file":"PlanRemoveModal.js","sources":["../../../../src/components/Plan/PlanRemoveModal/PlanRemoveModal.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { useNavigate } from 'react-router';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\nimport { useDeletePlan } from '../../../services/plans';\r\nimport Toggle from '../../common/form/Toggle/Toggle';\r\nimport classes from './PlanRemoveModal.module.scss';\r\n\r\ninterface PlanRemoveModalProps {\r\n planId: string;\r\n taskPending: boolean;\r\n actionInProgress: boolean;\r\n close: (value?: boolean) => void;\r\n}\r\n\r\nconst PlanRemoveModal = ({ planId, taskPending, actionInProgress, close }: PlanRemoveModalProps) => {\r\n const [removeRemoteData, setRemoveRemoteData] = useState(false);\r\n\r\n const navigate = useNavigate();\r\n const deletePlanMutation = useDeletePlan();\r\n\r\n const removePlan = () => {\r\n if (actionInProgress) {\r\n return toast.error('A Backup/Restore Process is in Progress.');\r\n }\r\n if (taskPending) {\r\n return;\r\n }\r\n deletePlanMutation.mutate(\r\n { id: planId, removeRemoteData },\r\n {\r\n onError: (error: Error) => {\r\n console.log('error :', error?.message);\r\n toast.error(error.message \|\| `Error Removing Plan!`);\r\n },\r\n onSuccess: (data: any) => {\r\n console.log('Success :', data);\r\n toast.success(`Removed Backup Plan Successfully!`, { autoClose: 5000 });\r\n navigate('/');\r\n },\r\n },\r\n );\r\n };\r\n\r\n return (\r\n <ActionModal\r\n title=\"Remove Backup Plan\"\r\n message={\r\n <div>\r\n Are you sure you want to remove this Plan? All the Snapshots of this Backup plan will be removed.\r\n <Toggle\r\n fieldValue={removeRemoteData}\r\n onUpdate={setRemoveRemoteData}\r\n description={`Remove backup data from the Storage`}\r\n customClasses={classes.removeRemoteToggle}\r\n />\r\n </div>\r\n }\r\n closeModal={() => !deletePlanMutation.isPending && close(false)}\r\n width=\"400px\"\r\n primaryAction={{\r\n title: 'Yes, Remove Plan',\r\n type: 'danger',\r\n icon: 'trash',\r\n isPending: deletePlanMutation.isPending,\r\n action: () => removePlan(),\r\n }}\r\n />\r\n );\r\n};\r\n\r\nexport default PlanRemoveModal;\r\n"],"names":["PlanRemoveModal","planId","taskPending","actionInProgress","close","removeRemoteData","setRemoveRemoteData","useState","navigate","useNavigate","deletePlanMutation","useDeletePlan","removePlan","toast","error","data","jsx","ActionModal","Toggle","classes"],"mappings":";;;;;;;;AAeA,MAAMA,IAAkB,CAAC,EAAE,QAAAC,GAAQ,aAAAC,GAAa,kBAAAC,GAAkB,OAAAC,QAAkC;AACjG,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GAExDC,IAAWC,EAAA,GACXC,IAAqBC,EAAA,GAErBC,IAAa,MAAM;AACtB,QAAIT;AACD,aAAOU,EAAM,MAAM,0CAA0C;AAEhE,IAAIX,KAGJQ,EAAmB;AAAA,MAChB,EAAE,IAAIT,GAAQ,kBAAAI,EAAA;AAAA,MACd;AAAA,QACG,SAAS,CAACS,MAAiB;AACxB,kBAAQ,IAAI,WAAWA,KAAA,gBAAAA,EAAO,OAAO,GACrCD,EAAM,MAAMC,EAAM,WAAW,sBAAsB;AAAA,QACtD;AAAA,QACA,WAAW,CAACC,MAAc;AACvB,kBAAQ,IAAI,aAAaA,CAAI,GAC7BF,EAAM,QAAQ,qCAAqC,EAAE,WAAW,KAAM,GACtEL,EAAS,GAAG;AAAA,QACf;AAAA,MAAA;AAAA,IACH;AAAA,EAEN;AAEA,SACG,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,OAAM;AAAA,MACN,2BACI,OAAA,EAAI,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,YAAYb;AAAA,YACZ,UAAUC;AAAA,YACV,aAAa;AAAA,YACb,eAAea,EAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1B,GACH;AAAA,MAEH,YAAY,MAAM,CAACT,EAAmB,aAAaN,EAAM,EAAK;AAAA,MAC9D,OAAM;AAAA,MACN,eAAe;AAAA,QACZ,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAWM,EAAmB;AAAA,QAC9B,QAAQ,MAAME,EAAA;AAAA,MAAW;AAAA,IAC5B;AAAA,EAAA;AAGT;"}

package/dist-lib/components/Plan/PlanSettings/PlanReplicationSettings.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { PlanReplicationSettings as ReplicationSettings } from '../../../@types/plans';
+interface PlanReplicationSettingsProps {
+    replication?: ReplicationSettings;
+    primaryStorageId: string;
+    primaryStoragePath?: string;
+    deviceId: string;
+    isEditing?: boolean;
+    planID?: string;
+    maxReplications?: number;
+    onUpdate: (replication: ReplicationSettings) => void;
+}
+declare const PlanReplicationSettings: ({ replication, primaryStorageId, primaryStoragePath, deviceId, isEditing, planID, maxReplications: maxReplicationsProp, onUpdate, }: PlanReplicationSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default PlanReplicationSettings;
+//# sourceMappingURL=PlanReplicationSettings.d.ts.map

package/dist-lib/components/Plan/PlanSettings/PlanReplicationSettings.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PlanReplicationSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanSettings/PlanReplicationSettings.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,IAAI,mBAAmB,EAA0B,MAAM,uBAAuB,CAAC;AAW/G,UAAU,4BAA4B;IACnC,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,CAAC,WAAW,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACvD;AAUD,QAAA,MAAM,uBAAuB,GAAI,qIAS9B,4BAA4B,4CAmS9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}