@plutonhq/core-frontend 0.1.32 → 0.1.33

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

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

@@ -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

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

@@ -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

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

@@ -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

package/dist-lib/components/Plan/PlanIntegrity/PlanIntegrity.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlanIntegrity.js","sources":["../../../../src/components/Plan/PlanIntegrity/PlanIntegrity.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport classes from './PlanIntegrity.module.scss';\r\nimport { useCheckPlanIntegrity } from '../../../services';\r\nimport { Plan, PlanReplicationStorage, PlanVerifiedResult } from '../../../@types';\r\nimport { formatDateTime, timeAgo } from '../../../utils';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\n\r\ninterface PlanIntegrityProps {\r\n   planId: string;\r\n   taskPending: boolean;\r\n   verificationData: Plan['verified'];\r\n   storage: { name: string; type: string; id: string };\r\n   replicationStorages: PlanReplicationStorage[];\r\n   onClose: () => void;\r\n}\r\n\r\nconst PlanIntegrity = ({ planId, taskPending, verificationData, storage, replicationStorages = [], onClose }: PlanIntegrityProps) => {\r\n   const [showContent, setShowContent] = useState('primary');\r\n   const integrityCheckMutation = useCheckPlanIntegrity();\r\n\r\n   const integrityResultLoaded = verificationData && verificationData?.result;\r\n   const hasReplications = replicationStorages && replicationStorages.length > 0;\r\n\r\n   const getBackupResultByStorage = (storageType: string): PlanVerifiedResult | null => {\r\n      if (!verificationData?.result) return null;\r\n\r\n      const replicationResult = verificationData.result as Record<string, PlanVerifiedResult>;\r\n      return replicationResult[storageType] ?? null;\r\n   };\r\n\r\n   const renderLogs = (storageType: string) => {\r\n      if (integrityCheckMutation.isPending) return null;\r\n      const backupResData = getBackupResultByStorage(storageType);\r\n      const messages = backupResData?.logs;\r\n      if (!messages?.length) return null;\r\n\r\n      return (\r\n         <div className={classes.integrityLogs}>\r\n            <div className={classes.integrityLogsHeader}>\r\n               <div>Integrity Check Output Logs</div>\r\n               <div title={formatDateTime(verificationData.endedAt || verificationData.startedAt)}>\r\n                  <Icon type=\"clock\" size={14} /> {timeAgo(new Date(verificationData.endedAt || verificationData.startedAt))}\r\n               </div>\r\n            </div>\r\n            <div className={classes.integrityLogMessages}>\r\n               {messages.map((message, index) => (\r\n                  <span key={index}>{message}</span>\r\n               ))}\r\n            </div>\r\n         </div>\r\n      );\r\n   };\r\n\r\n   const renderBackupFixSuggestion = (storageType: string) => {\r\n      if (!integrityResultLoaded) return null;\r\n      if (integrityCheckMutation.isPending) return null;\r\n      const backupResData = getBackupResultByStorage(storageType);\r\n      if (!backupResData?.hasError) return null;\r\n\r\n      return (\r\n         <div className={classes.fixSuggestion}>\r\n            <h4>Fix Suggestion</h4>\r\n            <div className={classes.fixSuggestionContent}>\r\n               {backupResData.fix &&\r\n                  backupResData.fix\r\n                     .split('\\n')\r\n                     .map((line, index) => <p key={index}>{line.includes('`') ? <code>{line.replace(/`/g, '')}</code> : line}</p>)}\r\n               {!backupResData.fix && <p>No Suggestion for this issue.</p>}\r\n               <p>\r\n                  Learn more about fixing restic repo issues{' '}\r\n                  <a\r\n                     href=\"https://restic.readthedocs.io/en/latest/077_troubleshooting.html#find-out-what-is-damaged\"\r\n                     target=\"_blank\"\r\n                     rel=\"noreferrer\"\r\n                  >\r\n                     here.\r\n                  </a>\r\n               </p>\r\n            </div>\r\n         </div>\r\n      );\r\n   };\r\n\r\n   const renderBackupStatus = (storageType: string) => {\r\n      if (!integrityResultLoaded) return null;\r\n      if (integrityCheckMutation.isPending) return null;\r\n      const backupResData = getBackupResultByStorage(storageType);\r\n      const backupHasError = backupResData?.hasError;\r\n      const backupMessage = backupResData?.message;\r\n\r\n      if (!backupHasError && backupMessage?.includes('No Issue Detected')) {\r\n         return <div className=\"label success\">🥳 Yoohoo! No Corruption or Bit rot found. Your backup snapshots are completely restorable.</div>;\r\n      }\r\n\r\n      return <div className=\"label error\">⛔ Error Found. {backupMessage}</div>;\r\n   };\r\n\r\n   const renderResultWithReplications = () => {\r\n      return (\r\n         <div className={`${classes.integrityResult} ${classes.withReplications}`}>\r\n            {verificationData &&\r\n               Object.entries(verificationData.result as Record<string, PlanVerifiedResult>).map(([storageType]) => {\r\n                  let theStorage = storage;\r\n                  if (storageType !== 'primary') {\r\n                     const mirror = replicationStorages.find((s) => s.storageId === storageType.replace('mirror_', ''));\r\n                     if (mirror) {\r\n                        theStorage = { name: mirror.storageName as string, type: mirror?.storageType as string, id: mirror?.storageId as string };\r\n                     }\r\n                  }\r\n                  if (!theStorage) return null;\r\n                  const backupResData = getBackupResultByStorage(storageType);\r\n                  const backupHasError = backupResData?.hasError;\r\n                  return (\r\n                     <div key={storageType} className={classes.replicationResult}>\r\n                        <h4 onClick={() => setShowContent(storageType)} className={showContent === storageType ? classes.active : ''}>\r\n                           <span>\r\n                              <img src={`/providers/${theStorage.type}.png`} />\r\n                              {theStorage.name} <i>{storageType === 'primary' ? 'Primary' : `Mirror`}</i>\r\n                           </span>\r\n                           <span>\r\n                              {backupHasError ? (\r\n                                 <Icon type=\"error-circle-filled\" size={14} color=\"#ff4d4f\" />\r\n                              ) : (\r\n                                 <Icon type=\"check-circle-filled\" size={14} color=\"#06ba9f\" />\r\n                              )}\r\n                           </span>\r\n                        </h4>\r\n                        {showContent === storageType && (\r\n                           <div className={classes.replicationResultContent}>\r\n                              {renderBackupStatus(storageType)}\r\n                              {renderLogs(storageType)}\r\n                              {renderBackupFixSuggestion(storageType)}\r\n                           </div>\r\n                        )}\r\n                     </div>\r\n                  );\r\n               })}\r\n         </div>\r\n      );\r\n   };\r\n\r\n   return (\r\n      <ActionModal\r\n         title=\"Check Backup Integrity\"\r\n         message={\r\n            <div className={classes.integrityMessage}>\r\n               {!integrityResultLoaded && <p>Check the integrity of the backup snapshots now to check if they are restorable?</p>}\r\n               {integrityResultLoaded && (\r\n                  <div>\r\n                     {!hasReplications ? (\r\n                        <div className={classes.integrityResult}>\r\n                           {renderBackupStatus('primary')}\r\n                           {renderLogs('primary')}\r\n                           {renderBackupFixSuggestion('primary')}\r\n                        </div>\r\n                     ) : (\r\n                        renderResultWithReplications()\r\n                     )}\r\n                  </div>\r\n               )}\r\n               {integrityCheckMutation.isPending && (\r\n                  <div className=\"label in_progress\">\r\n                     <Icon type=\"loading\" size={14} />\r\n                     Checking integrity...\r\n                  </div>\r\n               )}\r\n            </div>\r\n         }\r\n         errorMessage={integrityCheckMutation.error?.message}\r\n         closeModal={() => onClose()}\r\n         width=\"600px\"\r\n         primaryAction={{\r\n            title: integrityResultLoaded ? 'Check Again' : 'Check Now',\r\n            type: 'default',\r\n            isPending: integrityCheckMutation.isPending,\r\n            action: () => !taskPending && integrityCheckMutation.mutate({ planId }),\r\n         }}\r\n         secondaryAction={{\r\n            title: 'Close',\r\n            action: () => onClose(),\r\n         }}\r\n      />\r\n   );\r\n};\r\n\r\nexport default PlanIntegrity;\r\n"],"names":["PlanIntegrity","planId","taskPending","verificationData","storage","replicationStorages","onClose","showContent","setShowContent","useState","integrityCheckMutation","useCheckPlanIntegrity","integrityResultLoaded","hasReplications","getBackupResultByStorage","storageType","renderLogs","backupResData","messages","jsxs","classes","jsx","formatDateTime","Icon","timeAgo","message","index","renderBackupFixSuggestion","line","renderBackupStatus","backupHasError","backupMessage","renderResultWithReplications","theStorage","mirror","s","ActionModal","_a"],"mappings":"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"}
+{"version":3,"file":"PlanIntegrity.js","sources":["../../../../src/components/Plan/PlanIntegrity/PlanIntegrity.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport classes from './PlanIntegrity.module.scss';\r\nimport { useCheckPlanIntegrity } from '../../../services';\r\nimport { Plan, PlanReplicationStorage, PlanVerifiedResult } from '../../../@types';\r\nimport { formatDateTime, timeAgo } from '../../../utils';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\n\r\ninterface PlanIntegrityProps {\r\n   planId: string;\r\n   taskPending: boolean;\r\n   verificationData: Plan['verified'];\r\n   storage: { name: string; type: string; id: string };\r\n   replicationStorages: PlanReplicationStorage[];\r\n   onClose: () => void;\r\n   onRepairOpen: (replicationId: string) => void;\r\n}\r\n\r\nconst PlanIntegrity = ({ planId, taskPending, verificationData, storage, replicationStorages = [], onClose, onRepairOpen }: PlanIntegrityProps) => {\r\n   const [showContent, setShowContent] = useState('primary');\r\n   const integrityCheckMutation = useCheckPlanIntegrity();\r\n\r\n   const integrityResultLoaded = verificationData && verificationData?.result;\r\n   const hasReplications = replicationStorages && replicationStorages.length > 0;\r\n\r\n   const getBackupResultByStorage = (storageType: string): PlanVerifiedResult | null => {\r\n      if (!verificationData?.result) return null;\r\n\r\n      const replicationResult = verificationData.result as Record<string, PlanVerifiedResult>;\r\n      return replicationResult[storageType] ?? null;\r\n   };\r\n\r\n   const renderLogs = (storageType: string) => {\r\n      if (integrityCheckMutation.isPending) return null;\r\n      const backupResData = getBackupResultByStorage(storageType);\r\n      const messages = backupResData?.logs;\r\n      if (!messages?.length) return null;\r\n\r\n      return (\r\n         <div className={classes.integrityLogs}>\r\n            <div className={classes.integrityLogsHeader}>\r\n               <div>Integrity Check Output Logs</div>\r\n               <div title={formatDateTime(verificationData.endedAt || verificationData.startedAt)}>\r\n                  <Icon type=\"clock\" size={14} /> {timeAgo(new Date(verificationData.endedAt || verificationData.startedAt))}\r\n               </div>\r\n            </div>\r\n            <div className={classes.integrityLogMessages}>\r\n               {messages.map((message, index) => (\r\n                  <span key={index}>{message}</span>\r\n               ))}\r\n            </div>\r\n         </div>\r\n      );\r\n   };\r\n\r\n   const renderBackupFixSuggestion = (storageType: string) => {\r\n      if (!integrityResultLoaded) return null;\r\n      if (integrityCheckMutation.isPending) return null;\r\n      const backupResData = getBackupResultByStorage(storageType);\r\n      if (!backupResData?.hasError) return null;\r\n\r\n      return (\r\n         <div className={classes.fixSuggestion}>\r\n            <h4>Fix Suggestion</h4>\r\n            <div className={classes.fixSuggestionContent}>\r\n               {backupResData.fix &&\r\n                  backupResData.fix\r\n                     .split('\\n')\r\n                     .map((line, index) => <p key={index}>{line.includes('`') ? <code>{line.replace(/`/g, '')}</code> : line}</p>)}\r\n               {!backupResData.fix && <p>No Suggestion for this issue.</p>}\r\n               {(backupResData.errorType === 'pack_file_error' || backupResData.errorType === 'index_error') && (\r\n                  <p>\r\n                     <button onClick={() => onRepairOpen(storageType)}>Open Repo Repair</button> Window for more options.\r\n                  </p>\r\n               )}\r\n               <p>\r\n                  Learn more about fixing restic repo issues{' '}\r\n                  <a\r\n                     href=\"https://restic.readthedocs.io/en/latest/077_troubleshooting.html#find-out-what-is-damaged\"\r\n                     target=\"_blank\"\r\n                     rel=\"noreferrer\"\r\n                  >\r\n                     here.\r\n                  </a>\r\n               </p>\r\n            </div>\r\n         </div>\r\n      );\r\n   };\r\n\r\n   const renderBackupStatus = (storageType: string) => {\r\n      if (!integrityResultLoaded) return null;\r\n      if (integrityCheckMutation.isPending) return null;\r\n      const backupResData = getBackupResultByStorage(storageType);\r\n      const backupHasError = backupResData?.hasError;\r\n      const backupMessage = backupResData?.message;\r\n\r\n      if (!backupHasError && backupMessage?.includes('No Issue Detected')) {\r\n         return <div className=\"label success\">🥳 Yoohoo! No Corruption or Bit rot found. Your backup snapshots are completely restorable.</div>;\r\n      }\r\n\r\n      return <div className=\"label error\">⛔ Error Found. {backupMessage}</div>;\r\n   };\r\n\r\n   const renderRepairContent = (storageType: string) => {\r\n      const backupResData = getBackupResultByStorage(storageType);\r\n      return (\r\n         <div className={classes.repairBox}>\r\n            {(backupResData?.errorType === 'pack_file_error' || backupResData?.errorType === 'repairable_pack_file_error') && (\r\n               <div>\r\n                  Some pack files in the repository are either damaged or missing and can be repaired.{' '}\r\n                  <button onClick={() => onRepairOpen(storageType)}>\r\n                     <Icon type=\"repair\" size={13} /> Open Repo Repair Tool\r\n                  </button>\r\n               </div>\r\n            )}\r\n            {backupResData?.errorType === 'index_error' && (\r\n               <div>\r\n                  The index files in the repository are corrupted and can be repaired.{' '}\r\n                  <button onClick={() => onRepairOpen(storageType)}>\r\n                     <Icon type=\"repair\" size={13} /> Open Repo Repair Tool\r\n                  </button>{' '}\r\n               </div>\r\n            )}\r\n         </div>\r\n      );\r\n   };\r\n\r\n   const renderRepairOrFixSuggestion = (storageType: string) => {\r\n      const backupResData = getBackupResultByStorage(storageType);\r\n      const errorType = backupResData?.errorType;\r\n      const isRepairable = errorType === 'pack_file_error' || errorType === 'index_error' || errorType === 'repairable_pack_file_error';\r\n      return isRepairable ? renderRepairContent(storageType) : renderBackupFixSuggestion(storageType);\r\n   };\r\n\r\n   const renderResultWithReplications = () => {\r\n      return (\r\n         <div className={`${classes.integrityResult} ${classes.withReplications}`}>\r\n            {verificationData &&\r\n               Object.entries(verificationData.result as Record<string, PlanVerifiedResult>).map(([storageType]) => {\r\n                  let theStorage = storage;\r\n                  if (storageType !== 'primary') {\r\n                     const mirror = replicationStorages.find((s) => s.storageId === storageType.replace('mirror_', ''));\r\n                     if (mirror) {\r\n                        theStorage = { name: mirror.storageName as string, type: mirror?.storageType as string, id: mirror?.storageId as string };\r\n                     }\r\n                  }\r\n                  if (!theStorage) return null;\r\n                  const backupResData = getBackupResultByStorage(storageType);\r\n                  const backupHasError = backupResData?.hasError;\r\n                  return (\r\n                     <div key={storageType} className={classes.replicationResult}>\r\n                        <h4 onClick={() => setShowContent(storageType)} className={showContent === storageType ? classes.active : ''}>\r\n                           <span>\r\n                              <img src={`/providers/${theStorage.type}.png`} />\r\n                              {theStorage.name} <i>{storageType === 'primary' ? 'Primary' : `Mirror`}</i>\r\n                           </span>\r\n                           <span>\r\n                              {backupHasError ? (\r\n                                 <Icon type=\"error-circle-filled\" size={14} color=\"#ff4d4f\" />\r\n                              ) : (\r\n                                 <Icon type=\"check-circle-filled\" size={14} color=\"#06ba9f\" />\r\n                              )}\r\n                           </span>\r\n                        </h4>\r\n                        {showContent === storageType && (\r\n                           <div className={classes.replicationResultContent}>\r\n                              {renderBackupStatus(storageType)}\r\n                              {renderLogs(storageType)}\r\n                              {renderRepairOrFixSuggestion(storageType)}\r\n                           </div>\r\n                        )}\r\n                     </div>\r\n                  );\r\n               })}\r\n         </div>\r\n      );\r\n   };\r\n\r\n   return (\r\n      <ActionModal\r\n         title=\"Check Backup Integrity\"\r\n         message={\r\n            <div className={classes.integrityMessage}>\r\n               {!integrityResultLoaded && <p>Check the integrity of the backup snapshots now to check if they are restorable?</p>}\r\n               {integrityResultLoaded && (\r\n                  <div>\r\n                     {!hasReplications ? (\r\n                        <div className={classes.integrityResult}>\r\n                           {renderBackupStatus('primary')}\r\n                           {renderLogs('primary')}\r\n                           {renderRepairOrFixSuggestion('primary')}\r\n                        </div>\r\n                     ) : (\r\n                        renderResultWithReplications()\r\n                     )}\r\n                  </div>\r\n               )}\r\n               {integrityCheckMutation.isPending && (\r\n                  <div className=\"label in_progress\">\r\n                     <Icon type=\"loading\" size={14} />\r\n                     Checking integrity...\r\n                  </div>\r\n               )}\r\n            </div>\r\n         }\r\n         errorMessage={integrityCheckMutation.error?.message}\r\n         closeModal={() => onClose()}\r\n         width=\"600px\"\r\n         primaryAction={{\r\n            title: integrityResultLoaded ? 'Check Again' : 'Check Now',\r\n            type: 'default',\r\n            isPending: integrityCheckMutation.isPending,\r\n            action: () => !taskPending && integrityCheckMutation.mutate({ planId }),\r\n         }}\r\n         secondaryAction={{\r\n            title: 'Close',\r\n            action: () => onClose(),\r\n         }}\r\n      />\r\n   );\r\n};\r\n\r\nexport default PlanIntegrity;\r\n"],"names":["PlanIntegrity","planId","taskPending","verificationData","storage","replicationStorages","onClose","onRepairOpen","showContent","setShowContent","useState","integrityCheckMutation","useCheckPlanIntegrity","integrityResultLoaded","hasReplications","getBackupResultByStorage","storageType","renderLogs","backupResData","messages","jsxs","classes","jsx","formatDateTime","Icon","timeAgo","message","index","renderBackupFixSuggestion","line","renderBackupStatus","backupHasError","backupMessage","renderRepairContent","renderRepairOrFixSuggestion","errorType","renderResultWithReplications","theStorage","mirror","s","ActionModal","_a"],"mappings":"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"}

package/dist-lib/components/Plan/PlanIntegrity/PlanIntegrity.module.scss.js

@@ -1,26 +1,28 @@
-const t = "_integrityMessage_caT6I", e = "_fixSuggestion_Px9zO", i = "_fixSuggestionContent_CuKfL", s = "_integrityLogs_HZjHu", n = "_integrityLogsHeader_vyTxM", g = "_integrityLogMessages_MfLTN", o = "_integrityResult_yCU6S", r = "_withReplications_fHXSy", c = "_replicationResult_ROcyJ", a = "_replicationResultContent_W1PZ5", l = {
+const t = "_integrityMessage_dogTD", e = "_fixSuggestion_MjS49", i = "_fixSuggestionContent_PBRHR", s = "_integrityLogs_sFn3V", n = "_integrityLogsHeader_yCpKx", o = "_integrityLogMessages_1Q8xP", g = "_integrityResult_CxhZb", r = "_withReplications_b0Nz8", a = "_replicationResult_yYpRF", c = "_replicationResultContent_5924x", _ = "_repairBox_jbBii", l = {
   integrityMessage: t,
   fixSuggestion: e,
   fixSuggestionContent: i,
   integrityLogs: s,
   integrityLogsHeader: n,
-  integrityLogMessages: g,
-  integrityResult: o,
+  integrityLogMessages: o,
+  integrityResult: g,
   withReplications: r,
-  replicationResult: c,
-  replicationResultContent: a
+  replicationResult: a,
+  replicationResultContent: c,
+  repairBox: _
 };
 export {
   l as default,
   e as fixSuggestion,
   i as fixSuggestionContent,
-  g as integrityLogMessages,
+  o as integrityLogMessages,
   s as integrityLogs,
   n as integrityLogsHeader,
   t as integrityMessage,
-  o as integrityResult,
-  c as replicationResult,
-  a as replicationResultContent,
+  g as integrityResult,
+  _ as repairBox,
+  a as replicationResult,
+  c as replicationResultContent,
   r as withReplications
 };
 //# sourceMappingURL=PlanIntegrity.module.scss.js.map

package/dist-lib/components/Plan/PlanIntegrity/PlanIntegrity.module.scss.js.map

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