npm - @plutonhq/core-frontend - Versions diffs - 0.1.32 → 0.1.34 - Mend

@plutonhq/core-frontend 0.1.32 → 0.1.34

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"FilterPlans.js","sources":["../../../../src/components/Plan/FilterPlans/FilterPlans.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\r\nimport classes from './FilterPlans.module.scss';\r\nimport { Plan } from '../../..';\r\nimport { Icon, MultiSelect } from '../..';\r\n\r\ntype FilterPlansProps = {\r\n onUpdate: (s: Record<PlanFilterTypes, string[]> | null) => void;\r\n plans: Plan[];\r\n};\r\nexport type PlanFilterTypes = 'devices' | 'tags' | 'storages' | 'methods';\r\n\r\nconst defaultState = { devices: [], tags: [], storages: [], methods: [] };\r\n\r\nconst FilterPlans = ({ onUpdate, plans }: FilterPlansProps) => {\r\n const [showDropDown, setShowDropDown] = useState(false);\r\n const [selected, setSelected] = useState<Record<PlanFilterTypes, string[]>>(() => {\r\n const storedSettingsRaw = localStorage.getItem('plans_filter');\r\n const storedSettings = storedSettingsRaw ? JSON.parse(storedSettingsRaw) : null;\r\n return storedSettings || defaultState;\r\n });\r\n\r\n const hasFilters = Object.values(selected).some((arr) => arr.length > 0);\r\n\r\n const filterableItems = useMemo(() => {\r\n const items: Record<PlanFilterTypes, { label: string; value: string }[]> = { devices: [], tags: [], storages: [], methods: [] };\r\n plans.forEach((plan) => {\r\n plan.tags.forEach((tag) => {\r\n if (!items.tags.find((t) => t.value === tag)) {\r\n items.tags.push({ label: tag, value: tag });\r\n }\r\n });\r\n if (!items.devices.find((t) => t.value === plan.device.id)) {\r\n items.devices.push({ label: plan.device.name, value: plan.device.id });\r\n }\r\n if (!items.storages.find((t) => t.value === plan.storage.id)) {\r\n items.storages.push({ label: plan.storage.name, value: plan.storage.id });\r\n }\r\n if (!items.methods.find((t) => t.value === plan.method)) {\r\n items.methods.push({ label: plan.method, value: plan.method });\r\n }\r\n });\r\n return items;\r\n }, [plans]);\r\n\r\n return (\r\n <div className={classes.filterItems}>\r\n <button\r\n className={`${classes.filterBtn} ${showDropDown || hasFilters ? classes.filterBtnActive : ''}`}\r\n onClick={() => setShowDropDown(!showDropDown)}\r\n data-tooltip-id=\"appTooltip\"\r\n data-tooltip-content=\"Filter\"\r\n aria-label=\"Filter Plans\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-delay-show={500}\r\n >\r\n <Icon type=\"filter\" size={18} />{' '}\r\n {hasFilters && <span className={classes.filterCount}>{Object.values(selected).reduce((acc, arr) => acc + arr.length, 0)}</span>}\r\n </button>\r\n {showDropDown && (\r\n <div className={`${classes.dropdown} styled__scrollbar`}>\r\n {filterableItems.devices.length > 1 && (\r\n <div className={classes.field}>\r\n <label>Devices</label>\r\n <MultiSelect\r\n title=\"Devices\"\r\n fieldValue={selected.devices}\r\n options={filterableItems.devices}\r\n onUpdate={(devices) => setSelected((selected) => ({ ...selected, devices }))}\r\n />\r\n </div>\r\n )}\r\n <div className={classes.field}>\r\n <label>Backup Type</label>\r\n <MultiSelect\r\n title=\"Backup Type\"\r\n fieldValue={selected.methods}\r\n options={filterableItems.methods}\r\n onUpdate={(methods) => setSelected((selected) => ({ ...selected, methods }))}\r\n />\r\n </div>\r\n <div className={classes.field}>\r\n <label>Storage</label>\r\n <MultiSelect\r\n title=\"Storages\"\r\n fieldValue={selected.storages}\r\n options={filterableItems.storages}\r\n onUpdate={(storages) => setSelected((selected) => ({ ...selected, storages }))}\r\n />\r\n </div>\r\n <div className={classes.field}>\r\n <label>Tags</label>\r\n <MultiSelect\r\n title=\"Tags\"\r\n fieldValue={selected.tags}\r\n options={filterableItems.tags}\r\n onUpdate={(tags) => setSelected((selected) => ({ ...selected, tags }))}\r\n />\r\n </div>\r\n <div className={classes.footer}>\r\n <button\r\n onClick={() => {\r\n localStorage.removeItem('plans_filter');\r\n setSelected(defaultState);\r\n onUpdate(null);\r\n setShowDropDown(false);\r\n }}\r\n >\r\n <Icon type=\"reload\" /> Reset\r\n </button>\r\n <button\r\n onClick={() => {\r\n localStorage.setItem('plans_filter', JSON.stringify(selected));\r\n onUpdate(selected);\r\n setShowDropDown(false);\r\n }}\r\n >\r\n <Icon type=\"check\" size={12} /> Apply\r\n </button>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default FilterPlans;\r\n"],"names":["defaultState","FilterPlans","onUpdate","plans","showDropDown","setShowDropDown","useState","selected","setSelected","storedSettingsRaw","hasFilters","arr","filterableItems","useMemo","items","plan","tag","t","jsxs","classes","jsx","Icon","acc","MultiSelect","devices","methods","storages","tags"],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+const t = "_filterItems_TS2uf", e = "_filterBtn_Fwlxx", o = "_filterCount_FoAvx", r = "_filterBtnActive_sxxe4", f = "_dropdown_E9rlJ", n = "_field_reroJ", l = "_footer_aoPOL", i = {
+  filterItems: t,
+  filterBtn: e,
+  filterCount: o,
+  filterBtnActive: r,
+  dropdown: f,
+  field: n,
+  footer: l
+};
+export {
+  i as default,
+  f as dropdown,
+  n as field,
+  e as filterBtn,
+  r as filterBtnActive,
+  o as filterCount,
+  t as filterItems,
+  l as footer
+};
+//# sourceMappingURL=FilterPlans.module.scss.js.map

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

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

