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

@plutonhq/core-frontend 0.1.13 → 0.1.14

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

Files changed (186) hide show

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

@@ -0,0 +1,69 @@
+import { jsx as e, Fragment as o, jsxs as t } from "react/jsx-runtime";
+import d from "./PlanStorageInfo.module.scss.js";
+const s = ({ replicationSettings: p, storage: i, storagePath: n, disableTooltip: a = !0, inline: m = !0 }) => (console.log("replicationSettings :", p), /* @__PURE__ */ e(o, { children: p && p.enabled && p.storages.length > 0 ? /* @__PURE__ */ e(
+  "div",
+  {
+    className: `${d.planStorages} ${m ? d.inline : ""}`,
+    "data-tooltip-hidden": a,
+    "data-tooltip-id": "htmlToolTip",
+    "data-tooltip-place": "top",
+    "data-tooltip-html": `
+                           <div style="display: flex; flex-direction: column; gap: 8px;">
+                           <div>
+                              <div style="display: flex; align-items: center; gap: 8px; margin-top: 4px;">
+                                 <img style="width: 24px; height: 24px;" src="/providers/${i == null ? void 0 : i.type}.png" />
+                                 <div>
+                                    <strong style="display: block;">${i == null ? void 0 : i.name}</strong>
+                                    ${n || "/"}
+                                 </div>
+                              </div>
+                           </div>
+                           ${p.storages.slice(0, 3).map(
+      (l) => `
+                              <div style="display: flex; align-items: center; gap: 8px; margin-top: 4px;">
+                                 <img style="width: 24px; height: 24px;" src="/providers/${l == null ? void 0 : l.storageType}.png" />
+                                 <div>
+                                    <strong style="display: block;">${l == null ? void 0 : l.storageName} (Mirror)</strong>
+                                    ${(l == null ? void 0 : l.storagePath) || "/"}
+                                 </div>
+                              </div>
+                                    `
+    ).join("")}
+                        </div>`,
+    children: /* @__PURE__ */ t("div", { className: d.storageWithReplications, children: [
+      /* @__PURE__ */ t("div", { className: d.storageIcons, children: [
+        /* @__PURE__ */ e("img", { src: `/providers/${i == null ? void 0 : i.type}.png` }),
+        p.storages.map((l, c) => /* @__PURE__ */ e("img", { src: `/providers/${l.storageType}.png`, style: { zIndex: 98 - c } }, l.replicationId))
+      ] }),
+      /* @__PURE__ */ t("div", { className: d.storageName, children: [
+        p.storages.length + 1,
+        " Storages"
+      ] })
+    ] })
+  }
+) : /* @__PURE__ */ t(
+  "div",
+  {
+    className: `${d.planStorages} ${m ? d.inline : ""}`,
+    "data-tooltip-hidden": a,
+    "data-tooltip-id": "htmlToolTip",
+    "data-tooltip-place": "top",
+    "data-tooltip-html": `
+                           <div style="display: flex; align-items: center; gap: 8px; margin-top: 4px;">
+                              <img style="width: 24px; height: 24px;" src="/providers/${i == null ? void 0 : i.type}.png" />
+                              <div>
+                                 <strong style="display: block;">${i == null ? void 0 : i.name}</strong>
+                                 ${n || "/"}
+                              </div>
+                           </div>
+                        `,
+    children: [
+      /* @__PURE__ */ e("img", { src: `/providers/${i == null ? void 0 : i.type}.png` }),
+      /* @__PURE__ */ e("div", { className: d.storageName, children: i == null ? void 0 : i.name })
+    ]
+  }
+) }));
+export {
+  s as default
+};
+//# sourceMappingURL=PlanStorageInfo.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"PlanStorageInfo.js","sources":["../../../../src/components/Plan/PlanStorageInfo/PlanStorageInfo.tsx"],"sourcesContent":["import { PlanReplicationSettings } from '../../../@types';\r\nimport classes from './PlanStorageInfo.module.scss';\r\n\r\ninterface PlanStorageInfoProps {\r\n storage: { name: string; type: string; id: string };\r\n storagePath: string;\r\n replicationSettings?: PlanReplicationSettings;\r\n disableTooltip?: boolean;\r\n inline?: boolean;\r\n}\r\n\r\nconst PlanStorageInfo = ({ replicationSettings, storage, storagePath, disableTooltip = true, inline = true }: PlanStorageInfoProps) => {\r\n console.log('replicationSettings :', replicationSettings);\r\n return (\r\n <>\r\n {replicationSettings && replicationSettings.enabled && replicationSettings.storages.length > 0 ? (\r\n <div\r\n className={`${classes.planStorages} ${inline ? classes.inline : ''}`}\r\n data-tooltip-hidden={disableTooltip}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-html={`\r\n <div style=\"display: flex; flex-direction: column; gap: 8px;\">\r\n <div>\r\n <div style=\"display: flex; align-items: center; gap: 8px; margin-top: 4px;\">\r\n <img style=\"width: 24px; height: 24px;\" src=\"/providers/${storage?.type}.png\" />\r\n <div>\r\n <strong style=\"display: block;\">${storage?.name}</strong>\r\n ${storagePath || '/'}\r\n </div>\r\n </div>\r\n </div>\r\n ${replicationSettings.storages\r\n .slice(0, 3)\r\n .map(\r\n (s) => `\r\n <div style=\"display: flex; align-items: center; gap: 8px; margin-top: 4px;\">\r\n <img style=\"width: 24px; height: 24px;\" src=\"/providers/${s?.storageType}.png\" />\r\n <div>\r\n <strong style=\"display: block;\">${s?.storageName} (Mirror)</strong>\r\n ${s?.storagePath || '/'}\r\n </div>\r\n </div>\r\n `,\r\n )\r\n .join('')}\r\n </div>`}\r\n >\r\n <div className={classes.storageWithReplications}>\r\n <div className={classes.storageIcons}>\r\n <img src={`/providers/${storage?.type}.png`} />\r\n {replicationSettings.storages.map((s, index) => (\r\n <img key={s.replicationId} src={`/providers/${s.storageType}.png`} style={{ zIndex: 98 - index }} />\r\n ))}\r\n </div>\r\n <div className={classes.storageName}>{replicationSettings.storages.length + 1} Storages</div>\r\n </div>\r\n </div>\r\n ) : (\r\n <div\r\n className={`${classes.planStorages} ${inline ? classes.inline : ''}`}\r\n data-tooltip-hidden={disableTooltip}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-html={`\r\n <div style=\"display: flex; align-items: center; gap: 8px; margin-top: 4px;\">\r\n <img style=\"width: 24px; height: 24px;\" src=\"/providers/${storage?.type}.png\" />\r\n <div>\r\n <strong style=\"display: block;\">${storage?.name}</strong>\r\n ${storagePath || '/'}\r\n </div>\r\n </div>\r\n `}\r\n >\r\n <img src={`/providers/${storage?.type}.png`} />\r\n <div className={classes.storageName}>{storage?.name}</div>\r\n </div>\r\n )}\r\n </>\r\n );\r\n};\r\n\r\nexport default PlanStorageInfo;\r\n"],"names":["PlanStorageInfo","replicationSettings","storage","storagePath","disableTooltip","inline","jsx","classes","s","jsxs","index"],"mappings":";;AAWA,MAAMA,IAAkB,CAAC,EAAE,qBAAAC,GAAqB,SAAAC,GAAS,aAAAC,GAAa,gBAAAC,IAAiB,IAAM,QAAAC,IAAS,UACnG,QAAQ,IAAI,yBAAyBJ,CAAmB,0BAGjD,UAAAA,KAAuBA,EAAoB,WAAWA,EAAoB,SAAS,SAAS,IAC1F,gBAAAK;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,WAAW,GAAGC,EAAQ,YAAY,IAAIF,IAASE,EAAQ,SAAS,EAAE;AAAA,IAClE,uBAAqBH;AAAA,IACrB,mBAAgB;AAAA,IAChB,sBAAmB;AAAA,IACnB,qBAAmB;AAAA;AAAA;AAAA;AAAA,2FAIyDF,KAAA,gBAAAA,EAAS,IAAI;AAAA;AAAA,sEAElCA,KAAA,gBAAAA,EAAS,IAAI;AAAA,sCAC7CC,KAAe,GAAG;AAAA;AAAA;AAAA;AAAA,6BAI3BF,EAAoB,SAClB,MAAM,GAAG,CAAC,EACV;AAAA,MACE,CAACO,MAAM;AAAA;AAAA,2FAEmDA,KAAA,gBAAAA,EAAG,WAAW;AAAA;AAAA,sEAEnCA,KAAA,gBAAAA,EAAG,WAAW;AAAA,uCAC9CA,KAAA,gBAAAA,EAAG,gBAAe,GAAG;AAAA;AAAA;AAAA;AAAA,IAAA,EAK5B,KAAK,EAAE,CAAC;AAAA;AAAA,IAGxB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWF,EAAQ,yBACrB,UAAA;AAAA,MAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAQ,cACrB,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EAAI,KAAK,cAAcJ,KAAA,gBAAAA,EAAS,IAAI,QAAQ;AAAA,QAC5CD,EAAoB,SAAS,IAAI,CAACO,GAAGE,MACnC,gBAAAJ,EAAC,SAA0B,KAAK,cAAcE,EAAE,WAAW,QAAQ,OAAO,EAAE,QAAQ,KAAKE,EAAA,EAAM,GAArFF,EAAE,aAAsF,CACpG;AAAA,MAAA,GACJ;AAAA,MACA,gBAAAC,EAAC,OAAA,EAAI,WAAWF,EAAQ,aAAc,UAAA;AAAA,QAAAN,EAAoB,SAAS,SAAS;AAAA,QAAE;AAAA,MAAA,EAAA,CAAS;AAAA,IAAA,EAAA,CAC1F;AAAA,EAAA;AAAA,IAGH,gBAAAQ;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,WAAW,GAAGF,EAAQ,YAAY,IAAIF,IAASE,EAAQ,SAAS,EAAE;AAAA,IAClE,uBAAqBH;AAAA,IACrB,mBAAgB;AAAA,IAChB,sBAAmB;AAAA,IACnB,qBAAmB;AAAA;AAAA,wFAEsDF,KAAA,gBAAAA,EAAS,IAAI;AAAA;AAAA,mEAElCA,KAAA,gBAAAA,EAAS,IAAI;AAAA,mCAC7CC,KAAe,GAAG;AAAA;AAAA;AAAA;AAAA,IAKtC,UAAA;AAAA,MAAA,gBAAAG,EAAC,OAAA,EAAI,KAAK,cAAcJ,KAAA,gBAAAA,EAAS,IAAI,QAAQ;AAAA,wBAC5C,OAAA,EAAI,WAAWK,EAAQ,aAAc,iCAAS,KAAA,CAAK;AAAA,IAAA;AAAA,EAAA;AAAA,GAG7D;"}

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

