@plutonhq/core-frontend 0.0.1

package/dist/components/Restore/RestoreWizard/RestorePreviewStep.js

@@ -0,0 +1,85 @@
+import { jsxs as i, jsx as s, Fragment as u } from "react/jsx-runtime";
+import { useEffect as P } from "react";
+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: b }) => {
+  var p;
+  const c = m.stats, x = m.files || [], r = window[`pluton-restore-prev-${n}-settings`], t = R();
+  P(() => {
+    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);
+      console.log("settingsChanged :", l, e, r), l && (a({ files: [], stats: null }), t.reset());
+    }
+  }, [e, r]);
+  const C = () => {
+    console.log("restore :", n), t.mutate(
+      {
+        backupId: n,
+        planId: w,
+        target: e.type === "custom" ? e.path : "",
+        overwrite: e.overwrite,
+        includes: e.includes,
+        excludes: e.excludes,
+        deleteOption: e.delete
+      },
+      {
+        onSuccess: (l) => {
+          var f, h;
+          console.log("getDryRestoreStats Data :", l), a({ files: ((f = l == null ? void 0 : l.result) == null ? void 0 : f.files) || [], stats: ((h = l == null ? void 0 : l.result) == null ? void 0 : h.stats) || null }), window[`pluton-restore-prev-${n}-settings`] = e;
+        }
+      }
+    );
+  };
+  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" }),
+        /* @__PURE__ */ s("p", { children: "Before proceeding with the restoration, perform a dry run to preview what files will be restored" }),
+        /* @__PURE__ */ s(
+          "button",
+          {
+            className: `${o.previewButton} ${t.isPending ? o.restoreDisabled : ""}`,
+            onClick: () => C(),
+            disabled: t.isPending,
+            children: t.isPending ? /* @__PURE__ */ i(u, { children: [
+              /* @__PURE__ */ s(d, { type: "loading", size: 12 }),
+              " Generating Preview..."
+            ] }) : /* @__PURE__ */ i(u, { children: [
+              /* @__PURE__ */ s(d, { type: "eye", size: 13 }),
+              " Generate Preview"
+            ] })
+          }
+        )
+      ] }),
+      c && /* @__PURE__ */ s(B, { files: x, stats: c })
+    ] }),
+    /* @__PURE__ */ i("div", { className: o.footer, children: [
+      /* @__PURE__ */ s("div", { className: o.footerLeft, children: /* @__PURE__ */ i("button", { className: o.backButton, onClick: () => v(), disabled: t.isPending, children: [
+        /* @__PURE__ */ s(d, { type: "arrow-left", size: 14 }),
+        " Back"
+      ] }) }),
+      /* @__PURE__ */ i("div", { className: o.footerRight, children: [
+        /* @__PURE__ */ s("button", { onClick: () => b(), disabled: t.isPending, children: "Cancel" }),
+        /* @__PURE__ */ i(
+          "button",
+          {
+            title: c ? "" : "Generate the Preview First",
+            className: c ? "" : o.restoreDisabled,
+            onClick: () => (e.type === "custom" && e.path || e.type === "original") && c && N(),
+            children: [
+              y || "Next: Restore Backup",
+              " ",
+              /* @__PURE__ */ s(d, { type: "arrow-right", size: 14 })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+export {
+  E as default
+};
+//# sourceMappingURL=RestorePreviewStep.js.map

package/dist/components/Restore/RestoreWizard/RestorePreviewStep.js.map

@@ -0,0 +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} />}\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/components/Restore/RestoreWizard/RestoreSettingsStep.d.ts

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

package/dist/components/Restore/RestoreWizard/RestoreSettingsStep.d.ts.map

@@ -0,0 +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"}

package/dist/components/Restore/RestoreWizard/RestoreSettingsStep.js

@@ -0,0 +1,160 @@
+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 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);
+  };
+  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,
+          '"'
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: l.settingBlock, children: /* @__PURE__ */ e(
+        w,
+        {
+          label: "",
+          options: [
+            { label: "Restore to Original Path(s)", value: "original" },
+            { label: "Restore to a Custom Path", value: "custom" }
+          ],
+          fieldValue: i.type || "sun",
+          onUpdate: (o) => c({ ...i, type: o }),
+          full: !0
+        }
+      ) }),
+      i.type === "custom" && /* @__PURE__ */ r("div", { className: `${l.settingBlock} ${h ? l.settingBlockError : ""}`, children: [
+        /* @__PURE__ */ e(
+          k,
+          {
+            label: "Restore Backup To",
+            placeholder: "Restore Path",
+            fieldValue: i.path,
+            onUpdate: (o) => {
+              c({ ...i, path: o }), h && n(!1);
+            },
+            full: !0
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            "data-tooltip-id": "appTooltip",
+            "data-tooltip-content": "Open FileManager to Select Path",
+            "data-tooltip-place": "top",
+            className: l.fileManagerBtn,
+            onClick: () => a(!0),
+            children: /* @__PURE__ */ e(t, { type: "folders", size: 16 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: l.settingBlock, children: /* @__PURE__ */ r("div", { className: l.checkboxSettings, children: [
+        /* @__PURE__ */ e("div", { className: l.label, children: "Overwrite Policy" }),
+        /* @__PURE__ */ r("div", { className: l.checkboxSettingsOpts, children: [
+          /* @__PURE__ */ r(
+            "div",
+            {
+              onClick: () => c({ ...i, overwrite: "always" }),
+              className: ` ${l.checkboxOption} ${i.overwrite === "always" ? l.checkboxOptionActive : ""} `,
+              children: [
+                /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, { type: i.overwrite === "always" ? "check-circle-filled" : "check-circle", size: 16 }) }),
+                /* @__PURE__ */ r("div", { children: [
+                  /* @__PURE__ */ e("h5", { children: "Always Overwrite (Default)" }),
+                  /* @__PURE__ */ e("div", { children: "Always overwrites already existing files. Existing file content will be verified first and only mismatching parts will be restored to minimize downloads. Updates the metadata of all files." })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              onClick: () => c({ ...i, overwrite: "if-changed" }),
+              className: ` ${l.checkboxOption} ${i.overwrite === "if-changed" ? l.checkboxOptionActive : ""} `,
+              children: [
+                /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, { type: i.overwrite === "if-changed" ? "check-circle-filled" : "check-circle", size: 16 }) }),
+                /* @__PURE__ */ r("div", { children: [
+                  /* @__PURE__ */ e("h5", { children: "Overwrite If Changed" }),
+                  /* @__PURE__ */ e("div", { children: "Like the previous case, but speeds up the file content check by assuming that files with matching size and modification time (mtime) are already up to date. In case of a mismatch, the full file content is verified. Updates the metadata of all files." })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              onClick: () => c({ ...i, overwrite: "if-newer" }),
+              className: ` ${l.checkboxOption} ${i.overwrite === "if-newer" ? l.checkboxOptionActive : ""} `,
+              children: [
+                /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, { type: i.overwrite === "if-newer" ? "check-circle-filled" : "check-circle", size: 16 }) }),
+                /* @__PURE__ */ r("div", { children: [
+                  /* @__PURE__ */ e("h5", { children: "Overwrite If Newer" }),
+                  /* @__PURE__ */ e("div", { children: "Only overwrite existing files if the file in the snapshot has a newer modification time (mtime)." })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              onClick: () => c({ ...i, overwrite: "never" }),
+              className: ` ${l.checkboxOption} ${i.overwrite === "never" ? l.checkboxOptionActive : ""} `,
+              children: [
+                /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, { type: i.overwrite === "never" ? "check-circle-filled" : "check-circle", size: 16 }) }),
+                /* @__PURE__ */ r("div", { children: [
+                  /* @__PURE__ */ e("h5", { children: "Never Overwrite" }),
+                  /* @__PURE__ */ e("div", { children: "Never overwrite existing files." })
+                ] })
+              ]
+            }
+          )
+        ] })
+      ] }) }),
+      /* @__PURE__ */ e("div", { className: l.settingBlock, children: /* @__PURE__ */ e(
+        b,
+        {
+          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 });
+          }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: l.footer, children: [
+      /* @__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: [
+          "Next: Select Files to Restore ",
+          /* @__PURE__ */ e(t, { type: "arrow-right", size: 14 })
+        ] })
+      ] })
+    ] }),
+    m && /* @__PURE__ */ e(
+      u,
+      {
+        deviceId: "main",
+        title: "Choose a Path to Restore",
+        footerText: "Select a Path where you want to restore your backup",
+        selected: i.path,
+        close: () => a(!1),
+        onSelect: (o) => c({ ...i, path: o })
+      }
+    )
+  ] });
+};
+export {
+  R as default
+};
+//# sourceMappingURL=RestoreSettingsStep.js.map