package/dist-lib/components/Plan/PlanForm/PlanForm.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { NewPlanSettings } from '../../../@types/plans';
+import { NewPlanSettings, PlanAddRunSettings } from '../../../@types/plans';
 type PlanFormProps = {
     title: string;
     planSettings: NewPlanSettings;
@@ -10,7 +10,9 @@ type PlanFormProps = {
     storagePath?: string;
     storageId?: string;
     planId?: string;
+    runSettings?: PlanAddRunSettings;
+    setRunSettings?: (runSettings: PlanAddRunSettings) => void;
 };
-declare const PlanForm: ({ title, planSettings, type, onPlanSettingsChange, onSubmit, isSubmitting, close, storagePath, storageId, planId, }: PlanFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const PlanForm: ({ title, planSettings, type, onPlanSettingsChange, onSubmit, isSubmitting, close, storagePath, storageId, planId, runSettings, setRunSettings, }: PlanFormProps) => import("react/jsx-runtime").JSX.Element;
 export default PlanForm;
 //# sourceMappingURL=PlanForm.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanForm/PlanForm.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;~~AAYxD~~,KAAK,aAAa,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,eAAe,CAAC;IAC9B,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IACrB,oBAAoB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;~~CAClB~~,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,~~qHAWf~~,aAAa,~~4CAqPf~~,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1	+ {"version":3,"file":"PlanForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanForm/PlanForm.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAY5E,KAAK,aAAa,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,eAAe,CAAC;IAC9B,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IACrB,oBAAoB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC7D,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,kJAaf,aAAa,4CAuPf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1,21 +1,21 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { useState as y } from "react";
+import { useState as E } from "react";
 import n from "../../common/Icon/Icon.js";
-import z from "../../common/SidePanel/SidePanel.js";
-import E from "../../common/form/StoragePicker/StoragePicker.js";
-import w from "../PlanSettings/PlanStrategySettings.js";
-import D from "../PlanSettings/PlanSourceSettings.js";
+import w from "../../common/SidePanel/SidePanel.js";
+import D from "../../common/form/StoragePicker/StoragePicker.js";
+import V from "../PlanSettings/PlanStrategySettings.js";
+import q from "../PlanSettings/PlanSourceSettings.js";
 import t from "../AddPlan/AddPlan.module.scss.js";
 import c from "./PlanForm.module.scss.js";
-import { useGetSettings as V } from "../../../services/settings.js";
-import q from "../PlanSettings/PlanAdvancedSettings.js";
+import { useGetSettings as L } from "../../../services/settings.js";
+import T from "../PlanSettings/PlanAdvancedSettings.js";
 import { isPlanSettingsValid as s } from "../../../utils/plans.js";
-import L from "../../common/form/IntervalField/IntervalField.js";
-import T from "./PlanFormNav.js";
-import { useGetDevice as j } from "../../../services/devices.js";
-import A from "../PlanSettings/PlanPruneSettings.js";
-import G from "../PlanSettings/PlanReplicationSettings.js";
-const te = ({
+import j from "../../common/form/IntervalField/IntervalField.js";
+import A from "./PlanFormNav.js";
+import { useGetDevice as G } from "../../../services/devices.js";
+import _ from "../PlanSettings/PlanPruneSettings.js";
+import W from "../PlanSettings/PlanReplicationSettings.js";
+const le = ({
   title: P,
   planSettings: e,
   type: l,
@@ -25,10 +25,12 @@ const te = ({
   close: I,
   storagePath: x,
   storageId: B,
-  planId: C
+  planId: C,
+  runSettings: U,
+  setRunSettings: F
 }) => {
   var N, b, k;
-  const [i, m] = y(1), { data: u } = V(), U = ((N = u == null ? void 0 : u.result) == null ? void 0 : N.settings) || {}, { data: p } = j("main", !0), F = (b = p == null ? void 0 : p.result) == null ? void 0 : b.device, v = {
+  const [i, m] = E(1), { data: u } = L(), R = ((N = u == null ? void 0 : u.result) == null ? void 0 : N.settings) || {}, { data: p } = G("main", !0), y = (b = p == null ? void 0 : p.result) == null ? void 0 : b.device, v = {
     1: {
       title: "Next: Configure Source & Destination",
       onClick: () => s(e, i) && m(i + 1)
@@ -42,13 +44,13 @@ const te = ({
       title: "Create Plan",
       onClick: () => s(e, !1) && f()
     }
-  }, R = (a) => {
+  }, z = (a) => {
     if (l !== "edit")
       return;
     s(e, i) && m(a);
   };
   return /* @__PURE__ */ o(
-    z,
+    w,
     {
       title: P,
       icon: /* @__PURE__ */ r(n, { type: "backup", size: 20 }),
@@ -72,7 +74,7 @@ const te = ({
         ] }) })
       ] }) }),
       children: [
-        /* @__PURE__ */ r(T, { step: i, type: l, gotoStep: R }),
+        /* @__PURE__ */ r(A, { step: i, type: l, gotoStep: z }),
         /* @__PURE__ */ o("div", { className: `${c.formContent} styled__scrollbar`, children: [
           h && /* @__PURE__ */ r("div", { className: t.loader, children: /* @__PURE__ */ r(n, { size: 36, type: "loading" }) }),
           i === 1 && /* @__PURE__ */ o("div", { className: c.planStep, children: [
@@ -104,7 +106,7 @@ const te = ({
               )
             ] }),
             e.sourceType === "device" && /* @__PURE__ */ r(
-              w,
+              V,
               {
                 plan: e,
                 onUpdate: (a) => d({ ...e, method: a }),
@@ -136,7 +138,7 @@ const te = ({
           ] }),
           i === 2 && /* @__PURE__ */ o("div", { className: c.planStep, children: [
             /* @__PURE__ */ r(
-              D,
+              q,
               {
                 plan: e,
                 onUpdate: (a) => d({ ...a }),
@@ -148,7 +150,7 @@ const te = ({
               /* @__PURE__ */ r("label", { className: t.label, children: "Backup Destination*" }),
               !e.storage.name && /* @__PURE__ */ r("span", { className: t.fieldErrorLabel, children: "Required" }),
               /* @__PURE__ */ r(
-                E,
+                D,
                 {
                   storagePath: x || e.storagePath,
                   storageId: B || ((k = e.storage) == null ? void 0 : k.id) || "",
@@ -163,7 +165,7 @@ const te = ({
               )
             ] }),
             /* @__PURE__ */ r(
-              G,
+              W,
               {
                 replication: e.settings.replication,
                 primaryStorageId: e.storage.id,
@@ -180,7 +182,7 @@ const te = ({
           ] }),
           i === 3 && /* @__PURE__ */ o("div", { className: c.planStep, children: [
             /* @__PURE__ */ r("div", { className: t.field, style: { width: "150px" }, children: /* @__PURE__ */ r(
-              L,
+              j,
               {
                 label: "Backup Interval",
                 fieldValue: e.settings.interval,
@@ -188,7 +190,7 @@ const te = ({
               }
             ) }),
             /* @__PURE__ */ r(
-              A,
+              _,
               {
                 plan: e,
                 onUpdate: (a) => d({
@@ -199,13 +201,15 @@ const te = ({
             )
           ] }),
           i === 4 && /* @__PURE__ */ r("div", { className: c.planStep, children: /* @__PURE__ */ r(
-            q,
+            T,
             {
               plan: e,
-              appSettings: U,
+              appSettings: R,
               onUpdate: d,
-              device: F,
-              isEditing: l === "edit"
+              device: y,
+              isEditing: l === "edit",
+              runSettings: U,
+              setRunSettings: F
             }
           ) })
         ] })
@@ -214,6 +218,6 @@ const te = ({
   );
 };
 export {
-  te as default
+  le as default
 };
 //# sourceMappingURL=PlanForm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanForm.js","sources":["../../../../src/components/Plan/PlanForm/PlanForm.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport SidePanel from '../../common/SidePanel/SidePanel';\r\nimport StoragePicker from '../../common/form/StoragePicker/StoragePicker';\r\nimport PlanStrategySettings from '../PlanSettings/PlanStrategySettings';\r\nimport PlanSourceSettings from '../PlanSettings/PlanSourceSettings';\r\nimport { NewPlanSettings } from '../../../@types/plans';\r\nimport classes from '../AddPlan/AddPlan.module.scss';\r\nimport PFClasses from './PlanForm.module.scss';\r\nimport { useGetSettings } from '../../../services/settings';\r\nimport PlanAdvancedSettings from '../PlanSettings/PlanAdvancedSettings';\r\nimport { isPlanSettingsValid } from '../../../utils/plans';\r\nimport IntervalField from '../../common/form/IntervalField/IntervalField';\r\nimport PlanFormNav from './PlanFormNav';\r\nimport { useGetDevice } from '../../../services/devices';\r\nimport PlanPruneSettings from '../PlanSettings/PlanPruneSettings';\r\nimport PlanReplicationSettings from '../PlanSettings/PlanReplicationSettings';\r\n\r\ntype PlanFormProps = {\r\n title: string;\r\n planSettings: NewPlanSettings;\r\n type: 'add' \| 'edit';\r\n onPlanSettingsChange: (settings: NewPlanSettings) => void;\r\n onSubmit: () => void;\r\n isSubmitting: boolean;\r\n close: () => void;\r\n storagePath?: string;\r\n storageId?: string;\r\n planId?: string;\r\n};\r\n\r\nconst PlanForm = ({\r\n title,\r\n planSettings,\r\n type,\r\n onPlanSettingsChange,\r\n onSubmit,\r\n isSubmitting,\r\n close,\r\n storagePath,\r\n storageId,\r\n planId,\r\n}: PlanFormProps) => {\r\n const [step, setStep] = useState<number>(1);\r\n\r\n const { data: settingsData } = useGetSettings();\r\n const appSettings = settingsData?.result?.settings \|\| {};\r\n // const smtpConnected = appSettings?.integration?.smtp?.connected ? true : false;\r\n\r\n const { data: deviceData } = useGetDevice('main', true);\r\n const deviceInstance = deviceData?.result?.device;\r\n\r\n const buttonTexts: Record<number, { title: string; onClick: () => void }> = {\r\n 1: {\r\n title: 'Next: Configure Source & Destination',\r\n onClick: () => isPlanSettingsValid(planSettings, step) && setStep(step + 1),\r\n },\r\n 2: {\r\n title: 'Next: Setup Schedule & Retention',\r\n onClick: () => isPlanSettingsValid(planSettings, step) && setStep(step + 1),\r\n },\r\n 3: { title: 'Next: Advanced Settings', onClick: () => isPlanSettingsValid(planSettings, step) && setStep(step + 1) },\r\n 4: {\r\n title: 'Create Plan',\r\n onClick: () => isPlanSettingsValid(planSettings, false) && onSubmit(),\r\n },\r\n };\r\n\r\n const gotoStep = (nStep: number) => {\r\n if (type !== 'edit') {\r\n return;\r\n }\r\n\r\n const isSettingsValid = isPlanSettingsValid(planSettings, step);\r\n if (isSettingsValid) {\r\n setStep(nStep);\r\n }\r\n };\r\n\r\n return (\r\n <SidePanel\r\n title={title}\r\n icon={<Icon type={'backup'} size={20} />}\r\n width={type === 'add' ? '100%' : undefined}\r\n headerWidth={type === 'add' ? '740px' : undefined}\r\n close={close}\r\n withTabs={true}\r\n footer={\r\n <div className={PFClasses.planFormFooter}>\r\n <div className={PFClasses.footerContainer}>\r\n <div className={classes.footerLeft}>\r\n <div className={classes.summary}>\r\n {type === 'add' && step > 1 && (\r\n <button className={PFClasses.backButton} onClick={() => step > 0 && setStep(step - 1)} disabled={isSubmitting}>\r\n <Icon type=\"arrow-left\" size={14} /> Back\r\n </button>\r\n )}\r\n </div>\r\n </div>\r\n <div className={classes.footerRight}>\r\n {type === 'add' ? (\r\n <button className={classes.createButton} onClick={buttonTexts[step].onClick}>\r\n <Icon type=\"check\" size={12} /> {buttonTexts[step].title}\r\n </button>\r\n ) : (\r\n <button className={classes.createButton} onClick={() => isPlanSettingsValid(planSettings, false) && onSubmit()}>\r\n <Icon type=\"check\" size={12} /> {'Update Plan'}\r\n </button>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n >\r\n <PlanFormNav step={step} type={type} gotoStep={gotoStep} />\r\n\r\n <div className={`${PFClasses.formContent} styled__scrollbar`}>\r\n {isSubmitting && (\r\n <div className={classes.loader}>\r\n <Icon size={36} type=\"loading\" />\r\n </div>\r\n )}\r\n {step === 1 && (\r\n <div className={PFClasses.planStep}>\r\n <div className={classes.field}>\r\n <label className={classes.label}>Backup Plan Name</label>\r\n {!planSettings.title && <span className={classes.fieldErrorLabel}>{'Required'}</span>}\r\n <input\r\n className={classes.titleInput}\r\n type=\"text\"\r\n placeholder=\"Plan Name\"\r\n value={planSettings.title \|\| ''}\r\n onChange={(e) => onPlanSettingsChange({ ...planSettings, title: e.target.value })}\r\n />\r\n </div>\r\n <div className={classes.field}>\r\n <label className={classes.label}>Backup Plan Description</label>\r\n <input\r\n className={classes.titleInput}\r\n type=\"text\"\r\n placeholder=\"Plan Description\"\r\n value={planSettings.description \|\| ''}\r\n onChange={(e) => onPlanSettingsChange({ ...planSettings, description: e.target.value })}\r\n />\r\n </div>\r\n {/ <PlanTypeSettings\r\n plan={planSettings}\r\n onUpdate={(plan: NewPlanSettings) => onPlanSettingsChange({ ...plan })}\r\n disabled={type === 'edit' ? true : false}\r\n options={[\r\n {\r\n value: 'device',\r\n icon: 'computer',\r\n label: 'Device',\r\n description: 'Backup content of a Computer/Server',\r\n },\r\n {\r\n value: 'database',\r\n icon: 'database',\r\n label: 'Database',\r\n description: 'Backup a Database',\r\n disabled: true,\r\n },\r\n {\r\n value: 'googleworkspace',\r\n icon: 'google-workspace',\r\n label: 'Google Workspace',\r\n description: 'Backup Google Workspace',\r\n disabled: true,\r\n },\r\n {\r\n value: 'microsoft365',\r\n icon: 'microsoft-365',\r\n label: 'Microsoft 365',\r\n description: 'Backup Microsoft 365',\r\n disabled: true,\r\n },\r\n ]}\r\n /> /}\r\n {planSettings.sourceType === 'device' && (\r\n <PlanStrategySettings\r\n plan={planSettings}\r\n onUpdate={(method) => onPlanSettingsChange({ ...planSettings, method })}\r\n disabled={type === 'edit' ? true : false}\r\n options={[\r\n {\r\n value: 'backup',\r\n icon: 'backup',\r\n label: 'Incremental Backup',\r\n description: 'Periodically create Incremental backup snapshots of source',\r\n },\r\n // {\r\n // value: 'sync',\r\n // icon: 'reload',\r\n // label: 'Real-time Sync',\r\n // description: 'Maintain identical source (with revisions)',\r\n // disabled: true,\r\n // },\r\n // {\r\n // value: 'rescue',\r\n // icon: 'rescue',\r\n // label: 'Linux Server Backup',\r\n // description: 'Full Linux system backups with bootable ISO image',\r\n // disabled: true,\r\n // },\r\n ]}\r\n />\r\n )}\r\n </div>\r\n )}\r\n {step === 2 && (\r\n <div className={PFClasses.planStep}>\r\n <PlanSourceSettings\r\n plan={planSettings}\r\n onUpdate={(plan) => onPlanSettingsChange({ ...plan })}\r\n isEditing={type === 'edit' ? true : false}\r\n error={planSettings.sourceConfig.includes.length === 0 ? 'Required' : ''}\r\n />\r\n <div className={classes.field}>\r\n <label className={classes.label}>Backup Destination</label>\r\n {!planSettings.storage.name && <span className={classes.fieldErrorLabel}>{'Required'}</span>}\r\n <StoragePicker\r\n storagePath={storagePath \|\| planSettings.storagePath}\r\n storageId={storageId \|\| planSettings.storage?.id \|\| ''}\r\n deviceId={planSettings.sourceId \|\| 'main'}\r\n disabled={type === 'edit' ? true : false}\r\n onUpdate={(s: { storage: { name: string; id: string; type: string }; path: string }) =>\r\n onPlanSettingsChange({\r\n ...planSettings,\r\n storagePath: s.path,\r\n storage: { id: s.storage.id, name: s.storage.name },\r\n })\r\n }\r\n />\r\n </div>\r\n <PlanReplicationSettings\r\n replication={planSettings.settings.replication}\r\n primaryStorageId={planSettings.storage.id}\r\n primaryStoragePath={planSettings.storagePath}\r\n deviceId={planSettings.sourceId \|\| 'main'}\r\n isEditing={type === 'edit' ? true : false}\r\n planID={planId}\r\n onUpdate={(replication) =>\r\n onPlanSettingsChange({\r\n ...planSettings,\r\n settings: { ...planSettings.settings, replication: replication },\r\n })\r\n }\r\n />\r\n </div>\r\n )}\r\n {step === 3 && (\r\n <div className={PFClasses.planStep}>\r\n <div className={classes.field} style={{ width: '150px' }}>\r\n <IntervalField\r\n label=\"Backup Interval\"\r\n fieldValue={planSettings.settings.interval}\r\n onUpdate={(intervalSettings) =>\r\n onPlanSettingsChange({ ...planSettings, settings: { ...planSettings.settings, interval: intervalSettings } })\r\n }\r\n />\r\n </div>\r\n <PlanPruneSettings\r\n plan={planSettings}\r\n onUpdate={(pruneSettings) =>\r\n onPlanSettingsChange({\r\n ...planSettings,\r\n settings: { ...planSettings.settings, prune: pruneSettings },\r\n })\r\n }\r\n />\r\n </div>\r\n )}\r\n {step === 4 && (\r\n <div className={PFClasses.planStep}>\r\n <PlanAdvancedSettings\r\n plan={planSettings}\r\n appSettings={appSettings}\r\n onUpdate={onPlanSettingsChange}\r\n device={deviceInstance}\r\n isEditing={type === 'edit'}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </SidePanel>\r\n );\r\n};\r\n\r\nexport default PlanForm;\r\n"],"names":["PlanForm","title","planSettings","type","onPlanSettingsChange","onSubmit","isSubmitting","close","storagePath","storageId","planId","step","setStep","useState","settingsData","useGetSettings","appSettings","_a","deviceData","useGetDevice","deviceInstance","_b","buttonTexts","isPlanSettingsValid","gotoStep","nStep","jsxs","SidePanel","jsx","Icon","PFClasses","classes","PlanFormNav","e","PlanStrategySettings","method","PlanSourceSettings","plan","StoragePicker","_c","s","PlanReplicationSettings","replication","IntervalField","intervalSettings","PlanPruneSettings","pruneSettings","PlanAdvancedSettings"],"mappings":"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"}
1	+ {"version":3,"file":"PlanForm.js","sources":["../../../../src/components/Plan/PlanForm/PlanForm.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport SidePanel from '../../common/SidePanel/SidePanel';\r\nimport StoragePicker from '../../common/form/StoragePicker/StoragePicker';\r\nimport PlanStrategySettings from '../PlanSettings/PlanStrategySettings';\r\nimport PlanSourceSettings from '../PlanSettings/PlanSourceSettings';\r\nimport { NewPlanSettings, PlanAddRunSettings } from '../../../@types/plans';\r\nimport classes from '../AddPlan/AddPlan.module.scss';\r\nimport PFClasses from './PlanForm.module.scss';\r\nimport { useGetSettings } from '../../../services/settings';\r\nimport PlanAdvancedSettings from '../PlanSettings/PlanAdvancedSettings';\r\nimport { isPlanSettingsValid } from '../../../utils/plans';\r\nimport IntervalField from '../../common/form/IntervalField/IntervalField';\r\nimport PlanFormNav from './PlanFormNav';\r\nimport { useGetDevice } from '../../../services/devices';\r\nimport PlanPruneSettings from '../PlanSettings/PlanPruneSettings';\r\nimport PlanReplicationSettings from '../PlanSettings/PlanReplicationSettings';\r\n\r\ntype PlanFormProps = {\r\n title: string;\r\n planSettings: NewPlanSettings;\r\n type: 'add' \| 'edit';\r\n onPlanSettingsChange: (settings: NewPlanSettings) => void;\r\n onSubmit: () => void;\r\n isSubmitting: boolean;\r\n close: () => void;\r\n storagePath?: string;\r\n storageId?: string;\r\n planId?: string;\r\n runSettings?: PlanAddRunSettings;\r\n setRunSettings?: (runSettings: PlanAddRunSettings) => void;\r\n};\r\n\r\nconst PlanForm = ({\r\n title,\r\n planSettings,\r\n type,\r\n onPlanSettingsChange,\r\n onSubmit,\r\n isSubmitting,\r\n close,\r\n storagePath,\r\n storageId,\r\n planId,\r\n runSettings,\r\n setRunSettings,\r\n}: PlanFormProps) => {\r\n const [step, setStep] = useState<number>(1);\r\n\r\n const { data: settingsData } = useGetSettings();\r\n const appSettings = settingsData?.result?.settings \|\| {};\r\n // const smtpConnected = appSettings?.integration?.smtp?.connected ? true : false;\r\n\r\n const { data: deviceData } = useGetDevice('main', true);\r\n const deviceInstance = deviceData?.result?.device;\r\n\r\n const buttonTexts: Record<number, { title: string; onClick: () => void }> = {\r\n 1: {\r\n title: 'Next: Configure Source & Destination',\r\n onClick: () => isPlanSettingsValid(planSettings, step) && setStep(step + 1),\r\n },\r\n 2: {\r\n title: 'Next: Setup Schedule & Retention',\r\n onClick: () => isPlanSettingsValid(planSettings, step) && setStep(step + 1),\r\n },\r\n 3: { title: 'Next: Advanced Settings', onClick: () => isPlanSettingsValid(planSettings, step) && setStep(step + 1) },\r\n 4: {\r\n title: 'Create Plan',\r\n onClick: () => isPlanSettingsValid(planSettings, false) && onSubmit(),\r\n },\r\n };\r\n\r\n const gotoStep = (nStep: number) => {\r\n if (type !== 'edit') {\r\n return;\r\n }\r\n\r\n const isSettingsValid = isPlanSettingsValid(planSettings, step);\r\n if (isSettingsValid) {\r\n setStep(nStep);\r\n }\r\n };\r\n\r\n return (\r\n <SidePanel\r\n title={title}\r\n icon={<Icon type={'backup'} size={20} />}\r\n width={type === 'add' ? '100%' : undefined}\r\n headerWidth={type === 'add' ? '740px' : undefined}\r\n close={close}\r\n withTabs={true}\r\n footer={\r\n <div className={PFClasses.planFormFooter}>\r\n <div className={PFClasses.footerContainer}>\r\n <div className={classes.footerLeft}>\r\n <div className={classes.summary}>\r\n {type === 'add' && step > 1 && (\r\n <button className={PFClasses.backButton} onClick={() => step > 0 && setStep(step - 1)} disabled={isSubmitting}>\r\n <Icon type=\"arrow-left\" size={14} /> Back\r\n </button>\r\n )}\r\n </div>\r\n </div>\r\n <div className={classes.footerRight}>\r\n {type === 'add' ? (\r\n <button className={classes.createButton} onClick={buttonTexts[step].onClick}>\r\n <Icon type=\"check\" size={12} /> {buttonTexts[step].title}\r\n </button>\r\n ) : (\r\n <button className={classes.createButton} onClick={() => isPlanSettingsValid(planSettings, false) && onSubmit()}>\r\n <Icon type=\"check\" size={12} /> {'Update Plan'}\r\n </button>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n >\r\n <PlanFormNav step={step} type={type} gotoStep={gotoStep} />\r\n\r\n <div className={`${PFClasses.formContent} styled__scrollbar`}>\r\n {isSubmitting && (\r\n <div className={classes.loader}>\r\n <Icon size={36} type=\"loading\" />\r\n </div>\r\n )}\r\n {step === 1 && (\r\n <div className={PFClasses.planStep}>\r\n <div className={classes.field}>\r\n <label className={classes.label}>Backup Plan Name</label>\r\n {!planSettings.title && <span className={classes.fieldErrorLabel}>{'Required'}</span>}\r\n <input\r\n className={classes.titleInput}\r\n type=\"text\"\r\n placeholder=\"Plan Name\"\r\n value={planSettings.title \|\| ''}\r\n onChange={(e) => onPlanSettingsChange({ ...planSettings, title: e.target.value })}\r\n />\r\n </div>\r\n <div className={classes.field}>\r\n <label className={classes.label}>Backup Plan Description</label>\r\n <input\r\n className={classes.titleInput}\r\n type=\"text\"\r\n placeholder=\"Plan Description\"\r\n value={planSettings.description \|\| ''}\r\n onChange={(e) => onPlanSettingsChange({ ...planSettings, description: e.target.value })}\r\n />\r\n </div>\r\n {/ <PlanTypeSettings\r\n plan={planSettings}\r\n onUpdate={(plan: NewPlanSettings) => onPlanSettingsChange({ ...plan })}\r\n disabled={type === 'edit' ? true : false}\r\n options={[\r\n {\r\n value: 'device',\r\n icon: 'computer',\r\n label: 'Device',\r\n description: 'Backup content of a Computer/Server',\r\n },\r\n {\r\n value: 'database',\r\n icon: 'database',\r\n label: 'Database',\r\n description: 'Backup a Database',\r\n disabled: true,\r\n },\r\n {\r\n value: 'googleworkspace',\r\n icon: 'google-workspace',\r\n label: 'Google Workspace',\r\n description: 'Backup Google Workspace',\r\n disabled: true,\r\n },\r\n {\r\n value: 'microsoft365',\r\n icon: 'microsoft-365',\r\n label: 'Microsoft 365',\r\n description: 'Backup Microsoft 365',\r\n disabled: true,\r\n },\r\n ]}\r\n /> /}\r\n {planSettings.sourceType === 'device' && (\r\n <PlanStrategySettings\r\n plan={planSettings}\r\n onUpdate={(method) => onPlanSettingsChange({ ...planSettings, method })}\r\n disabled={type === 'edit' ? true : false}\r\n options={[\r\n {\r\n value: 'backup',\r\n icon: 'backup',\r\n label: 'Incremental Backup',\r\n description: 'Periodically create Incremental backup snapshots of source',\r\n },\r\n // {\r\n // value: 'sync',\r\n // icon: 'reload',\r\n // label: 'Real-time Sync',\r\n // description: 'Maintain identical source (with revisions)',\r\n // disabled: true,\r\n // },\r\n // {\r\n // value: 'rescue',\r\n // icon: 'rescue',\r\n // label: 'Linux Server Backup',\r\n // description: 'Full Linux system backups with bootable ISO image',\r\n // disabled: true,\r\n // },\r\n ]}\r\n />\r\n )}\r\n </div>\r\n )}\r\n {step === 2 && (\r\n <div className={PFClasses.planStep}>\r\n <PlanSourceSettings\r\n plan={planSettings}\r\n onUpdate={(plan) => onPlanSettingsChange({ ...plan })}\r\n isEditing={type === 'edit' ? true : false}\r\n error={planSettings.sourceConfig.includes.length === 0 ? 'Required' : ''}\r\n />\r\n <div className={classes.field}>\r\n <label className={classes.label}>Backup Destination</label>\r\n {!planSettings.storage.name && <span className={classes.fieldErrorLabel}>{'Required'}</span>}\r\n <StoragePicker\r\n storagePath={storagePath \|\| planSettings.storagePath}\r\n storageId={storageId \|\| planSettings.storage?.id \|\| ''}\r\n deviceId={planSettings.sourceId \|\| 'main'}\r\n disabled={type === 'edit' ? true : false}\r\n onUpdate={(s: { storage: { name: string; id: string; type: string }; path: string }) =>\r\n onPlanSettingsChange({\r\n ...planSettings,\r\n storagePath: s.path,\r\n storage: { id: s.storage.id, name: s.storage.name },\r\n })\r\n }\r\n />\r\n </div>\r\n <PlanReplicationSettings\r\n replication={planSettings.settings.replication}\r\n primaryStorageId={planSettings.storage.id}\r\n primaryStoragePath={planSettings.storagePath}\r\n deviceId={planSettings.sourceId \|\| 'main'}\r\n isEditing={type === 'edit' ? true : false}\r\n planID={planId}\r\n onUpdate={(replication) =>\r\n onPlanSettingsChange({\r\n ...planSettings,\r\n settings: { ...planSettings.settings, replication: replication },\r\n })\r\n }\r\n />\r\n </div>\r\n )}\r\n {step === 3 && (\r\n <div className={PFClasses.planStep}>\r\n <div className={classes.field} style={{ width: '150px' }}>\r\n <IntervalField\r\n label=\"Backup Interval\"\r\n fieldValue={planSettings.settings.interval}\r\n onUpdate={(intervalSettings) =>\r\n onPlanSettingsChange({ ...planSettings, settings: { ...planSettings.settings, interval: intervalSettings } })\r\n }\r\n />\r\n </div>\r\n <PlanPruneSettings\r\n plan={planSettings}\r\n onUpdate={(pruneSettings) =>\r\n onPlanSettingsChange({\r\n ...planSettings,\r\n settings: { ...planSettings.settings, prune: pruneSettings },\r\n })\r\n }\r\n />\r\n </div>\r\n )}\r\n {step === 4 && (\r\n <div className={PFClasses.planStep}>\r\n <PlanAdvancedSettings\r\n plan={planSettings}\r\n appSettings={appSettings}\r\n onUpdate={onPlanSettingsChange}\r\n device={deviceInstance}\r\n isEditing={type === 'edit'}\r\n runSettings={runSettings}\r\n setRunSettings={setRunSettings}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </SidePanel>\r\n );\r\n};\r\n\r\nexport default PlanForm;\r\n"],"names":["PlanForm","title","planSettings","type","onPlanSettingsChange","onSubmit","isSubmitting","close","storagePath","storageId","planId","runSettings","setRunSettings","step","setStep","useState","settingsData","useGetSettings","appSettings","_a","deviceData","useGetDevice","deviceInstance","_b","buttonTexts","isPlanSettingsValid","gotoStep","nStep","jsxs","SidePanel","jsx","Icon","PFClasses","classes","PlanFormNav","e","PlanStrategySettings","method","PlanSourceSettings","plan","StoragePicker","_c","s","PlanReplicationSettings","replication","IntervalField","intervalSettings","PlanPruneSettings","pruneSettings","PlanAdvancedSettings"],"mappings":"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"}

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

@@ -10,7 +10,8 @@ interface PlanIntegrityProps {
     };
     replicationStorages: PlanReplicationStorage[];
     onClose: () => void;
+    onRepairOpen: (replicationId: string) => void;
 }
-declare const PlanIntegrity: ({ planId, taskPending, verificationData, storage, replicationStorages, onClose }: PlanIntegrityProps) => import("react/jsx-runtime").JSX.Element;
+declare const PlanIntegrity: ({ planId, taskPending, verificationData, storage, replicationStorages, onClose, onRepairOpen }: PlanIntegrityProps) => import("react/jsx-runtime").JSX.Element;
 export default PlanIntegrity;
 //# sourceMappingURL=PlanIntegrity.d.ts.map

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

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

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

@@ -1,39 +1,43 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useState as b } from "react";
-import l from "./PlanIntegrity.module.scss.js";
+import { jsx as n, jsxs as i } from "react/jsx-runtime";
+import { useState as B } from "react";
+import s from "./PlanIntegrity.module.scss.js";
 import { useCheckPlanIntegrity as L } from "../../../services/plans.js";
-import { timeAgo as B, formatDateTime as E } from "../../../utils/helpers.js";
-import m from "../../common/Icon/Icon.js";
+import { timeAgo as z, formatDateTime as E } from "../../../utils/helpers.js";
+import u from "../../common/Icon/Icon.js";
 import M from "../../common/ActionModal/ActionModal.js";
-const O = ({ planId: C, taskPending: x, verificationData: t, storage: A, replicationStorages: g = [], onClose: p }) => {
-  var k;
-  const [a, P] = b("primary"), d = L(), u = t && (t == null ? void 0 : t.result), w = g && g.length > 0, h = (n) => t != null && t.result ? t.result[n] ?? null : null, f = (n) => {
+const Y = ({ planId: C, taskPending: k, verificationData: l, storage: b, replicationStorages: m = [], onClose: g, onRepairOpen: a }) => {
+  var x;
+  const [f, S] = B("primary"), d = L(), p = l && (l == null ? void 0 : l.result), w = m && m.length > 0, h = (r) => l != null && l.result ? l.result[r] ?? null : null, y = (r) => {
     if (d.isPending) return null;
-    const e = h(n), s = e == null ? void 0 : e.logs;
-    return s != null && s.length ? /* @__PURE__ */ i("div", { className: l.integrityLogs, children: [
-      /* @__PURE__ */ i("div", { className: l.integrityLogsHeader, children: [
-        /* @__PURE__ */ r("div", { children: "Integrity Check Output Logs" }),
-        /* @__PURE__ */ i("div", { title: E(t.endedAt || t.startedAt), children: [
-          /* @__PURE__ */ r(m, { type: "clock", size: 14 }),
+    const e = h(r), t = e == null ? void 0 : e.logs;
+    return t != null && t.length ? /* @__PURE__ */ i("div", { className: s.integrityLogs, children: [
+      /* @__PURE__ */ i("div", { className: s.integrityLogsHeader, children: [
+        /* @__PURE__ */ n("div", { children: "Integrity Check Output Logs" }),
+        /* @__PURE__ */ i("div", { title: E(l.endedAt || l.startedAt), children: [
+          /* @__PURE__ */ n(u, { type: "clock", size: 14 }),
           " ",
-          B(new Date(t.endedAt || t.startedAt))
+          z(new Date(l.endedAt || l.startedAt))
         ] })
       ] }),
-      /* @__PURE__ */ r("div", { className: l.integrityLogMessages, children: s.map((o, c) => /* @__PURE__ */ r("span", { children: o }, c)) })
+      /* @__PURE__ */ n("div", { className: s.integrityLogMessages, children: t.map((o, c) => /* @__PURE__ */ n("span", { children: o }, c)) })
     ] }) : null;
-  }, y = (n) => {
-    if (!u || d.isPending) return null;
-    const e = h(n);
-    return e != null && e.hasError ? /* @__PURE__ */ i("div", { className: l.fixSuggestion, children: [
-      /* @__PURE__ */ r("h4", { children: "Fix Suggestion" }),
-      /* @__PURE__ */ i("div", { className: l.fixSuggestionContent, children: [
+  }, A = (r) => {
+    if (!p || d.isPending) return null;
+    const e = h(r);
+    return e != null && e.hasError ? /* @__PURE__ */ i("div", { className: s.fixSuggestion, children: [
+      /* @__PURE__ */ n("h4", { children: "Fix Suggestion" }),
+      /* @__PURE__ */ i("div", { className: s.fixSuggestionContent, children: [
         e.fix && e.fix.split(`
-`).map((s, o) => /* @__PURE__ */ r("p", { children: s.includes("`") ? /* @__PURE__ */ r("code", { children: s.replace(/`/g, "") }) : s }, o)),
-        !e.fix && /* @__PURE__ */ r("p", { children: "No Suggestion for this issue." }),
+`).map((t, o) => /* @__PURE__ */ n("p", { children: t.includes("`") ? /* @__PURE__ */ n("code", { children: t.replace(/`/g, "") }) : t }, o)),
+        !e.fix && /* @__PURE__ */ n("p", { children: "No Suggestion for this issue." }),
+        (e.errorType === "pack_file_error" || e.errorType === "index_error") && /* @__PURE__ */ i("p", { children: [
+          /* @__PURE__ */ n("button", { onClick: () => a(r), children: "Open Repo Repair" }),
+          " Window for more options."
+        ] }),
         /* @__PURE__ */ i("p", { children: [
           "Learn more about fixing restic repo issues",
           " ",
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             "a",
             {
               href: "https://restic.readthedocs.io/en/latest/077_troubleshooting.html#find-out-what-is-damaged",
@@ -45,71 +49,95 @@ const O = ({ planId: C, taskPending: x, verificationData: t, storage: A, replica
         ] })
       ] })
     ] }) : null;
-  }, N = (n) => {
-    if (!u || d.isPending) return null;
-    const e = h(n), s = e == null ? void 0 : e.hasError, o = e == null ? void 0 : e.message;
-    return !s && (o != null && o.includes("No Issue Detected")) ? /* @__PURE__ */ r("div", { className: "label success", children: "🥳 Yoohoo! No Corruption or Bit rot found. Your backup snapshots are completely restorable." }) : /* @__PURE__ */ i("div", { className: "label error", children: [
+  }, N = (r) => {
+    if (!p || d.isPending) return null;
+    const e = h(r), t = e == null ? void 0 : e.hasError, o = e == null ? void 0 : e.message;
+    return !t && (o != null && o.includes("No Issue Detected")) ? /* @__PURE__ */ n("div", { className: "label success", children: "🥳 Yoohoo! No Corruption or Bit rot found. Your backup snapshots are completely restorable." }) : /* @__PURE__ */ i("div", { className: "label error", children: [
       "⛔ Error Found. ",
       o
     ] });
-  }, I = () => /* @__PURE__ */ r("div", { className: `${l.integrityResult} ${l.withReplications}`, children: t && Object.entries(t.result).map(([n]) => {
-    let e = A;
-    if (n !== "primary") {
-      const c = g.find((S) => S.storageId === n.replace("mirror_", ""));
+  }, P = (r) => {
+    const e = h(r);
+    return /* @__PURE__ */ i("div", { className: s.repairBox, children: [
+      ((e == null ? void 0 : e.errorType) === "pack_file_error" || (e == null ? void 0 : e.errorType) === "repairable_pack_file_error") && /* @__PURE__ */ i("div", { children: [
+        "Some pack files in the repository are either damaged or missing and can be repaired.",
+        " ",
+        /* @__PURE__ */ i("button", { onClick: () => a(r), children: [
+          /* @__PURE__ */ n(u, { type: "repair", size: 13 }),
+          " Open Repo Repair Tool"
+        ] })
+      ] }),
+      (e == null ? void 0 : e.errorType) === "index_error" && /* @__PURE__ */ i("div", { children: [
+        "The index files in the repository are corrupted and can be repaired.",
+        " ",
+        /* @__PURE__ */ i("button", { onClick: () => a(r), children: [
+          /* @__PURE__ */ n(u, { type: "repair", size: 13 }),
+          " Open Repo Repair Tool"
+        ] }),
+        " "
+      ] })
+    ] });
+  }, _ = (r) => {
+    const e = h(r), t = e == null ? void 0 : e.errorType;
+    return t === "pack_file_error" || t === "index_error" || t === "repairable_pack_file_error" ? P(r) : A(r);
+  }, I = () => /* @__PURE__ */ n("div", { className: `${s.integrityResult} ${s.withReplications}`, children: l && Object.entries(l.result).map(([r]) => {
+    let e = b;
+    if (r !== "primary") {
+      const c = m.find((R) => R.storageId === r.replace("mirror_", ""));
       c && (e = { name: c.storageName, type: c == null ? void 0 : c.storageType, id: c == null ? void 0 : c.storageId });
     }
     if (!e) return null;
-    const s = h(n), o = s == null ? void 0 : s.hasError;
-    return /* @__PURE__ */ i("div", { className: l.replicationResult, children: [
-      /* @__PURE__ */ i("h4", { onClick: () => P(n), className: a === n ? l.active : "", children: [
+    const t = h(r), o = t == null ? void 0 : t.hasError;
+    return /* @__PURE__ */ i("div", { className: s.replicationResult, children: [
+      /* @__PURE__ */ i("h4", { onClick: () => S(r), className: f === r ? s.active : "", children: [
         /* @__PURE__ */ i("span", { children: [
-          /* @__PURE__ */ r("img", { src: `/providers/${e.type}.png` }),
+          /* @__PURE__ */ n("img", { src: `/providers/${e.type}.png` }),
           e.name,
           " ",
-          /* @__PURE__ */ r("i", { children: n === "primary" ? "Primary" : "Mirror" })
+          /* @__PURE__ */ n("i", { children: r === "primary" ? "Primary" : "Mirror" })
         ] }),
-        /* @__PURE__ */ r("span", { children: o ? /* @__PURE__ */ r(m, { type: "error-circle-filled", size: 14, color: "#ff4d4f" }) : /* @__PURE__ */ r(m, { type: "check-circle-filled", size: 14, color: "#06ba9f" }) })
+        /* @__PURE__ */ n("span", { children: o ? /* @__PURE__ */ n(u, { type: "error-circle-filled", size: 14, color: "#ff4d4f" }) : /* @__PURE__ */ n(u, { type: "check-circle-filled", size: 14, color: "#06ba9f" }) })
       ] }),
-      a === n && /* @__PURE__ */ i("div", { className: l.replicationResultContent, children: [
-        N(n),
-        f(n),
-        y(n)
+      f === r && /* @__PURE__ */ i("div", { className: s.replicationResultContent, children: [
+        N(r),
+        y(r),
+        _(r)
       ] })
-    ] }, n);
+    ] }, r);
   }) });
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(
     M,
     {
       title: "Check Backup Integrity",
-      message: /* @__PURE__ */ i("div", { className: l.integrityMessage, children: [
-        !u && /* @__PURE__ */ r("p", { children: "Check the integrity of the backup snapshots now to check if they are restorable?" }),
-        u && /* @__PURE__ */ r("div", { children: w ? I() : /* @__PURE__ */ i("div", { className: l.integrityResult, children: [
+      message: /* @__PURE__ */ i("div", { className: s.integrityMessage, children: [
+        !p && /* @__PURE__ */ n("p", { children: "Check the integrity of the backup snapshots now to check if they are restorable?" }),
+        p && /* @__PURE__ */ n("div", { children: w ? I() : /* @__PURE__ */ i("div", { className: s.integrityResult, children: [
           N("primary"),
-          f("primary"),
-          y("primary")
+          y("primary"),
+          _("primary")
         ] }) }),
         d.isPending && /* @__PURE__ */ i("div", { className: "label in_progress", children: [
-          /* @__PURE__ */ r(m, { type: "loading", size: 14 }),
+          /* @__PURE__ */ n(u, { type: "loading", size: 14 }),
           "Checking integrity..."
         ] })
       ] }),
-      errorMessage: (k = d.error) == null ? void 0 : k.message,
-      closeModal: () => p(),
+      errorMessage: (x = d.error) == null ? void 0 : x.message,
+      closeModal: () => g(),
       width: "600px",
       primaryAction: {
-        title: u ? "Check Again" : "Check Now",
+        title: p ? "Check Again" : "Check Now",
         type: "default",
         isPending: d.isPending,
-        action: () => !x && d.mutate({ planId: C })
+        action: () => !k && d.mutate({ planId: C })
       },
       secondaryAction: {
         title: "Close",
-        action: () => p()
+        action: () => g()
       }
     }
   );
 };
 export {
-  O as default
+  Y as default
 };
 //# sourceMappingURL=PlanIntegrity.js.map