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

@plutonhq/core-frontend 0.1.13 → 0.1.15

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 (217) hide show

package/dist-lib/components/Plan/PlanIntegrity/PlanIntegrity.js ADDED Viewed

@@ -0,0 +1,115 @@
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useState as b } from "react";
+import l from "./PlanIntegrity.module.scss.js";
+import { useCheckPlanIntegrity as L } from "../../../services/plans.js";
+import { timeAgo as B, formatDateTime as E } from "../../../utils/helpers.js";
+import m from "../../common/Icon/Icon.js";
+import M from "../../common/ActionModal/ActionModal.js";
+const O = ({ planId: C, taskPending: x, verificationData: t, storage: A, replicationStorages: g = [], onClose: p }) => {
+  var k;
+  const [a, P] = b("primary"), d = L(), u = t && (t == null ? void 0 : t.result), w = g && g.length > 0, h = (n) => t != null && t.result ? t.result[n] ?? null : null, f = (n) => {
+    if (d.isPending) return null;
+    const e = h(n), s = e == null ? void 0 : e.logs;
+    return s != null && s.length ? /* @__PURE__ */ i("div", { className: l.integrityLogs, children: [
+      /* @__PURE__ */ i("div", { className: l.integrityLogsHeader, children: [
+        /* @__PURE__ */ r("div", { children: "Integrity Check Output Logs" }),
+        /* @__PURE__ */ i("div", { title: E(t.endedAt || t.startedAt), children: [
+          /* @__PURE__ */ r(m, { type: "clock", size: 14 }),
+          " ",
+          B(new Date(t.endedAt || t.startedAt))
+        ] })
+      ] }),
+      /* @__PURE__ */ r("div", { className: l.integrityLogMessages, children: s.map((o, c) => /* @__PURE__ */ r("span", { children: o }, c)) })
+    ] }) : null;
+  }, y = (n) => {
+    if (!u || d.isPending) return null;
+    const e = h(n);
+    return e != null && e.hasError ? /* @__PURE__ */ i("div", { className: l.fixSuggestion, children: [
+      /* @__PURE__ */ r("h4", { children: "Fix Suggestion" }),
+      /* @__PURE__ */ i("div", { className: l.fixSuggestionContent, children: [
+        e.fix && e.fix.split(`
+`).map((s, o) => /* @__PURE__ */ r("p", { children: s.includes("`") ? /* @__PURE__ */ r("code", { children: s.replace(/`/g, "") }) : s }, o)),
+        !e.fix && /* @__PURE__ */ r("p", { children: "No Suggestion for this issue." }),
+        /* @__PURE__ */ i("p", { children: [
+          "Learn more about fixing restic repo issues",
+          " ",
+          /* @__PURE__ */ r(
+            "a",
+            {
+              href: "https://restic.readthedocs.io/en/latest/077_troubleshooting.html#find-out-what-is-damaged",
+              target: "_blank",
+              rel: "noreferrer",
+              children: "here."
+            }
+          )
+        ] })
+      ] })
+    ] }) : null;
+  }, N = (n) => {
+    if (!u || d.isPending) return null;
+    const e = h(n), s = e == null ? void 0 : e.hasError, o = e == null ? void 0 : e.message;
+    return !s && (o != null && o.includes("No Issue Detected")) ? /* @__PURE__ */ r("div", { className: "label success", children: "🥳 Yoohoo! No Corruption or Bit rot found. Your backup snapshots are completely restorable." }) : /* @__PURE__ */ i("div", { className: "label error", children: [
+      "⛔ Error Found. ",
+      o
+    ] });
+  }, I = () => /* @__PURE__ */ r("div", { className: `${l.integrityResult} ${l.withReplications}`, children: t && Object.entries(t.result).map(([n]) => {
+    let e = A;
+    if (n !== "primary") {
+      const c = g.find((S) => S.storageId === n.replace("mirror_", ""));
+      c && (e = { name: c.storageName, type: c == null ? void 0 : c.storageType, id: c == null ? void 0 : c.storageId });
+    }
+    if (!e) return null;
+    const s = h(n), o = s == null ? void 0 : s.hasError;
+    return /* @__PURE__ */ i("div", { className: l.replicationResult, children: [
+      /* @__PURE__ */ i("h4", { onClick: () => P(n), className: a === n ? l.active : "", children: [
+        /* @__PURE__ */ i("span", { children: [
+          /* @__PURE__ */ r("img", { src: `/providers/${e.type}.png` }),
+          e.name,
+          " ",
+          /* @__PURE__ */ r("i", { children: n === "primary" ? "Primary" : "Mirror" })
+        ] }),
+        /* @__PURE__ */ r("span", { children: o ? /* @__PURE__ */ r(m, { type: "error-circle-filled", size: 14, color: "#ff4d4f" }) : /* @__PURE__ */ r(m, { type: "check-circle-filled", size: 14, color: "#06ba9f" }) })
+      ] }),
+      a === n && /* @__PURE__ */ i("div", { className: l.replicationResultContent, children: [
+        N(n),
+        f(n),
+        y(n)
+      ] })
+    ] }, n);
+  }) });
+  return /* @__PURE__ */ r(
+    M,
+    {
+      title: "Check Backup Integrity",
+      message: /* @__PURE__ */ i("div", { className: l.integrityMessage, children: [
+        !u && /* @__PURE__ */ r("p", { children: "Check the integrity of the backup snapshots now to check if they are restorable?" }),
+        u && /* @__PURE__ */ r("div", { children: w ? I() : /* @__PURE__ */ i("div", { className: l.integrityResult, children: [
+          N("primary"),
+          f("primary"),
+          y("primary")
+        ] }) }),
+        d.isPending && /* @__PURE__ */ i("div", { className: "label in_progress", children: [
+          /* @__PURE__ */ r(m, { type: "loading", size: 14 }),
+          "Checking integrity..."
+        ] })
+      ] }),
+      errorMessage: (k = d.error) == null ? void 0 : k.message,
+      closeModal: () => p(),
+      width: "600px",
+      primaryAction: {
+        title: u ? "Check Again" : "Check Now",
+        type: "default",
+        isPending: d.isPending,
+        action: () => !x && d.mutate({ planId: C })
+      },
+      secondaryAction: {
+        title: "Close",
+        action: () => p()
+      }
+    }
+  );
+};
+export {
+  O as default
+};
+//# sourceMappingURL=PlanIntegrity.js.map

package/dist-lib/components/Plan/PlanIntegrity/PlanIntegrity.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PlanIntegrity.js","sources":["../../../../src/components/Plan/PlanIntegrity/PlanIntegrity.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport classes from './PlanIntegrity.module.scss';\r\nimport { useCheckPlanIntegrity } from '../../../services';\r\nimport { Plan, PlanReplicationStorage, PlanVerifiedResult } from '../../../@types';\r\nimport { formatDateTime, timeAgo } from '../../../utils';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\n\r\ninterface PlanIntegrityProps {\r\n planId: string;\r\n taskPending: boolean;\r\n verificationData: Plan['verified'];\r\n storage: { name: string; type: string; id: string };\r\n replicationStorages: PlanReplicationStorage[];\r\n onClose: () => void;\r\n}\r\n\r\nconst PlanIntegrity = ({ planId, taskPending, verificationData, storage, replicationStorages = [], onClose }: PlanIntegrityProps) => {\r\n const [showContent, setShowContent] = useState('primary');\r\n const integrityCheckMutation = useCheckPlanIntegrity();\r\n\r\n const integrityResultLoaded = verificationData && verificationData?.result;\r\n const hasReplications = replicationStorages && replicationStorages.length > 0;\r\n\r\n const getBackupResultByStorage = (storageType: string): PlanVerifiedResult | null => {\r\n if (!verificationData?.result) return null;\r\n\r\n const replicationResult = verificationData.result as Record<string, PlanVerifiedResult>;\r\n return replicationResult[storageType] ?? null;\r\n };\r\n\r\n const renderLogs = (storageType: string) => {\r\n if (integrityCheckMutation.isPending) return null;\r\n const backupResData = getBackupResultByStorage(storageType);\r\n const messages = backupResData?.logs;\r\n if (!messages?.length) return null;\r\n\r\n return (\r\n <div className={classes.integrityLogs}>\r\n <div className={classes.integrityLogsHeader}>\r\n <div>Integrity Check Output Logs</div>\r\n <div title={formatDateTime(verificationData.endedAt || verificationData.startedAt)}>\r\n <Icon type=\"clock\" size={14} /> {timeAgo(new Date(verificationData.endedAt || verificationData.startedAt))}\r\n </div>\r\n </div>\r\n <div className={classes.integrityLogMessages}>\r\n {messages.map((message, index) => (\r\n <span key={index}>{message}</span>\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n };\r\n\r\n const renderBackupFixSuggestion = (storageType: string) => {\r\n if (!integrityResultLoaded) return null;\r\n if (integrityCheckMutation.isPending) return null;\r\n const backupResData = getBackupResultByStorage(storageType);\r\n if (!backupResData?.hasError) return null;\r\n\r\n return (\r\n <div className={classes.fixSuggestion}>\r\n <h4>Fix Suggestion</h4>\r\n <div className={classes.fixSuggestionContent}>\r\n {backupResData.fix &&\r\n backupResData.fix\r\n .split('\\n')\r\n .map((line, index) => <p key={index}>{line.includes('`') ? <code>{line.replace(/`/g, '')}</code> : line}</p>)}\r\n {!backupResData.fix && <p>No Suggestion for this issue.</p>}\r\n <p>\r\n Learn more about fixing restic repo issues{' '}\r\n <a\r\n href=\"https://restic.readthedocs.io/en/latest/077_troubleshooting.html#find-out-what-is-damaged\"\r\n target=\"_blank\"\r\n rel=\"noreferrer\"\r\n >\r\n here.\r\n </a>\r\n </p>\r\n </div>\r\n </div>\r\n );\r\n };\r\n\r\n const renderBackupStatus = (storageType: string) => {\r\n if (!integrityResultLoaded) return null;\r\n if (integrityCheckMutation.isPending) return null;\r\n const backupResData = getBackupResultByStorage(storageType);\r\n const backupHasError = backupResData?.hasError;\r\n const backupMessage = backupResData?.message;\r\n\r\n if (!backupHasError && backupMessage?.includes('No Issue Detected')) {\r\n return <div className=\"label success\">🥳 Yoohoo! No Corruption or Bit rot found. Your backup snapshots are completely restorable.</div>;\r\n }\r\n\r\n return <div className=\"label error\">⛔ Error Found. {backupMessage}</div>;\r\n };\r\n\r\n const renderResultWithReplications = () => {\r\n return (\r\n <div className={`${classes.integrityResult} ${classes.withReplications}`}>\r\n {verificationData &&\r\n Object.entries(verificationData.result as Record<string, PlanVerifiedResult>).map(([storageType]) => {\r\n let theStorage = storage;\r\n if (storageType !== 'primary') {\r\n const mirror = replicationStorages.find((s) => s.storageId === storageType.replace('mirror_', ''));\r\n if (mirror) {\r\n theStorage = { name: mirror.storageName as string, type: mirror?.storageType as string, id: mirror?.storageId as string };\r\n }\r\n }\r\n if (!theStorage) return null;\r\n const backupResData = getBackupResultByStorage(storageType);\r\n const backupHasError = backupResData?.hasError;\r\n return (\r\n <div key={storageType} className={classes.replicationResult}>\r\n <h4 onClick={() => setShowContent(storageType)} className={showContent === storageType ? classes.active : ''}>\r\n <span>\r\n <img src={`/providers/${theStorage.type}.png`} />\r\n {theStorage.name} <i>{storageType === 'primary' ? 'Primary' : `Mirror`}</i>\r\n </span>\r\n <span>\r\n {backupHasError ? (\r\n <Icon type=\"error-circle-filled\" size={14} color=\"#ff4d4f\" />\r\n ) : (\r\n <Icon type=\"check-circle-filled\" size={14} color=\"#06ba9f\" />\r\n )}\r\n </span>\r\n </h4>\r\n {showContent === storageType && (\r\n <div className={classes.replicationResultContent}>\r\n {renderBackupStatus(storageType)}\r\n {renderLogs(storageType)}\r\n {renderBackupFixSuggestion(storageType)}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n })}\r\n </div>\r\n );\r\n };\r\n\r\n return (\r\n <ActionModal\r\n title=\"Check Backup Integrity\"\r\n message={\r\n <div className={classes.integrityMessage}>\r\n {!integrityResultLoaded && <p>Check the integrity of the backup snapshots now to check if they are restorable?</p>}\r\n {integrityResultLoaded && (\r\n <div>\r\n {!hasReplications ? (\r\n <div className={classes.integrityResult}>\r\n {renderBackupStatus('primary')}\r\n {renderLogs('primary')}\r\n {renderBackupFixSuggestion('primary')}\r\n </div>\r\n ) : (\r\n renderResultWithReplications()\r\n )}\r\n </div>\r\n )}\r\n {integrityCheckMutation.isPending && (\r\n <div className=\"label in_progress\">\r\n <Icon type=\"loading\" size={14} />\r\n Checking integrity...\r\n </div>\r\n )}\r\n </div>\r\n }\r\n errorMessage={integrityCheckMutation.error?.message}\r\n closeModal={() => onClose()}\r\n width=\"600px\"\r\n primaryAction={{\r\n title: integrityResultLoaded ? 'Check Again' : 'Check Now',\r\n type: 'default',\r\n isPending: integrityCheckMutation.isPending,\r\n action: () => !taskPending && integrityCheckMutation.mutate({ planId }),\r\n }}\r\n secondaryAction={{\r\n title: 'Close',\r\n action: () => onClose(),\r\n }}\r\n />\r\n );\r\n};\r\n\r\nexport default PlanIntegrity;\r\n"],"names":["PlanIntegrity","planId","taskPending","verificationData","storage","replicationStorages","onClose","showContent","setShowContent","useState","integrityCheckMutation","useCheckPlanIntegrity","integrityResultLoaded","hasReplications","getBackupResultByStorage","storageType","renderLogs","backupResData","messages","jsxs","classes","jsx","formatDateTime","Icon","timeAgo","message","index","renderBackupFixSuggestion","line","renderBackupStatus","backupHasError","backupMessage","renderResultWithReplications","theStorage","mirror","s","ActionModal","_a"],"mappings":"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"}

package/dist-lib/components/Plan/PlanIntegrity/PlanIntegrity.module.scss.js ADDED Viewed

@@ -0,0 +1,26 @@
+const t = "_integrityMessage_caT6I", e = "_fixSuggestion_Px9zO", i = "_fixSuggestionContent_CuKfL", s = "_integrityLogs_HZjHu", n = "_integrityLogsHeader_vyTxM", g = "_integrityLogMessages_MfLTN", o = "_integrityResult_yCU6S", r = "_withReplications_fHXSy", c = "_replicationResult_ROcyJ", a = "_replicationResultContent_W1PZ5", l = {
+  integrityMessage: t,
+  fixSuggestion: e,
+  fixSuggestionContent: i,
+  integrityLogs: s,
+  integrityLogsHeader: n,
+  integrityLogMessages: g,
+  integrityResult: o,
+  withReplications: r,
+  replicationResult: c,
+  replicationResultContent: a
+};
+export {
+  l as default,
+  e as fixSuggestion,
+  i as fixSuggestionContent,
+  g as integrityLogMessages,
+  s as integrityLogs,
+  n as integrityLogsHeader,
+  t as integrityMessage,
+  o as integrityResult,
+  c as replicationResult,
+  a as replicationResultContent,
+  r as withReplications
+};
+//# sourceMappingURL=PlanIntegrity.module.scss.js.map

package/dist-lib/components/Plan/PlanIntegrity/PlanIntegrity.module.scss.js.map ADDED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanItems/PlanItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;~~AAQ7C~~,UAAU,aAAa;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,QAAQ,GAAI,kBAA2B,aAAa,~~4CAkMzD~~,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1	+ {"version":3,"file":"PlanItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanItems/PlanItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAS7C,UAAU,aAAa;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,QAAQ,GAAI,kBAA2B,aAAa,4CAiMzD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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/PlanPendingBackup/PlanPendingBackup.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-interface PlanPendingBackup {
+interface PlanPendingBackupProps {
     planId: string;
     type?: 'backup' | 'restore';
     onPendingDetect: () => void;
 }
-declare const PlanPendingBackup: ({ planId, type, onPendingDetect }: PlanPendingBackup) => import("react/jsx-runtime").JSX.Element;
+declare const PlanPendingBackup: ({ planId, type, onPendingDetect }: PlanPendingBackupProps) => import("react/jsx-runtime").JSX.Element;
 export default PlanPendingBackup;
 //# sourceMappingURL=PlanPendingBackup.d.ts.map

package/dist-lib/components/Plan/PlanPendingBackup/PlanPendingBackup.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanPendingBackup.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanPendingBackup/PlanPendingBackup.tsx"],"names":[],"mappings":"AAMA,UAAU,~~iBAAiB~~;~~IACxB~~,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,QAAA,MAAM,iBAAiB,GAAI,mCAA8C,~~iBAAiB~~,~~4CAkDzF~~,CAAC;AACF,eAAe,iBAAiB,CAAC"}
1	+ {"version":3,"file":"PlanPendingBackup.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanPendingBackup/PlanPendingBackup.tsx"],"names":[],"mappings":"AAMA,UAAU,sBAAsB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,QAAA,MAAM,iBAAiB,GAAI,mCAA8C,sBAAsB,4CAkD9F,CAAC;AACF,eAAe,iBAAiB,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanPendingBackup.js","sources":["../../../../src/components/Plan/PlanPendingBackup/PlanPendingBackup.tsx"],"sourcesContent":["import { useEffect } from 'react';\r\nimport { useSearchParams } from 'react-router';\r\nimport { useCheckActiveBackupsOrRestore } from '../../../services/plans';\r\nimport classes from './PlanPendingBackup.module.scss';\r\nimport Icon from '../../common/Icon/Icon';\r\n\r\ninterface ~~PlanPendingBackup~~ {\r\n planId: string;\r\n type?: 'backup' \| 'restore';\r\n onPendingDetect: () => void;\r\n}\r\n\r\nconst PlanPendingBackup = ({ planId, type = 'backup', onPendingDetect }: ~~PlanPendingBackup~~) => {\r\n const [, setSearchParams] = useSearchParams();\r\n const checkActivesMutation = useCheckActiveBackupsOrRestore();\r\n\r\n useEffect(() => {\r\n const interval = window.setInterval(() => {\r\n checkActivesMutation.mutate(\r\n { planId, type },\r\n {\r\n onSuccess: (data) => {\r\n console.log('[isBackupPending] data :', data);\r\n if (data.result) {\r\n window.clearInterval(interval);\r\n setSearchParams((params) => {\r\n if (type === 'restore') {\r\n params.delete('pendingrestore');\r\n } else {\r\n params.delete('pendingbackup');\r\n }\r\n\r\n return params;\r\n });\r\n onPendingDetect();\r\n }\r\n },\r\n },\r\n );\r\n }, 1000);\r\n\r\n return () => window.clearInterval(interval);\r\n }, [planId, type]);\r\n\r\n return (\r\n <div 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}>Starting {type}...</div>\r\n <div className={classes.backupStart}>\r\n <div>\r\n <Icon type=\"clock\" size={12} /> Starting in a few seconds\r\n </div>\r\n </div>\r\n </div>\r\n <div className={classes.backupRight}>\r\n <span className={`skeleton-box ${classes.progressSkeleton}`} />\r\n </div>\r\n </div>\r\n );\r\n};\r\nexport default PlanPendingBackup;\r\n"],"names":["PlanPendingBackup","planId","type","onPendingDetect","setSearchParams","useSearchParams","checkActivesMutation","useCheckActiveBackupsOrRestore","useEffect","interval","data","params","jsxs","classes","jsx","Icon"],"mappings":";;;;;;AAYA,MAAMA,IAAoB,CAAC,EAAE,QAAAC,GAAQ,MAAAC,IAAO,UAAU,iBAAAC,~~QAAyC~~;~~AAC5F~~,QAAM,CAAA,EAAGC,CAAe,IAAIC,EAAA,GACtBC,IAAuBC,EAAA;AAE7B,SAAAC,EAAU,MAAM;AACb,UAAMC,IAAW,OAAO,YAAY,MAAM;AACvC,MAAAH,EAAqB;AAAA,QAClB,EAAE,QAAAL,GAAQ,MAAAC,EAAA;AAAA,QACV;AAAA,UACG,WAAW,CAACQ,MAAS;AAClB,oBAAQ,IAAI,4BAA4BA,CAAI,GACxCA,EAAK,WACN,OAAO,cAAcD,CAAQ,GAC7BL,EAAgB,CAACO,OACVT,MAAS,YACVS,EAAO,OAAO,gBAAgB,IAE9BA,EAAO,OAAO,eAAe,GAGzBA,EACT,GACDR,EAAA;AAAA,UAEN;AAAA,QAAA;AAAA,MACH;AAAA,IAEN,GAAG,GAAI;AAEP,WAAO,MAAM,OAAO,cAAcM,CAAQ;AAAA,EAC7C,GAAG,CAACR,GAAQC,CAAI,CAAC,GAGd,gBAAAU,EAAC,OAAA,EAAI,WAAWC,EAAQ,QACrB,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,YACrB,UAAA,gBAAAC,EAACC,KAAK,MAAK,WAAU,MAAM,GAAA,CAAI,EAAA,CAClC;AAAA,IACA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,YACrB,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,UAAU,UAAA;AAAA,QAAA;AAAA,QAAUX;AAAA,QAAK;AAAA,MAAA,GAAG;AAAA,wBACnD,OAAA,EAAI,WAAWW,EAAQ,aACrB,4BAAC,OAAA,EACE,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI;AAAA,QAAE;AAAA,MAAA,EAAA,CAClC,EAAA,CACH;AAAA,IAAA,GACH;AAAA,IACA,gBAAAD,EAAC,OAAA,EAAI,WAAWD,EAAQ,aACrB,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAW,gBAAgBD,EAAQ,gBAAgB,GAAA,CAAI,EAAA,CAChE;AAAA,EAAA,GACH;AAEN;"}
1	+ {"version":3,"file":"PlanPendingBackup.js","sources":["../../../../src/components/Plan/PlanPendingBackup/PlanPendingBackup.tsx"],"sourcesContent":["import { useEffect } from 'react';\r\nimport { useSearchParams } from 'react-router';\r\nimport { useCheckActiveBackupsOrRestore } from '../../../services/plans';\r\nimport classes from './PlanPendingBackup.module.scss';\r\nimport Icon from '../../common/Icon/Icon';\r\n\r\ninterface PlanPendingBackupProps {\r\n planId: string;\r\n type?: 'backup' \| 'restore';\r\n onPendingDetect: () => void;\r\n}\r\n\r\nconst PlanPendingBackup = ({ planId, type = 'backup', onPendingDetect }: PlanPendingBackupProps) => {\r\n const [, setSearchParams] = useSearchParams();\r\n const checkActivesMutation = useCheckActiveBackupsOrRestore();\r\n\r\n useEffect(() => {\r\n const interval = window.setInterval(() => {\r\n checkActivesMutation.mutate(\r\n { planId, type },\r\n {\r\n onSuccess: (data) => {\r\n console.log('[isBackupPending] data :', data);\r\n if (data.result) {\r\n window.clearInterval(interval);\r\n setSearchParams((params) => {\r\n if (type === 'restore') {\r\n params.delete('pendingrestore');\r\n } else {\r\n params.delete('pendingbackup');\r\n }\r\n\r\n return params;\r\n });\r\n onPendingDetect();\r\n }\r\n },\r\n },\r\n );\r\n }, 1000);\r\n\r\n return () => window.clearInterval(interval);\r\n }, [planId, type]);\r\n\r\n return (\r\n <div 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}>Starting {type}...</div>\r\n <div className={classes.backupStart}>\r\n <div>\r\n <Icon type=\"clock\" size={12} /> Starting in a few seconds\r\n </div>\r\n </div>\r\n </div>\r\n <div className={classes.backupRight}>\r\n <span className={`skeleton-box ${classes.progressSkeleton}`} />\r\n </div>\r\n </div>\r\n );\r\n};\r\nexport default PlanPendingBackup;\r\n"],"names":["PlanPendingBackup","planId","type","onPendingDetect","setSearchParams","useSearchParams","checkActivesMutation","useCheckActiveBackupsOrRestore","useEffect","interval","data","params","jsxs","classes","jsx","Icon"],"mappings":";;;;;;AAYA,MAAMA,IAAoB,CAAC,EAAE,QAAAC,GAAQ,MAAAC,IAAO,UAAU,iBAAAC,QAA8C;AACjG,QAAM,CAAA,EAAGC,CAAe,IAAIC,EAAA,GACtBC,IAAuBC,EAAA;AAE7B,SAAAC,EAAU,MAAM;AACb,UAAMC,IAAW,OAAO,YAAY,MAAM;AACvC,MAAAH,EAAqB;AAAA,QAClB,EAAE,QAAAL,GAAQ,MAAAC,EAAA;AAAA,QACV;AAAA,UACG,WAAW,CAACQ,MAAS;AAClB,oBAAQ,IAAI,4BAA4BA,CAAI,GACxCA,EAAK,WACN,OAAO,cAAcD,CAAQ,GAC7BL,EAAgB,CAACO,OACVT,MAAS,YACVS,EAAO,OAAO,gBAAgB,IAE9BA,EAAO,OAAO,eAAe,GAGzBA,EACT,GACDR,EAAA;AAAA,UAEN;AAAA,QAAA;AAAA,MACH;AAAA,IAEN,GAAG,GAAI;AAEP,WAAO,MAAM,OAAO,cAAcM,CAAQ;AAAA,EAC7C,GAAG,CAACR,GAAQC,CAAI,CAAC,GAGd,gBAAAU,EAAC,OAAA,EAAI,WAAWC,EAAQ,QACrB,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,YACrB,UAAA,gBAAAC,EAACC,KAAK,MAAK,WAAU,MAAM,GAAA,CAAI,EAAA,CAClC;AAAA,IACA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,YACrB,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,UAAU,UAAA;AAAA,QAAA;AAAA,QAAUX;AAAA,QAAK;AAAA,MAAA,GAAG;AAAA,wBACnD,OAAA,EAAI,WAAWW,EAAQ,aACrB,4BAAC,OAAA,EACE,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI;AAAA,QAAE;AAAA,MAAA,EAAA,CAClC,EAAA,CACH;AAAA,IAAA,GACH;AAAA,IACA,gBAAAD,EAAC,OAAA,EAAI,WAAWD,EAAQ,aACrB,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAW,gBAAgBD,EAAQ,gBAAgB,GAAA,CAAI,EAAA,CAChE;AAAA,EAAA,GACH;AAEN;"}

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