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

@plutonhq/core-frontend 0.1.14 → 0.1.17

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

package/dist-lib/components/App/Footer/Footer.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 interface FooterProps {
     version: string;
+    latestVersion?: string;
     hideUpgradeLink?: boolean;
     changeLogUrl?: string;
 }
-declare const Footer: ({ version, hideUpgradeLink, changeLogUrl }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+declare const Footer: ({ version, latestVersion, hideUpgradeLink, changeLogUrl }: FooterProps) => import("react/jsx-runtime").JSX.Element;
 export default Footer;
 //# sourceMappingURL=Footer.d.ts.map

package/dist-lib/components/App/Footer/Footer.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/components/App/Footer/Footer.tsx"],"names":[],"mappings":"~~AAEA~~,UAAU,WAAW;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,MAAM,GAAI,~~4CAA8D~~,WAAW,~~4CAuBxF~~,CAAC;AAEF,eAAe,MAAM,CAAC"}
1	+ {"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/components/App/Footer/Footer.tsx"],"names":[],"mappings":"AAIA,UAAU,WAAW;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,MAAM,GAAI,2DAA6E,WAAW,4CAmCvG,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist-lib/components/App/Footer/Footer.js CHANGED Viewed

@@ -1,23 +1,34 @@
-import { jsx as e, Fragment as l, jsxs as t } from "react/jsx-runtime";
+import { jsx as e, Fragment as n, jsxs as t } from "react/jsx-runtime";
+import { getUpdateDocLink as c } from "../../../utils/helpers.js";
+import p from "../../common/Icon/Icon.js";
 import o from "./Footer.module.scss.js";
-const c = ({ version: r = "1.0.0", hideUpgradeLink: a = !1, changeLogUrl: n }) => /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t("div", { className: o.footer, children: [
-  /* @__PURE__ */ t("span", { children: [
-    "Pluton v",
-    r
-  ] }),
-  " ",
-  /* @__PURE__ */ e("i", { className: "pipe", children: "|" }),
-  !a && /* @__PURE__ */ t(l, { children: [
-    /* @__PURE__ */ e("a", { href: "https://usepluton.com/pluton-pro/", target: "_blank", children: "Upgrade" }),
+const f = ({ version: l = "1.0.0", latestVersion: a, hideUpgradeLink: r = !1, changeLogUrl: i }) => {
+  const s = c(r);
+  return /* @__PURE__ */ e(n, { children: /* @__PURE__ */ t("div", { className: o.footer, children: [
+    /* @__PURE__ */ t("span", { children: [
+      "Pluton v",
+      l,
+      " ",
+      a && /* @__PURE__ */ t("span", { className: o.newVersion, title: `Latest version: ${a}`, children: [
+        /* @__PURE__ */ e(p, { type: "arrow-up", size: 12 }),
+        " ",
+        /* @__PURE__ */ e("a", { href: s, target: "_blank", children: "(Update Available)" })
+      ] })
+    ] }),
     " ",
-    /* @__PURE__ */ e("i", { className: "pipe", children: "|" })
-  ] }),
-  /* @__PURE__ */ e("a", { href: "https://docs.usepluton.com", target: "_blank", children: "Documentation" }),
-  " ",
-  /* @__PURE__ */ e("i", { className: "pipe", children: "|" }),
-  /* @__PURE__ */ e("a", { href: n || "https://github.com/plutonhq/pluton/blob/main/CHANGELOG.md", target: "_blank", children: "Changelog" })
-] }) });
+    /* @__PURE__ */ e("i", { className: "pipe", children: "|" }),
+    !r && /* @__PURE__ */ t(n, { children: [
+      /* @__PURE__ */ e("a", { href: "https://usepluton.com/pluton-pro/", target: "_blank", children: "Upgrade" }),
+      " ",
+      /* @__PURE__ */ e("i", { className: "pipe", children: "|" })
+    ] }),
+    /* @__PURE__ */ e("a", { href: "https://docs.usepluton.com", target: "_blank", children: "Documentation" }),
+    " ",
+    /* @__PURE__ */ e("i", { className: "pipe", children: "|" }),
+    /* @__PURE__ */ e("a", { href: i || "https://github.com/plutonhq/pluton/blob/main/CHANGELOG.md", target: "_blank", children: "Changelog" })
+  ] }) });
+};
 export {
-  c as default
+  f as default
 };
 //# sourceMappingURL=Footer.js.map