package/dist/components/Restore/RestoreWizard/RestoreSettingsStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RestoreSettingsStep.js","sources":["../../../../src/components/Restore/RestoreWizard/RestoreSettingsStep.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport Select from '../../common/form/Select/Select';\r\nimport Input from '../../common/form/Input/Input';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport classes from './RestoreWizard.module.scss';\r\nimport FolderPicker from '../../common/FolderPicker/FolderPicker';\r\nimport { RestoreSettings } from '../../../@types/restores';\r\nimport Toggle from '../../common/form/Toggle/Toggle';\r\n\r\ninterface settingsStepProps {\r\n   backupId: string;\r\n   settings: RestoreSettings;\r\n   updateSettings: (settings: settingsStepProps['settings']) => void;\r\n   goNext: () => void;\r\n   close: () => void;\r\n}\r\n\r\nconst settingsStep = ({ backupId, settings, updateSettings, goNext, close }: settingsStepProps) => {\r\n   const [showFileManager, setShowFileManager] = useState(false);\r\n   const [showCustomPathError, setShowCustomPathError] = useState(false);\r\n\r\n   const gotoPreviewStep = () => {\r\n      if ((settings.type === 'custom' && settings.path) || settings.type === 'original') {\r\n         goNext();\r\n      } else {\r\n         setShowCustomPathError(true);\r\n      }\r\n   };\r\n\r\n   return (\r\n      <div className={classes.stepContent}>\r\n         <div className={classes.step}>\r\n            <p>\r\n               Select where you want to restore <strong>\"backup-{backupId}\"</strong>\r\n            </p>\r\n            <div className={classes.settingBlock}>\r\n               <Select\r\n                  label=\"\"\r\n                  options={[\r\n                     { label: 'Restore to Original Path(s)', value: 'original' },\r\n                     { label: 'Restore to a Custom Path', value: 'custom' },\r\n                  ]}\r\n                  fieldValue={settings.type || 'sun'}\r\n                  onUpdate={(val: string) => updateSettings({ ...settings, type: val as 'original' | 'custom' })}\r\n                  full={true}\r\n               />\r\n            </div>\r\n            {settings.type === 'custom' && (\r\n               <div className={`${classes.settingBlock} ${showCustomPathError ? classes.settingBlockError : ''}`}>\r\n                  <Input\r\n                     label=\"Restore Backup To\"\r\n                     placeholder=\"Restore Path\"\r\n                     fieldValue={settings.path}\r\n                     onUpdate={(val) => {\r\n                        updateSettings({ ...settings, path: val });\r\n                        if (showCustomPathError) {\r\n                           setShowCustomPathError(false);\r\n                        }\r\n                     }}\r\n                     full={true}\r\n                  />\r\n                  <button\r\n                     data-tooltip-id=\"appTooltip\"\r\n                     data-tooltip-content=\"Open FileManager to Select Path\"\r\n                     data-tooltip-place=\"top\"\r\n                     className={classes.fileManagerBtn}\r\n                     onClick={() => setShowFileManager(true)}\r\n                  >\r\n                     <Icon type=\"folders\" size={16} />\r\n                  </button>\r\n               </div>\r\n            )}\r\n\r\n            <div className={classes.settingBlock}>\r\n               <div className={classes.checkboxSettings}>\r\n                  <div className={classes.label}>Overwrite Policy</div>\r\n                  <div className={classes.checkboxSettingsOpts}>\r\n                     <div\r\n                        onClick={() => updateSettings({ ...settings, overwrite: 'always' })}\r\n                        className={` ${classes.checkboxOption} ${settings.overwrite === 'always' ? classes.checkboxOptionActive : ''} `}\r\n                     >\r\n                        <div>\r\n                           <Icon type={settings.overwrite === 'always' ? 'check-circle-filled' : 'check-circle'} size={16} />\r\n                        </div>\r\n                        <div>\r\n                           <h5>Always Overwrite (Default)</h5>\r\n                           <div>\r\n                              Always overwrites already existing files. Existing file content will be verified first and only mismatching parts will\r\n                              be restored to minimize downloads. Updates the metadata of all files.\r\n                           </div>\r\n                        </div>\r\n                     </div>\r\n                     <div\r\n                        onClick={() => updateSettings({ ...settings, overwrite: 'if-changed' })}\r\n                        className={` ${classes.checkboxOption} ${settings.overwrite === 'if-changed' ? classes.checkboxOptionActive : ''} `}\r\n                     >\r\n                        <div>\r\n                           <Icon type={settings.overwrite === 'if-changed' ? 'check-circle-filled' : 'check-circle'} size={16} />\r\n                        </div>\r\n                        <div>\r\n                           <h5>Overwrite If Changed</h5>\r\n                           <div>\r\n                              Like the previous case, but speeds up the file content check by assuming that files with matching size and modification\r\n                              time (mtime) are already up to date. In case of a mismatch, the full file content is verified. Updates the metadata of\r\n                              all files.\r\n                           </div>\r\n                        </div>\r\n                     </div>\r\n                     <div\r\n                        onClick={() => updateSettings({ ...settings, overwrite: 'if-newer' })}\r\n                        className={` ${classes.checkboxOption} ${settings.overwrite === 'if-newer' ? classes.checkboxOptionActive : ''} `}\r\n                     >\r\n                        <div>\r\n                           <Icon type={settings.overwrite === 'if-newer' ? 'check-circle-filled' : 'check-circle'} size={16} />\r\n                        </div>\r\n                        <div>\r\n                           <h5>Overwrite If Newer</h5>\r\n                           <div>Only overwrite existing files if the file in the snapshot has a newer modification time (mtime).</div>\r\n                        </div>\r\n                     </div>\r\n                     <div\r\n                        onClick={() => updateSettings({ ...settings, overwrite: 'never' })}\r\n                        className={` ${classes.checkboxOption} ${settings.overwrite === 'never' ? classes.checkboxOptionActive : ''} `}\r\n                     >\r\n                        <div>\r\n                           <Icon type={settings.overwrite === 'never' ? 'check-circle-filled' : 'check-circle'} size={16} />\r\n                        </div>\r\n                        <div>\r\n                           <h5>Never Overwrite</h5>\r\n                           <div>Never overwrite existing files.</div>\r\n                        </div>\r\n                     </div>\r\n                  </div>\r\n               </div>\r\n            </div>\r\n            <div className={classes.settingBlock}>\r\n               <Toggle\r\n                  label=\"Delete Files that are not in the Snapshot from the Target Restore Path\"\r\n                  fieldValue={settings.delete}\r\n                  inline={false}\r\n                  onUpdate={(val) => {\r\n                     updateSettings({ ...settings, delete: val });\r\n                  }}\r\n               />\r\n            </div>\r\n         </div>\r\n         <div className={classes.footer}>\r\n            <div className={classes.footerLeft}></div>\r\n            <div className={classes.footerRight}>\r\n               <button onClick={() => close()}>Cancel</button>\r\n               <button onClick={() => gotoPreviewStep()}>\r\n                  Next: Select Files to Restore <Icon type=\"arrow-right\" size={14} />\r\n               </button>\r\n            </div>\r\n         </div>\r\n\r\n         {showFileManager && (\r\n            <FolderPicker\r\n               deviceId={'main'}\r\n               title=\"Choose a Path to Restore\"\r\n               footerText=\"Select a Path where you want to restore your backup\"\r\n               selected={settings.path}\r\n               close={() => setShowFileManager(false)}\r\n               onSelect={(p) => updateSettings({ ...settings, path: p })}\r\n            />\r\n         )}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default settingsStep;\r\n"],"names":["settingsStep","backupId","settings","updateSettings","goNext","close","showFileManager","setShowFileManager","useState","showCustomPathError","setShowCustomPathError","gotoPreviewStep","jsxs","classes","jsx","Select","val","Input","Icon","Toggle","FolderPicker","p"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RestoreWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/Restore/RestoreWizard/RestoreWizard.tsx"],"names":[],"mappings":"AAWA,UAAU,kBAAkB;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,GAAI,6BAA6B,kBAAkB,4CAmHrE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Restore/RestoreWizard/RestoreWizard.js

@@ -0,0 +1,115 @@
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { useState as h, useMemo as x } from "react";
+import { useIsFetching as P, useIsMutating as R } from "@tanstack/react-query";
+import o from "../../common/Icon/Icon.js";
+import s from "./RestoreWizard.module.scss.js";
+import k from "./RestoreSettingsStep.js";
+import $ from "./RestorePreviewStep.js";
+import C from "./RestoreConfirmStep.js";
+import { useGetSnapshotFiles as F } from "../../../services/backups.js";
+import B from "./RestoreFileSelectorStep.js";
+const J = ({ backupId: c, planId: u, close: l }) => {
+  const [e, n] = h(1), [p, g] = h({
+    type: "original",
+    path: "",
+    overwrite: "always",
+    includes: [],
+    excludes: [],
+    delete: !1
+  }), [S, v] = h({ stats: null, files: [] }), y = P(), N = R(), f = y > 0 || N > 0, { data: a, error: m } = F({ backupId: c }), d = a != null && a.result && Array.isArray(a.result) ? a.result : [], z = x(() => ({
+    total_files: d.length,
+    total_bytes: d.reduce((i, w) => i + w.size, 0)
+  }), [d]);
+  return /* @__PURE__ */ t("div", { className: s.restoreWizard, children: /* @__PURE__ */ r("div", { className: s.content, style: { maxWidth: (e === 2 || e === 3) && 1200 || void 0 }, children: [
+    /* @__PURE__ */ r("div", { className: s.header, children: [
+      /* @__PURE__ */ r("h3", { children: [
+        /* @__PURE__ */ t(o, { type: "restore", size: 16 }),
+        " Restore Backup"
+      ] }),
+      /* @__PURE__ */ t("button", { className: s.close, onClick: () => !f && l(), children: /* @__PURE__ */ t(o, { type: "close", size: 24 }) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: s.steps, children: /* @__PURE__ */ r("ul", { children: [
+      /* @__PURE__ */ r("li", { className: ` ${e >= 1 ? s.stepCurrent : ""}  ${e > 1 ? s.stepPassed : ""}`, children: [
+        /* @__PURE__ */ r("span", { children: [
+          e > 1 && /* @__PURE__ */ t(o, { type: "check", size: 11 }),
+          e === 1 ? "●" : ""
+        ] }),
+        /* @__PURE__ */ t("i", { children: "Settings" })
+      ] }),
+      /* @__PURE__ */ r("li", { className: ` ${e >= 2 ? s.stepCurrent : ""}  ${e > 2 ? s.stepPassed : ""}`, children: [
+        /* @__PURE__ */ r("span", { children: [
+          e > 2 && /* @__PURE__ */ t(o, { type: "check", size: 11 }),
+          e === 2 ? "●" : ""
+        ] }),
+        /* @__PURE__ */ t("i", { children: "Select Files" })
+      ] }),
+      /* @__PURE__ */ r("li", { className: ` ${e >= 3 ? s.stepCurrent : ""} ${e > 3 ? s.stepPassed : ""}`, children: [
+        /* @__PURE__ */ r("span", { children: [
+          e > 3 && /* @__PURE__ */ t(o, { type: "check", size: 11 }),
+          e === 3 ? "●" : ""
+        ] }),
+        /* @__PURE__ */ t("i", { children: "Preview" })
+      ] }),
+      /* @__PURE__ */ r("li", { className: ` ${e === 4 ? s.stepCurrent : ""}`, children: [
+        /* @__PURE__ */ t("span", { children: e === 4 && /* @__PURE__ */ t(o, { type: "check", size: 11 }) }),
+        /* @__PURE__ */ t("i", { children: "Restore" })
+      ] })
+    ] }) }),
+    e === 1 && /* @__PURE__ */ t(
+      k,
+      {
+        backupId: c,
+        settings: p,
+        updateSettings: (i) => g(i),
+        goNext: () => n(2),
+        close: l
+      }
+    ),
+    e === 2 && /* @__PURE__ */ t(
+      B,
+      {
+        backupId: c,
+        settings: p,
+        updateSettings: (i) => g(i),
+        files: d,
+        isLoading: f,
+        errorFetching: (m == null ? void 0 : m.message) || null,
+        currentStep: e,
+        goBack: () => e > 0 && n(e - 1),
+        goNext: () => n(3),
+        close: l,
+        method: "backup"
+      }
+    ),
+    e === 3 && /* @__PURE__ */ t(
+      $,
+      {
+        backupId: c,
+        planId: u,
+        settings: p,
+        preview: S,
+        updatePreview: (i) => v(i),
+        goBack: () => e > 0 && n(e - 1),
+        goNext: () => n(4),
+        close: l
+      }
+    ),
+    e === 4 && /* @__PURE__ */ t(
+      C,
+      {
+        backupId: c,
+        planId: u,
+        settings: p,
+        stats: S.stats,
+        snapshotsStats: z,
+        method: "backup",
+        goBack: () => e > 0 && n(e - 1),
+        close: l
+      }
+    )
+  ] }) });
+};
+export {
+  J as default
+};
+//# sourceMappingURL=RestoreWizard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RestoreWizard.js","sources":["../../../../src/components/Restore/RestoreWizard/RestoreWizard.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\r\nimport { useIsFetching, useIsMutating } from '@tanstack/react-query';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport classes from './RestoreWizard.module.scss';\r\nimport RestoreSettingsStep from './RestoreSettingsStep';\r\nimport RestorePreviewStep from './RestorePreviewStep';\r\nimport RestoreConfirmStep from './RestoreConfirmStep';\r\nimport { RestoredFileItem, RestoredItemsStats, RestoreFileItem, RestoreSettings } from '../../../@types/restores';\r\nimport { useGetSnapshotFiles } from '../../../services/backups';\r\nimport RestoreFileSelectorStep from './RestoreFileSelectorStep';\r\n\r\ninterface RestoreWizardProps {\r\n   backupId: string;\r\n   planId: string;\r\n   close: () => void;\r\n}\r\n\r\nconst RestoreWizard = ({ backupId, planId, close }: RestoreWizardProps) => {\r\n   const [step, setStep] = useState(1);\r\n   const [restoreSettings, setRestoreSettings] = useState<RestoreSettings>({\r\n      type: 'original',\r\n      path: '',\r\n      overwrite: 'always',\r\n      includes: [],\r\n      excludes: [],\r\n      delete: false,\r\n   });\r\n   const [restorePreview, setRestorePreview] = useState<{ stats: RestoredItemsStats | null; files: RestoredFileItem[] }>({ stats: null, files: [] });\r\n   const isFetching = useIsFetching();\r\n   const isMutating = useIsMutating();\r\n   const isLoading = isFetching > 0 || isMutating > 0;\r\n   const { data: snapshotData, error: snapShotError } = useGetSnapshotFiles({ backupId });\r\n   const files: RestoreFileItem[] = snapshotData?.result && Array.isArray(snapshotData.result) ? snapshotData.result : [];\r\n\r\n   const snapShotsStats = useMemo(() => {\r\n      return {\r\n         total_files: files.length,\r\n         total_bytes: files.reduce((acc, file) => acc + file.size, 0),\r\n      };\r\n   }, [files]);\r\n\r\n   return (\r\n      <div className={classes.restoreWizard}>\r\n         <div className={classes.content} style={{ maxWidth: ((step === 2 || step === 3) && 1200) || undefined }}>\r\n            <div className={classes.header}>\r\n               <h3>\r\n                  <Icon type=\"restore\" size={16} /> Restore Backup\r\n               </h3>\r\n               <button className={classes.close} onClick={() => !isLoading && close()}>\r\n                  <Icon type=\"close\" size={24} />\r\n               </button>\r\n            </div>\r\n            <div className={classes.steps}>\r\n               <ul>\r\n                  <li className={` ${step >= 1 ? classes.stepCurrent : ''}  ${step > 1 ? classes.stepPassed : ''}`}>\r\n                     <span>\r\n                        {step > 1 && <Icon type=\"check\" size={11} />}\r\n                        {step === 1 ? '●' : ''}\r\n                     </span>\r\n                     <i>Settings</i>\r\n                  </li>\r\n                  <li className={` ${step >= 2 ? classes.stepCurrent : ''}  ${step > 2 ? classes.stepPassed : ''}`}>\r\n                     <span>\r\n                        {step > 2 && <Icon type=\"check\" size={11} />}\r\n                        {step === 2 ? '●' : ''}\r\n                     </span>\r\n                     <i>Select Files</i>\r\n                  </li>\r\n                  <li className={` ${step >= 3 ? classes.stepCurrent : ''} ${step > 3 ? classes.stepPassed : ''}`}>\r\n                     <span>\r\n                        {step > 3 && <Icon type=\"check\" size={11} />}\r\n                        {step === 3 ? '●' : ''}\r\n                     </span>\r\n                     <i>Preview</i>\r\n                  </li>\r\n                  <li className={` ${step === 4 ? classes.stepCurrent : ''}`}>\r\n                     <span>{step === 4 && <Icon type=\"check\" size={11} />}</span>\r\n                     <i>Restore</i>\r\n                  </li>\r\n               </ul>\r\n            </div>\r\n            {step === 1 && (\r\n               <RestoreSettingsStep\r\n                  backupId={backupId}\r\n                  settings={restoreSettings}\r\n                  updateSettings={(settings) => setRestoreSettings(settings)}\r\n                  goNext={() => setStep(2)}\r\n                  close={close}\r\n               />\r\n            )}\r\n            {step === 2 && (\r\n               <RestoreFileSelectorStep\r\n                  backupId={backupId}\r\n                  settings={restoreSettings}\r\n                  updateSettings={(settings) => setRestoreSettings(settings as RestoreSettings)}\r\n                  files={files}\r\n                  isLoading={isLoading}\r\n                  errorFetching={snapShotError?.message || null}\r\n                  currentStep={step}\r\n                  goBack={() => step > 0 && setStep(step - 1)}\r\n                  goNext={() => setStep(3)}\r\n                  close={close}\r\n                  method=\"backup\"\r\n               />\r\n            )}\r\n            {step === 3 && (\r\n               <RestorePreviewStep\r\n                  backupId={backupId}\r\n                  planId={planId}\r\n                  settings={restoreSettings}\r\n                  preview={restorePreview}\r\n                  updatePreview={(preview) => setRestorePreview(preview)}\r\n                  goBack={() => step > 0 && setStep(step - 1)}\r\n                  goNext={() => setStep(4)}\r\n                  close={close}\r\n               />\r\n            )}\r\n            {step === 4 && (\r\n               <RestoreConfirmStep\r\n                  backupId={backupId}\r\n                  planId={planId}\r\n                  settings={restoreSettings}\r\n                  stats={restorePreview.stats}\r\n                  snapshotsStats={snapShotsStats}\r\n                  method=\"backup\"\r\n                  goBack={() => step > 0 && setStep(step - 1)}\r\n                  close={close}\r\n               />\r\n            )}\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default RestoreWizard;\r\n"],"names":["RestoreWizard","backupId","planId","close","step","setStep","useState","restoreSettings","setRestoreSettings","restorePreview","setRestorePreview","isFetching","useIsFetching","isMutating","useIsMutating","isLoading","snapshotData","snapShotError","useGetSnapshotFiles","files","snapShotsStats","useMemo","acc","file","classes","jsxs","jsx","Icon","RestoreSettingsStep","settings","RestoreFileSelectorStep","RestorePreviewStep","preview","RestoreConfirmStep"],"mappings":"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"}