@plutonhq/core-frontend 0.0.1

package/dist/components/Plan/Backups/Backups.js

@@ -0,0 +1,276 @@
+import { jsxs as a, jsx as e, Fragment as j } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { toast as g } from "react-toastify";
+import { formatDuration as I, formatBytes as K, formatNumberToK as Q, timeAgo as F, formatDateTime as C } from "../../../utils/helpers.js";
+import l from "../../common/Icon/Icon.js";
+import i from "./Backups.module.scss.js";
+import V from "../../common/ActionModal/ActionModal.js";
+import { useDeleteBackup as W, useDownloadBackup as Y, useCancelBackupDownload as J, useGetBackupDownload as X } from "../../../services/backups.js";
+import { useQueryClient as Z } from "@tanstack/react-query";
+import _ from "../../Restore/RestoreWizard/RestoreWizard.js";
+import ee from "../../common/StatusLabel/StatusLabel.js";
+import te from "../BackupEvents/BackupEvents.js";
+const ie = ({ download: t, downloadBackup: w }) => {
+  if ((t == null ? void 0 : t.status) === "started")
+    return /* @__PURE__ */ e(
+      "span",
+      {
+        className: i.downloadLabel,
+        "data-tooltip-id": "htmlToolTip",
+        "data-tooltip-place": "top",
+        "data-tooltip-html": "<div>Generating Download...</div>",
+        children: /* @__PURE__ */ e(l, { type: "downloading", size: 14 })
+      }
+    );
+  if ((t == null ? void 0 : t.status) === "failed")
+    return /* @__PURE__ */ e(
+      "span",
+      {
+        className: `${i.downloadLabelFailed} ${i.downloadLabel}`,
+        "data-tooltip-id": "htmlToolTip",
+        "data-tooltip-place": "top",
+        "data-tooltip-html": `<div><div>Download Generation Failed!</div>${t.error ? `<div>${t.error}<div>` : ""}</div>`,
+        children: /* @__PURE__ */ e(l, { type: "error", size: 12 })
+      }
+    );
+  if ((t == null ? void 0 : t.status) === "complete") {
+    let d;
+    if (t != null && t.ended) {
+      const k = t.ended * 1e3 + 1440 * 60 * 1e3, r = Date.now();
+      d = Math.max(0, Math.floor((k - r) / (3600 * 1e3)));
+    }
+    return d ? /* @__PURE__ */ e(
+      "span",
+      {
+        className: `${i.downloadLabelDone} ${i.downloadLabel}`,
+        onClick: w,
+        "data-tooltip-id": "htmlToolTip",
+        "data-tooltip-place": "top",
+        "data-tooltip-html": `<div><div>Download Generated. Click to Download. ${d ? `Valid for the next ${d} hours.` : "⚠ Download Expired!"} </div>`,
+        children: /* @__PURE__ */ e(l, { type: "download", size: 12 })
+      }
+    ) : null;
+  } else
+    return;
+}, ve = ({
+  planId: t,
+  method: w,
+  backups: d = [],
+  sourceId: z,
+  sourceType: k
+  // snapLimit,
+}) => {
+  const [r, u] = b(!1), [D, y] = b(!1), [M, R] = b(!1), [A, E] = b(!1), P = Z(), T = W(), N = Y(), $ = J(), L = X(), c = w === "sync";
+  console.log("backups :", d);
+  const G = (s) => {
+    console.log("remove :", s.id), T.mutate(s.id, {
+      onError: () => {
+        g.error(`Failed to Remove "backup-${s.id}"`);
+      },
+      onSuccess: () => {
+        P.invalidateQueries({ queryKey: ["plan", t] }), g.success(`Backup "backup-${s.id}" Removed Successfully.`), y(!1);
+      }
+    });
+  }, H = (s) => {
+    g.promise(N.mutateAsync({ backupId: s, planId: t }), {
+      pending: "Sending Download Request...",
+      success: "Generating Download. This might take a while..",
+      error: {
+        render({ data: o }) {
+          return `Failed to Generate Download. ${(o == null ? void 0 : o.message) || "Unknown Error."}`;
+        }
+      }
+    });
+  }, q = (s) => {
+    g.promise($.mutateAsync({ backupId: s, planId: t }), {
+      pending: "Cancelling Download...",
+      success: "Download Cancelled",
+      error: {
+        render({ data: o }) {
+          return `Failed to Cancel Download. ${(o == null ? void 0 : o.message) || "Unknown Error."}`;
+        }
+      }
+    });
+  };
+  return /* @__PURE__ */ a("div", { className: i.backupsTable, children: [
+    /* @__PURE__ */ a("div", { className: i.backupsTableHead, children: [
+      /* @__PURE__ */ a("div", { children: [
+        c ? "Sync" : "Backup",
+        " ID"
+      ] }),
+      /* @__PURE__ */ e("div", { children: "Status" }),
+      /* @__PURE__ */ e("div", { children: "Duration" }),
+      /* @__PURE__ */ e("div", { children: "Changes" }),
+      /* @__PURE__ */ e("div", { children: "Size" }),
+      /* @__PURE__ */ e("div", { children: "Date" }),
+      /* @__PURE__ */ e("div", {})
+    ] }),
+    /* @__PURE__ */ a("div", { className: i.backupsTableContent, children: [
+      d.filter((s) => !s.inProgress).map((s) => {
+        const { id: o, started: h, ended: m, download: v, status: B, errorMsg: f, duration: x, totalFiles: O, totalSize: U, changes: p, active: S } = s, n = v && v.status === "started";
+        return /* @__PURE__ */ a(
+          "div",
+          {
+            className: `${i.backupsTableRow} ${r && r === o ? i.backupsTableRowActive : ""}`,
+            children: [
+              /* @__PURE__ */ a("div", { children: [
+                /* @__PURE__ */ a("span", { className: i.backupTitle, onClick: () => !c && E(o), children: [
+                  /* @__PURE__ */ e(l, { type: c ? "sync" : "box", size: 14 }),
+                  " ",
+                  c ? "sync" : "backup",
+                  "-",
+                  o,
+                  " "
+                ] }),
+                !c && S && /* @__PURE__ */ e("span", { className: i.activeBackup, "data-tooltip-id": "htmlToolTip", "data-tooltip-html": "Active Snapshot", children: /* @__PURE__ */ e(l, { type: "bolt", size: 14 }) }),
+                v && /* @__PURE__ */ e(ie, { download: v, downloadBackup: () => L.mutate(o) })
+              ] }),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: `${i.status} ${f ? i.statusHasError : ""}`,
+                  "data-tooltip-id": "htmlToolTip",
+                  "data-tooltip-html": `<div><string>Error</string>: ${f}</div>`,
+                  "data-tooltip-hidden": !f,
+                  children: /* @__PURE__ */ e(ee, { status: B, hasError: !!f })
+                }
+              ),
+              /* @__PURE__ */ e("div", { title: x + "s", children: I(x) }),
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  className: i.changes,
+                  "data-tooltip-id": "htmlToolTip",
+                  "data-tooltip-html": `
+                                          <div><b>New Items</b>: ${p.new}</div>
+                                          <div><b>Modified Items</b>: ${p.modified}</div>
+                                          <div><b>Deleted Items</b>: ${p.removed || 0}</div>
+                                       `,
+                  children: [
+                    /* @__PURE__ */ a("span", { className: i.changesNew, children: [
+                      /* @__PURE__ */ e(l, { type: "file-new", size: 12 }),
+                      " ",
+                      p.new
+                    ] }),
+                    " ",
+                    /* @__PURE__ */ a("span", { className: i.changesModified, children: [
+                      /* @__PURE__ */ e(l, { type: "file-modified", size: 12 }),
+                      " ",
+                      p.modified
+                    ] }),
+                    " ",
+                    /* @__PURE__ */ a("span", { className: i.changesRemoved, children: [
+                      /* @__PURE__ */ e(l, { type: "file-removed", size: 12 }),
+                      " ",
+                      p.removed || 0
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e("div", { "data-tooltip-id": "htmlToolTip", "data-tooltip-html": `${Q(O)} Files `, children: K(U) }),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  "data-tooltip-id": "htmlToolTip",
+                  "data-tooltip-html": `
+                                          <div><b>Started</b>: ${C(h)}</div>
+                                          <div><b>Ended</b>: ${m ? C(m) : ""}</div>
+                                       `,
+                  title: C(m || h),
+                  children: m ? F(new Date(m)) : F(h ? new Date(h) : /* @__PURE__ */ new Date())
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: i.snapOptsBtn, children: /* @__PURE__ */ e("button", { onClick: () => u(r && r === o ? !1 : o), children: /* @__PURE__ */ e(l, { type: "dots-vertical", size: 12 }) }) }),
+              r === o && /* @__PURE__ */ a("div", { className: i.settings, children: [
+                !c && B === "completed" && S && /* @__PURE__ */ a(
+                  "button",
+                  {
+                    className: N.isPending || $.isPending ? "notAllowed" : "",
+                    disabled: N.isPending || $.isPending,
+                    onClick: () => {
+                      n ? q(o) : H(o), u(!1);
+                    },
+                    children: [
+                      /* @__PURE__ */ e(l, { type: n ? "close" : "download", size: 14 }),
+                      " ",
+                      n ? "Cancel Download" : "Download"
+                    ]
+                  }
+                ),
+                B === "completed" && S && /* @__PURE__ */ a(
+                  "button",
+                  {
+                    className: n ? "notAllowed" : "",
+                    disabled: n,
+                    onClick: () => {
+                      n || (R(s), u(!1));
+                    },
+                    children: [
+                      /* @__PURE__ */ e(l, { type: "restore", size: 14 }),
+                      " Restore"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "button",
+                  {
+                    className: n ? "notAllowed" : "",
+                    disabled: n,
+                    onClick: () => {
+                      n || (y(s), u(!1));
+                    },
+                    children: [
+                      /* @__PURE__ */ e(l, { type: "trash", size: 14 }),
+                      " Remove"
+                    ]
+                  }
+                )
+              ] })
+            ]
+          },
+          o
+        );
+      }),
+      d.length === 0 && /* @__PURE__ */ e("div", { className: i.noBackups, children: "Hasn't been backed up yet." })
+    ] }),
+    D && /* @__PURE__ */ e(
+      V,
+      {
+        title: "Remove Backup",
+        message: /* @__PURE__ */ a(j, { children: [
+          "Are you sure you want to remove the Backup ",
+          /* @__PURE__ */ a("strong", { children: [
+            '"backup-',
+            D.id,
+            '"'
+          ] }),
+          "?"
+        ] }),
+        closeModal: () => !T.isPending && y(!1),
+        width: "400px",
+        primaryAction: {
+          title: "Yes, Remove Backup",
+          type: "danger",
+          icon: "trash",
+          isPending: T.isPending,
+          action: () => G(D)
+        }
+      }
+    ),
+    M && /* @__PURE__ */ e(_, { close: () => R(!1), planId: t, backupId: M.id }),
+    A && /* @__PURE__ */ e(
+      te,
+      {
+        id: A,
+        planId: t,
+        sourceId: z,
+        sourceType: k,
+        close: () => E(!1)
+      }
+    )
+  ] });
+};
+export {
+  ve as default
+};
+//# sourceMappingURL=Backups.js.map

package/dist/components/Plan/Backups/Backups.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Backups.js","sources":["../../../../src/components/Plan/Backups/Backups.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { Plan } from '../../../@types/plans';\r\nimport { Backup } from '../../../@types/backups';\r\nimport { formatBytes, formatDateTime, formatDuration, formatNumberToK, timeAgo } from '../../../utils/helpers';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport classes from './Backups.module.scss';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\nimport { useCancelBackupDownload, useDeleteBackup, useDownloadBackup, useGetBackupDownload } from '../../../services/backups';\r\nimport { useQueryClient } from '@tanstack/react-query';\r\nimport RestoreWizard from '../../Restore/RestoreWizard/RestoreWizard';\r\nimport StatusLabel from '../../common/StatusLabel/StatusLabel';\r\nimport BackupEvents from '../BackupEvents/BackupEvents';\r\n\r\nconst DownloadLabel = ({ download, downloadBackup }: { download: Backup['download']; downloadBackup: () => void }) => {\r\n   if (download?.status === 'started') {\r\n      return (\r\n         <span\r\n            className={classes.downloadLabel}\r\n            data-tooltip-id=\"htmlToolTip\"\r\n            data-tooltip-place=\"top\"\r\n            data-tooltip-html={`<div>Generating Download...</div>`}\r\n         >\r\n            <Icon type=\"downloading\" size={14} />\r\n         </span>\r\n      );\r\n   } else if (download?.status === 'failed') {\r\n      return (\r\n         <span\r\n            className={`${classes.downloadLabelFailed} ${classes.downloadLabel}`}\r\n            data-tooltip-id=\"htmlToolTip\"\r\n            data-tooltip-place=\"top\"\r\n            data-tooltip-html={`<div><div>Download Generation Failed!</div>${download.error ? `<div>${download.error}<div>` : ''}</div>`}\r\n         >\r\n            <Icon type=\"error\" size={12} />\r\n         </span>\r\n      );\r\n   } else if (download?.status === 'complete') {\r\n      let remainingHours;\r\n      if (download?.ended) {\r\n         const endTime = download.ended * 1000;\r\n         const validUntil = endTime + 24 * 60 * 60 * 1000;\r\n         const now = Date.now();\r\n         remainingHours = Math.max(0, Math.floor((validUntil - now) / (60 * 60 * 1000)));\r\n      }\r\n\r\n      return remainingHours ? (\r\n         <span\r\n            className={`${classes.downloadLabelDone} ${classes.downloadLabel}`}\r\n            onClick={downloadBackup}\r\n            data-tooltip-id=\"htmlToolTip\"\r\n            data-tooltip-place=\"top\"\r\n            data-tooltip-html={`<div><div>Download Generated. Click to Download. ${remainingHours ? `Valid for the next ${remainingHours} hours.` : '⚠ Download Expired!'} </div>`}\r\n         >\r\n            <Icon type=\"download\" size={12} />\r\n         </span>\r\n      ) : null;\r\n   } else {\r\n      return;\r\n   }\r\n};\r\n\r\nconst Backups = ({\r\n   planId,\r\n   method,\r\n   backups = [],\r\n   sourceId,\r\n   sourceType,\r\n   // snapLimit,\r\n}: {\r\n   planId: string;\r\n   method: string;\r\n   backups: Plan['backups'];\r\n   sourceId: string;\r\n   sourceType: string;\r\n   snapLimit: number;\r\n}) => {\r\n   const [showSnapOptions, setShowSnapOptions] = useState<false | string>(false);\r\n   const [showDeleteModal, setShowDeleteModal] = useState<Backup | false>(false);\r\n   const [showRestoreModal, setShowRestoreModal] = useState<Backup | false>(false);\r\n   const [showBackupEvents, setShowBackupEvents] = useState<false | string>(false);\r\n   const queryClient = useQueryClient();\r\n   const deleteBackupMutation = useDeleteBackup();\r\n   const downloadBackupMutation = useDownloadBackup();\r\n   const cancelDownloadMutation = useCancelBackupDownload();\r\n   const getDownloadMutation = useGetBackupDownload();\r\n   const isSync = method === 'sync';\r\n\r\n   console.log('backups :', backups);\r\n\r\n   const removeBackup = (backup: Backup) => {\r\n      console.log('remove :', backup.id);\r\n      deleteBackupMutation.mutate(backup.id, {\r\n         onError: () => {\r\n            toast.error(`Failed to Remove \"backup-${backup.id}\"`);\r\n         },\r\n         onSuccess: () => {\r\n            queryClient.invalidateQueries({ queryKey: ['plan', planId] });\r\n            toast.success(`Backup \"backup-${backup.id}\" Removed Successfully.`);\r\n            setShowDeleteModal(false);\r\n         },\r\n      });\r\n   };\r\n\r\n   const downloadBackup = (backupId: string) => {\r\n      toast.promise(downloadBackupMutation.mutateAsync({ backupId, planId }), {\r\n         pending: 'Sending Download Request...',\r\n         success: 'Generating Download. This might take a while..',\r\n         error: {\r\n            render({ data }: any) {\r\n               return `Failed to Generate Download. ${data?.message || 'Unknown Error.'}`;\r\n            },\r\n         },\r\n      });\r\n   };\r\n\r\n   const cancelDownload = (backupId: string) => {\r\n      toast.promise(cancelDownloadMutation.mutateAsync({ backupId, planId }), {\r\n         pending: 'Cancelling Download...',\r\n         success: 'Download Cancelled',\r\n         error: {\r\n            render({ data }: any) {\r\n               return `Failed to Cancel Download. ${data?.message || 'Unknown Error.'}`;\r\n            },\r\n         },\r\n      });\r\n   };\r\n\r\n   return (\r\n      <div className={classes.backupsTable}>\r\n         <div className={classes.backupsTableHead}>\r\n            <div>{isSync ? 'Sync' : 'Backup'} ID</div>\r\n            <div>Status</div>\r\n            <div>Duration</div>\r\n            <div>Changes</div>\r\n            <div>Size</div>\r\n            <div>Date</div>\r\n            <div></div>\r\n         </div>\r\n         <div className={classes.backupsTableContent}>\r\n            {backups\r\n               .filter((s) => !s.inProgress)\r\n               .map((snapshot) => {\r\n                  const { id, started, ended, download, status, errorMsg, duration, totalFiles, totalSize, changes, active } = snapshot;\r\n                  const isDownloading = download && download.status === 'started';\r\n\r\n                  return (\r\n                     <div\r\n                        key={id}\r\n                        className={`${classes.backupsTableRow} ${showSnapOptions && showSnapOptions === id ? classes.backupsTableRowActive : ''}`}\r\n                     >\r\n                        <div>\r\n                           <span className={classes.backupTitle} onClick={() => !isSync && setShowBackupEvents(id)}>\r\n                              <Icon type={isSync ? 'sync' : 'box'} size={14} /> {isSync ? 'sync' : 'backup'}-{id}{' '}\r\n                           </span>\r\n                           {!isSync && active && (\r\n                              <span className={classes.activeBackup} data-tooltip-id=\"htmlToolTip\" data-tooltip-html={`Active Snapshot`}>\r\n                                 <Icon type=\"bolt\" size={14} />\r\n                              </span>\r\n                           )}\r\n                           {download && <DownloadLabel download={download} downloadBackup={() => getDownloadMutation.mutate(id)} />}\r\n                        </div>\r\n                        <div\r\n                           className={`${classes.status} ${errorMsg ? classes.statusHasError : ''}`}\r\n                           data-tooltip-id=\"htmlToolTip\"\r\n                           data-tooltip-html={`<div><string>Error</string>: ${errorMsg}</div>`}\r\n                           data-tooltip-hidden={!errorMsg}\r\n                        >\r\n                           <StatusLabel status={status} hasError={!!errorMsg} />\r\n                        </div>\r\n                        <div title={duration + 's'}>{formatDuration(duration)}</div>\r\n                        <div\r\n                           className={classes.changes}\r\n                           data-tooltip-id=\"htmlToolTip\"\r\n                           data-tooltip-html={`\r\n                                          <div><b>New Items</b>: ${changes.new}</div>\r\n                                          <div><b>Modified Items</b>: ${changes.modified}</div>\r\n                                          <div><b>Deleted Items</b>: ${changes.removed || 0}</div>\r\n                                       `}\r\n                        >\r\n                           <span className={classes.changesNew}>\r\n                              <Icon type=\"file-new\" size={12} /> {changes.new}\r\n                           </span>{' '}\r\n                           <span className={classes.changesModified}>\r\n                              <Icon type=\"file-modified\" size={12} /> {changes.modified}\r\n                           </span>{' '}\r\n                           <span className={classes.changesRemoved}>\r\n                              <Icon type=\"file-removed\" size={12} /> {changes.removed || 0}\r\n                           </span>\r\n                        </div>\r\n                        <div data-tooltip-id=\"htmlToolTip\" data-tooltip-html={`${formatNumberToK(totalFiles)} Files `}>\r\n                           {formatBytes(totalSize)}\r\n                        </div>\r\n                        <div\r\n                           data-tooltip-id=\"htmlToolTip\"\r\n                           data-tooltip-html={`\r\n                                          <div><b>Started</b>: ${formatDateTime(started)}</div>\r\n                                          <div><b>Ended</b>: ${ended ? formatDateTime(ended) : ''}</div>\r\n                                       `}\r\n                           title={formatDateTime(ended || started)}\r\n                        >\r\n                           {ended ? timeAgo(new Date(ended)) : timeAgo(started ? new Date(started) : new Date())}\r\n                        </div>\r\n                        <div className={classes.snapOptsBtn}>\r\n                           <button onClick={() => setShowSnapOptions(showSnapOptions && showSnapOptions === id ? false : id)}>\r\n                              <Icon type=\"dots-vertical\" size={12} />\r\n                           </button>\r\n                        </div>\r\n                        {showSnapOptions === id && (\r\n                           <div className={classes.settings}>\r\n                              {!isSync && status === 'completed' && active && (\r\n                                 <button\r\n                                    className={downloadBackupMutation.isPending || cancelDownloadMutation.isPending ? 'notAllowed' : ''}\r\n                                    disabled={downloadBackupMutation.isPending || cancelDownloadMutation.isPending}\r\n                                    onClick={() => {\r\n                                       if (isDownloading) {\r\n                                          cancelDownload(id);\r\n                                       } else {\r\n                                          downloadBackup(id);\r\n                                       }\r\n                                       setShowSnapOptions(false);\r\n                                    }}\r\n                                 >\r\n                                    <Icon type={isDownloading ? 'close' : 'download'} size={14} /> {isDownloading ? 'Cancel Download' : 'Download'}\r\n                                 </button>\r\n                              )}\r\n                              {status === 'completed' && active && (\r\n                                 <button\r\n                                    className={isDownloading ? 'notAllowed' : ''}\r\n                                    disabled={isDownloading}\r\n                                    onClick={() => {\r\n                                       if (isDownloading) {\r\n                                          return;\r\n                                       }\r\n                                       setShowRestoreModal(snapshot);\r\n                                       setShowSnapOptions(false);\r\n                                    }}\r\n                                 >\r\n                                    <Icon type=\"restore\" size={14} /> Restore\r\n                                 </button>\r\n                              )}\r\n                              <button\r\n                                 className={isDownloading ? 'notAllowed' : ''}\r\n                                 disabled={isDownloading}\r\n                                 onClick={() => {\r\n                                    if (isDownloading) {\r\n                                       return;\r\n                                    }\r\n                                    setShowDeleteModal(snapshot);\r\n                                    setShowSnapOptions(false);\r\n                                 }}\r\n                              >\r\n                                 <Icon type=\"trash\" size={14} /> Remove\r\n                              </button>\r\n                           </div>\r\n                        )}\r\n                     </div>\r\n                  );\r\n               })}\r\n            {backups.length === 0 && <div className={classes.noBackups}>Hasn't been backed up yet.</div>}\r\n         </div>\r\n         {showDeleteModal && (\r\n            <ActionModal\r\n               title=\"Remove Backup\"\r\n               message={\r\n                  <>\r\n                     Are you sure you want to remove the Backup <strong>\"backup-{showDeleteModal.id}\"</strong>?\r\n                  </>\r\n               }\r\n               closeModal={() => !deleteBackupMutation.isPending && setShowDeleteModal(false)}\r\n               width=\"400px\"\r\n               primaryAction={{\r\n                  title: 'Yes, Remove Backup',\r\n                  type: 'danger',\r\n                  icon: 'trash',\r\n                  isPending: deleteBackupMutation.isPending,\r\n                  action: () => removeBackup(showDeleteModal),\r\n               }}\r\n            />\r\n         )}\r\n         {showRestoreModal && <RestoreWizard close={() => setShowRestoreModal(false)} planId={planId} backupId={showRestoreModal.id} />}\r\n         {showBackupEvents && (\r\n            <BackupEvents\r\n               id={showBackupEvents}\r\n               planId={planId}\r\n               sourceId={sourceId}\r\n               sourceType={sourceType}\r\n               close={() => setShowBackupEvents(false)}\r\n            />\r\n         )}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default Backups;\r\n"],"names":["DownloadLabel","download","downloadBackup","jsx","classes","Icon","remainingHours","validUntil","now","Backups","planId","method","backups","sourceId","sourceType","showSnapOptions","setShowSnapOptions","useState","showDeleteModal","setShowDeleteModal","showRestoreModal","setShowRestoreModal","showBackupEvents","setShowBackupEvents","queryClient","useQueryClient","deleteBackupMutation","useDeleteBackup","downloadBackupMutation","useDownloadBackup","cancelDownloadMutation","useCancelBackupDownload","getDownloadMutation","useGetBackupDownload","isSync","removeBackup","backup","toast","backupId","data","cancelDownload","jsxs","snapshot","id","started","ended","status","errorMsg","duration","totalFiles","totalSize","changes","active","isDownloading","StatusLabel","formatDuration","formatNumberToK","formatBytes","formatDateTime","timeAgo","ActionModal","Fragment","RestoreWizard","BackupEvents"],"mappings":"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"}

package/dist/components/Plan/Backups/Backups.module.scss

@@ -0,0 +1,210 @@
+.backupsTable {
+   width: 100%;
+   border: 1px solid var(--line-color);
+   border-radius: 6px;
+
+   .noBackups {
+      padding: 50px;
+      text-align: center;
+   }
+
+   .backupsTableHead {
+      font-weight: 600;
+      border-bottom: 1px solid var(--line-color);
+      color: var(--content-title-color);
+      display: flex;
+      justify-content: space-between;
+      & > div {
+         padding: 10px;
+         text-align: center;
+         min-width: 8%;
+         &:nth-child(1) {
+            text-align: left;
+            width: 25%;
+            padding-left: 20px;
+            padding-right: 0;
+         }
+         &:last-child {
+            min-width: unset;
+            width: 24px;
+         }
+      }
+   }
+   .backupsTableContent {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      .backupsTableRow {
+         display: flex;
+         justify-content: space-between;
+         position: relative;
+         .backupTitle {
+            cursor: pointer;
+            &:hover {
+               color: var(--content-text-color);
+            }
+         }
+         & > div {
+            padding: 15px 10px;
+            text-align: center;
+            min-width: 8%;
+            .activeBackup {
+               color: var(--icon-color);
+            }
+            &:nth-child(1) {
+               text-align: left;
+               width: 25%;
+               padding-left: 20px;
+               padding-right: 0;
+               // white-space: nowrap;
+               // overflow: hidden;
+               // text-overflow: ellipsis;
+
+               & > .downloadLabel {
+                  padding: 1px 4px;
+                  padding-right: 6px;
+                  background: #e0eaff;
+                  color: #7e90c5;
+                  border-radius: 12px;
+                  margin-left: 5px;
+                  font-size: 0.6875rem;
+                  :global(.icon) {
+                     top: 2px;
+                  }
+
+                  &.downloadLabelFailed {
+                     background-color: var(--error-bg-color);
+                     color: var(--error-text-color);
+                  }
+                  &.downloadLabelDone {
+                     background-color: var(--primary-color);
+                     color: var(--primary-text-color);
+                     padding: 0 6px 2px 6px;
+                     cursor: pointer;
+                  }
+               }
+            }
+            &.snapOptsBtn {
+               min-width: unset;
+               button {
+                  color: var(--icon-color);
+               }
+            }
+         }
+         .changes {
+            display: flex;
+            gap: 7px;
+            justify-content: center;
+            :global(.icon) {
+               top: 1px;
+               right: -3px;
+            }
+            .changesNew {
+               color: cornflowerblue;
+            }
+            .changesModified {
+               color: darkseagreen;
+            }
+            .changesRemoved {
+               color: indianred;
+            }
+         }
+         .target {
+            max-width: 120px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: block;
+         }
+         .status {
+            text-transform: capitalize;
+            &.statusHasError > div {
+               text-decoration: underline;
+               text-decoration-style: dashed;
+               cursor: pointer;
+            }
+         }
+         .settings {
+            position: absolute;
+            z-index: 99;
+            top: 35px;
+            right: 15px;
+            display: flex;
+            flex-direction: column;
+            justify-content: left;
+            width: max-content;
+            text-align: left;
+            align-items: center;
+            background: var(--content-background-color);
+            border: 1px solid var(--line-color);
+            border-radius: 6px;
+            padding: 0;
+            min-width: unset;
+            button {
+               padding: 6px 10px;
+               width: 100%;
+               text-align: left;
+               color: var(--content-text-color-light);
+               &:hover {
+                  background-color: var(--primary-color-light);
+                  color: var(--primary-color);
+               }
+            }
+         }
+         &.backupsTableRowActive {
+            background-color: var(--background-color);
+         }
+      }
+   }
+}
+
+.removeModalContent {
+   position: relative;
+   .deleteLoader {
+      position: absolute;
+      z-index: 9;
+      width: 100%;
+      height: 100%;
+      left: 0;
+      top: 0;
+      background-color: var(--content-background-color);
+      opacity: 0.7;
+      cursor: default;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+   }
+   .removeModalActions {
+      margin-top: 20px;
+      justify-content: right;
+      display: flex;
+      flex-direction: row;
+      gap: 10px;
+      button {
+         background-color: var(--line-color);
+         color: var(--content-text-color);
+         padding: 6px 12px;
+         border-radius: 4px;
+         transition: all 0.12s linear;
+         &:nth-child(2) {
+            background-color: var(--error-button-color);
+            color: var(--error-active-text);
+         }
+         &:hover {
+            filter: brightness(105%);
+         }
+      }
+   }
+}
+
+@media only screen and (max-width: 768px) {
+   .backupsTable {
+      overflow: auto;
+      max-width: 80vw;
+      .backupsTableHead,
+      .backupsTableContent {
+         width: 760px;
+      }
+   }
+}

package/dist/components/Plan/Backups/Backups.module.scss.js

@@ -0,0 +1,46 @@
+const a = "Backups-module__backupsTable___1CGv4", s = "Backups-module__noBackups___G3Tp1", _ = "Backups-module__backupsTableHead___mX1k5", e = "Backups-module__backupsTableContent___O-L1X", c = "Backups-module__backupsTableRow___ZlNTU", o = "Backups-module__backupTitle___0Qhc5", t = "Backups-module__activeBackup___yKjQp", u = "Backups-module__downloadLabel___3nVM1", l = "Backups-module__downloadLabelFailed___a85Eh", n = "Backups-module__downloadLabelDone___QAdWQ", d = "Backups-module__snapOptsBtn___Czstl", p = "Backups-module__changes___k8tAd", k = "Backups-module__changesNew___NgYys", b = "Backups-module__changesModified___EKb3P", B = "Backups-module__changesRemoved___gclyZ", m = "Backups-module__target___-xtkM", T = "Backups-module__status___BDxhH", i = "Backups-module__statusHasError___ZxjwT", g = "Backups-module__settings___jTmVI", w = "Backups-module__backupsTableRowActive___QH1KF", h = {
+  backupsTable: a,
+  noBackups: s,
+  backupsTableHead: _,
+  backupsTableContent: e,
+  backupsTableRow: c,
+  backupTitle: o,
+  activeBackup: t,
+  downloadLabel: u,
+  downloadLabelFailed: l,
+  downloadLabelDone: n,
+  snapOptsBtn: d,
+  changes: p,
+  changesNew: k,
+  changesModified: b,
+  changesRemoved: B,
+  target: m,
+  status: T,
+  statusHasError: i,
+  settings: g,
+  backupsTableRowActive: w
+};
+export {
+  t as activeBackup,
+  o as backupTitle,
+  a as backupsTable,
+  e as backupsTableContent,
+  _ as backupsTableHead,
+  c as backupsTableRow,
+  w as backupsTableRowActive,
+  p as changes,
+  b as changesModified,
+  k as changesNew,
+  B as changesRemoved,
+  h as default,
+  u as downloadLabel,
+  n as downloadLabelDone,
+  l as downloadLabelFailed,
+  s as noBackups,
+  g as settings,
+  d as snapOptsBtn,
+  T as status,
+  i as statusHasError,
+  m as target
+};
+//# sourceMappingURL=Backups.module.scss.js.map

package/dist/components/Plan/Backups/Backups.module.scss.js.map

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

package/dist/components/Plan/EditPlan/EditPlan.d.ts

@@ -0,0 +1,8 @@
+import { Plan } from '../../../@types/plans';
+type EditPlanProps = {
+    plan: Plan;
+    close: () => void;
+};
+declare const EditPlan: ({ close, plan }: EditPlanProps) => import("react/jsx-runtime").JSX.Element;
+export default EditPlan;
+//# sourceMappingURL=EditPlan.d.ts.map

package/dist/components/Plan/EditPlan/EditPlan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditPlan.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/EditPlan/EditPlan.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAI9D,KAAK,aAAa,GAAG;IAClB,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,iBAAiB,aAAa,4CA0C/C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Plan/EditPlan/EditPlan.js

@@ -0,0 +1,42 @@
+import { jsx as g } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { toast as n } from "react-toastify";
+import { useUpdatePlan as P } from "../../../services/plans.js";
+import m from "../PlanForm/PlanForm.js";
+const k = ({ close: r, plan: e }) => {
+  const [o, i] = u(() => e), l = e.backups.some((s) => s.inProgress), a = P(), c = () => {
+    if (l)
+      return n.error("Can't Update Plan Settings while a Backup is in progress.");
+    console.log("newPlan :", o);
+    const s = ["title", "isActive", "storagePath", "sourceConfig", "tags", "settings"], d = Object.fromEntries(Object.entries(o).filter(([t]) => s.includes(t)));
+    a.mutate(
+      { id: e.id, data: d },
+      {
+        onError: (t) => {
+          console.log("error :", t), n.error(t.message || "Error Updating Backup Plan.");
+        },
+        onSuccess: (t) => {
+          console.log("Success :", t), n.success("Backup Plan Updated!", { autoClose: 5e3 });
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ g(
+    m,
+    {
+      title: "Edit Plan",
+      type: "edit",
+      planSettings: o,
+      isSubmitting: a.isPending,
+      storagePath: e.storagePath,
+      storageId: e.storage.id,
+      onPlanSettingsChange: i,
+      onSubmit: c,
+      close: r
+    }
+  );
+};
+export {
+  k as default
+};
+//# sourceMappingURL=EditPlan.js.map

package/dist/components/Plan/EditPlan/EditPlan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditPlan.js","sources":["../../../../src/components/Plan/EditPlan/EditPlan.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { NewPlanSettings, Plan } from '../../../@types/plans';\r\nimport { useUpdatePlan } from '../../../services/plans';\r\nimport PlanForm from '../PlanForm/PlanForm';\r\n\r\ntype EditPlanProps = {\r\n   plan: Plan;\r\n   close: () => void;\r\n};\r\n\r\nconst EditPlan = ({ close, plan }: EditPlanProps) => {\r\n   const [newPlan, setNewPlan] = useState<NewPlanSettings>(() => plan);\r\n   const backingUp = plan.backups.some((s) => s.inProgress);\r\n   const updatePlanMutation = useUpdatePlan();\r\n\r\n   const updatePlan = () => {\r\n      if (backingUp) {\r\n         return toast.error(`Can't Update Plan Settings while a Backup is in progress.`);\r\n      }\r\n      console.log('newPlan :', newPlan);\r\n\r\n      const allowedFields = ['title', 'isActive', 'storagePath', 'sourceConfig', 'tags', 'settings'] as const;\r\n      const updatedPlan = Object.fromEntries(Object.entries(newPlan).filter(([key]) => allowedFields.includes(key as any)));\r\n\r\n      updatePlanMutation.mutate(\r\n         { id: plan.id, data: updatedPlan },\r\n         {\r\n            onError: (error: any) => {\r\n               console.log('error :', error);\r\n               toast.error(error.message || `Error Updating Backup Plan.`);\r\n            },\r\n            onSuccess: (data: any) => {\r\n               console.log('Success :', data);\r\n               toast.success(`Backup Plan Updated!`, { autoClose: 5000 });\r\n            },\r\n         },\r\n      );\r\n   };\r\n\r\n   return (\r\n      <PlanForm\r\n         title=\"Edit Plan\"\r\n         type=\"edit\"\r\n         planSettings={newPlan}\r\n         isSubmitting={updatePlanMutation.isPending}\r\n         storagePath={plan.storagePath}\r\n         storageId={plan.storage.id}\r\n         onPlanSettingsChange={setNewPlan}\r\n         onSubmit={updatePlan}\r\n         close={close}\r\n      />\r\n   );\r\n};\r\n\r\nexport default EditPlan;\r\n"],"names":["EditPlan","close","plan","newPlan","setNewPlan","useState","backingUp","updatePlanMutation","useUpdatePlan","updatePlan","toast","allowedFields","updatedPlan","key","error","data","jsx","PlanForm"],"mappings":";;;;;AAWA,MAAMA,IAAW,CAAC,EAAE,OAAAC,GAAO,MAAAC,QAA0B;AAClD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAA0B,MAAMH,CAAI,GAC5DI,IAAYJ,EAAK,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,GACjDK,IAAqBC,EAAA,GAErBC,IAAa,MAAM;AACtB,QAAIH;AACD,aAAOI,EAAM,MAAM,2DAA2D;AAEjF,YAAQ,IAAI,aAAaP,CAAO;AAEhC,UAAMQ,IAAgB,CAAC,SAAS,YAAY,eAAe,gBAAgB,QAAQ,UAAU,GACvFC,IAAc,OAAO,YAAY,OAAO,QAAQT,CAAO,EAAE,OAAO,CAAC,CAACU,CAAG,MAAMF,EAAc,SAASE,CAAU,CAAC,CAAC;AAEpH,IAAAN,EAAmB;AAAA,MAChB,EAAE,IAAIL,EAAK,IAAI,MAAMU,EAAA;AAAA,MACrB;AAAA,QACG,SAAS,CAACE,MAAe;AACtB,kBAAQ,IAAI,WAAWA,CAAK,GAC5BJ,EAAM,MAAMI,EAAM,WAAW,6BAA6B;AAAA,QAC7D;AAAA,QACA,WAAW,CAACC,MAAc;AACvB,kBAAQ,IAAI,aAAaA,CAAI,GAC7BL,EAAM,QAAQ,wBAAwB,EAAE,WAAW,KAAM;AAAA,QAC5D;AAAA,MAAA;AAAA,IACH;AAAA,EAEN;AAEA,SACG,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,OAAM;AAAA,MACN,MAAK;AAAA,MACL,cAAcd;AAAA,MACd,cAAcI,EAAmB;AAAA,MACjC,aAAaL,EAAK;AAAA,MAClB,WAAWA,EAAK,QAAQ;AAAA,MACxB,sBAAsBE;AAAA,MACtB,UAAUK;AAAA,MACV,OAAAR;AAAA,IAAA;AAAA,EAAA;AAGT;"}