package/dist-lib/components/App/Footer/Footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.js","sources":["../../../../src/components/App/Footer/Footer.tsx"],"sourcesContent":["import classes from './Footer.module.scss';\r\n\r\ninterface FooterProps {\r\n version: string;\r\n hideUpgradeLink?: boolean;\r\n changeLogUrl?: string;\r\n}\r\n\r\nconst Footer = ({ version = '1.0.0', hideUpgradeLink = false, changeLogUrl }: FooterProps) => {\r\n return (\r\n <>\r\n <div className={classes.footer}>\r\n <span>Pluton v{version}</span> <i className=\"pipe\">\|</i>\r\n {!hideUpgradeLink && (\r\n <>\r\n <a href=\"https://usepluton.com/pluton-pro/\" target=\"_blank\">\r\n Upgrade\r\n </a>{' '}\r\n <i className=\"pipe\">\|</i>\r\n </>\r\n )}\r\n <a href=\"https://docs.usepluton.com\" target=\"_blank\">\r\n Documentation\r\n </a>{' '}\r\n <i className=\"pipe\">\|</i>\r\n <a href={changeLogUrl \|\| 'https://github.com/plutonhq/pluton/blob/main/CHANGELOG.md'} target=\"_blank\">\r\n Changelog\r\n </a>\r\n </div>\r\n </>\r\n );\r\n};\r\n\r\nexport default Footer;\r\n"],"names":["Footer","version","hideUpgradeLink","changeLogUrl","jsx","Fragment","jsxs","classes"],"mappings":"~~;;AAQA~~,MAAMA,IAAS,CAAC,EAAE,SAAAC,IAAU,SAAS,iBAAAC,IAAkB,IAAO,cAAAC,~~QAExD~~,~~gBAAAC~~,EAAAC,GAAA,EACG,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAQ,QACrB,UAAA;AAAA,~~EAAA~~,gBAAAD,EAAC,QAAA,EAAK,UAAA;AAAA,~~IAAA~~;AAAA,~~IAASL~~;AAAA,EAAA,~~GAAQ~~;AAAA,~~EAAO~~;AAAA,~~EAAC~~,~~gBAAAG~~,EAAC,KAAA,EAAE,WAAU,QAAO,UAAA,KAAC;AAAA,~~EACnD~~,~~CAACF~~,KACC,~~gBAAAI~~,EAAAD,GAAA,EACG,UAAA;AAAA,~~IAAA~~,gBAAAD,EAAC,KAAA,EAAE,MAAK,qCAAoC,QAAO,UAAS,UAAA,WAE5D;AAAA,~~IAAK~~;AAAA,~~IACL~~,gBAAAA,EAAC,KAAA,EAAE,WAAU,QAAO,UAAA,IAAA,CAAC;AAAA,~~EAAA~~,GACxB;AAAA,~~oBAEF~~,KAAA,EAAE,MAAK,8BAA6B,QAAO,UAAS,UAAA,iBAErD;AAAA,~~EAAK~~;AAAA,~~EACL~~,gBAAAA,EAAC,KAAA,EAAE,WAAU,QAAO,UAAA,KAAC;AAAA,~~oBACpB~~,KAAA,EAAE,~~MAAMD~~,KAAgB,6DAA6D,QAAO,UAAS,UAAA,YAAA,CAEtG;AAAA,EAAA,CACH,EAAA,CACH;"}
1	+ {"version":3,"file":"Footer.js","sources":["../../../../src/components/App/Footer/Footer.tsx"],"sourcesContent":["import { getUpdateDocLink } from '../../../utils';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport classes from './Footer.module.scss';\r\n\r\ninterface FooterProps {\r\n version: string;\r\n latestVersion?: string;\r\n hideUpgradeLink?: boolean;\r\n changeLogUrl?: string;\r\n}\r\n\r\nconst Footer = ({ version = '1.0.0', latestVersion, hideUpgradeLink = false, changeLogUrl }: FooterProps) => {\r\n const updateDocLink = getUpdateDocLink(hideUpgradeLink);\r\n return (\r\n <>\r\n <div className={classes.footer}>\r\n <span>\r\n Pluton v{version}{' '}\r\n {latestVersion && (\r\n <span className={classes.newVersion} title={`Latest version: ${latestVersion}`}>\r\n <Icon type=\"arrow-up\" size={12} />{' '}\r\n <a href={updateDocLink} target=\"_blank\">\r\n (Update Available)\r\n </a>\r\n </span>\r\n )}\r\n </span>{' '}\r\n <i className=\"pipe\">\|</i>\r\n {!hideUpgradeLink && (\r\n <>\r\n <a href=\"https://usepluton.com/pluton-pro/\" target=\"_blank\">\r\n Upgrade\r\n </a>{' '}\r\n <i className=\"pipe\">\|</i>\r\n </>\r\n )}\r\n <a href=\"https://docs.usepluton.com\" target=\"_blank\">\r\n Documentation\r\n </a>{' '}\r\n <i className=\"pipe\">\|</i>\r\n <a href={changeLogUrl \|\| 'https://github.com/plutonhq/pluton/blob/main/CHANGELOG.md'} target=\"_blank\">\r\n Changelog\r\n </a>\r\n </div>\r\n </>\r\n );\r\n};\r\n\r\nexport default Footer;\r\n"],"names":["Footer","version","latestVersion","hideUpgradeLink","changeLogUrl","updateDocLink","getUpdateDocLink","jsx","Fragment","jsxs","classes","Icon"],"mappings":";;;;AAWA,MAAMA,IAAS,CAAC,EAAE,SAAAC,IAAU,SAAS,eAAAC,GAAe,iBAAAC,IAAkB,IAAO,cAAAC,QAAgC;AAC1G,QAAMC,IAAgBC,EAAiBH,CAAe;AACtD,SACG,gBAAAI,EAAAC,GAAA,EACG,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAQ,QACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,QAAA,EAAK,UAAA;AAAA,MAAA;AAAA,MACMR;AAAA,MAAS;AAAA,MACjBC,uBACG,QAAA,EAAK,WAAWQ,EAAQ,YAAY,OAAO,mBAAmBR,CAAa,IACzE,UAAA;AAAA,QAAA,gBAAAK,EAACI,GAAA,EAAK,MAAK,YAAW,MAAM,IAAI;AAAA,QAAG;AAAA,0BAClC,KAAA,EAAE,MAAMN,GAAe,QAAO,UAAS,UAAA,qBAAA,CAExC;AAAA,MAAA,EAAA,CACH;AAAA,IAAA,GAEN;AAAA,IAAQ;AAAA,IACR,gBAAAE,EAAC,KAAA,EAAE,WAAU,QAAO,UAAA,KAAC;AAAA,IACpB,CAACJ,KACC,gBAAAM,EAAAD,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAD,EAAC,KAAA,EAAE,MAAK,qCAAoC,QAAO,UAAS,UAAA,WAE5D;AAAA,MAAK;AAAA,MACL,gBAAAA,EAAC,KAAA,EAAE,WAAU,QAAO,UAAA,IAAA,CAAC;AAAA,IAAA,GACxB;AAAA,sBAEF,KAAA,EAAE,MAAK,8BAA6B,QAAO,UAAS,UAAA,iBAErD;AAAA,IAAK;AAAA,IACL,gBAAAA,EAAC,KAAA,EAAE,WAAU,QAAO,UAAA,KAAC;AAAA,sBACpB,KAAA,EAAE,MAAMH,KAAgB,6DAA6D,QAAO,UAAS,UAAA,YAAA,CAEtG;AAAA,EAAA,EAAA,CACH,EAAA,CACH;AAEN;"}

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

@@ -1,17 +1,17 @@
-import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import { useState as w } from "react";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { useState as F } from "react";
 import n from "../../common/Icon/Icon.js";
-import F from "../../common/SidePanel/SidePanel.js";
+import w from "../../common/SidePanel/SidePanel.js";
 import z from "../../common/form/StoragePicker/StoragePicker.js";
-import L from "../PlanSettings/PlanStrategySettings.js";
-import V from "../PlanSettings/PlanSourceSettings.js";
-import D from "../../common/form/NumberInput/NumberInput.js";
-import r from "../AddPlan/AddPlan.module.scss.js";
-import c from "./PlanForm.module.scss.js";
-import { useGetSettings as E } from "../../../services/settings.js";
-import q from "../PlanSettings/PlanAdvancedSettings.js";
-import { isPlanSettingsValid as d } from "../../../utils/plans.js";
-import A from "../../common/form/IntervalField/IntervalField.js";
+import V from "../PlanSettings/PlanStrategySettings.js";
+import D from "../PlanSettings/PlanSourceSettings.js";
+import E from "../../common/form/NumberInput/NumberInput.js";
+import i from "../AddPlan/AddPlan.module.scss.js";
+import d from "./PlanForm.module.scss.js";
+import { useGetSettings as q } from "../../../services/settings.js";
+import A from "../PlanSettings/PlanAdvancedSettings.js";
+import { isPlanSettingsValid as c } from "../../../utils/plans.js";
+import L from "../../common/form/IntervalField/IntervalField.js";
 import T from "./PlanFormNav.js";
 import { useGetDevice as j } from "../../../services/devices.js";
 import G from "../PlanSettings/PlanPruneSettings.js";
