npm - @plutonhq/core-frontend - Versions diffs - 0.1.30 → 0.1.31 - Mend

@plutonhq/core-frontend 0.1.30 → 0.1.31

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

package/dist-lib/components/common/form/StoragePicker/StoragePicker.js CHANGED Viewed

@@ -1,62 +1,68 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { useState as p, useMemo as F, useEffect as g } from "react";
-import i from "./StoragePicker.module.scss.js";
-import O from "../Select/Select.js";
-import { useGetStorages as U } from "../../../../services/storage.js";
-import j from "../Input/Input.js";
-import q from "../../FolderPicker/FolderPicker.js";
-import V from "../../Icon/Icon.js";
-import W from "../../../Storage/AddStorage/AddStorage.js";
-const I = ({ onUpdate: N, storagePath: $ = "", storageId: P, disabled: a = !1, deviceId: S }) => {
-  const [t, h] = p(), [v, k] = p(!1), [y, w] = p(!1), [r, n] = p(() => $), f = (t == null ? void 0 : t.type) === "local", d = (t == null ? void 0 : t.defaultPath) && (t == null ? void 0 : t.defaultPath) !== "/", M = d ? `${t.defaultPath}${r ? `/${r}` : ""}` : r, { data: u } = U(), c = [...(u == null ? void 0 : u.result) || []];
+import { jsx as o, jsxs as P } from "react/jsx-runtime";
+import { useState as m, useMemo as O, useEffect as S, useRef as U } from "react";
+import n from "./StoragePicker.module.scss.js";
+import R from "../Select/Select.js";
+import { useGetStorages as j } from "../../../../services/storage.js";
+import q from "../Input/Input.js";
+import V from "../../FolderPicker/FolderPicker.js";
+import W from "../../Icon/Icon.js";
+import _ from "../../../Storage/AddStorage/AddStorage.js";
+const Q = ({ onUpdate: $, storagePath: y = "", storageId: k, disabled: a = !1, deviceId: i }) => {
+  const [t, g] = m(), [M, w] = m(!1), [v, N] = m(!1), [r, u] = m(() => y), f = (t == null ? void 0 : t.type) === "local", p = (t == null ? void 0 : t.defaultPath) && (t == null ? void 0 : t.defaultPath) !== "/", x = p ? `${t.defaultPath}${r ? `/${r}` : ""}` : r, { data: d } = j(), c = [...(d == null ? void 0 : d.result) || []];
   console.log("allStorages :", c), console.log("selectedStorage :", t);
-  const x = F(() => c.map(({ name: l, id: s, type: B }) => ({
+  const A = O(() => c.map(({ name: l, id: s, type: F }) => ({
     label: l,
     value: s.toString(),
-    image: /* @__PURE__ */ o("img", { src: `/providers/${B}.png` })
-  })), [c]), A = (e) => {
+    image: /* @__PURE__ */ o("img", { src: `/providers/${F}.png` })
+  })), [c]), B = (e) => {
     if (console.log("storageID :", e), e === "add_new")
-      return w(!0);
+      return N(!0);
     const l = c.find((s) => s.id == e);
-    (l || e === "local") && h(l);
+    (l || e === "local") && g(l);
   };
-  return g(() => {
-    if (c.length > 0 && P) {
-      const e = c.find((l) => l.id === P);
-      if (h(e), e != null && e.defaultPath && e.defaultPath !== "/") {
+  S(() => {
+    if (c.length > 0 && k) {
+      const e = c.find((l) => l.id === k);
+      if (g(e), e != null && e.defaultPath && e.defaultPath !== "/") {
         const l = e.defaultPath + "/";
-        n((s) => s.startsWith(l) ? s.slice(l.length) : s);
+        u((s) => s.startsWith(l) ? s.slice(l.length) : s);
       }
     }
-  }, [u]), g(() => {
-    t && N({ storage: t, path: M });
-  }, [t, r]), g(() => {
-    a || (h(null), n(""));
-  }, [S, a]), /* @__PURE__ */ m("div", { className: i.storagePicker, children: [
-    /* @__PURE__ */ o("div", { className: i.storagePickerInput, children: /* @__PURE__ */ m("div", { children: [
-      /* @__PURE__ */ o("div", { className: i.storage, children: /* @__PURE__ */ o(
-        O,
+  }, [d]), S(() => {
+    t && $({ storage: t, path: x });
+  }, [t, r]);
+  const h = U(null);
+  return S(() => {
+    if (a) {
+      h.current = i;
+      return;
+    }
+    h.current !== null && h.current !== i && (g(null), u("")), h.current = i;
+  }, [i, a]), /* @__PURE__ */ P("div", { className: n.storagePicker, children: [
+    /* @__PURE__ */ o("div", { className: n.storagePickerInput, children: /* @__PURE__ */ P("div", { children: [
+      /* @__PURE__ */ o("div", { className: n.storage, children: /* @__PURE__ */ o(
+        R,
         {
           fieldValue: t != null && t.id ? t.id : "",
           options: [
             { label: "Select Storage", value: "", icon: "storages" },
-            ...x,
+            ...A,
             { label: "+ Add New Storage", value: "add_new", icon: "plus" }
           ],
-          onUpdate: A,
+          onUpdate: B,
           full: !0,
           disabled: a
         }
       ) }),
-      /* @__PURE__ */ m("div", { className: `${i.path} ${d ? i.withBucket : ""}`, children: [
-        d && /* @__PURE__ */ o("span", { className: i.defaultPath, title: `Bucket: ${t.defaultPath}`, children: t.defaultPath + "/" }),
+      /* @__PURE__ */ P("div", { className: `${n.path} ${p ? n.withBucket : ""}`, children: [
+        p && /* @__PURE__ */ o("span", { className: n.defaultPath, title: `Bucket: ${t.defaultPath}`, children: t.defaultPath + "/" }),
         /* @__PURE__ */ o(
-          j,
+          q,
           {
             disabled: a,
             fieldValue: r,
-            onUpdate: (e) => n(!f && e.startsWith("/") ? e.slice(1) : e),
-            placeholder: f ? "Select a folder" : d ? "subfolder" : "folder-or-bucket/subfolder",
+            onUpdate: (e) => u(!f && e.startsWith("/") ? e.slice(1) : e),
+            placeholder: f ? "Select a folder" : p ? "subfolder" : "folder-or-bucket/subfolder",
             full: !0,
             required: !a && f,
             error: !a && f && !r ? "Required" : ""
@@ -65,30 +71,30 @@ const I = ({ onUpdate: N, storagePath: $ = "", storageId: P, disabled: a = !1, d
         (t == null ? void 0 : t.type) && !a && t.type === "local" && /* @__PURE__ */ o(
           "button",
           {
-            className: i.fileManagerBtn,
+            className: n.fileManagerBtn,
             "data-tooltip-id": "appTooltip",
             "data-tooltip-content": "Open FileManager to Select Directory",
             "data-tooltip-place": "top",
-            onClick: () => k(!0),
-            children: /* @__PURE__ */ o(V, { type: "folders", size: 16 })
+            onClick: () => w(!0),
+            children: /* @__PURE__ */ o(W, { type: "folders", size: 16 })
           }
         )
       ] })
     ] }) }),
-    v && !a && /* @__PURE__ */ o(
-      q,
+    M && !a && /* @__PURE__ */ o(
+      V,
       {
-        deviceId: S || "main",
+        deviceId: i || "main",
         title: "Select Path",
         selected: r,
-        close: () => k(!1),
-        onSelect: (e) => n(e)
+        close: () => w(!1),
+        onSelect: (e) => u(e)
       }
     ),
-    y && /* @__PURE__ */ o(W, { close: () => w(!1) })
+    v && /* @__PURE__ */ o(_, { close: () => N(!1) })
   ] });
 };
 export {
-  I as default
+  Q as default
 };
 //# sourceMappingURL=StoragePicker.js.map

package/dist-lib/components/common/form/StoragePicker/StoragePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StoragePicker.js","sources":["../../../../../src/components/common/form/StoragePicker/StoragePicker.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\r\nimport classes from './StoragePicker.module.scss';\r\nimport Select from '../Select/Select';\r\nimport { useGetStorages } from '../../../../services/storage';\r\nimport Input from '../Input/Input';\r\nimport FolderPicker from '../../FolderPicker/FolderPicker';\r\nimport Icon from '../../Icon/Icon';\r\nimport AddStorage from '../../../Storage/AddStorage/AddStorage';\r\n\r\ntype storageItem = { name: string; id: string; type: string; defaultPath?: string };\r\n\r\ninterface StoragePickerProps {\r\n storagePath?: string;\r\n storageId?: string;\r\n disabled?: boolean;\r\n deviceId?: string;\r\n onUpdate: (val: { storage: storageItem; path: string }) => void;\r\n}\r\n\r\nconst StoragePicker = ({ onUpdate, storagePath = '', storageId, disabled = false, deviceId }: StoragePickerProps) => {\r\n const [selectedStorage, setSelectedStorage] = useState<null \| storageItem>();\r\n const [showFolderPicker, setShowFolderPicker] = useState(false);\r\n const [showAddStorageModal, setShowAddStorageModal] = useState(false);\r\n const [path, setPath] = useState(() => storagePath);\r\n const isLocalStorage = selectedStorage?.type === 'local';\r\n const hasBucketName = selectedStorage?.defaultPath && selectedStorage?.defaultPath !== '/';\r\n const fullPath = hasBucketName ? `${selectedStorage.defaultPath}${path ? `/${path}` : ''}` : path;\r\n\r\n const { data: allStorageData } = useGetStorages();\r\n const allUserStorages = (allStorageData?.result as storageItem[]) \|\| [];\r\n const allStorages = [...allUserStorages];\r\n\r\n console.log('allStorages :', allStorages);\r\n console.log('selectedStorage :', selectedStorage);\r\n\r\n const storageOptions = useMemo(() => {\r\n const storageOpts = allStorages.map(({ name, id, type }) => ({\r\n label: name,\r\n value: id.toString(),\r\n image: <img src={`/providers/${type}.png`} />,\r\n }));\r\n return storageOpts;\r\n }, [allStorages]);\r\n\r\n const selectStorage = (storageID: string) => {\r\n console.log('storageID :', storageID);\r\n if (storageID === 'add_new') {\r\n return setShowAddStorageModal(true);\r\n }\r\n const theStorage = allStorages.find((s) => s.id == storageID);\r\n if (theStorage \|\| storageID === 'local') {\r\n setSelectedStorage(theStorage);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (allStorages.length > 0 && storageId) {\r\n const currentStorage = allStorages.find((s) => s.id === storageId);\r\n setSelectedStorage(currentStorage);\r\n if (currentStorage?.defaultPath && currentStorage.defaultPath !== '/') {\r\n const prefix = currentStorage.defaultPath + '/';\r\n setPath((prev) => (prev.startsWith(prefix) ? prev.slice(prefix.length) : prev));\r\n }\r\n }\r\n }, [allStorageData]);\r\n\r\n useEffect(() => {\r\n if (selectedStorage) {\r\n onUpdate({ storage: selectedStorage, path: fullPath });\r\n }\r\n }, [selectedStorage, path]);\r\n\r\n useEffect(() => {\r\n if (!disabled) {\r\n setSelectedStorage(null);\r\n setPath('');\r\n }\r\n }, [deviceId, disabled]);\r\n\r\n // console.log('Storage path :', path, !disabled && isLocalStorage && !path);\r\n\r\n return (\r\n <div className={classes.storagePicker}>\r\n <div className={classes.storagePickerInput}>\r\n <div>\r\n <div className={classes.storage}>\r\n <Select\r\n fieldValue={selectedStorage?.id ? selectedStorage.id : ''}\r\n options={[\r\n { label: 'Select Storage', value: '', icon: 'storages' },\r\n ...storageOptions,\r\n { label: '+ Add New Storage', value: 'add_new', icon: 'plus' },\r\n ]}\r\n onUpdate={selectStorage}\r\n full={true}\r\n disabled={disabled}\r\n />\r\n </div>\r\n <div className={`${classes.path} ${hasBucketName ? classes.withBucket : ''}`}>\r\n {hasBucketName && (\r\n <span className={classes.defaultPath} title={`Bucket: ${selectedStorage.defaultPath}`}>\r\n {selectedStorage.defaultPath + '/'}\r\n </span>\r\n )}\r\n <Input\r\n disabled={disabled}\r\n fieldValue={path}\r\n onUpdate={(val) => setPath(!isLocalStorage && val.startsWith('/') ? val.slice(1) : val)} //if the val starts with a slash remove it (only for remote storages, local paths need the leading slash)\r\n placeholder={isLocalStorage ? 'Select a folder' : hasBucketName ? 'subfolder' : `folder-or-bucket/subfolder`}\r\n full={true}\r\n required={!disabled && isLocalStorage}\r\n error={(!disabled && isLocalStorage && !path ? 'Required' : '') as string}\r\n />\r\n {selectedStorage?.type && !disabled && selectedStorage.type === 'local' && (\r\n <button\r\n className={classes.fileManagerBtn}\r\n data-tooltip-id=\"appTooltip\"\r\n data-tooltip-content=\"Open FileManager to Select Directory\"\r\n data-tooltip-place=\"top\"\r\n onClick={() => setShowFolderPicker(true)}\r\n >\r\n <Icon type=\"folders\" size={16} />\r\n </button>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n {showFolderPicker && !disabled && (\r\n <FolderPicker\r\n deviceId={deviceId \|\| 'main'}\r\n title=\"Select Path\"\r\n selected={path}\r\n close={() => setShowFolderPicker(false)}\r\n onSelect={(newVal) => setPath(newVal)}\r\n />\r\n )}\r\n {showAddStorageModal && <AddStorage close={() => setShowAddStorageModal(false)} />}\r\n </div>\r\n );\r\n};\r\n\r\nexport default StoragePicker;\r\n"],"names":["StoragePicker","onUpdate","storagePath","storageId","disabled","deviceId","selectedStorage","setSelectedStorage","useState","showFolderPicker","setShowFolderPicker","showAddStorageModal","setShowAddStorageModal","path","setPath","isLocalStorage","hasBucketName","fullPath","allStorageData","useGetStorages","allStorages","storageOptions","useMemo","name","id","type","jsx","selectStorage","storageID","theStorage","useEffect","currentStorage","s","prefix","prev","jsxs","classes","Select","Input","val","Icon","FolderPicker","newVal","AddStorage"],"mappings":"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"}
1	+ {"version":3,"file":"StoragePicker.js","sources":["../../../../../src/components/common/form/StoragePicker/StoragePicker.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\r\nimport classes from './StoragePicker.module.scss';\r\nimport Select from '../Select/Select';\r\nimport { useGetStorages } from '../../../../services/storage';\r\nimport Input from '../Input/Input';\r\nimport FolderPicker from '../../FolderPicker/FolderPicker';\r\nimport Icon from '../../Icon/Icon';\r\nimport AddStorage from '../../../Storage/AddStorage/AddStorage';\r\n\r\ntype storageItem = { name: string; id: string; type: string; defaultPath?: string };\r\n\r\ninterface StoragePickerProps {\r\n storagePath?: string;\r\n storageId?: string;\r\n disabled?: boolean;\r\n deviceId?: string;\r\n onUpdate: (val: { storage: storageItem; path: string }) => void;\r\n}\r\n\r\nconst StoragePicker = ({ onUpdate, storagePath = '', storageId, disabled = false, deviceId }: StoragePickerProps) => {\r\n const [selectedStorage, setSelectedStorage] = useState<null \| storageItem>();\r\n const [showFolderPicker, setShowFolderPicker] = useState(false);\r\n const [showAddStorageModal, setShowAddStorageModal] = useState(false);\r\n const [path, setPath] = useState(() => storagePath);\r\n const isLocalStorage = selectedStorage?.type === 'local';\r\n const hasBucketName = selectedStorage?.defaultPath && selectedStorage?.defaultPath !== '/';\r\n const fullPath = hasBucketName ? `${selectedStorage.defaultPath}${path ? `/${path}` : ''}` : path;\r\n\r\n const { data: allStorageData } = useGetStorages();\r\n const allUserStorages = (allStorageData?.result as storageItem[]) \|\| [];\r\n const allStorages = [...allUserStorages];\r\n\r\n console.log('allStorages :', allStorages);\r\n console.log('selectedStorage :', selectedStorage);\r\n\r\n const storageOptions = useMemo(() => {\r\n const storageOpts = allStorages.map(({ name, id, type }) => ({\r\n label: name,\r\n value: id.toString(),\r\n image: <img src={`/providers/${type}.png`} />,\r\n }));\r\n return storageOpts;\r\n }, [allStorages]);\r\n\r\n const selectStorage = (storageID: string) => {\r\n console.log('storageID :', storageID);\r\n if (storageID === 'add_new') {\r\n return setShowAddStorageModal(true);\r\n }\r\n const theStorage = allStorages.find((s) => s.id == storageID);\r\n if (theStorage \|\| storageID === 'local') {\r\n setSelectedStorage(theStorage);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (allStorages.length > 0 && storageId) {\r\n const currentStorage = allStorages.find((s) => s.id === storageId);\r\n setSelectedStorage(currentStorage);\r\n if (currentStorage?.defaultPath && currentStorage.defaultPath !== '/') {\r\n const prefix = currentStorage.defaultPath + '/';\r\n setPath((prev) => (prev.startsWith(prefix) ? prev.slice(prefix.length) : prev));\r\n }\r\n }\r\n }, [allStorageData]);\r\n\r\n useEffect(() => {\r\n if (selectedStorage) {\r\n onUpdate({ storage: selectedStorage, path: fullPath });\r\n }\r\n }, [selectedStorage, path]);\r\n\r\n // Reset the storage selection only when the device actually changes (not on mount/remount,\r\n // e.g. when navigating between steps in the Add Plan form).\r\n const prevDeviceIdRef = useRef<string \| undefined \| null>(null);\r\n useEffect(() => {\r\n if (disabled) {\r\n prevDeviceIdRef.current = deviceId;\r\n return;\r\n }\r\n if (prevDeviceIdRef.current !== null && prevDeviceIdRef.current !== deviceId) {\r\n setSelectedStorage(null);\r\n setPath('');\r\n }\r\n prevDeviceIdRef.current = deviceId;\r\n }, [deviceId, disabled]);\r\n\r\n // console.log('Storage path :', path, !disabled && isLocalStorage && !path);\r\n\r\n return (\r\n <div className={classes.storagePicker}>\r\n <div className={classes.storagePickerInput}>\r\n <div>\r\n <div className={classes.storage}>\r\n <Select\r\n fieldValue={selectedStorage?.id ? selectedStorage.id : ''}\r\n options={[\r\n { label: 'Select Storage', value: '', icon: 'storages' },\r\n ...storageOptions,\r\n { label: '+ Add New Storage', value: 'add_new', icon: 'plus' },\r\n ]}\r\n onUpdate={selectStorage}\r\n full={true}\r\n disabled={disabled}\r\n />\r\n </div>\r\n <div className={`${classes.path} ${hasBucketName ? classes.withBucket : ''}`}>\r\n {hasBucketName && (\r\n <span className={classes.defaultPath} title={`Bucket: ${selectedStorage.defaultPath}`}>\r\n {selectedStorage.defaultPath + '/'}\r\n </span>\r\n )}\r\n <Input\r\n disabled={disabled}\r\n fieldValue={path}\r\n onUpdate={(val) => setPath(!isLocalStorage && val.startsWith('/') ? val.slice(1) : val)} //if the val starts with a slash remove it (only for remote storages, local paths need the leading slash)\r\n placeholder={isLocalStorage ? 'Select a folder' : hasBucketName ? 'subfolder' : `folder-or-bucket/subfolder`}\r\n full={true}\r\n required={!disabled && isLocalStorage}\r\n error={(!disabled && isLocalStorage && !path ? 'Required' : '') as string}\r\n />\r\n {selectedStorage?.type && !disabled && selectedStorage.type === 'local' && (\r\n <button\r\n className={classes.fileManagerBtn}\r\n data-tooltip-id=\"appTooltip\"\r\n data-tooltip-content=\"Open FileManager to Select Directory\"\r\n data-tooltip-place=\"top\"\r\n onClick={() => setShowFolderPicker(true)}\r\n >\r\n <Icon type=\"folders\" size={16} />\r\n </button>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n {showFolderPicker && !disabled && (\r\n <FolderPicker\r\n deviceId={deviceId \|\| 'main'}\r\n title=\"Select Path\"\r\n selected={path}\r\n close={() => setShowFolderPicker(false)}\r\n onSelect={(newVal) => setPath(newVal)}\r\n />\r\n )}\r\n {showAddStorageModal && <AddStorage close={() => setShowAddStorageModal(false)} />}\r\n </div>\r\n );\r\n};\r\n\r\nexport default StoragePicker;\r\n"],"names":["StoragePicker","onUpdate","storagePath","storageId","disabled","deviceId","selectedStorage","setSelectedStorage","useState","showFolderPicker","setShowFolderPicker","showAddStorageModal","setShowAddStorageModal","path","setPath","isLocalStorage","hasBucketName","fullPath","allStorageData","useGetStorages","allStorages","storageOptions","useMemo","name","id","type","jsx","selectStorage","storageID","theStorage","useEffect","currentStorage","s","prefix","prev","prevDeviceIdRef","useRef","jsxs","classes","Select","Input","val","Icon","FolderPicker","newVal","AddStorage"],"mappings":"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"}

package/dist-lib/routes/PlanSingle/PlanSingle.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanSingle.d.ts","sourceRoot":"","sources":["../../../src/routes/PlanSingle/PlanSingle.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,UAAU,+~~CA4Lf~~,CAAC;AAEF,eAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"PlanSingle.d.ts","sourceRoot":"","sources":["../../../src/routes/PlanSingle/PlanSingle.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,UAAU,+CAiMf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist-lib/routes/PlanSingle/PlanSingle.js CHANGED Viewed

@@ -1,91 +1,95 @@
-import { jsx as e, jsxs as o, Fragment as w } from "react/jsx-runtime";
+import { jsx as e, jsxs as o, Fragment as C } from "react/jsx-runtime";
 import { useState as B } from "react";
-import { useParams as Q, useSearchParams as W } from "react-router";
-import X from "../../components/common/PageHeader/PageHeader.js";
+import { useParams as W, useSearchParams as X } from "react-router";
+import Y from "../../components/common/PageHeader/PageHeader.js";
 import n from "../../components/common/Icon/Icon.js";
-import Y from "../../components/Plan/EditPlan/EditPlan.js";
-import Z from "../../components/Plan/PlanLogs/PlanLogs.js";
-import { useComponentOverride as _ } from "../../context/ComponentOverrideContext.js";
-import ee from "../../components/Plan/PlanStats/PlanStats.js";
-import { usePlanSingleActions as te } from "../../hooks/usePlanSingleActions.js";
+import Z from "../../components/Plan/EditPlan/EditPlan.js";
+import _ from "../../components/Plan/PlanLogs/PlanLogs.js";
+import { useComponentOverride as ee } from "../../context/ComponentOverrideContext.js";
+import te from "../../components/Plan/PlanStats/PlanStats.js";
+import { usePlanSingleActions as oe } from "../../hooks/usePlanSingleActions.js";
 import t from "./PlanSingle.module.scss.js";
-import oe from "../../components/common/NotFound/NotFound.js";
-import se from "../../components/Plan/PlanPruneModal/PlanPruneModal.js";
-import ne from "../../components/Plan/PlanUnlockModal/PlanUnlockModal.js";
-import ae from "../../components/Plan/PlanRemoveModal/PlanRemoveModal.js";
-import ie from "../../components/Plan/PlanProgress/PlanProgress.js";
-import le from "../../components/Plan/PlanBackups/PlanBackups.js";
-import re from "../../components/Plan/PlanIntegrity/PlanIntegrity.js";
-const ze = () => {
-  var y, M;
-  const [p, a] = B(!1), [C, m] = B(!1), { id: i } = Q(), v = _("EditPlan", Y), [h] = W(), z = h.get("pendingbackup") === "1", I = h.get("pendingrestore") === "1", {
-    showDeleteModal: b,
-    setShowDeleteModal: u,
-    showEditModal: E,
-    setShowEditModal: g,
-    showPruneModal: L,
-    setShowPruneModal: f,
-    showLogsModal: R,
-    setShowLogsModal: P,
-    showUnlockModal: U,
-    setShowUnlockModal: k,
+import se from "../../components/common/NotFound/NotFound.js";
+import ne from "../../components/Plan/PlanPruneModal/PlanPruneModal.js";
+import ae from "../../components/Plan/PlanUnlockModal/PlanUnlockModal.js";
+import ie from "../../components/Plan/PlanRemoveModal/PlanRemoveModal.js";
+import le from "../../components/Plan/PlanProgress/PlanProgress.js";
+import re from "../../components/Plan/PlanBackups/PlanBackups.js";
+import ce from "../../components/Plan/PlanIntegrity/PlanIntegrity.js";
+const Ie = () => {
+  var M, N;
+  const [h, a] = B(!1), [b, d] = B(!1), { id: i } = W(), z = ee("EditPlan", Z), [u] = X(), I = u.get("pendingbackup") === "1", v = u.get("pendingrestore") === "1", {
+    showDeleteModal: E,
+    setShowDeleteModal: g,
+    showEditModal: L,
+    setShowEditModal: f,
+    showPruneModal: R,
+    setShowPruneModal: P,
+    showLogsModal: U,
+    setShowLogsModal: k,
+    showUnlockModal: $,
+    setShowUnlockModal: y,
     plan: s,
     isLoading: D,
     refetchPlan: O,
     activeBackups: T,
-    activeRestores: $,
-    lastBackupItem: x,
+    activeRestores: x,
+    lastBackupItem: A,
     taskPending: r,
-    planError: d,
-    actionInProgress: A,
-    changeStatus: j,
-    backupNow: F
-  } = te(), H = d == null ? void 0 : d.status;
-  if (!i || H === 404)
-    return /* @__PURE__ */ e(oe, { name: "Plan", link: "/" });
+    planError: p,
+    actionInProgress: j,
+    changeStatus: F,
+    backupNow: H
+  } = oe(), V = p == null ? void 0 : p.status;
+  if (!i || V === 404)
+    return /* @__PURE__ */ e(se, { name: "Plan", link: "/" });
   {
     if (D)
       return /* @__PURE__ */ e("div", { className: "loadingScreen", children: /* @__PURE__ */ e(n, { size: 60, type: "loading" }) });
-    const { isActive: c, method: V, title: S, description: N, stats: q, settings: G } = s, J = G.prune, K = ((y = q.snapshots) == null ? void 0 : y.length) || 0, l = V === "sync";
+    const { isActive: c, method: q, title: S, description: w, verified: m, stats: G, settings: J } = s, K = J.prune, Q = ((M = G.snapshots) == null ? void 0 : M.length) || 0, l = q === "sync";
     return /* @__PURE__ */ o("div", { className: t.planSingle, children: [
       /* @__PURE__ */ e(
-        X,
+        Y,
         {
-          title: /* @__PURE__ */ o(w, { children: [
+          title: /* @__PURE__ */ o(C, { children: [
             S,
             " ",
-            N && /* @__PURE__ */ e("span", { className: t.planDescription, "data-tooltip-id": "appTooltip", "data-tooltip-content": N, children: /* @__PURE__ */ e(n, { type: "note", size: 13 }) }),
+            w && /* @__PURE__ */ e("span", { className: t.planDescription, "data-tooltip-id": "appTooltip", "data-tooltip-content": w, children: /* @__PURE__ */ e(n, { type: "note", size: 13 }) }),
             !c && /* @__PURE__ */ o("span", { className: "label warn", children: [
               /* @__PURE__ */ e(n, { size: 14, type: "pause", color: "#bf8d20" }),
               " Paused"
+            ] }),
+            (m == null ? void 0 : m.hasError) && /* @__PURE__ */ o("span", { className: `label error ${t.planError}`, onClick: () => d(!0), children: [
+              /* @__PURE__ */ e(n, { size: 14, type: "error-circle-filled", color: "#dd6b6b" }),
+              " Integrity Error"
             ] })
           ] }),
           pageTitle: S,
           icon: "plans",
-          rightSection: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ o("div", { className: t.planActions, children: [
-            /* @__PURE__ */ o("button", { className: t.actionBtn, onClick: F, children: [
+          rightSection: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ o("div", { className: t.planActions, children: [
+            /* @__PURE__ */ o("button", { className: t.actionBtn, onClick: H, children: [
               /* @__PURE__ */ e(n, { size: 14, type: l ? "sync" : "backup" }),
               " ",
               l ? "Sync" : "Backup",
               " Now"
             ] }),
-            /* @__PURE__ */ o("button", { className: `${t.actionBtn} ${c ? "" : t.actionBtnHighlight}`, onClick: j, children: [
+            /* @__PURE__ */ o("button", { className: `${t.actionBtn} ${c ? "" : t.actionBtnHighlight}`, onClick: F, children: [
               /* @__PURE__ */ e(n, { size: 14, type: c ? "pause" : "resume" }),
               " ",
               c ? "Pause" : "Resume"
             ] }),
-            /* @__PURE__ */ o("button", { className: t.actionBtn, onClick: () => g(!0), children: [
+            /* @__PURE__ */ o("button", { className: t.actionBtn, onClick: () => f(!0), children: [
               /* @__PURE__ */ e(n, { size: 14, type: "edit-settings" }),
               " Edit"
             ] }),
-            /* @__PURE__ */ e("button", { className: `${t.actionBtn} ${t.actionMoreBtn}`, onClick: () => a(!p), children: /* @__PURE__ */ e(n, { size: 14, type: "dots-vertical" }) }),
-            p && /* @__PURE__ */ o("ul", { className: t.moreOptions, children: [
+            /* @__PURE__ */ e("button", { className: `${t.actionBtn} ${t.actionMoreBtn}`, onClick: () => a(!h), children: /* @__PURE__ */ e(n, { size: 14, type: "dots-vertical" }) }),
+            h && /* @__PURE__ */ o("ul", { className: t.moreOptions, children: [
               /* @__PURE__ */ o(
                 "li",
                 {
                   className: t.actionBtn,
                   onClick: () => {
-                    f(!0), a(!1);
+                    P(!0), a(!1);
                   },
                   children: [
                     /* @__PURE__ */ e(n, { size: 14, type: "prune" }),
@@ -98,7 +102,7 @@ const ze = () => {
                 {
                   className: t.actionBtn,
                   onClick: () => {
-                    k(!0), a(!1);
+                    y(!0), a(!1);
                   },
                   children: [
                     /* @__PURE__ */ e(n, { size: 14, type: "unlock" }),
@@ -111,7 +115,7 @@ const ze = () => {
                 {
                   className: t.actionBtn,
                   onClick: () => {
-                    m(!0), a(!1);
+                    d(!0), a(!1);
                   },
                   children: [
                     /* @__PURE__ */ e(n, { size: 14, type: "integrity" }),
@@ -124,7 +128,7 @@ const ze = () => {
                 {
                   className: t.actionBtn,
                   onClick: () => {
-                    P(!0), a(!1);
+                    k(!0), a(!1);
                   },
                   children: [
                     /* @__PURE__ */ e(n, { size: 14, type: "logs" }),
@@ -137,7 +141,7 @@ const ze = () => {
                 {
                   className: t.actionBtn,
                   onClick: () => {
-                    u(!0), a(!1);
+                    g(!0), a(!1);
                   },
                   children: [
                     /* @__PURE__ */ e(n, { size: 14, type: "trash" }),
@@ -150,50 +154,50 @@ const ze = () => {
         }
       ),
       /* @__PURE__ */ o("div", { className: t.planContent, children: [
-        /* @__PURE__ */ e(ee, { plan: s, isSync: l, lastBackupItem: x }),
+        /* @__PURE__ */ e(te, { plan: s, isSync: l, lastBackupItem: A }),
         /* @__PURE__ */ e(
-          ie,
+          le,
           {
             plan: s,
-            isBackupPending: z,
-            isRestorePending: I,
+            isBackupPending: I,
+            isRestorePending: v,
             activeBackups: T,
-            activeRestores: $,
+            activeRestores: x,
             refetchPlan: O
           }
         ),
-        /* @__PURE__ */ e(le, { plan: s })
+        /* @__PURE__ */ e(re, { plan: s })
       ] }),
-      L && /* @__PURE__ */ e(
-        se,
+      R && /* @__PURE__ */ e(
+        ne,
         {
           planId: i,
           method: s.method,
-          prune: J,
-          snapshotsCount: K,
+          prune: K,
+          snapshotsCount: Q,
           taskPending: r,
-          close: () => f(!1)
+          close: () => P(!1)
         }
       ),
-      C && !l && /* @__PURE__ */ e(
-        re,
+      b && !l && /* @__PURE__ */ e(
+        ce,
         {
           planId: s.id,
           taskPending: r,
           verificationData: s.verified,
           storage: s.storage,
-          replicationStorages: (M = s.settings.replication) != null && M.enabled ? s.settings.replication.storages : [],
-          onClose: () => m(!1)
+          replicationStorages: (N = s.settings.replication) != null && N.enabled ? s.settings.replication.storages : [],
+          onClose: () => d(!1)
         }
       ),
-      b && /* @__PURE__ */ e(ae, { planId: i, taskPending: r, actionInProgress: A, close: () => u(!1) }),
-      U && /* @__PURE__ */ e(ne, { planId: i, taskPending: r, close: () => k(!1) }),
-      E && /* @__PURE__ */ e(v, { plan: s, close: () => g(!1) }),
-      R && /* @__PURE__ */ e(Z, { planId: i, planMethod: s.method, sourceType: s.sourceType, close: () => P(!1) })
+      E && /* @__PURE__ */ e(ie, { planId: i, taskPending: r, actionInProgress: j, close: () => g(!1) }),
+      $ && /* @__PURE__ */ e(ae, { planId: i, taskPending: r, close: () => y(!1) }),
+      L && /* @__PURE__ */ e(z, { plan: s, close: () => f(!1) }),
+      U && /* @__PURE__ */ e(_, { planId: i, planMethod: s.method, sourceType: s.sourceType, close: () => k(!1) })
     ] });
   }
 };
 export {
-  ze as default
+  Ie as default
 };
 //# sourceMappingURL=PlanSingle.js.map

package/dist-lib/routes/PlanSingle/PlanSingle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanSingle.js","sources":["../../../src/routes/PlanSingle/PlanSingle.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { useParams, useSearchParams } from 'react-router';\r\nimport PageHeader from '../../components/common/PageHeader/PageHeader';\r\nimport Icon from '../../components/common/Icon/Icon';\r\nimport EditPlan from '../../components/Plan/EditPlan/EditPlan';\r\nimport PlanLogs from '../../components/Plan/PlanLogs/PlanLogs';\r\nimport { useComponentOverride } from '../../context/ComponentOverrideContext';\r\nimport PlanStats from '../../components/Plan/PlanStats/PlanStats';\r\nimport { usePlanSingleActions } from '../../hooks/usePlanSingleActions';\r\nimport classes from './PlanSingle.module.scss';\r\nimport NotFound from '../../components/common/NotFound/NotFound';\r\nimport PlanPruneModal from '../../components/Plan/PlanPruneModal/PlanPruneModal';\r\nimport PlanUnlockModal from '../../components/Plan/PlanUnlockModal/PlanUnlockModal';\r\nimport PlanRemoveModal from '../../components/Plan/PlanRemoveModal/PlanRemoveModal';\r\nimport PlanProgress from '../../components/Plan/PlanProgress/PlanProgress';\r\nimport PlanBackups from '../../components/Plan/PlanBackups/PlanBackups';\r\nimport PlanIntegrity from '../../components/Plan/PlanIntegrity/PlanIntegrity';\r\n\r\nconst PlanSingle = () => {\r\n const [showMoreOptions, setShowMoreOptions] = useState(false);\r\n const [showIntegrityModal, setShowIntegrityModal] = useState(false);\r\n const { id } = useParams();\r\n\r\n const EditPlanModal = useComponentOverride('EditPlan', EditPlan);\r\n\r\n const [searchParams] = useSearchParams();\r\n const isBackupPending = searchParams.get('pendingbackup') === '1';\r\n const isRestorePending = searchParams.get('pendingrestore') === '1';\r\n\r\n const {\r\n showDeleteModal,\r\n setShowDeleteModal,\r\n showEditModal,\r\n setShowEditModal,\r\n showPruneModal,\r\n setShowPruneModal,\r\n showLogsModal,\r\n setShowLogsModal,\r\n showUnlockModal,\r\n setShowUnlockModal,\r\n\r\n plan,\r\n isLoading,\r\n refetchPlan,\r\n activeBackups,\r\n activeRestores,\r\n lastBackupItem,\r\n taskPending,\r\n planError,\r\n actionInProgress,\r\n changeStatus,\r\n backupNow,\r\n } = usePlanSingleActions();\r\n\r\n // const errorMessage = planError?.message;\r\n const errorStatusCode = (planError as Error & { status?: number })?.status;\r\n if (!id \|\| errorStatusCode === 404) {\r\n return <NotFound name=\"Plan\" link=\"/\" />;\r\n } else {\r\n if (isLoading) {\r\n return (\r\n <div className=\"loadingScreen\">\r\n <Icon size={60} type=\"loading\" />\r\n </div>\r\n );\r\n }\r\n\r\n const { isActive, method, title, description, stats, settings } = plan;\r\n const prune = settings.prune;\r\n const snapshotsCount = stats.snapshots?.length \|\| 0;\r\n const isSync = method === 'sync';\r\n\r\n return (\r\n <div className={classes.planSingle}>\r\n <PageHeader\r\n title={\r\n <>\r\n {title}{' '}\r\n {description && (\r\n <span className={classes.planDescription} data-tooltip-id=\"appTooltip\" data-tooltip-content={description}>\r\n <Icon type=\"note\" size={13} />\r\n </span>\r\n )}\r\n {!isActive && (\r\n <span className=\"label warn\">\r\n <Icon size={14} type={'pause'} color=\"#bf8d20\" /> Paused\r\n </span>\r\n )}\r\n </>\r\n }\r\n pageTitle={title}\r\n icon=\"plans\"\r\n rightSection={\r\n <>\r\n <div className={classes.planActions}>\r\n <button className={classes.actionBtn} onClick={backupNow}>\r\n <Icon size={14} type={isSync ? 'sync' : 'backup'} /> {isSync ? 'Sync' : 'Backup'} Now\r\n </button>\r\n <button className={`${classes.actionBtn} ${!isActive ? classes.actionBtnHighlight : ''}`} onClick={changeStatus}>\r\n <Icon size={14} type={isActive ? 'pause' : 'resume'} /> {isActive ? 'Pause' : 'Resume'}\r\n </button>\r\n <button className={classes.actionBtn} onClick={() => setShowEditModal(true)}>\r\n <Icon size={14} type=\"edit-settings\" /> Edit\r\n </button>\r\n <button className={`${classes.actionBtn} ${classes.actionMoreBtn}`} onClick={() => setShowMoreOptions(!showMoreOptions)}>\r\n <Icon size={14} type=\"dots-vertical\" />\r\n </button>\r\n\r\n {showMoreOptions && (\r\n <ul className={classes.moreOptions}>\r\n <li\r\n className={classes.actionBtn}\r\n onClick={() => {\r\n setShowPruneModal(true);\r\n setShowMoreOptions(false);\r\n }}\r\n >\r\n <Icon size={14} type=\"prune\" /> Clean Up\r\n </li>\r\n {!isSync && (\r\n <li\r\n className={classes.actionBtn}\r\n onClick={() => {\r\n setShowUnlockModal(true);\r\n setShowMoreOptions(false);\r\n }}\r\n >\r\n <Icon size={14} type=\"unlock\" /> Unlock\r\n </li>\r\n )}\r\n <li\r\n className={classes.actionBtn}\r\n onClick={() => {\r\n setShowIntegrityModal(true);\r\n setShowMoreOptions(false);\r\n }}\r\n >\r\n <Icon size={14} type=\"integrity\" /> Check Integrity\r\n </li>\r\n <li\r\n className={classes.actionBtn}\r\n onClick={() => {\r\n setShowLogsModal(true);\r\n setShowMoreOptions(false);\r\n }}\r\n >\r\n <Icon size={14} type=\"logs\" /> View Logs\r\n </li>\r\n <li\r\n className={classes.actionBtn}\r\n onClick={() => {\r\n setShowDeleteModal(true);\r\n setShowMoreOptions(false);\r\n }}\r\n >\r\n <Icon size={14} type=\"trash\" /> Remove\r\n </li>\r\n </ul>\r\n )}\r\n </div>\r\n </>\r\n }\r\n />\r\n <div className={classes.planContent}>\r\n <PlanStats plan={plan} isSync={isSync} lastBackupItem={lastBackupItem} />\r\n <PlanProgress\r\n plan={plan}\r\n isBackupPending={isBackupPending}\r\n isRestorePending={isRestorePending}\r\n activeBackups={activeBackups}\r\n activeRestores={activeRestores}\r\n refetchPlan={refetchPlan}\r\n />\r\n <PlanBackups plan={plan} />\r\n </div>\r\n\r\n {/* Action Modals */}\r\n {showPruneModal && (\r\n <PlanPruneModal\r\n planId={id}\r\n method={plan.method}\r\n prune={prune}\r\n snapshotsCount={snapshotsCount}\r\n taskPending={taskPending}\r\n close={() => setShowPruneModal(false)}\r\n />\r\n )}\r\n {showIntegrityModal && !isSync && (\r\n <PlanIntegrity\r\n planId={plan.id}\r\n taskPending={taskPending}\r\n verificationData={plan.verified}\r\n storage={plan.storage}\r\n replicationStorages={plan.settings.replication?.enabled ? plan.settings.replication.storages : []}\r\n onClose={() => setShowIntegrityModal(false)}\r\n />\r\n )}\r\n {showDeleteModal && (\r\n <PlanRemoveModal planId={id} taskPending={taskPending} actionInProgress={actionInProgress} close={() => setShowDeleteModal(false)} />\r\n )}\r\n {showUnlockModal && <PlanUnlockModal planId={id} taskPending={taskPending} close={() => setShowUnlockModal(false)} />}\r\n {showEditModal && <EditPlanModal plan={plan} close={() => setShowEditModal(false)} />}\r\n {showLogsModal && <PlanLogs planId={id} planMethod={plan.method} sourceType={plan.sourceType} close={() => setShowLogsModal(false)} />}\r\n </div>\r\n );\r\n }\r\n};\r\n\r\nexport default PlanSingle;\r\n"],"names":["PlanSingle","showMoreOptions","setShowMoreOptions","useState","showIntegrityModal","setShowIntegrityModal","id","useParams","EditPlanModal","useComponentOverride","EditPlan","searchParams","useSearchParams","isBackupPending","isRestorePending","showDeleteModal","setShowDeleteModal","showEditModal","setShowEditModal","showPruneModal","setShowPruneModal","showLogsModal","setShowLogsModal","showUnlockModal","setShowUnlockModal","plan","isLoading","refetchPlan","activeBackups","activeRestores","lastBackupItem","taskPending","planError","actionInProgress","changeStatus","backupNow","usePlanSingleActions","errorStatusCode","jsx","NotFound","Icon","isActive","method","title","description","stats","settings","prune","snapshotsCount","_a","isSync","jsxs","classes","PageHeader","Fragment","PlanStats","PlanProgress","PlanBackups","PlanPruneModal","PlanIntegrity","_b","PlanRemoveModal","PlanUnlockModal","PlanLogs"],"mappings":"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"}
1	+ {"version":3,"file":"PlanSingle.js","sources":["../../../src/routes/PlanSingle/PlanSingle.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { useParams, useSearchParams } from 'react-router';\r\nimport PageHeader from '../../components/common/PageHeader/PageHeader';\r\nimport Icon from '../../components/common/Icon/Icon';\r\nimport EditPlan from '../../components/Plan/EditPlan/EditPlan';\r\nimport PlanLogs from '../../components/Plan/PlanLogs/PlanLogs';\r\nimport { useComponentOverride } from '../../context/ComponentOverrideContext';\r\nimport PlanStats from '../../components/Plan/PlanStats/PlanStats';\r\nimport { usePlanSingleActions } from '../../hooks/usePlanSingleActions';\r\nimport classes from './PlanSingle.module.scss';\r\nimport NotFound from '../../components/common/NotFound/NotFound';\r\nimport PlanPruneModal from '../../components/Plan/PlanPruneModal/PlanPruneModal';\r\nimport PlanUnlockModal from '../../components/Plan/PlanUnlockModal/PlanUnlockModal';\r\nimport PlanRemoveModal from '../../components/Plan/PlanRemoveModal/PlanRemoveModal';\r\nimport PlanProgress from '../../components/Plan/PlanProgress/PlanProgress';\r\nimport PlanBackups from '../../components/Plan/PlanBackups/PlanBackups';\r\nimport PlanIntegrity from '../../components/Plan/PlanIntegrity/PlanIntegrity';\r\n\r\nconst PlanSingle = () => {\r\n const [showMoreOptions, setShowMoreOptions] = useState(false);\r\n const [showIntegrityModal, setShowIntegrityModal] = useState(false);\r\n const { id } = useParams();\r\n\r\n const EditPlanModal = useComponentOverride('EditPlan', EditPlan);\r\n\r\n const [searchParams] = useSearchParams();\r\n const isBackupPending = searchParams.get('pendingbackup') === '1';\r\n const isRestorePending = searchParams.get('pendingrestore') === '1';\r\n\r\n const {\r\n showDeleteModal,\r\n setShowDeleteModal,\r\n showEditModal,\r\n setShowEditModal,\r\n showPruneModal,\r\n setShowPruneModal,\r\n showLogsModal,\r\n setShowLogsModal,\r\n showUnlockModal,\r\n setShowUnlockModal,\r\n\r\n plan,\r\n isLoading,\r\n refetchPlan,\r\n activeBackups,\r\n activeRestores,\r\n lastBackupItem,\r\n taskPending,\r\n planError,\r\n actionInProgress,\r\n changeStatus,\r\n backupNow,\r\n } = usePlanSingleActions();\r\n\r\n // const errorMessage = planError?.message;\r\n const errorStatusCode = (planError as Error & { status?: number })?.status;\r\n if (!id \|\| errorStatusCode === 404) {\r\n return <NotFound name=\"Plan\" link=\"/\" />;\r\n } else {\r\n if (isLoading) {\r\n return (\r\n <div className=\"loadingScreen\">\r\n <Icon size={60} type=\"loading\" />\r\n </div>\r\n );\r\n }\r\n\r\n const { isActive, method, title, description, verified, stats, settings } = plan;\r\n const prune = settings.prune;\r\n const snapshotsCount = stats.snapshots?.length \|\| 0;\r\n const isSync = method === 'sync';\r\n\r\n return (\r\n <div className={classes.planSingle}>\r\n <PageHeader\r\n title={\r\n <>\r\n {title}{' '}\r\n {description && (\r\n <span className={classes.planDescription} data-tooltip-id=\"appTooltip\" data-tooltip-content={description}>\r\n <Icon type=\"note\" size={13} />\r\n </span>\r\n )}\r\n {!isActive && (\r\n <span className=\"label warn\">\r\n <Icon size={14} type={'pause'} color=\"#bf8d20\" /> Paused\r\n </span>\r\n )}\r\n {verified?.hasError && (\r\n <span className={`label error ${classes.planError}`} onClick={() => setShowIntegrityModal(true)}>\r\n <Icon size={14} type={'error-circle-filled'} color=\"#dd6b6b\" /> Integrity Error\r\n </span>\r\n )}\r\n </>\r\n }\r\n pageTitle={title}\r\n icon=\"plans\"\r\n rightSection={\r\n <>\r\n <div className={classes.planActions}>\r\n <button className={classes.actionBtn} onClick={backupNow}>\r\n <Icon size={14} type={isSync ? 'sync' : 'backup'} /> {isSync ? 'Sync' : 'Backup'} Now\r\n </button>\r\n <button className={`${classes.actionBtn} ${!isActive ? classes.actionBtnHighlight : ''}`} onClick={changeStatus}>\r\n <Icon size={14} type={isActive ? 'pause' : 'resume'} /> {isActive ? 'Pause' : 'Resume'}\r\n </button>\r\n <button className={classes.actionBtn} onClick={() => setShowEditModal(true)}>\r\n <Icon size={14} type=\"edit-settings\" /> Edit\r\n </button>\r\n <button className={`${classes.actionBtn} ${classes.actionMoreBtn}`} onClick={() => setShowMoreOptions(!showMoreOptions)}>\r\n <Icon size={14} type=\"dots-vertical\" />\r\n </button>\r\n\r\n {showMoreOptions && (\r\n <ul className={classes.moreOptions}>\r\n <li\r\n className={classes.actionBtn}\r\n onClick={() => {\r\n setShowPruneModal(true);\r\n setShowMoreOptions(false);\r\n }}\r\n >\r\n <Icon size={14} type=\"prune\" /> Clean Up\r\n </li>\r\n {!isSync && (\r\n <li\r\n className={classes.actionBtn}\r\n onClick={() => {\r\n setShowUnlockModal(true);\r\n setShowMoreOptions(false);\r\n }}\r\n >\r\n <Icon size={14} type=\"unlock\" /> Unlock\r\n </li>\r\n )}\r\n <li\r\n className={classes.actionBtn}\r\n onClick={() => {\r\n setShowIntegrityModal(true);\r\n setShowMoreOptions(false);\r\n }}\r\n >\r\n <Icon size={14} type=\"integrity\" /> Check Integrity\r\n </li>\r\n <li\r\n className={classes.actionBtn}\r\n onClick={() => {\r\n setShowLogsModal(true);\r\n setShowMoreOptions(false);\r\n }}\r\n >\r\n <Icon size={14} type=\"logs\" /> View Logs\r\n </li>\r\n <li\r\n className={classes.actionBtn}\r\n onClick={() => {\r\n setShowDeleteModal(true);\r\n setShowMoreOptions(false);\r\n }}\r\n >\r\n <Icon size={14} type=\"trash\" /> Remove\r\n </li>\r\n </ul>\r\n )}\r\n </div>\r\n </>\r\n }\r\n />\r\n <div className={classes.planContent}>\r\n <PlanStats plan={plan} isSync={isSync} lastBackupItem={lastBackupItem} />\r\n <PlanProgress\r\n plan={plan}\r\n isBackupPending={isBackupPending}\r\n isRestorePending={isRestorePending}\r\n activeBackups={activeBackups}\r\n activeRestores={activeRestores}\r\n refetchPlan={refetchPlan}\r\n />\r\n <PlanBackups plan={plan} />\r\n </div>\r\n\r\n {/* Action Modals */}\r\n {showPruneModal && (\r\n <PlanPruneModal\r\n planId={id}\r\n method={plan.method}\r\n prune={prune}\r\n snapshotsCount={snapshotsCount}\r\n taskPending={taskPending}\r\n close={() => setShowPruneModal(false)}\r\n />\r\n )}\r\n {showIntegrityModal && !isSync && (\r\n <PlanIntegrity\r\n planId={plan.id}\r\n taskPending={taskPending}\r\n verificationData={plan.verified}\r\n storage={plan.storage}\r\n replicationStorages={plan.settings.replication?.enabled ? plan.settings.replication.storages : []}\r\n onClose={() => setShowIntegrityModal(false)}\r\n />\r\n )}\r\n {showDeleteModal && (\r\n <PlanRemoveModal planId={id} taskPending={taskPending} actionInProgress={actionInProgress} close={() => setShowDeleteModal(false)} />\r\n )}\r\n {showUnlockModal && <PlanUnlockModal planId={id} taskPending={taskPending} close={() => setShowUnlockModal(false)} />}\r\n {showEditModal && <EditPlanModal plan={plan} close={() => setShowEditModal(false)} />}\r\n {showLogsModal && <PlanLogs planId={id} planMethod={plan.method} sourceType={plan.sourceType} close={() => setShowLogsModal(false)} />}\r\n </div>\r\n );\r\n }\r\n};\r\n\r\nexport default PlanSingle;\r\n"],"names":["PlanSingle","showMoreOptions","setShowMoreOptions","useState","showIntegrityModal","setShowIntegrityModal","id","useParams","EditPlanModal","useComponentOverride","EditPlan","searchParams","useSearchParams","isBackupPending","isRestorePending","showDeleteModal","setShowDeleteModal","showEditModal","setShowEditModal","showPruneModal","setShowPruneModal","showLogsModal","setShowLogsModal","showUnlockModal","setShowUnlockModal","plan","isLoading","refetchPlan","activeBackups","activeRestores","lastBackupItem","taskPending","planError","actionInProgress","changeStatus","backupNow","usePlanSingleActions","errorStatusCode","jsx","NotFound","Icon","isActive","method","title","description","verified","stats","settings","prune","snapshotsCount","_a","isSync","jsxs","classes","PageHeader","Fragment","PlanStats","PlanProgress","PlanBackups","PlanPruneModal","PlanIntegrity","_b","PlanRemoveModal","PlanUnlockModal","PlanLogs"],"mappings":"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"}

package/dist-lib/routes/PlanSingle/PlanSingle.module.scss.js CHANGED Viewed

@@ -1,22 +1,24 @@
-const n = "_planSingle_Msjor", t = "_planDescription_BWPEr", o = "_planActions_XUm7Y", i = "_moreOptions_Wu4mu", a = "_planContent_DpaSC", c = "_actionBtn_alvyJ", s = "_actionBtnHighlight_V0mWJ", l = "_actionMoreBtn_1jDhi", p = {
+const n = "_planSingle_BEirW", t = "_planDescription_Kk3f1", o = "_planError_DHNlv", i = "_planActions_20oEK", a = "_moreOptions_P56zm", c = "_planContent_xRfOC", l = "_actionBtn_m6HlC", s = "_actionBtnHighlight_qMvlm", p = "_actionMoreBtn_aGX1y", r = {
   planSingle: n,
   planDescription: t,
-  planActions: o,
-  moreOptions: i,
-  planContent: a,
-  actionBtn: c,
+  planError: o,
+  planActions: i,
+  moreOptions: a,
+  planContent: c,
+  actionBtn: l,
   actionBtnHighlight: s,
-  actionMoreBtn: l
+  actionMoreBtn: p
 };
 export {
-  c as actionBtn,
+  l as actionBtn,
   s as actionBtnHighlight,
-  l as actionMoreBtn,
-  p as default,
-  i as moreOptions,
-  o as planActions,
-  a as planContent,
+  p as actionMoreBtn,
+  r as default,
+  a as moreOptions,
+  i as planActions,
+  c as planContent,
   t as planDescription,
+  o as planError,
   n as planSingle
 };
 //# sourceMappingURL=PlanSingle.module.scss.js.map

package/dist-lib/routes/PlanSingle/PlanSingle.module.scss.js.map CHANGED Viewed

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