@@ -0,0 +1,16 @@
+const s = "_planStorages_DdpLV", t = "_storageWithReplications_aJsXf", a = "_storageIcons_rXEQe", e = "_inline_QDGT4", o = "_storageName_VtLFx", n = {
+  planStorages: s,
+  storageWithReplications: t,
+  storageIcons: a,
+  inline: e,
+  storageName: o
+};
+export {
+  n as default,
+  e as inline,
+  s as planStorages,
+  a as storageIcons,
+  o as storageName,
+  t as storageWithReplications
+};
+//# sourceMappingURL=PlanStorageInfo.module.scss.js.map

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

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

package/dist-lib/components/Restore/RestoreWizard/RestoreConfirmStep.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RestoreConfirmStep.d.ts","sourceRoot":"","sources":["../../../../src/components/Restore/RestoreWizard/RestoreConfirmStep.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE/E,UAAU,uBAAuB;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,eAAe,CAAC;IAC1B,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,GAAI,8EAA8E,uBAAuB,~~4CA2FhI~~,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1	+ {"version":3,"file":"RestoreConfirmStep.d.ts","sourceRoot":"","sources":["../../../../src/components/Restore/RestoreWizard/RestoreConfirmStep.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE/E,UAAU,uBAAuB;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,eAAe,CAAC;IAC1B,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,GAAI,8EAA8E,uBAAuB,4CA6FhI,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist-lib/components/Restore/RestoreWizard/RestoreConfirmStep.js CHANGED Viewed

@@ -1,77 +1,79 @@
-import { jsxs as r, jsx as t, Fragment as p } from "react/jsx-runtime";
+import { jsxs as o, jsx as s, Fragment as m } from "react/jsx-runtime";
 import { toast as P } from "react-toastify";
 import { useNavigate as R } from "react-router";
 import n from "../../common/Icon/Icon.js";
 import { useRestoreBackup as S } from "../../../services/restores.js";
-import o from "./RestoreWizard.module.scss.js";
-const j = ({ backupId: c, planId: h, settings: s, stats: f, snapshotsStats: g, method: y, goBack: N, close: a }) => {
-  var u;
-  const e = S(), v = R(), i = f, d = y === "sync", C = () => {
-    console.log("restore :", c), e.mutate(
+import t from "./RestoreWizard.module.scss.js";
+const b = ({ backupId: c, planId: h, settings: e, stats: f, snapshotsStats: g, method: y, goBack: N, close: a }) => {
+  var p;
+  const r = S(), v = R(), i = f, d = y === "sync", C = () => {
+    console.log("restore :", c), r.mutate(
       {
         backupId: c,
         planId: h,
-        overwrite: s.overwrite,
-        target: s.type === "custom" ? s.path : "",
-        includes: s.includes,
-        excludes: s.excludes,
-        deleteOption: s.delete
+        overwrite: e.overwrite,
+        target: e.type === "custom" ? e.path : "",
+        includes: e.includes,
+        excludes: e.excludes,
+        deleteOption: e.delete,
+        storageId: e.storageId,
+        replicationId: e.replicationId
       },
       {
         onSuccess: (w, l) => {
           console.log("Success :", w), P.success("Restore Started", { autoClose: 5e3 });
-          const m = l == null ? void 0 : l.planId;
-          m && v(`/plan/${m}?pendingrestore=1`), a();
+          const u = l == null ? void 0 : l.planId;
+          u && v(`/plan/${u}?pendingrestore=1`), a();
         }
       }
     );
   };
-  return /* @__PURE__ */ r("div", { className: o.stepContent, children: [
-    /* @__PURE__ */ r("div", { className: o.step, children: [
-      !e.isSuccess && /* @__PURE__ */ r("div", { className: o.restoreConfirm, children: [
-        /* @__PURE__ */ r("p", { children: [
-          i ? /* @__PURE__ */ r("strong", { children: [
+  return /* @__PURE__ */ o("div", { className: t.stepContent, children: [
+    /* @__PURE__ */ o("div", { className: t.step, children: [
+      !r.isSuccess && /* @__PURE__ */ o("div", { className: t.restoreConfirm, children: [
+        /* @__PURE__ */ o("p", { children: [
+          i ? /* @__PURE__ */ o("strong", { children: [
             i == null ? void 0 : i.files_restored,
             d ? "" : `/${g.total_files} files`
           ] }) : `The content of the Backup (${c}) `,
           " ",
           "will be restored to",
           " ",
-          /* @__PURE__ */ t("strong", { children: s.type === "original" ? d ? "the original source path" : "their original source paths" : `"${s.path}"` }),
+          /* @__PURE__ */ s("strong", { children: e.type === "original" ? d ? "the original source path" : "their original source paths" : `"${e.path}"` }),
           ". Are you sure you want to proceed with the Restore?"
         ] }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ s(
           "button",
           {
-            className: `${o.restoreButton} ${e.isPending ? o.restoreDisabled : ""}`,
+            className: `${t.restoreButton} ${r.isPending ? t.restoreDisabled : ""}`,
             onClick: () => C(),
-            disabled: e.isPending,
-            children: e.isPending ? /* @__PURE__ */ r(p, { children: [
-              /* @__PURE__ */ t(n, { type: "loading", size: 12 }),
+            disabled: r.isPending,
+            children: r.isPending ? /* @__PURE__ */ o(m, { children: [
+              /* @__PURE__ */ s(n, { type: "loading", size: 12 }),
               " Starting Restore..."
-            ] }) : /* @__PURE__ */ r(p, { children: [
-              /* @__PURE__ */ t(n, { type: "restore", size: 14 }),
+            ] }) : /* @__PURE__ */ o(m, { children: [
+              /* @__PURE__ */ s(n, { type: "restore", size: 14 }),
               " Yes, Restore"
             ] })
           }
         )
       ] }),
-      e.isError && /* @__PURE__ */ r("div", { className: o.restoreError, children: [
-        /* @__PURE__ */ t(n, { type: "error", size: 14, color: "red" }),
+      r.isError && /* @__PURE__ */ o("div", { className: t.restoreError, children: [
+        /* @__PURE__ */ s(n, { type: "error", size: 14, color: "red" }),
         " ",
-        ((u = e.error) == null ? void 0 : u.message) || "Failed to Generate Preview"
+        ((p = r.error) == null ? void 0 : p.message) || "Failed to Generate Preview"
       ] })
     ] }),
-    /* @__PURE__ */ r("div", { className: o.footer, children: [
-      /* @__PURE__ */ t("div", { className: o.footerLeft, children: !e.isSuccess && /* @__PURE__ */ r("button", { className: o.backButton, onClick: () => N(), disabled: e.isPending, children: [
-        /* @__PURE__ */ t(n, { type: "arrow-left", size: 14 }),
+    /* @__PURE__ */ o("div", { className: t.footer, children: [
+      /* @__PURE__ */ s("div", { className: t.footerLeft, children: !r.isSuccess && /* @__PURE__ */ o("button", { className: t.backButton, onClick: () => N(), disabled: r.isPending, children: [
+        /* @__PURE__ */ s(n, { type: "arrow-left", size: 14 }),
         " Back"
       ] }) }),
-      /* @__PURE__ */ t("div", { className: o.footerRight, children: /* @__PURE__ */ t("button", { onClick: () => a(), disabled: e.isPending, children: "Cancel" }) })
+      /* @__PURE__ */ s("div", { className: t.footerRight, children: /* @__PURE__ */ s("button", { onClick: () => a(), disabled: r.isPending, children: "Cancel" }) })
     ] })
   ] });
 };
 export {
-  j as default
+  b as default
 };
 //# sourceMappingURL=RestoreConfirmStep.js.map

package/dist-lib/components/Restore/RestoreWizard/RestoreConfirmStep.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RestoreConfirmStep.js","sources":["../../../../src/components/Restore/RestoreWizard/RestoreConfirmStep.tsx"],"sourcesContent":["import { toast } from 'react-toastify';\r\nimport { useNavigate } from 'react-router';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport { useRestoreBackup } from '../../../services/restores';\r\nimport classes from './RestoreWizard.module.scss';\r\nimport { RestoredItemsStats, RestoreSettings } from '../../../@types/restores';\r\n\r\ninterface RestoreConfirmStepProps {\r\n backupId: string;\r\n planId: string;\r\n settings: RestoreSettings;\r\n stats: RestoredItemsStats \| null;\r\n method: string;\r\n snapshotsStats: { total_files: number; total_bytes: number };\r\n goBack: () => void;\r\n close: () => void;\r\n}\r\n\r\nconst RestoreConfirmStep = ({ backupId, planId, settings, stats, snapshotsStats, method, goBack, close }: RestoreConfirmStepProps) => {\r\n const restoreMutation = useRestoreBackup();\r\n const navigate = useNavigate();\r\n const restoreStats = stats;\r\n const isSync = method === 'sync';\r\n\r\n const restoreBackup = () => {\r\n console.log('restore :', backupId);\r\n restoreMutation.mutate(\r\n {\r\n backupId,\r\n planId,\r\n overwrite: settings.overwrite,\r\n target: settings.type === 'custom' ? settings.path : '',\r\n includes: settings.includes,\r\n excludes: settings.excludes,\r\n deleteOption: settings.delete,\r\n },\r\n {\r\n onSuccess: (data: any, variables) => {\r\n console.log('Success :', data);\r\n toast.success(`Restore Started`, { autoClose: 5000 });\r\n const targetPlanId = variables?.planId;\r\n if (targetPlanId) {\r\n navigate(`/plan/${targetPlanId}?pendingrestore=1`);\r\n }\r\n close();\r\n },\r\n },\r\n );\r\n };\r\n\r\n return (\r\n <div className={classes.stepContent}>\r\n <div className={classes.step}>\r\n {!restoreMutation.isSuccess && (\r\n <div className={classes.restoreConfirm}>\r\n <p>\r\n {restoreStats ? (\r\n <strong>\r\n {restoreStats?.files_restored}\r\n {!isSync ? `/${snapshotsStats.total_files} files` : ''}\r\n </strong>\r\n ) : (\r\n `The content of the Backup (${backupId}) `\r\n )}{' '}\r\n will be restored to{' '}\r\n <strong>\r\n {settings.type === 'original' ? (isSync ? 'the original source path' : 'their original source paths') : `\"${settings.path}\"`}\r\n </strong>\r\n . Are you sure you want to proceed with the Restore?\r\n </p>\r\n <button\r\n className={`${classes.restoreButton} ${restoreMutation.isPending ? classes.restoreDisabled : ''}`}\r\n onClick={() => restoreBackup()}\r\n disabled={restoreMutation.isPending}\r\n >\r\n {restoreMutation.isPending ? (\r\n <>\r\n <Icon type=\"loading\" size={12} /> Starting Restore...\r\n </>\r\n ) : (\r\n <>\r\n <Icon type=\"restore\" size={14} /> Yes, Restore\r\n </>\r\n )}\r\n </button>\r\n </div>\r\n )}\r\n {restoreMutation.isError && (\r\n <div className={classes.restoreError}>\r\n <Icon type=\"error\" size={14} color=\"red\" /> {restoreMutation.error?.message \|\| 'Failed to Generate Preview'}\r\n </div>\r\n )}\r\n </div>\r\n <div className={classes.footer}>\r\n <div className={classes.footerLeft}>\r\n {!restoreMutation.isSuccess && (\r\n <button className={classes.backButton} onClick={() => goBack()} disabled={restoreMutation.isPending}>\r\n <Icon type=\"arrow-left\" size={14} /> Back\r\n </button>\r\n )}\r\n </div>\r\n <div className={classes.footerRight}>\r\n <button onClick={() => close()} disabled={restoreMutation.isPending}>\r\n Cancel\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default RestoreConfirmStep;\r\n"],"names":["RestoreConfirmStep","backupId","planId","settings","stats","snapshotsStats","method","goBack","close","restoreMutation","useRestoreBackup","navigate","useNavigate","restoreStats","isSync","restoreBackup","data","variables","toast","targetPlanId","jsxs","classes","jsx","Fragment","Icon","_a"],"mappings":";;;;;;AAkBA,MAAMA,IAAqB,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,GAAO,gBAAAC,GAAgB,QAAAC,GAAQ,QAAAC,GAAQ,OAAAC,QAAqC;;AACnI,QAAMC,IAAkBC,EAAA,GAClBC,IAAWC,EAAA,GACXC,IAAeT,GACfU,IAASR,MAAW,QAEpBS,IAAgB,MAAM;AACzB,YAAQ,IAAI,aAAad,CAAQ,GACjCQ,EAAgB;AAAA,MACb;AAAA,QACG,UAAAR;AAAA,QACA,QAAAC;AAAA,QACA,WAAWC,EAAS;AAAA,QACpB,QAAQA,EAAS,SAAS,WAAWA,EAAS,OAAO;AAAA,QACrD,UAAUA,EAAS;AAAA,QACnB,UAAUA,EAAS;AAAA,QACnB,cAAcA,EAAS;AAAA,MAAA;AAAA,~~MAE1B~~;AAAA,QACG,WAAW,CAACa,GAAWC,MAAc;AAClC,kBAAQ,IAAI,aAAaD,CAAI,GAC7BE,EAAM,QAAQ,mBAAmB,EAAE,WAAW,KAAM;AACpD,gBAAMC,IAAeF,KAAA,gBAAAA,EAAW;AAChC,UAAIE,KACDR,EAAS,SAASQ,CAAY,mBAAmB,GAEpDX,EAAA;AAAA,QACH;AAAA,MAAA;AAAA,IACH;AAAA,EAEN;AAEA,SACG,gBAAAY,EAAC,OAAA,EAAI,WAAWC,EAAQ,aACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,MACpB,UAAA;AAAA,MAAA,CAACZ,EAAgB,aACf,gBAAAW,EAAC,OAAA,EAAI,WAAWC,EAAQ,gBACrB,UAAA;AAAA,QAAA,gBAAAD,EAAC,KAAA,EACG,UAAA;AAAA,UAAAP,sBACG,UAAA,EACG,UAAA;AAAA,YAAAA,KAAA,gBAAAA,EAAc;AAAA,YACbC,IAAkD,KAAzC,IAAIT,EAAe,WAAW;AAAA,UAAW,EAAA,CACvD,IAEA,8BAA8BJ,CAAQ;AAAA,UACtC;AAAA,UAAI;AAAA,UACa;AAAA,UACpB,gBAAAqB,EAAC,UAAA,EACG,UAAAnB,EAAS,SAAS,aAAcW,IAAS,6BAA6B,gCAAiC,IAAIX,EAAS,IAAI,KAC5H;AAAA,UAAS;AAAA,QAAA,GAEZ;AAAA,QACA,gBAAAmB;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,WAAW,GAAGD,EAAQ,aAAa,IAAIZ,EAAgB,YAAYY,EAAQ,kBAAkB,EAAE;AAAA,YAC/F,SAAS,MAAMN,EAAA;AAAA,YACf,UAAUN,EAAgB;AAAA,YAEzB,UAAAA,EAAgB,YACd,gBAAAW,EAAAG,GAAA,EACG,UAAA;AAAA,cAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,WAAU,MAAM,IAAI;AAAA,cAAE;AAAA,YAAA,EAAA,CACpC,IAEA,gBAAAJ,EAAAG,GAAA,EACG,UAAA;AAAA,cAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,WAAU,MAAM,IAAI;AAAA,cAAE;AAAA,YAAA,EAAA,CACpC;AAAA,UAAA;AAAA,QAAA;AAAA,MAEN,GACH;AAAA,MAEFf,EAAgB,WACd,gBAAAW,EAAC,OAAA,EAAI,WAAWC,EAAQ,cACrB,UAAA;AAAA,QAAA,gBAAAC,EAACE,KAAK,MAAK,SAAQ,MAAM,IAAI,OAAM,OAAM;AAAA,QAAE;AAAA,UAAEC,IAAAhB,EAAgB,UAAhB,gBAAAgB,EAAuB,YAAW;AAAA,MAAA,EAAA,CAClF;AAAA,IAAA,GAEN;AAAA,IACA,gBAAAL,EAAC,OAAA,EAAI,WAAWC,EAAQ,QACrB,UAAA;AAAA,MAAA,gBAAAC,EAAC,SAAI,WAAWD,EAAQ,YACpB,UAAA,CAACZ,EAAgB,aACf,gBAAAW,EAAC,UAAA,EAAO,WAAWC,EAAQ,YAAY,SAAS,MAAMd,KAAU,UAAUE,EAAgB,WACvF,UAAA;AAAA,QAAA,gBAAAa,EAACE,GAAA,EAAK,MAAK,cAAa,MAAM,IAAI;AAAA,QAAE;AAAA,MAAA,EAAA,CACvC,EAAA,CAEN;AAAA,MACA,gBAAAF,EAAC,OAAA,EAAI,WAAWD,EAAQ,aACrB,UAAA,gBAAAC,EAAC,UAAA,EAAO,SAAS,MAAMd,KAAS,UAAUC,EAAgB,WAAW,oBAErE,EAAA,CACH;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GACH;AAEN;"}
1	+ {"version":3,"file":"RestoreConfirmStep.js","sources":["../../../../src/components/Restore/RestoreWizard/RestoreConfirmStep.tsx"],"sourcesContent":["import { toast } from 'react-toastify';\r\nimport { useNavigate } from 'react-router';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport { useRestoreBackup } from '../../../services/restores';\r\nimport classes from './RestoreWizard.module.scss';\r\nimport { RestoredItemsStats, RestoreSettings } from '../../../@types/restores';\r\n\r\ninterface RestoreConfirmStepProps {\r\n backupId: string;\r\n planId: string;\r\n settings: RestoreSettings;\r\n stats: RestoredItemsStats \| null;\r\n method: string;\r\n snapshotsStats: { total_files: number; total_bytes: number };\r\n goBack: () => void;\r\n close: () => void;\r\n}\r\n\r\nconst RestoreConfirmStep = ({ backupId, planId, settings, stats, snapshotsStats, method, goBack, close }: RestoreConfirmStepProps) => {\r\n const restoreMutation = useRestoreBackup();\r\n const navigate = useNavigate();\r\n const restoreStats = stats;\r\n const isSync = method === 'sync';\r\n\r\n const restoreBackup = () => {\r\n console.log('restore :', backupId);\r\n restoreMutation.mutate(\r\n {\r\n backupId,\r\n planId,\r\n overwrite: settings.overwrite,\r\n target: settings.type === 'custom' ? settings.path : '',\r\n includes: settings.includes,\r\n excludes: settings.excludes,\r\n deleteOption: settings.delete,\r\n storageId: settings.storageId,\r\n replicationId: settings.replicationId,\r\n },\r\n {\r\n onSuccess: (data: any, variables) => {\r\n console.log('Success :', data);\r\n toast.success(`Restore Started`, { autoClose: 5000 });\r\n const targetPlanId = variables?.planId;\r\n if (targetPlanId) {\r\n navigate(`/plan/${targetPlanId}?pendingrestore=1`);\r\n }\r\n close();\r\n },\r\n },\r\n );\r\n };\r\n\r\n return (\r\n <div className={classes.stepContent}>\r\n <div className={classes.step}>\r\n {!restoreMutation.isSuccess && (\r\n <div className={classes.restoreConfirm}>\r\n <p>\r\n {restoreStats ? (\r\n <strong>\r\n {restoreStats?.files_restored}\r\n {!isSync ? `/${snapshotsStats.total_files} files` : ''}\r\n </strong>\r\n ) : (\r\n `The content of the Backup (${backupId}) `\r\n )}{' '}\r\n will be restored to{' '}\r\n <strong>\r\n {settings.type === 'original' ? (isSync ? 'the original source path' : 'their original source paths') : `\"${settings.path}\"`}\r\n </strong>\r\n . Are you sure you want to proceed with the Restore?\r\n </p>\r\n <button\r\n className={`${classes.restoreButton} ${restoreMutation.isPending ? classes.restoreDisabled : ''}`}\r\n onClick={() => restoreBackup()}\r\n disabled={restoreMutation.isPending}\r\n >\r\n {restoreMutation.isPending ? (\r\n <>\r\n <Icon type=\"loading\" size={12} /> Starting Restore...\r\n </>\r\n ) : (\r\n <>\r\n <Icon type=\"restore\" size={14} /> Yes, Restore\r\n </>\r\n )}\r\n </button>\r\n </div>\r\n )}\r\n {restoreMutation.isError && (\r\n <div className={classes.restoreError}>\r\n <Icon type=\"error\" size={14} color=\"red\" /> {restoreMutation.error?.message \|\| 'Failed to Generate Preview'}\r\n </div>\r\n )}\r\n </div>\r\n <div className={classes.footer}>\r\n <div className={classes.footerLeft}>\r\n {!restoreMutation.isSuccess && (\r\n <button className={classes.backButton} onClick={() => goBack()} disabled={restoreMutation.isPending}>\r\n <Icon type=\"arrow-left\" size={14} /> Back\r\n </button>\r\n )}\r\n </div>\r\n <div className={classes.footerRight}>\r\n <button onClick={() => close()} disabled={restoreMutation.isPending}>\r\n Cancel\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default RestoreConfirmStep;\r\n"],"names":["RestoreConfirmStep","backupId","planId","settings","stats","snapshotsStats","method","goBack","close","restoreMutation","useRestoreBackup","navigate","useNavigate","restoreStats","isSync","restoreBackup","data","variables","toast","targetPlanId","jsxs","classes","jsx","Fragment","Icon","_a"],"mappings":"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"}

package/dist-lib/components/Restore/RestoreWizard/RestorePreviewStep.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RestorePreviewStep.d.ts","sourceRoot":"","sources":["../../../../src/components/Restore/RestoreWizard/RestorePreviewStep.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAIjG,UAAU,uBAAuB;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,eAAe,CAAC;IAC1B,OAAO,EAAE;QAAE,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC;QAAC,KAAK,EAAE,gBAAgB,EAAE,CAAA;KAAE,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,OAAO,EAAE,uBAAuB,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACrE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,GAAI,0FAA0F,uBAAuB,~~4CAsG5I~~,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1	+ {"version":3,"file":"RestorePreviewStep.d.ts","sourceRoot":"","sources":["../../../../src/components/Restore/RestoreWizard/RestorePreviewStep.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAIjG,UAAU,uBAAuB;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,eAAe,CAAC;IAC1B,OAAO,EAAE;QAAE,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC;QAAC,KAAK,EAAE,gBAAgB,EAAE,CAAA;KAAE,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,OAAO,EAAE,uBAAuB,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACrE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,GAAI,0FAA0F,uBAAuB,4CAwG5I,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist-lib/components/Restore/RestoreWizard/RestorePreviewStep.js CHANGED Viewed

@@ -4,9 +4,9 @@ import o from "./RestoreWizard.module.scss.js";
 import { useGetDryRestoreStats as R } from "../../../services/restores.js";
 import B from "../RestoredFileBrowser/RestoredFileBrowser.js";
 import d from "../../common/Icon/Icon.js";
-const E = ({ backupId: n, planId: w, settings: e, preview: m, nextLabel: y, goBack: v, updatePreview: a, goNext: N, close: P }) => {
-  var p;
-  const c = m.stats, b = m.files || [], r = window[`pluton-restore-prev-${n}-settings`], t = R();
+const E = ({ backupId: n, planId: w, settings: e, preview: p, nextLabel: y, goBack: v, updatePreview: a, goNext: N, close: P }) => {
+  var m;
+  const c = p.stats, b = p.files || [], r = window[`pluton-restore-prev-${n}-settings`], t = R();
   C(() => {
     if ((e.includes !== (r == null ? void 0 : r.includes) || e.excludes !== (r == null ? void 0 : r.excludes)) && (a({ files: [], stats: null }), t.reset()), e.delete !== (r == null ? void 0 : r.delete) && (a({ files: [], stats: null }), t.reset()), e.type === "custom" && e.path || e.type === "original") {
       const l = r && (r.type !== e.type || r.path !== e.path || r.overwrite !== e.overwrite);
@@ -22,7 +22,9 @@ const E = ({ backupId: n, planId: w, settings: e, preview: m, nextLabel: y, goBa
         overwrite: e.overwrite,
         includes: e.includes,
         excludes: e.excludes,
-        deleteOption: e.delete
+        deleteOption: e.delete,
+        storageId: e.storageId,
+        replicationId: e.replicationId
       },
       {
         onSuccess: (l) => {
@@ -35,7 +37,7 @@ const E = ({ backupId: n, planId: w, settings: e, preview: m, nextLabel: y, goBa
   return console.log("[RestorePreviewStep] :", e, c), /* @__PURE__ */ i("div", { className: o.stepContent, children: [
     /* @__PURE__ */ i("div", { className: o.step, children: [
       !c && /* @__PURE__ */ i("div", { className: `${o.preview} ${c ? "" : o.previewEmpty}`, children: [
-        t.isError && /* @__PURE__ */ s("div", { className: o.previewError, children: ((p = t.error) == null ? void 0 : p.message) || "Failed to Generate Preview" }),
+        t.isError && /* @__PURE__ */ s("div", { className: o.previewError, children: ((m = t.error) == null ? void 0 : m.message) || "Failed to Generate Preview" }),
         /* @__PURE__ */ s("p", { children: "Before proceeding with the restoration, perform a dry run to preview what files will be restored" }),
         /* @__PURE__ */ s(
           "button",

package/dist-lib/components/Restore/RestoreWizard/RestorePreviewStep.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RestorePreviewStep.js","sources":["../../../../src/components/Restore/RestoreWizard/RestorePreviewStep.tsx"],"sourcesContent":["import { useEffect } from 'react';\r\nimport classes from './RestoreWizard.module.scss';\r\nimport { useGetDryRestoreStats } from '../../../services/restores';\r\nimport { RestoredFileItem, RestoredItemsStats, RestoreSettings } from '../../../@types/restores';\r\nimport RestoredFileBrowser from '../RestoredFileBrowser/RestoredFileBrowser';\r\nimport Icon from '../../common/Icon/Icon';\r\n\r\ninterface RestorePreviewStepProps {\r\n backupId: string;\r\n planId: string;\r\n settings: RestoreSettings;\r\n preview: { stats: RestoredItemsStats \| null; files: RestoredFileItem[] };\r\n nextLabel?: string;\r\n updatePreview: (preview: RestorePreviewStepProps['preview']) => void;\r\n goBack: () => void;\r\n goNext: () => void;\r\n close: () => void;\r\n}\r\n\r\nconst RestorePreviewStep = ({ backupId, planId, settings, preview, nextLabel, goBack, updatePreview, goNext, close }: RestorePreviewStepProps) => {\r\n const restoreStats = preview.stats;\r\n const restoredFiles = preview.files \|\| [];\r\n // const [previousSettings, setPreviousSettings] = useState({ type: 'original', path: '', overwrite: 'always' });\r\n const previousSettings: undefined \| RestorePreviewStepProps['settings'] = (window as any)[`pluton-restore-prev-${backupId}-settings`];\r\n const restoreStatsMutation = useGetDryRestoreStats();\r\n\r\n useEffect(() => {\r\n if (settings.includes !== previousSettings?.includes \|\| settings.excludes !== previousSettings?.excludes) {\r\n updatePreview({ files: [], stats: null });\r\n restoreStatsMutation.reset();\r\n }\r\n if (settings.delete !== previousSettings?.delete) {\r\n updatePreview({ files: [], stats: null });\r\n restoreStatsMutation.reset();\r\n }\r\n if ((settings.type === 'custom' && settings.path) \|\| settings.type === 'original') {\r\n const settingsChanged =\r\n previousSettings &&\r\n (previousSettings.type !== settings.type \|\| previousSettings.path !== settings.path \|\| previousSettings.overwrite !== settings.overwrite);\r\n console.log('settingsChanged :', settingsChanged, settings, previousSettings);\r\n if (settingsChanged) {\r\n updatePreview({ files: [], stats: null });\r\n restoreStatsMutation.reset();\r\n }\r\n }\r\n }, [settings, previousSettings]);\r\n\r\n const getDryRestoreStats = () => {\r\n console.log('restore :', backupId);\r\n\r\n restoreStatsMutation.mutate(\r\n {\r\n backupId: backupId,\r\n planId,\r\n target: settings.type === 'custom' ? settings.path : '',\r\n overwrite: settings.overwrite,\r\n includes: settings.includes,\r\n excludes: settings.excludes,\r\n deleteOption: settings.delete,\r\n },\r\n {\r\n onSuccess: (data) => {\r\n console.log('getDryRestoreStats Data :', data);\r\n updatePreview({ files: data?.result?.files \|\| [], stats: data?.result?.stats \|\| null });\r\n (window as any)[`pluton-restore-prev-${backupId}-settings`] = settings;\r\n },\r\n },\r\n );\r\n };\r\n\r\n console.log('[RestorePreviewStep] :', settings, restoreStats);\r\n\r\n return (\r\n <div className={classes.stepContent}>\r\n <div className={classes.step}>\r\n {!restoreStats && (\r\n <div className={`${classes.preview} ${!restoreStats ? classes.previewEmpty : ''}`}>\r\n {restoreStatsMutation.isError && (\r\n <div className={classes.previewError}>{restoreStatsMutation.error?.message \|\| 'Failed to Generate Preview'}</div>\r\n )}\r\n <p>Before proceeding with the restoration, perform a dry run to preview what files will be restored</p>\r\n <button\r\n className={`${classes.previewButton} ${restoreStatsMutation.isPending ? classes.restoreDisabled : ''}`}\r\n onClick={() => getDryRestoreStats()}\r\n disabled={restoreStatsMutation.isPending}\r\n >\r\n {restoreStatsMutation.isPending ? (\r\n <>\r\n <Icon type=\"loading\" size={12} /> Generating Preview...\r\n </>\r\n ) : (\r\n <>\r\n <Icon type=\"eye\" size={13} /> Generate Preview\r\n </>\r\n )}\r\n </button>\r\n </div>\r\n )}\r\n {restoreStats && <RestoredFileBrowser files={restoredFiles} stats={restoreStats} isPreview={true} />}\r\n </div>\r\n <div className={classes.footer}>\r\n <div className={classes.footerLeft}>\r\n <button className={classes.backButton} onClick={() => goBack()} disabled={restoreStatsMutation.isPending}>\r\n <Icon type=\"arrow-left\" size={14} /> Back\r\n </button>\r\n </div>\r\n <div className={classes.footerRight}>\r\n <button onClick={() => close()} disabled={restoreStatsMutation.isPending}>\r\n Cancel\r\n </button>\r\n <button\r\n title={!restoreStats ? 'Generate the Preview First' : ''}\r\n className={!restoreStats ? classes.restoreDisabled : ''}\r\n onClick={() => ((settings.type === 'custom' && settings.path) \|\| settings.type === 'original') && restoreStats && goNext()}\r\n >\r\n {nextLabel \|\| 'Next: Restore Backup'} <Icon type=\"arrow-right\" size={14} />\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default RestorePreviewStep;\r\n"],"names":["RestorePreviewStep","backupId","planId","settings","preview","nextLabel","goBack","updatePreview","goNext","close","restoreStats","restoredFiles","previousSettings","restoreStatsMutation","useGetDryRestoreStats","useEffect","settingsChanged","getDryRestoreStats","data","_a","_b","jsxs","classes","jsx","Fragment","Icon","RestoredFileBrowser"],"mappings":";;;;;;AAmBA,MAAMA,IAAqB,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,GAAS,WAAAC,GAAW,QAAAC,GAAQ,eAAAC,GAAe,QAAAC,GAAQ,OAAAC,EAAA,MAAqC;;AAC/I,QAAMC,IAAeN,EAAQ,OACvBO,IAAgBP,EAAQ,SAAS,CAAA,GAEjCQ,IAAqE,OAAe,uBAAuBX,CAAQ,WAAW,GAC9HY,IAAuBC,EAAA;AAE7B,EAAAC,EAAU,MAAM;AASb,SARIZ,EAAS,cAAaS,KAAA,gBAAAA,EAAkB,aAAYT,EAAS,cAAaS,KAAA,gBAAAA,EAAkB,eAC7FL,EAAc,EAAE,OAAO,CAAA,GAAI,OAAO,MAAM,GACxCM,EAAqB,MAAA,IAEpBV,EAAS,YAAWS,KAAA,gBAAAA,EAAkB,YACvCL,EAAc,EAAE,OAAO,CAAA,GAAI,OAAO,MAAM,GACxCM,EAAqB,MAAA,IAEnBV,EAAS,SAAS,YAAYA,EAAS,QAASA,EAAS,SAAS,YAAY;AAChF,YAAMa,IACHJ,MACCA,EAAiB,SAAST,EAAS,QAAQS,EAAiB,SAAST,EAAS,QAAQS,EAAiB,cAAcT,EAAS;AAClI,cAAQ,IAAI,qBAAqBa,GAAiBb,GAAUS,CAAgB,GACxEI,MACDT,EAAc,EAAE,OAAO,CAAA,GAAI,OAAO,MAAM,GACxCM,EAAqB,MAAA;AAAA,IAE3B;AAAA,EACH,GAAG,CAACV,GAAUS,CAAgB,CAAC;AAE/B,QAAMK,IAAqB,MAAM;AAC9B,YAAQ,IAAI,aAAahB,CAAQ,GAEjCY,EAAqB;AAAA,MAClB;AAAA,QACG,UAAAZ;AAAA,QACA,QAAAC;AAAA,QACA,QAAQC,EAAS,SAAS,WAAWA,EAAS,OAAO;AAAA,QACrD,WAAWA,EAAS;AAAA,QACpB,UAAUA,EAAS;AAAA,QACnB,UAAUA,EAAS;AAAA,QACnB,cAAcA,EAAS;AAAA,MAAA;AAAA,~~MAE1B~~;AAAA,QACG,WAAW,CAACe,MAAS;;AAClB,kBAAQ,IAAI,6BAA6BA,CAAI,GAC7CX,EAAc,EAAE,SAAOY,IAAAD,KAAA,gBAAAA,EAAM,WAAN,gBAAAC,EAAc,UAAS,IAAI,SAAOC,IAAAF,KAAA,gBAAAA,EAAM,WAAN,gBAAAE,EAAc,UAAS,KAAA,CAAM,GACrF,OAAe,uBAAuBnB,CAAQ,WAAW,IAAIE;AAAA,QACjE;AAAA,MAAA;AAAA,IACH;AAAA,EAEN;AAEA,iBAAQ,IAAI,0BAA0BA,GAAUO,CAAY,GAGzD,gBAAAW,EAAC,OAAA,EAAI,WAAWC,EAAQ,aACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,MACpB,UAAA;AAAA,MAAA,CAACZ,KACC,gBAAAW,EAAC,OAAA,EAAI,WAAW,GAAGC,EAAQ,OAAO,IAAKZ,IAAsC,KAAvBY,EAAQ,YAAiB,IAC3E,UAAA;AAAA,QAAAT,EAAqB,6BAClB,OAAA,EAAI,WAAWS,EAAQ,cAAe,YAAAH,IAAAN,EAAqB,UAArB,gBAAAM,EAA4B,YAAW,6BAAA,CAA6B;AAAA,QAE9G,gBAAAI,EAAC,OAAE,UAAA,mGAAA,CAAgG;AAAA,QACnG,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,WAAW,GAAGD,EAAQ,aAAa,IAAIT,EAAqB,YAAYS,EAAQ,kBAAkB,EAAE;AAAA,YACpG,SAAS,MAAML,EAAA;AAAA,YACf,UAAUJ,EAAqB;AAAA,YAE9B,UAAAA,EAAqB,YACnB,gBAAAQ,EAAAG,GAAA,EACG,UAAA;AAAA,cAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,WAAU,MAAM,IAAI;AAAA,cAAE;AAAA,YAAA,EAAA,CACpC,IAEA,gBAAAJ,EAAAG,GAAA,EACG,UAAA;AAAA,cAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,OAAM,MAAM,IAAI;AAAA,cAAE;AAAA,YAAA,EAAA,CAChC;AAAA,UAAA;AAAA,QAAA;AAAA,MAEN,GACH;AAAA,MAEFf,uBAAiBgB,GAAA,EAAoB,OAAOf,GAAe,OAAOD,GAAc,WAAW,GAAA,CAAM;AAAA,IAAA,GACrG;AAAA,IACA,gBAAAW,EAAC,OAAA,EAAI,WAAWC,EAAQ,QACrB,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,YACrB,4BAAC,UAAA,EAAO,WAAWA,EAAQ,YAAY,SAAS,MAAMhB,EAAA,GAAU,UAAUO,EAAqB,WAC5F,UAAA;AAAA,QAAA,gBAAAU,EAACE,GAAA,EAAK,MAAK,cAAa,MAAM,IAAI;AAAA,QAAE;AAAA,MAAA,EAAA,CACvC,EAAA,CACH;AAAA,MACA,gBAAAJ,EAAC,OAAA,EAAI,WAAWC,EAAQ,aACrB,UAAA;AAAA,QAAA,gBAAAC,EAAC,UAAA,EAAO,SAAS,MAAMd,EAAA,GAAS,UAAUI,EAAqB,WAAW,UAAA,SAAA,CAE1E;AAAA,QACA,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,OAAQX,IAA8C,KAA/B;AAAA,YACvB,WAAYA,IAAyC,KAA1BY,EAAQ;AAAA,YACnC,SAAS,OAAQnB,EAAS,SAAS,YAAYA,EAAS,QAASA,EAAS,SAAS,eAAeO,KAAgBF,EAAA;AAAA,YAEjH,UAAA;AAAA,cAAAH,KAAa;AAAA,cAAuB;AAAA,cAAC,gBAAAkB,EAACE,GAAA,EAAK,MAAK,eAAc,MAAM,GAAA,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC5E,EAAA,CACH;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GACH;AAEN;"}
1	+ {"version":3,"file":"RestorePreviewStep.js","sources":["../../../../src/components/Restore/RestoreWizard/RestorePreviewStep.tsx"],"sourcesContent":["import { useEffect } from 'react';\r\nimport classes from './RestoreWizard.module.scss';\r\nimport { useGetDryRestoreStats } from '../../../services/restores';\r\nimport { RestoredFileItem, RestoredItemsStats, RestoreSettings } from '../../../@types/restores';\r\nimport RestoredFileBrowser from '../RestoredFileBrowser/RestoredFileBrowser';\r\nimport Icon from '../../common/Icon/Icon';\r\n\r\ninterface RestorePreviewStepProps {\r\n backupId: string;\r\n planId: string;\r\n settings: RestoreSettings;\r\n preview: { stats: RestoredItemsStats \| null; files: RestoredFileItem[] };\r\n nextLabel?: string;\r\n updatePreview: (preview: RestorePreviewStepProps['preview']) => void;\r\n goBack: () => void;\r\n goNext: () => void;\r\n close: () => void;\r\n}\r\n\r\nconst RestorePreviewStep = ({ backupId, planId, settings, preview, nextLabel, goBack, updatePreview, goNext, close }: RestorePreviewStepProps) => {\r\n const restoreStats = preview.stats;\r\n const restoredFiles = preview.files \|\| [];\r\n // const [previousSettings, setPreviousSettings] = useState({ type: 'original', path: '', overwrite: 'always' });\r\n const previousSettings: undefined \| RestorePreviewStepProps['settings'] = (window as any)[`pluton-restore-prev-${backupId}-settings`];\r\n const restoreStatsMutation = useGetDryRestoreStats();\r\n\r\n useEffect(() => {\r\n if (settings.includes !== previousSettings?.includes \|\| settings.excludes !== previousSettings?.excludes) {\r\n updatePreview({ files: [], stats: null });\r\n restoreStatsMutation.reset();\r\n }\r\n if (settings.delete !== previousSettings?.delete) {\r\n updatePreview({ files: [], stats: null });\r\n restoreStatsMutation.reset();\r\n }\r\n if ((settings.type === 'custom' && settings.path) \|\| settings.type === 'original') {\r\n const settingsChanged =\r\n previousSettings &&\r\n (previousSettings.type !== settings.type \|\| previousSettings.path !== settings.path \|\| previousSettings.overwrite !== settings.overwrite);\r\n console.log('settingsChanged :', settingsChanged, settings, previousSettings);\r\n if (settingsChanged) {\r\n updatePreview({ files: [], stats: null });\r\n restoreStatsMutation.reset();\r\n }\r\n }\r\n }, [settings, previousSettings]);\r\n\r\n const getDryRestoreStats = () => {\r\n console.log('restore :', backupId);\r\n\r\n restoreStatsMutation.mutate(\r\n {\r\n backupId: backupId,\r\n planId,\r\n target: settings.type === 'custom' ? settings.path : '',\r\n overwrite: settings.overwrite,\r\n includes: settings.includes,\r\n excludes: settings.excludes,\r\n deleteOption: settings.delete,\r\n storageId: settings.storageId,\r\n replicationId: settings.replicationId,\r\n },\r\n {\r\n onSuccess: (data) => {\r\n console.log('getDryRestoreStats Data :', data);\r\n updatePreview({ files: data?.result?.files \|\| [], stats: data?.result?.stats \|\| null });\r\n (window as any)[`pluton-restore-prev-${backupId}-settings`] = settings;\r\n },\r\n },\r\n );\r\n };\r\n\r\n console.log('[RestorePreviewStep] :', settings, restoreStats);\r\n\r\n return (\r\n <div className={classes.stepContent}>\r\n <div className={classes.step}>\r\n {!restoreStats && (\r\n <div className={`${classes.preview} ${!restoreStats ? classes.previewEmpty : ''}`}>\r\n {restoreStatsMutation.isError && (\r\n <div className={classes.previewError}>{restoreStatsMutation.error?.message \|\| 'Failed to Generate Preview'}</div>\r\n )}\r\n <p>Before proceeding with the restoration, perform a dry run to preview what files will be restored</p>\r\n <button\r\n className={`${classes.previewButton} ${restoreStatsMutation.isPending ? classes.restoreDisabled : ''}`}\r\n onClick={() => getDryRestoreStats()}\r\n disabled={restoreStatsMutation.isPending}\r\n >\r\n {restoreStatsMutation.isPending ? (\r\n <>\r\n <Icon type=\"loading\" size={12} /> Generating Preview...\r\n </>\r\n ) : (\r\n <>\r\n <Icon type=\"eye\" size={13} /> Generate Preview\r\n </>\r\n )}\r\n </button>\r\n </div>\r\n )}\r\n {restoreStats && <RestoredFileBrowser files={restoredFiles} stats={restoreStats} isPreview={true} />}\r\n </div>\r\n <div className={classes.footer}>\r\n <div className={classes.footerLeft}>\r\n <button className={classes.backButton} onClick={() => goBack()} disabled={restoreStatsMutation.isPending}>\r\n <Icon type=\"arrow-left\" size={14} /> Back\r\n </button>\r\n </div>\r\n <div className={classes.footerRight}>\r\n <button onClick={() => close()} disabled={restoreStatsMutation.isPending}>\r\n Cancel\r\n </button>\r\n <button\r\n title={!restoreStats ? 'Generate the Preview First' : ''}\r\n className={!restoreStats ? classes.restoreDisabled : ''}\r\n onClick={() => ((settings.type === 'custom' && settings.path) \|\| settings.type === 'original') && restoreStats && goNext()}\r\n >\r\n {nextLabel \|\| 'Next: Restore Backup'} <Icon type=\"arrow-right\" size={14} />\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default RestorePreviewStep;\r\n"],"names":["RestorePreviewStep","backupId","planId","settings","preview","nextLabel","goBack","updatePreview","goNext","close","restoreStats","restoredFiles","previousSettings","restoreStatsMutation","useGetDryRestoreStats","useEffect","settingsChanged","getDryRestoreStats","data","_a","_b","jsxs","classes","jsx","Fragment","Icon","RestoredFileBrowser"],"mappings":"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"}

package/dist-lib/components/Restore/RestoreWizard/RestoreSettingsStep.d.ts CHANGED Viewed

@@ -1,11 +1,19 @@
 import { RestoreSettings } from '../../../@types/restores';
-interface settingsStepProps {
+import { Backup } from '../../..';
+interface RestoreSettingsStepProps {
     backupId: string;
+    deviceId: string;
     settings: RestoreSettings;
-    updateSettings: (settings: settingsStepProps['settings']) => void;
+    mirrors?: Backup['mirrors'];
+    primaryStorage: {
+        id: string;
+        type: string;
+        name: string;
+    };
+    updateSettings: (settings: RestoreSettingsStepProps['settings']) => void;
     goNext: () => void;
     close: () => void;
 }
-declare const settingsStep: ({ backupId, settings, updateSettings, goNext, close }: settingsStepProps) => import("react/jsx-runtime").JSX.Element;
-export default settingsStep;
+declare const RestoreSettingsStep: ({ settings, mirrors, primaryStorage, updateSettings, goNext, close, deviceId }: RestoreSettingsStepProps) => import("react/jsx-runtime").JSX.Element;
+export default RestoreSettingsStep;
 //# sourceMappingURL=RestoreSettingsStep.d.ts.map

package/dist-lib/components/Restore/RestoreWizard/RestoreSettingsStep.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RestoreSettingsStep.d.ts","sourceRoot":"","sources":["../../../../src/components/Restore/RestoreWizard/RestoreSettingsStep.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;~~AAG3D~~,UAAU,~~iBAAiB~~;~~IACxB~~,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,eAAe,CAAC;IAC1B,cAAc,EAAE,CAAC,QAAQ,EAAE,~~iBAAiB~~,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;~~IAClE~~,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,QAAA,MAAM,~~YAAY~~,GAAI,~~uDAAuD~~,~~iBAAiB~~,~~4CAuJ7F~~,CAAC;AAEF,eAAe,~~YAAY~~,CAAC"}
1	+ {"version":3,"file":"RestoreSettingsStep.d.ts","sourceRoot":"","sources":["../../../../src/components/Restore/RestoreWizard/RestoreSettingsStep.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,UAAU,wBAAwB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,eAAe,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5B,cAAc,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3D,cAAc,EAAE,CAAC,QAAQ,EAAE,wBAAwB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACzE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,QAAA,MAAM,mBAAmB,GAAI,gFAAqF,wBAAwB,4CA0KzI,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist-lib/components/Restore/RestoreWizard/RestoreSettingsStep.js CHANGED Viewed

@@ -1,47 +1,61 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useState as d } from "react";
-import w from "../../common/form/Select/Select.js";
-import k from "../../common/form/Input/Input.js";
+import { useState as p } from "react";
+import v from "../../common/form/Select/Select.js";
+import b from "../../common/form/Input/Input.js";
 import t from "../../common/Icon/Icon.js";
 import l from "./RestoreWizard.module.scss.js";
-import u from "../../common/FolderPicker/FolderPicker.js";
-import b from "../../common/form/Toggle/Toggle.js";
-const R = ({ backupId: s, settings: i, updateSettings: c, goNext: v, close: f }) => {
-  const [m, a] = d(!1), [h, n] = d(!1), p = () => {
-    i.type === "custom" && i.path || i.type === "original" ? v() : n(!0);
+import y from "../../common/FolderPicker/FolderPicker.js";
+import N from "../../common/form/Toggle/Toggle.js";
+const z = ({ settings: i, mirrors: a = [], primaryStorage: d, updateSettings: c, goNext: m, close: f, deviceId: w }) => {
+  const [k, n] = p(!1), [h, s] = p(!1), u = () => {
+    i.type === "custom" && i.path || i.type === "original" ? m() : s(!0);
   };
   return /* @__PURE__ */ r("div", { className: l.stepContent, children: [
     /* @__PURE__ */ r("div", { className: l.step, children: [
-      /* @__PURE__ */ r("p", { children: [
-        "Select where you want to restore ",
-        /* @__PURE__ */ r("strong", { children: [
-          '"backup-',
-          s,
-          '"'
-        ] })
-      ] }),
+      a && a.length > 0 && /* @__PURE__ */ e("div", { className: l.settingBlock, children: /* @__PURE__ */ e(
+        v,
+        {
+          customClasses: l.storageSelect,
+          label: "Select Storage to Restore From",
+          options: [
+            {
+              label: d.name + " (Primary)",
+              value: "primary",
+              image: /* @__PURE__ */ e("img", { src: `/providers/${d.type}.png` })
+            },
+            ...a.map((o) => ({
+              label: o.storageName + " (Mirror)",
+              value: o.replicationId,
+              image: /* @__PURE__ */ e("img", { src: `/providers/${o.storageType}.png` })
+            }))
+          ],
+          fieldValue: i.replicationId || d.id,
+          full: !0,
+          onUpdate: (o) => c({ ...i, replicationId: o === "primary" ? void 0 : o })
+        }
+      ) }),
       /* @__PURE__ */ e("div", { className: l.settingBlock, children: /* @__PURE__ */ e(
-        w,
+        v,
         {
-          label: "",
+          label: "Select where you want to restore the backup",
           options: [
             { label: "Restore to Original Path(s)", value: "original" },
             { label: "Restore to a Custom Path", value: "custom" }
           ],
-          fieldValue: i.type || "sun",
+          fieldValue: i.type || "original",
           onUpdate: (o) => c({ ...i, type: o }),
           full: !0
         }
       ) }),
       i.type === "custom" && /* @__PURE__ */ r("div", { className: `${l.settingBlock} ${h ? l.settingBlockError : ""}`, children: [
         /* @__PURE__ */ e(
-          k,
+          b,
           {
             label: "Restore Backup To",
             placeholder: "Restore Path",
             fieldValue: i.path,
             onUpdate: (o) => {
-              c({ ...i, path: o }), h && n(!1);
+              c({ ...i, path: o }), h && s(!1);
             },
             full: !0
           }
@@ -53,7 +67,7 @@ const R = ({ backupId: s, settings: i, updateSettings: c, goNext: v, close: f })
             "data-tooltip-content": "Open FileManager to Select Path",
             "data-tooltip-place": "top",
             className: l.fileManagerBtn,
-            onClick: () => a(!0),
+            onClick: () => n(!0),
             children: /* @__PURE__ */ e(t, { type: "folders", size: 16 })
           }
         )
@@ -120,14 +134,12 @@ const R = ({ backupId: s, settings: i, updateSettings: c, goNext: v, close: f })
         ] })
       ] }) }),
       /* @__PURE__ */ e("div", { className: l.settingBlock, children: /* @__PURE__ */ e(
-        b,
+        N,
         {
           label: "Delete Files that are not in the Snapshot from the Target Restore Path",
           fieldValue: i.delete,
           inline: !1,
-          onUpdate: (o) => {
-            c({ ...i, delete: o });
-          }
+          onUpdate: (o) => c({ ...i, delete: o })
         }
       ) })
     ] }),
@@ -135,26 +147,26 @@ const R = ({ backupId: s, settings: i, updateSettings: c, goNext: v, close: f })
       /* @__PURE__ */ e("div", { className: l.footerLeft }),
       /* @__PURE__ */ r("div", { className: l.footerRight, children: [
         /* @__PURE__ */ e("button", { onClick: () => f(), children: "Cancel" }),
-        /* @__PURE__ */ r("button", { onClick: () => p(), children: [
+        /* @__PURE__ */ r("button", { onClick: () => u(), children: [
           "Next: Select Files to Restore ",
           /* @__PURE__ */ e(t, { type: "arrow-right", size: 14 })
         ] })
       ] })
     ] }),
-    m && /* @__PURE__ */ e(
-      u,
+    k && /* @__PURE__ */ e(
+      y,
       {
-        deviceId: "main",
+        deviceId: w || "main",
         title: "Choose a Path to Restore",
         footerText: "Select a Path where you want to restore your backup",
         selected: i.path,
-        close: () => a(!1),
+        close: () => n(!1),
         onSelect: (o) => c({ ...i, path: o })
       }
     )
   ] });
 };
 export {
-  R as default
+  z as default
 };
 //# sourceMappingURL=RestoreSettingsStep.js.map