@@ -26,64 +26,64 @@ const le = ({
   close: P,
   storagePath: x,
   storageId: B,
-  planId: y
+  planId: C
 }) => {
   var N, b, k;
-  const [t, m] = w(1), { data: u } = E(), C = ((N = u == null ? void 0 : u.result) == null ? void 0 : N.settings) || {}, { data: p } = j("main", !0), R = (b = p == null ? void 0 : p.result) == null ? void 0 : b.device, v = {
+  const [t, m] = F(1), { data: u } = q(), U = ((N = u == null ? void 0 : u.result) == null ? void 0 : N.settings) || {}, { data: p } = j("main", !0), y = (b = p == null ? void 0 : p.result) == null ? void 0 : b.device, v = {
     1: {
       title: "Next: Configure Source & Destination",
-      onClick: () => d(e, t) && m(t + 1)
+      onClick: () => c(e, t) && m(t + 1)
     },
     2: {
       title: "Next: Setup Schedule & Retention",
-      onClick: () => d(e, t) && m(t + 1)
+      onClick: () => c(e, t) && m(t + 1)
     },
-    3: { title: "Next: Advanced Settings", onClick: () => d(e, t) && m(t + 1) },
+    3: { title: "Next: Advanced Settings", onClick: () => c(e, t) && m(t + 1) },
     4: {
       title: "Create Plan",
-      onClick: () => d(e, !1) && f()
+      onClick: () => c(e, !1) && f()
     }
-  }, U = (a) => {
+  }, R = (a) => {
     if (l !== "edit")
       return;
-    d(e, t) && m(a);
+    c(e, t) && m(a);
   };
   return /* @__PURE__ */ o(
-    F,
+    w,
     {
       title: I,
-      icon: /* @__PURE__ */ i(n, { type: "backup", size: 20 }),
+      icon: /* @__PURE__ */ r(n, { type: "backup", size: 20 }),
       width: l === "add" ? "100%" : void 0,
       headerWidth: l === "add" ? "740px" : void 0,
       close: P,
       withTabs: !0,
-      footer: /* @__PURE__ */ i("div", { className: c.planFormFooter, children: /* @__PURE__ */ o("div", { className: c.footerContainer, children: [
-        /* @__PURE__ */ i("div", { className: r.footerLeft, children: /* @__PURE__ */ i("div", { className: r.summary, children: l === "add" && t > 1 && /* @__PURE__ */ o("button", { className: c.backButton, onClick: () => t > 0 && m(t - 1), disabled: h, children: [
-          /* @__PURE__ */ i(n, { type: "arrow-left", size: 14 }),
+      footer: /* @__PURE__ */ r("div", { className: d.planFormFooter, children: /* @__PURE__ */ o("div", { className: d.footerContainer, children: [
+        /* @__PURE__ */ r("div", { className: i.footerLeft, children: /* @__PURE__ */ r("div", { className: i.summary, children: l === "add" && t > 1 && /* @__PURE__ */ o("button", { className: d.backButton, onClick: () => t > 0 && m(t - 1), disabled: h, children: [
+          /* @__PURE__ */ r(n, { type: "arrow-left", size: 14 }),
           " Back"
         ] }) }) }),
-        /* @__PURE__ */ i("div", { className: r.footerRight, children: l === "add" ? /* @__PURE__ */ o("button", { className: r.createButton, onClick: v[t].onClick, children: [
-          /* @__PURE__ */ i(n, { type: "check", size: 12 }),
+        /* @__PURE__ */ r("div", { className: i.footerRight, children: l === "add" ? /* @__PURE__ */ o("button", { className: i.createButton, onClick: v[t].onClick, children: [
+          /* @__PURE__ */ r(n, { type: "check", size: 12 }),
           " ",
           v[t].title
-        ] }) : /* @__PURE__ */ o("button", { className: r.createButton, onClick: () => d(e, !1) && f(), children: [
-          /* @__PURE__ */ i(n, { type: "check", size: 12 }),
+        ] }) : /* @__PURE__ */ o("button", { className: i.createButton, onClick: () => c(e, !1) && f(), children: [
+          /* @__PURE__ */ r(n, { type: "check", size: 12 }),
           " ",
           "Update Plan"
         ] }) })
       ] }) }),
       children: [
-        /* @__PURE__ */ i(T, { step: t, type: l, gotoStep: U }),
-        /* @__PURE__ */ o("div", { className: `${c.formContent} styled__scrollbar`, children: [
-          h && /* @__PURE__ */ i("div", { className: r.loader, children: /* @__PURE__ */ i(n, { size: 36, type: "loading" }) }),
-          t === 1 && /* @__PURE__ */ o("div", { className: c.planStep, children: [
-            /* @__PURE__ */ o("div", { className: r.field, children: [
-              /* @__PURE__ */ i("label", { className: r.label, children: "Backup Plan Name*" }),
-              !e.title && /* @__PURE__ */ i("span", { className: r.fieldErrorLabel, children: "Required" }),
-              /* @__PURE__ */ i(
+        /* @__PURE__ */ r(T, { step: t, type: l, gotoStep: R }),
+        /* @__PURE__ */ o("div", { className: `${d.formContent} styled__scrollbar`, children: [
+          h && /* @__PURE__ */ r("div", { className: i.loader, children: /* @__PURE__ */ r(n, { size: 36, type: "loading" }) }),
+          t === 1 && /* @__PURE__ */ o("div", { className: d.planStep, children: [
+            /* @__PURE__ */ o("div", { className: i.field, children: [
+              /* @__PURE__ */ r("label", { className: i.label, children: "Backup Plan Name*" }),
+              !e.title && /* @__PURE__ */ r("span", { className: i.fieldErrorLabel, children: "Required" }),
+              /* @__PURE__ */ r(
                 "input",
                 {
-                  className: r.titleInput,
+                  className: i.titleInput,
                   type: "text",
                   placeholder: "Plan Name",
                   value: e.title || "",
@@ -91,12 +91,12 @@ const le = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ o("div", { className: r.field, children: [
-              /* @__PURE__ */ i("label", { className: r.label, children: "Backup Plan Description" }),
-              /* @__PURE__ */ i(
+            /* @__PURE__ */ o("div", { className: i.field, children: [
+              /* @__PURE__ */ r("label", { className: i.label, children: "Backup Plan Description" }),
+              /* @__PURE__ */ r(
                 "input",
                 {
-                  className: r.titleInput,
+                  className: i.titleInput,
                   type: "text",
                   placeholder: "Plan Description",
                   value: e.description || "",
@@ -104,8 +104,8 @@ const le = ({
                 }
               )
             ] }),
-            e.sourceType === "device" && /* @__PURE__ */ i(
-              L,
+            e.sourceType === "device" && /* @__PURE__ */ r(
+              V,
               {
                 plan: e,
                 onUpdate: (a) => s({ ...e, method: a }),
@@ -116,28 +116,28 @@ const le = ({
                     icon: "backup",
                     label: "Incremental Backup",
                     description: "Periodically create Incremental backup snapshots of source"
-                  },
-                  {
-                    value: "sync",
-                    icon: "reload",
-                    label: "Real-time Sync",
-                    description: "Maintain identical source (with revisions)",
-                    disabled: !0
-                  },
-                  {
-                    value: "rescue",
-                    icon: "rescue",
-                    label: "Linux Server Backup",
-                    description: "Full Linux system backups with bootable ISO image",
-                    disabled: !0
                   }
+                  // {
+                  //    value: 'sync',
+                  //    icon: 'reload',
+                  //    label: 'Real-time Sync',
+                  //    description: 'Maintain identical source (with revisions)',
+                  //    disabled: true,
+                  // },
+                  // {
+                  //    value: 'rescue',
+                  //    icon: 'rescue',
+                  //    label: 'Linux Server Backup',
+                  //    description: 'Full Linux system backups with bootable ISO image',
+                  //    disabled: true,
+                  // },
                 ]
               }
             )
           ] }),
-          t === 2 && /* @__PURE__ */ o("div", { className: c.planStep, children: [
-            /* @__PURE__ */ i(
-              V,
+          t === 2 && /* @__PURE__ */ o("div", { className: d.planStep, children: [
+            /* @__PURE__ */ r(
+              D,
               {
                 plan: e,
                 onUpdate: (a) => s({ ...a }),
@@ -145,10 +145,10 @@ const le = ({
                 error: e.sourceConfig.includes.length === 0 ? "Required" : ""
               }
             ),
-            /* @__PURE__ */ o("div", { className: r.field, children: [
-              /* @__PURE__ */ i("label", { className: r.label, children: "Backup Destination*" }),
-              !e.storage.name && /* @__PURE__ */ i("span", { className: r.fieldErrorLabel, children: "Required" }),
-              /* @__PURE__ */ i(
+            /* @__PURE__ */ o("div", { className: i.field, children: [
+              /* @__PURE__ */ r("label", { className: i.label, children: "Backup Destination*" }),
+              !e.storage.name && /* @__PURE__ */ r("span", { className: i.fieldErrorLabel, children: "Required" }),
+              /* @__PURE__ */ r(
                 z,
                 {
                   storagePath: x || e.storagePath,
@@ -163,7 +163,7 @@ const le = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ r(
               K,
               {
                 replication: e.settings.replication,
@@ -171,7 +171,7 @@ const le = ({
                 primaryStoragePath: e.storagePath,
                 deviceId: e.sourceId || "main",
                 isEditing: l === "edit",
-                planID: y,
+                planID: C,
                 onUpdate: (a) => s({
                   ...e,
                   settings: { ...e.settings, replication: a }
@@ -179,17 +179,17 @@ const le = ({
               }
             )
           ] }),
-          t === 3 && /* @__PURE__ */ o("div", { className: c.planStep, children: [
-            /* @__PURE__ */ i("div", { className: r.field, style: { width: "150px" }, children: /* @__PURE__ */ i(
-              A,
+          t === 3 && /* @__PURE__ */ o("div", { className: d.planStep, children: [
+            /* @__PURE__ */ r("div", { className: i.field, style: { width: "150px" }, children: /* @__PURE__ */ r(
+              L,
               {
                 label: "Backup Interval*",
                 fieldValue: e.settings.interval,
                 onUpdate: (a) => s({ ...e, settings: { ...e.settings, interval: a } })
               }
             ) }),
-            /* @__PURE__ */ i("div", { className: r.field, style: { width: "150px" }, children: /* @__PURE__ */ i(
-              D,
+            /* @__PURE__ */ r("div", { className: i.field, style: { width: "150px" }, children: /* @__PURE__ */ r(
+              E,
               {
                 label: "Backups to Keep",
                 fieldValue: e.settings.prune.snapCount,
@@ -203,7 +203,7 @@ const le = ({
                 hint: "Number of Active Restorable Backups/Snapshots to Keep regardless of the Removal Policy"
               }
             ) }),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ r(
               G,
               {
                 plan: e,
@@ -214,7 +214,7 @@ const le = ({
               }
             )
           ] }),
-          t === 4 && /* @__PURE__ */ i("div", { className: c.planStep, children: /* @__PURE__ */ i(q, { plan: e, appSettings: C, onUpdate: s, device: R }) })
+          t === 4 && /* @__PURE__ */ r("div", { className: d.planStep, children: /* @__PURE__ */ r(A, { plan: e, appSettings: U, onUpdate: s, device: y }) })
         ] })
       ]
     }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanForm.js","sources":["../../../../src/components/Plan/PlanForm/PlanForm.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport SidePanel from '../../common/SidePanel/SidePanel';\r\nimport StoragePicker from '../../common/form/StoragePicker/StoragePicker';\r\nimport PlanStrategySettings from '../PlanSettings/PlanStrategySettings';\r\nimport PlanSourceSettings from '../PlanSettings/PlanSourceSettings';\r\nimport { NewPlanSettings } from '../../../@types/plans';\r\nimport NumberInput from '../../common/form/NumberInput/NumberInput';\r\nimport classes from '../AddPlan/AddPlan.module.scss';\r\nimport PFClasses from './PlanForm.module.scss';\r\nimport { useGetSettings } from '../../../services/settings';\r\nimport PlanAdvancedSettings from '../PlanSettings/PlanAdvancedSettings';\r\nimport { isPlanSettingsValid } from '../../../utils/plans';\r\nimport IntervalField from '../../common/form/IntervalField/IntervalField';\r\nimport PlanFormNav from './PlanFormNav';\r\nimport { useGetDevice } from '../../../services/devices';\r\nimport PlanPruneSettings from '../PlanSettings/PlanPruneSettings';\r\nimport PlanReplicationSettings from '../PlanSettings/PlanReplicationSettings';\r\n\r\ntype PlanFormProps = {\r\n title: string;\r\n planSettings: NewPlanSettings;\r\n type: 'add' \| 'edit';\r\n onPlanSettingsChange: (settings: NewPlanSettings) => void;\r\n onSubmit: () => void;\r\n isSubmitting: boolean;\r\n close: () => void;\r\n storagePath?: string;\r\n storageId?: string;\r\n planId?: string;\r\n};\r\n\r\nconst PlanForm = ({\r\n title,\r\n planSettings,\r\n type,\r\n onPlanSettingsChange,\r\n onSubmit,\r\n isSubmitting,\r\n close,\r\n storagePath,\r\n storageId,\r\n planId,\r\n}: PlanFormProps) => {\r\n const [step, setStep] = useState<number>(1);\r\n\r\n const { data: settingsData } = useGetSettings();\r\n const appSettings = settingsData?.result?.settings \|\| {};\r\n // const smtpConnected = appSettings?.integration?.smtp?.connected ? true : false;\r\n\r\n const { data: deviceData } = useGetDevice('main', true);\r\n const deviceInstance = deviceData?.result?.device;\r\n\r\n const buttonTexts: Record<number, { title: string; onClick: () => void }> = {\r\n 1: {\r\n title: 'Next: Configure Source & Destination',\r\n onClick: () => isPlanSettingsValid(planSettings, step) && setStep(step + 1),\r\n },\r\n 2: {\r\n title: 'Next: Setup Schedule & Retention',\r\n onClick: () => isPlanSettingsValid(planSettings, step) && setStep(step + 1),\r\n },\r\n 3: { title: 'Next: Advanced Settings', onClick: () => isPlanSettingsValid(planSettings, step) && setStep(step + 1) },\r\n 4: {\r\n title: 'Create Plan',\r\n onClick: () => isPlanSettingsValid(planSettings, false) && onSubmit(),\r\n },\r\n };\r\n\r\n const gotoStep = (nStep: number) => {\r\n if (type !== 'edit') {\r\n return;\r\n }\r\n\r\n const isSettingsValid = isPlanSettingsValid(planSettings, step);\r\n if (isSettingsValid) {\r\n setStep(nStep);\r\n }\r\n };\r\n\r\n return (\r\n <SidePanel\r\n title={title}\r\n icon={<Icon type={'backup'} size={20} />}\r\n width={type === 'add' ? '100%' : undefined}\r\n headerWidth={type === 'add' ? '740px' : undefined}\r\n close={close}\r\n withTabs={true}\r\n footer={\r\n <div className={PFClasses.planFormFooter}>\r\n <div className={PFClasses.footerContainer}>\r\n <div className={classes.footerLeft}>\r\n <div className={classes.summary}>\r\n {type === 'add' && step > 1 && (\r\n <button className={PFClasses.backButton} onClick={() => step > 0 && setStep(step - 1)} disabled={isSubmitting}>\r\n <Icon type=\"arrow-left\" size={14} /> Back\r\n </button>\r\n )}\r\n </div>\r\n </div>\r\n <div className={classes.footerRight}>\r\n {type === 'add' ? (\r\n <button className={classes.createButton} onClick={buttonTexts[step].onClick}>\r\n <Icon type=\"check\" size={12} /> {buttonTexts[step].title}\r\n </button>\r\n ) : (\r\n <button className={classes.createButton} onClick={() => isPlanSettingsValid(planSettings, false) && onSubmit()}>\r\n <Icon type=\"check\" size={12} /> {'Update Plan'}\r\n </button>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n >\r\n <PlanFormNav step={step} type={type} gotoStep={gotoStep} />\r\n\r\n <div className={`${PFClasses.formContent} styled__scrollbar`}>\r\n {isSubmitting && (\r\n <div className={classes.loader}>\r\n <Icon size={36} type=\"loading\" />\r\n </div>\r\n )}\r\n {step === 1 && (\r\n <div className={PFClasses.planStep}>\r\n <div className={classes.field}>\r\n <label className={classes.label}>Backup Plan Name</label>\r\n {!planSettings.title && <span className={classes.fieldErrorLabel}>{'Required'}</span>}\r\n <input\r\n className={classes.titleInput}\r\n type=\"text\"\r\n placeholder=\"Plan Name\"\r\n value={planSettings.title \|\| ''}\r\n onChange={(e) => onPlanSettingsChange({ ...planSettings, title: e.target.value })}\r\n />\r\n </div>\r\n <div className={classes.field}>\r\n <label className={classes.label}>Backup Plan Description</label>\r\n <input\r\n className={classes.titleInput}\r\n type=\"text\"\r\n placeholder=\"Plan Description\"\r\n value={planSettings.description \|\| ''}\r\n onChange={(e) => onPlanSettingsChange({ ...planSettings, description: e.target.value })}\r\n />\r\n </div>\r\n {/ <PlanTypeSettings\r\n plan={planSettings}\r\n onUpdate={(plan: NewPlanSettings) => onPlanSettingsChange({ ...plan })}\r\n disabled={type === 'edit' ? true : false}\r\n options={[\r\n {\r\n value: 'device',\r\n icon: 'computer',\r\n label: 'Device',\r\n description: 'Backup content of a Computer/Server',\r\n },\r\n {\r\n value: 'database',\r\n icon: 'database',\r\n label: 'Database',\r\n description: 'Backup a Database',\r\n disabled: true,\r\n },\r\n {\r\n value: 'googleworkspace',\r\n icon: 'google-workspace',\r\n label: 'Google Workspace',\r\n description: 'Backup Google Workspace',\r\n disabled: true,\r\n },\r\n {\r\n value: 'microsoft365',\r\n icon: 'microsoft-365',\r\n label: 'Microsoft 365',\r\n description: 'Backup Microsoft 365',\r\n disabled: true,\r\n },\r\n ]}\r\n /> /}\r\n {planSettings.sourceType === 'device' && (\r\n <PlanStrategySettings\r\n plan={planSettings}\r\n onUpdate={(method) => onPlanSettingsChange({ ...planSettings, method })}\r\n disabled={type === 'edit' ? true : false}\r\n options={[\r\n {\r\n value: 'backup',\r\n icon: 'backup',\r\n label: 'Incremental Backup',\r\n description: 'Periodically create Incremental backup snapshots of source',\r\n },\r\n {\r\n value: 'sync',\r\n icon: 'reload',\r\n label: 'Real-time Sync',\r\n description: 'Maintain identical source (with revisions)',\r\n disabled: true,\r\n },\r\n {\r\n value: 'rescue',\r\n icon: 'rescue',\r\n label: 'Linux Server Backup',\r\n description: 'Full Linux system backups with bootable ISO image',\r\n disabled: true,\r\n },\r\n ]}\r\n />\r\n )}\r\n </div>\r\n )}\r\n {step === 2 && (\r\n <div className={PFClasses.planStep}>\r\n <PlanSourceSettings\r\n plan={planSettings}\r\n onUpdate={(plan) => onPlanSettingsChange({ ...plan })}\r\n isEditing={type === 'edit' ? true : false}\r\n error={planSettings.sourceConfig.includes.length === 0 ? 'Required' : ''}\r\n />\r\n <div className={classes.field}>\r\n <label className={classes.label}>Backup Destination</label>\r\n {!planSettings.storage.name && <span className={classes.fieldErrorLabel}>{'Required'}</span>}\r\n <StoragePicker\r\n storagePath={storagePath \|\| planSettings.storagePath}\r\n storageId={storageId \|\| planSettings.storage?.id \|\| ''}\r\n deviceId={planSettings.sourceId \|\| 'main'}\r\n disabled={type === 'edit' ? true : false}\r\n onUpdate={(s: { storage: { name: string; id: string; type: string }; path: string }) =>\r\n onPlanSettingsChange({\r\n ...planSettings,\r\n storagePath: s.path,\r\n storage: { id: s.storage.id, name: s.storage.name },\r\n })\r\n }\r\n />\r\n </div>\r\n <PlanReplicationSettings\r\n replication={planSettings.settings.replication}\r\n primaryStorageId={planSettings.storage.id}\r\n primaryStoragePath={planSettings.storagePath}\r\n deviceId={planSettings.sourceId \|\| 'main'}\r\n isEditing={type === 'edit' ? true : false}\r\n planID={planId}\r\n onUpdate={(replication) =>\r\n onPlanSettingsChange({\r\n ...planSettings,\r\n settings: { ...planSettings.settings, replication: replication },\r\n })\r\n }\r\n />\r\n </div>\r\n )}\r\n {step === 3 && (\r\n <div className={PFClasses.planStep}>\r\n <div className={classes.field} style={{ width: '150px' }}>\r\n <IntervalField\r\n label=\"Backup Interval*\"\r\n fieldValue={planSettings.settings.interval}\r\n onUpdate={(intervalSettings) =>\r\n onPlanSettingsChange({ ...planSettings, settings: { ...planSettings.settings, interval: intervalSettings } })\r\n }\r\n />\r\n </div>\r\n\r\n <div className={classes.field} style={{ width: '150px' }}>\r\n <NumberInput\r\n label=\"Backups to Keep\"\r\n fieldValue={planSettings.settings.prune.snapCount}\r\n onUpdate={(val) =>\r\n onPlanSettingsChange({\r\n ...planSettings,\r\n settings: { ...planSettings.settings, prune: { ...planSettings.settings.prune, snapCount: val } },\r\n })\r\n }\r\n placeholder=\"5\"\r\n min={1}\r\n inline={false}\r\n hint=\"Number of Active Restorable Backups/Snapshots to Keep regardless of the Removal Policy\"\r\n />\r\n </div>\r\n <PlanPruneSettings\r\n plan={planSettings}\r\n onUpdate={(pruneSettings) =>\r\n onPlanSettingsChange({\r\n ...planSettings,\r\n settings: { ...planSettings.settings, prune: pruneSettings },\r\n })\r\n }\r\n />\r\n </div>\r\n )}\r\n {step === 4 && (\r\n <div className={PFClasses.planStep}>\r\n <PlanAdvancedSettings plan={planSettings} appSettings={appSettings} onUpdate={onPlanSettingsChange} device={deviceInstance} />\r\n </div>\r\n )}\r\n </div>\r\n </SidePanel>\r\n );\r\n};\r\n\r\nexport default PlanForm;\r\n"],"names":["PlanForm","title","planSettings","type","onPlanSettingsChange","onSubmit","isSubmitting","close","storagePath","storageId","planId","step","setStep","useState","settingsData","useGetSettings","appSettings","_a","deviceData","useGetDevice","deviceInstance","_b","buttonTexts","isPlanSettingsValid","gotoStep","nStep","jsxs","SidePanel","jsx","Icon","PFClasses","classes","PlanFormNav","e","PlanStrategySettings","method","PlanSourceSettings","plan","StoragePicker","_c","s","PlanReplicationSettings","replication","IntervalField","intervalSettings","NumberInput","val","PlanPruneSettings","pruneSettings","PlanAdvancedSettings"],"mappings":"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"}
1	+ {"version":3,"file":"PlanForm.js","sources":["../../../../src/components/Plan/PlanForm/PlanForm.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport SidePanel from '../../common/SidePanel/SidePanel';\r\nimport StoragePicker from '../../common/form/StoragePicker/StoragePicker';\r\nimport PlanStrategySettings from '../PlanSettings/PlanStrategySettings';\r\nimport PlanSourceSettings from '../PlanSettings/PlanSourceSettings';\r\nimport { NewPlanSettings } from '../../../@types/plans';\r\nimport NumberInput from '../../common/form/NumberInput/NumberInput';\r\nimport classes from '../AddPlan/AddPlan.module.scss';\r\nimport PFClasses from './PlanForm.module.scss';\r\nimport { useGetSettings } from '../../../services/settings';\r\nimport PlanAdvancedSettings from '../PlanSettings/PlanAdvancedSettings';\r\nimport { isPlanSettingsValid } from '../../../utils/plans';\r\nimport IntervalField from '../../common/form/IntervalField/IntervalField';\r\nimport PlanFormNav from './PlanFormNav';\r\nimport { useGetDevice } from '../../../services/devices';\r\nimport PlanPruneSettings from '../PlanSettings/PlanPruneSettings';\r\nimport PlanReplicationSettings from '../PlanSettings/PlanReplicationSettings';\r\n\r\ntype PlanFormProps = {\r\n title: string;\r\n planSettings: NewPlanSettings;\r\n type: 'add' \| 'edit';\r\n onPlanSettingsChange: (settings: NewPlanSettings) => void;\r\n onSubmit: () => void;\r\n isSubmitting: boolean;\r\n close: () => void;\r\n storagePath?: string;\r\n storageId?: string;\r\n planId?: string;\r\n};\r\n\r\nconst PlanForm = ({\r\n title,\r\n planSettings,\r\n type,\r\n onPlanSettingsChange,\r\n onSubmit,\r\n isSubmitting,\r\n close,\r\n storagePath,\r\n storageId,\r\n planId,\r\n}: PlanFormProps) => {\r\n const [step, setStep] = useState<number>(1);\r\n\r\n const { data: settingsData } = useGetSettings();\r\n const appSettings = settingsData?.result?.settings \|\| {};\r\n // const smtpConnected = appSettings?.integration?.smtp?.connected ? true : false;\r\n\r\n const { data: deviceData } = useGetDevice('main', true);\r\n const deviceInstance = deviceData?.result?.device;\r\n\r\n const buttonTexts: Record<number, { title: string; onClick: () => void }> = {\r\n 1: {\r\n title: 'Next: Configure Source & Destination',\r\n onClick: () => isPlanSettingsValid(planSettings, step) && setStep(step + 1),\r\n },\r\n 2: {\r\n title: 'Next: Setup Schedule & Retention',\r\n onClick: () => isPlanSettingsValid(planSettings, step) && setStep(step + 1),\r\n },\r\n 3: { title: 'Next: Advanced Settings', onClick: () => isPlanSettingsValid(planSettings, step) && setStep(step + 1) },\r\n 4: {\r\n title: 'Create Plan',\r\n onClick: () => isPlanSettingsValid(planSettings, false) && onSubmit(),\r\n },\r\n };\r\n\r\n const gotoStep = (nStep: number) => {\r\n if (type !== 'edit') {\r\n return;\r\n }\r\n\r\n const isSettingsValid = isPlanSettingsValid(planSettings, step);\r\n if (isSettingsValid) {\r\n setStep(nStep);\r\n }\r\n };\r\n\r\n return (\r\n <SidePanel\r\n title={title}\r\n icon={<Icon type={'backup'} size={20} />}\r\n width={type === 'add' ? '100%' : undefined}\r\n headerWidth={type === 'add' ? '740px' : undefined}\r\n close={close}\r\n withTabs={true}\r\n footer={\r\n <div className={PFClasses.planFormFooter}>\r\n <div className={PFClasses.footerContainer}>\r\n <div className={classes.footerLeft}>\r\n <div className={classes.summary}>\r\n {type === 'add' && step > 1 && (\r\n <button className={PFClasses.backButton} onClick={() => step > 0 && setStep(step - 1)} disabled={isSubmitting}>\r\n <Icon type=\"arrow-left\" size={14} /> Back\r\n </button>\r\n )}\r\n </div>\r\n </div>\r\n <div className={classes.footerRight}>\r\n {type === 'add' ? (\r\n <button className={classes.createButton} onClick={buttonTexts[step].onClick}>\r\n <Icon type=\"check\" size={12} /> {buttonTexts[step].title}\r\n </button>\r\n ) : (\r\n <button className={classes.createButton} onClick={() => isPlanSettingsValid(planSettings, false) && onSubmit()}>\r\n <Icon type=\"check\" size={12} /> {'Update Plan'}\r\n </button>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n >\r\n <PlanFormNav step={step} type={type} gotoStep={gotoStep} />\r\n\r\n <div className={`${PFClasses.formContent} styled__scrollbar`}>\r\n {isSubmitting && (\r\n <div className={classes.loader}>\r\n <Icon size={36} type=\"loading\" />\r\n </div>\r\n )}\r\n {step === 1 && (\r\n <div className={PFClasses.planStep}>\r\n <div className={classes.field}>\r\n <label className={classes.label}>Backup Plan Name</label>\r\n {!planSettings.title && <span className={classes.fieldErrorLabel}>{'Required'}</span>}\r\n <input\r\n className={classes.titleInput}\r\n type=\"text\"\r\n placeholder=\"Plan Name\"\r\n value={planSettings.title \|\| ''}\r\n onChange={(e) => onPlanSettingsChange({ ...planSettings, title: e.target.value })}\r\n />\r\n </div>\r\n <div className={classes.field}>\r\n <label className={classes.label}>Backup Plan Description</label>\r\n <input\r\n className={classes.titleInput}\r\n type=\"text\"\r\n placeholder=\"Plan Description\"\r\n value={planSettings.description \|\| ''}\r\n onChange={(e) => onPlanSettingsChange({ ...planSettings, description: e.target.value })}\r\n />\r\n </div>\r\n {/ <PlanTypeSettings\r\n plan={planSettings}\r\n onUpdate={(plan: NewPlanSettings) => onPlanSettingsChange({ ...plan })}\r\n disabled={type === 'edit' ? true : false}\r\n options={[\r\n {\r\n value: 'device',\r\n icon: 'computer',\r\n label: 'Device',\r\n description: 'Backup content of a Computer/Server',\r\n },\r\n {\r\n value: 'database',\r\n icon: 'database',\r\n label: 'Database',\r\n description: 'Backup a Database',\r\n disabled: true,\r\n },\r\n {\r\n value: 'googleworkspace',\r\n icon: 'google-workspace',\r\n label: 'Google Workspace',\r\n description: 'Backup Google Workspace',\r\n disabled: true,\r\n },\r\n {\r\n value: 'microsoft365',\r\n icon: 'microsoft-365',\r\n label: 'Microsoft 365',\r\n description: 'Backup Microsoft 365',\r\n disabled: true,\r\n },\r\n ]}\r\n /> /}\r\n {planSettings.sourceType === 'device' && (\r\n <PlanStrategySettings\r\n plan={planSettings}\r\n onUpdate={(method) => onPlanSettingsChange({ ...planSettings, method })}\r\n disabled={type === 'edit' ? true : false}\r\n options={[\r\n {\r\n value: 'backup',\r\n icon: 'backup',\r\n label: 'Incremental Backup',\r\n description: 'Periodically create Incremental backup snapshots of source',\r\n },\r\n // {\r\n // value: 'sync',\r\n // icon: 'reload',\r\n // label: 'Real-time Sync',\r\n // description: 'Maintain identical source (with revisions)',\r\n // disabled: true,\r\n // },\r\n // {\r\n // value: 'rescue',\r\n // icon: 'rescue',\r\n // label: 'Linux Server Backup',\r\n // description: 'Full Linux system backups with bootable ISO image',\r\n // disabled: true,\r\n // },\r\n ]}\r\n />\r\n )}\r\n </div>\r\n )}\r\n {step === 2 && (\r\n <div className={PFClasses.planStep}>\r\n <PlanSourceSettings\r\n plan={planSettings}\r\n onUpdate={(plan) => onPlanSettingsChange({ ...plan })}\r\n isEditing={type === 'edit' ? true : false}\r\n error={planSettings.sourceConfig.includes.length === 0 ? 'Required' : ''}\r\n />\r\n <div className={classes.field}>\r\n <label className={classes.label}>Backup Destination</label>\r\n {!planSettings.storage.name && <span className={classes.fieldErrorLabel}>{'Required'}</span>}\r\n <StoragePicker\r\n storagePath={storagePath \|\| planSettings.storagePath}\r\n storageId={storageId \|\| planSettings.storage?.id \|\| ''}\r\n deviceId={planSettings.sourceId \|\| 'main'}\r\n disabled={type === 'edit' ? true : false}\r\n onUpdate={(s: { storage: { name: string; id: string; type: string }; path: string }) =>\r\n onPlanSettingsChange({\r\n ...planSettings,\r\n storagePath: s.path,\r\n storage: { id: s.storage.id, name: s.storage.name },\r\n })\r\n }\r\n />\r\n </div>\r\n <PlanReplicationSettings\r\n replication={planSettings.settings.replication}\r\n primaryStorageId={planSettings.storage.id}\r\n primaryStoragePath={planSettings.storagePath}\r\n deviceId={planSettings.sourceId \|\| 'main'}\r\n isEditing={type === 'edit' ? true : false}\r\n planID={planId}\r\n onUpdate={(replication) =>\r\n onPlanSettingsChange({\r\n ...planSettings,\r\n settings: { ...planSettings.settings, replication: replication },\r\n })\r\n }\r\n />\r\n </div>\r\n )}\r\n {step === 3 && (\r\n <div className={PFClasses.planStep}>\r\n <div className={classes.field} style={{ width: '150px' }}>\r\n <IntervalField\r\n label=\"Backup Interval*\"\r\n fieldValue={planSettings.settings.interval}\r\n onUpdate={(intervalSettings) =>\r\n onPlanSettingsChange({ ...planSettings, settings: { ...planSettings.settings, interval: intervalSettings } })\r\n }\r\n />\r\n </div>\r\n\r\n <div className={classes.field} style={{ width: '150px' }}>\r\n <NumberInput\r\n label=\"Backups to Keep\"\r\n fieldValue={planSettings.settings.prune.snapCount}\r\n onUpdate={(val) =>\r\n onPlanSettingsChange({\r\n ...planSettings,\r\n settings: { ...planSettings.settings, prune: { ...planSettings.settings.prune, snapCount: val } },\r\n })\r\n }\r\n placeholder=\"5\"\r\n min={1}\r\n inline={false}\r\n hint=\"Number of Active Restorable Backups/Snapshots to Keep regardless of the Removal Policy\"\r\n />\r\n </div>\r\n <PlanPruneSettings\r\n plan={planSettings}\r\n onUpdate={(pruneSettings) =>\r\n onPlanSettingsChange({\r\n ...planSettings,\r\n settings: { ...planSettings.settings, prune: pruneSettings },\r\n })\r\n }\r\n />\r\n </div>\r\n )}\r\n {step === 4 && (\r\n <div className={PFClasses.planStep}>\r\n <PlanAdvancedSettings plan={planSettings} appSettings={appSettings} onUpdate={onPlanSettingsChange} device={deviceInstance} />\r\n </div>\r\n )}\r\n </div>\r\n </SidePanel>\r\n );\r\n};\r\n\r\nexport default PlanForm;\r\n"],"names":["PlanForm","title","planSettings","type","onPlanSettingsChange","onSubmit","isSubmitting","close","storagePath","storageId","planId","step","setStep","useState","settingsData","useGetSettings","appSettings","_a","deviceData","useGetDevice","deviceInstance","_b","buttonTexts","isPlanSettingsValid","gotoStep","nStep","jsxs","SidePanel","jsx","Icon","PFClasses","classes","PlanFormNav","e","PlanStrategySettings","method","PlanSourceSettings","plan","StoragePicker","_c","s","PlanReplicationSettings","replication","IntervalField","intervalSettings","NumberInput","val","PlanPruneSettings","pruneSettings","PlanAdvancedSettings"],"mappings":";;;;;;;;;;;;;;;;;;AAgCA,MAAMA,KAAW,CAAC;AAAA,EACf,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AACH,MAAqB;;AAClB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAiB,CAAC,GAEpC,EAAE,MAAMC,EAAA,IAAiBC,EAAA,GACzBC,MAAcC,IAAAH,KAAA,gBAAAA,EAAc,WAAd,gBAAAG,EAAsB,aAAY,CAAA,GAGhD,EAAE,MAAMC,EAAA,IAAeC,EAAa,QAAQ,EAAI,GAChDC,KAAiBC,IAAAH,KAAA,gBAAAA,EAAY,WAAZ,gBAAAG,EAAoB,QAErCC,IAAsE;AAAA,IACzE,GAAG;AAAA,MACA,OAAO;AAAA,MACP,SAAS,MAAMC,EAAoBrB,GAAcS,CAAI,KAAKC,EAAQD,IAAO,CAAC;AAAA,IAAA;AAAA,IAE7E,GAAG;AAAA,MACA,OAAO;AAAA,MACP,SAAS,MAAMY,EAAoBrB,GAAcS,CAAI,KAAKC,EAAQD,IAAO,CAAC;AAAA,IAAA;AAAA,IAE7E,GAAG,EAAE,OAAO,2BAA2B,SAAS,MAAMY,EAAoBrB,GAAcS,CAAI,KAAKC,EAAQD,IAAO,CAAC,EAAA;AAAA,IACjH,GAAG;AAAA,MACA,OAAO;AAAA,MACP,SAAS,MAAMY,EAAoBrB,GAAc,EAAK,KAAKG,EAAA;AAAA,IAAS;AAAA,EACvE,GAGGmB,IAAW,CAACC,MAAkB;AACjC,QAAItB,MAAS;AACV;AAIH,IADwBoB,EAAoBrB,GAAcS,CAAI,KAE3DC,EAAQa,CAAK;AAAA,EAEnB;AAEA,SACG,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,OAAA1B;AAAA,MACA,MAAM,gBAAA2B,EAACC,GAAA,EAAK,MAAM,UAAU,MAAM,IAAI;AAAA,MACtC,OAAO1B,MAAS,QAAQ,SAAS;AAAA,MACjC,aAAaA,MAAS,QAAQ,UAAU;AAAA,MACxC,OAAAI;AAAA,MACA,UAAU;AAAA,MACV,QACG,gBAAAqB,EAAC,OAAA,EAAI,WAAWE,EAAU,gBACvB,UAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAWI,EAAU,iBACvB,UAAA;AAAA,QAAA,gBAAAF,EAAC,OAAA,EAAI,WAAWG,EAAQ,YACrB,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAQ,SACpB,UAAA5B,MAAS,SAASQ,IAAO,KACvB,gBAAAe,EAAC,UAAA,EAAO,WAAWI,EAAU,YAAY,SAAS,MAAMnB,IAAO,KAAKC,EAAQD,IAAO,CAAC,GAAG,UAAUL,GAC9F,UAAA;AAAA,UAAA,gBAAAsB,EAACC,GAAA,EAAK,MAAK,cAAa,MAAM,IAAI;AAAA,UAAE;AAAA,QAAA,EAAA,CACvC,GAEN,GACH;AAAA,0BACC,OAAA,EAAI,WAAWE,EAAQ,aACpB,gBAAS,QACP,gBAAAL,EAAC,UAAA,EAAO,WAAWK,EAAQ,cAAc,SAAST,EAAYX,CAAI,EAAE,SACjE,UAAA;AAAA,UAAA,gBAAAiB,EAACC,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI;AAAA,UAAE;AAAA,UAAEP,EAAYX,CAAI,EAAE;AAAA,QAAA,EAAA,CACtD,IAEA,gBAAAe,EAAC,UAAA,EAAO,WAAWK,EAAQ,cAAc,SAAS,MAAMR,EAAoBrB,GAAc,EAAK,KAAKG,KACjG,UAAA;AAAA,UAAA,gBAAAuB,EAACC,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI;AAAA,UAAE;AAAA,UAAE;AAAA,QAAA,EAAA,CACpC,EAAA,CAEN;AAAA,MAAA,EAAA,CACH,EAAA,CACH;AAAA,MAGH,UAAA;AAAA,QAAA,gBAAAD,EAACI,GAAA,EAAY,MAAArB,GAAY,MAAAR,GAAY,UAAAqB,EAAA,CAAoB;AAAA,0BAExD,OAAA,EAAI,WAAW,GAAGM,EAAU,WAAW,sBACpC,UAAA;AAAA,UAAAxB,KACE,gBAAAsB,EAAC,OAAA,EAAI,WAAWG,EAAQ,QACrB,UAAA,gBAAAH,EAACC,GAAA,EAAK,MAAM,IAAI,MAAK,UAAA,CAAU,GAClC;AAAA,UAEFlB,MAAS,KACP,gBAAAe,EAAC,OAAA,EAAI,WAAWI,EAAU,UACvB,UAAA;AAAA,YAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAWK,EAAQ,OACrB,UAAA;AAAA,cAAA,gBAAAH,EAAC,SAAA,EAAM,WAAWG,EAAQ,OAAO,UAAA,qBAAiB;AAAA,cACjD,CAAC7B,EAAa,SAAS,gBAAA0B,EAAC,UAAK,WAAWG,EAAQ,iBAAkB,UAAA,YAAW;AAAA,cAC9E,gBAAAH;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACE,WAAWG,EAAQ;AAAA,kBACnB,MAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,OAAO7B,EAAa,SAAS;AAAA,kBAC7B,UAAU,CAAC+B,MAAM7B,EAAqB,EAAE,GAAGF,GAAc,OAAO+B,EAAE,OAAO,MAAA,CAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACnF,GACH;AAAA,YACA,gBAAAP,EAAC,OAAA,EAAI,WAAWK,EAAQ,OACrB,UAAA;AAAA,cAAA,gBAAAH,EAAC,SAAA,EAAM,WAAWG,EAAQ,OAAO,UAAA,2BAAuB;AAAA,cACxD,gBAAAH;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACE,WAAWG,EAAQ;AAAA,kBACnB,MAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,OAAO7B,EAAa,eAAe;AAAA,kBACnC,UAAU,CAAC+B,MAAM7B,EAAqB,EAAE,GAAGF,GAAc,aAAa+B,EAAE,OAAO,MAAA,CAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACzF,GACH;AAAA,YAmCC/B,EAAa,eAAe,YAC1B,gBAAA0B;AAAA,cAACM;AAAA,cAAA;AAAA,gBACE,MAAMhC;AAAA,gBACN,UAAU,CAACiC,MAAW/B,EAAqB,EAAE,GAAGF,GAAc,QAAAiC,GAAQ;AAAA,gBACtE,UAAUhC,MAAS;AAAA,gBACnB,SAAS;AAAA,kBACN;AAAA,oBACG,OAAO;AAAA,oBACP,MAAM;AAAA,oBACN,OAAO;AAAA,oBACP,aAAa;AAAA,kBAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAChB;AAAA,cAeH;AAAA,YAAA;AAAA,UACH,GAEN;AAAA,UAEFQ,MAAS,KACP,gBAAAe,EAAC,OAAA,EAAI,WAAWI,EAAU,UACvB,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACE,MAAMlC;AAAA,gBACN,UAAU,CAACmC,MAASjC,EAAqB,EAAE,GAAGiC,GAAM;AAAA,gBACpD,WAAWlC,MAAS;AAAA,gBACpB,OAAOD,EAAa,aAAa,SAAS,WAAW,IAAI,aAAa;AAAA,cAAA;AAAA,YAAA;AAAA,YAEzE,gBAAAwB,EAAC,OAAA,EAAI,WAAWK,EAAQ,OACrB,UAAA;AAAA,cAAA,gBAAAH,EAAC,SAAA,EAAM,WAAWG,EAAQ,OAAO,UAAA,uBAAmB;AAAA,cACnD,CAAC7B,EAAa,QAAQ,0BAAS,QAAA,EAAK,WAAW6B,EAAQ,iBAAkB,UAAA,WAAA,CAAW;AAAA,cACrF,gBAAAH;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACE,aAAa9B,KAAeN,EAAa;AAAA,kBACzC,WAAWO,OAAa8B,IAAArC,EAAa,YAAb,gBAAAqC,EAAsB,OAAM;AAAA,kBACpD,UAAUrC,EAAa,YAAY;AAAA,kBACnC,UAAUC,MAAS;AAAA,kBACnB,UAAU,CAACqC,MACRpC,EAAqB;AAAA,oBAClB,GAAGF;AAAA,oBACH,aAAasC,EAAE;AAAA,oBACf,SAAS,EAAE,IAAIA,EAAE,QAAQ,IAAI,MAAMA,EAAE,QAAQ,KAAA;AAAA,kBAAK,CACpD;AAAA,gBAAA;AAAA,cAAA;AAAA,YAEP,GACH;AAAA,YACA,gBAAAZ;AAAA,cAACa;AAAA,cAAA;AAAA,gBACE,aAAavC,EAAa,SAAS;AAAA,gBACnC,kBAAkBA,EAAa,QAAQ;AAAA,gBACvC,oBAAoBA,EAAa;AAAA,gBACjC,UAAUA,EAAa,YAAY;AAAA,gBACnC,WAAWC,MAAS;AAAA,gBACpB,QAAQO;AAAA,gBACR,UAAU,CAACgC,MACRtC,EAAqB;AAAA,kBAClB,GAAGF;AAAA,kBACH,UAAU,EAAE,GAAGA,EAAa,UAAU,aAAAwC,EAAA;AAAA,gBAAyB,CACjE;AAAA,cAAA;AAAA,YAAA;AAAA,UAEP,GACH;AAAA,UAEF/B,MAAS,KACP,gBAAAe,EAAC,OAAA,EAAI,WAAWI,EAAU,UACvB,UAAA;AAAA,YAAA,gBAAAF,EAAC,OAAA,EAAI,WAAWG,EAAQ,OAAO,OAAO,EAAE,OAAO,WAC5C,UAAA,gBAAAH;AAAA,cAACe;AAAA,cAAA;AAAA,gBACE,OAAM;AAAA,gBACN,YAAYzC,EAAa,SAAS;AAAA,gBAClC,UAAU,CAAC0C,MACRxC,EAAqB,EAAE,GAAGF,GAAc,UAAU,EAAE,GAAGA,EAAa,UAAU,UAAU0C,EAAA,GAAoB;AAAA,cAAA;AAAA,YAAA,GAGrH;AAAA,YAEA,gBAAAhB,EAAC,SAAI,WAAWG,EAAQ,OAAO,OAAO,EAAE,OAAO,QAAA,GAC5C,UAAA,gBAAAH;AAAA,cAACiB;AAAA,cAAA;AAAA,gBACE,OAAM;AAAA,gBACN,YAAY3C,EAAa,SAAS,MAAM;AAAA,gBACxC,UAAU,CAAC4C,MACR1C,EAAqB;AAAA,kBAClB,GAAGF;AAAA,kBACH,UAAU,EAAE,GAAGA,EAAa,UAAU,OAAO,EAAE,GAAGA,EAAa,SAAS,OAAO,WAAW4C,IAAI;AAAA,gBAAE,CAClG;AAAA,gBAEJ,aAAY;AAAA,gBACZ,KAAK;AAAA,gBACL,QAAQ;AAAA,gBACR,MAAK;AAAA,cAAA;AAAA,YAAA,GAEX;AAAA,YACA,gBAAAlB;AAAA,cAACmB;AAAA,cAAA;AAAA,gBACE,MAAM7C;AAAA,gBACN,UAAU,CAAC8C,MACR5C,EAAqB;AAAA,kBAClB,GAAGF;AAAA,kBACH,UAAU,EAAE,GAAGA,EAAa,UAAU,OAAO8C,EAAA;AAAA,gBAAc,CAC7D;AAAA,cAAA;AAAA,YAAA;AAAA,UAEP,GACH;AAAA,UAEFrC,MAAS,KACP,gBAAAiB,EAAC,OAAA,EAAI,WAAWE,EAAU,UACvB,UAAA,gBAAAF,EAACqB,GAAA,EAAqB,MAAM/C,GAAc,aAAAc,GAA0B,UAAUZ,GAAsB,QAAQgB,GAAgB,EAAA,CAC/H;AAAA,QAAA,EAAA,CAEN;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGT;"}

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

@@ -0,0 +1,16 @@
+import { Plan, PlanReplicationStorage } from '../../../@types';
+interface PlanIntegrityProps {
+    planId: string;
+    taskPending: boolean;
+    verificationData: Plan['verified'];
+    storage: {
+        name: string;
+        type: string;
+        id: string;
+    };
+    replicationStorages: PlanReplicationStorage[];
+    onClose: () => void;
+}
+declare const PlanIntegrity: ({ planId, taskPending, verificationData, storage, replicationStorages, onClose }: PlanIntegrityProps) => import("react/jsx-runtime").JSX.Element;
+export default PlanIntegrity;
+//# sourceMappingURL=PlanIntegrity.d.ts.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"PlanIntegrity.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanIntegrity/PlanIntegrity.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,sBAAsB,EAAsB,MAAM,iBAAiB,CAAC;AAKnF,UAAU,kBAAkB;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,mBAAmB,EAAE,sBAAsB,EAAE,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,GAAI,kFAAuF,kBAAkB,4CAuK/H,CAAC;AAEF,eAAe,aAAa,CAAC"}

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