@plutonhq/core-frontend 0.0.1

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

@@ -0,0 +1,41 @@
+//Fields
+
+.field {
+   margin-bottom: 20px;
+   width: 100%;
+   position: relative;
+   .fieldErrorLabel {
+      position: absolute;
+      right: 10px;
+      top: 15px;
+      background-color: var(--error-bg-active);
+      color: var(--error-active-text);
+      padding: 1px 12px;
+      border-radius: 20px;
+      font-size: 0.75rem;
+      letter-spacing: 0.2px;
+      z-index: 2;
+   }
+}
+
+.label {
+   font-weight: 600;
+   display: block;
+   margin-bottom: 8px;
+   font-size: 0.75rem;
+}
+
+.titleInput {
+   width: 100%;
+   border: 1px solid var(--line-color);
+   background-color: var(--content-background-color);
+   color: var(--content-text-color);
+   padding: 15px;
+   font-size: 0.75rem;
+   border-radius: 6px;
+   box-sizing: border-box;
+   &:focus {
+      outline: none;
+      border-color: var(line-active-color);
+   }
+}

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

@@ -0,0 +1,7 @@
+import { Plan } from '../../../@types/plans';
+interface PlanBackupsProps {
+    plan: Plan;
+}
+declare const PlanBackups: ({ plan }: PlanBackupsProps) => import("react/jsx-runtime").JSX.Element;
+export default PlanBackups;
+//# sourceMappingURL=PlanBackups.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlanBackups.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanBackups/PlanBackups.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAK7C,UAAU,gBAAgB;IACvB,IAAI,EAAE,IAAI,CAAC;CACb;AAED,QAAA,MAAM,WAAW,GAAI,UAAU,gBAAgB,4CAwC9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/Plan/PlanBackups/PlanBackups.js

@@ -0,0 +1,49 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { useState as v } from "react";
+import e from "./PlanBackups.module.scss.js";
+import { formatBytes as N } from "../../../utils/helpers.js";
+import g from "../Restores/Restores.js";
+import B from "../Backups/Backups.js";
+import { useComponentOverride as C } from "../../../context/ComponentOverrideContext.js";
+const D = ({ plan: a }) => {
+  var d;
+  const h = C("Backups", B), [t, c] = v("backups"), { backups: k = [], stats: i, restores: n = [], method: o, sourceId: p, sourceType: m, settings: b } = a, l = [...k || []].sort((f, T) => new Date(T.started).getTime() - new Date(f.started).getTime()), u = o === "sync", y = ((d = i.snapshots) == null ? void 0 : d.length) || 0;
+  return /* @__PURE__ */ s("div", { className: e.backups, children: [
+    /* @__PURE__ */ s("div", { className: e.backupsHeader, children: [
+      /* @__PURE__ */ s("div", { className: e.historyTabs, children: [
+        /* @__PURE__ */ s("button", { onClick: () => c("backups"), className: t === "backups" ? e.historyTabActive : "", children: [
+          u ? "Sync Tasks" : "Backups",
+          " ",
+          /* @__PURE__ */ r("i", { children: l.length })
+        ] }),
+        /* @__PURE__ */ s("button", { onClick: () => c("restores"), className: t === "restores" ? e.historyTabActive : "", children: [
+          "Restores ",
+          /* @__PURE__ */ r("i", { children: n.length })
+        ] })
+      ] }),
+      !u && t === "backups" && /* @__PURE__ */ s("div", { className: e.backupsInfo, children: [
+        y,
+        " Active Snapshots ",
+        /* @__PURE__ */ r("i", { className: "pipe", children: "|" }),
+        " ",
+        N(i.size)
+      ] })
+    ] }),
+    t === "backups" && /* @__PURE__ */ r(
+      h,
+      {
+        backups: l,
+        planId: a.id,
+        method: o,
+        sourceId: p,
+        sourceType: m,
+        snapLimit: b.prune.snapCount
+      }
+    ),
+    t === "restores" && /* @__PURE__ */ r(g, { restores: n, planId: a.id, method: o, sourceId: p, sourceType: m })
+  ] });
+};
+export {
+  D as default
+};
+//# sourceMappingURL=PlanBackups.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlanBackups.js","sources":["../../../../src/components/Plan/PlanBackups/PlanBackups.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport classes from './PlanBackups.module.scss';\r\nimport { formatBytes } from '../../../utils/helpers';\r\nimport { Plan } from '../../../@types/plans';\r\nimport Restores from '../Restores/Restores';\r\nimport Backups from '../Backups/Backups';\r\nimport { useComponentOverride } from '../../../context/ComponentOverrideContext';\r\n\r\ninterface PlanBackupsProps {\r\n   plan: Plan;\r\n}\r\n\r\nconst PlanBackups = ({ plan }: PlanBackupsProps) => {\r\n   const AllBackups = useComponentOverride('Backups', Backups);\r\n   const [historyTab, setHistoryTab] = useState<'backups' | 'restores'>('backups');\r\n\r\n   const { backups = [], stats, restores = [], method, sourceId, sourceType, settings } = plan;\r\n\r\n   const sortedHistory = [...(backups || [])].sort((a, b) => new Date(b.started).getTime() - new Date(a.started).getTime());\r\n   const isSync = method === 'sync';\r\n   const snapshotsCount = stats.snapshots?.length || 0;\r\n\r\n   return (\r\n      <div className={classes.backups}>\r\n         <div className={classes.backupsHeader}>\r\n            <div className={classes.historyTabs}>\r\n               <button onClick={() => setHistoryTab('backups')} className={historyTab === 'backups' ? classes.historyTabActive : ''}>\r\n                  {isSync ? 'Sync Tasks' : 'Backups'} <i>{sortedHistory.length}</i>\r\n               </button>\r\n               <button onClick={() => setHistoryTab('restores')} className={historyTab === 'restores' ? classes.historyTabActive : ''}>\r\n                  Restores <i>{restores.length}</i>\r\n               </button>\r\n            </div>\r\n            {!isSync && historyTab === 'backups' && (\r\n               <div className={classes.backupsInfo}>\r\n                  {snapshotsCount} Active Snapshots <i className=\"pipe\">|</i> {formatBytes(stats.size)}\r\n               </div>\r\n            )}\r\n         </div>\r\n         {historyTab === 'backups' && (\r\n            <AllBackups\r\n               backups={sortedHistory}\r\n               planId={plan.id}\r\n               method={method}\r\n               sourceId={sourceId}\r\n               sourceType={sourceType}\r\n               snapLimit={settings.prune.snapCount}\r\n            />\r\n         )}\r\n         {historyTab === 'restores' && <Restores restores={restores} planId={plan.id} method={method} sourceId={sourceId} sourceType={sourceType} />}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default PlanBackups;\r\n"],"names":["PlanBackups","plan","AllBackups","useComponentOverride","Backups","historyTab","setHistoryTab","useState","backups","stats","restores","method","sourceId","sourceType","settings","sortedHistory","a","b","isSync","snapshotsCount","_a","jsxs","classes","jsx","formatBytes","Restores"],"mappings":";;;;;;;AAYA,MAAMA,IAAc,CAAC,EAAE,MAAAC,QAA6B;;AACjD,QAAMC,IAAaC,EAAqB,WAAWC,CAAO,GACpD,CAACC,GAAYC,CAAa,IAAIC,EAAiC,SAAS,GAExE,EAAE,SAAAC,IAAU,IAAI,OAAAC,GAAO,UAAAC,IAAW,IAAI,QAAAC,GAAQ,UAAAC,GAAU,YAAAC,GAAY,UAAAC,EAAA,IAAab,GAEjFc,IAAgB,CAAC,GAAIP,KAAW,CAAA,CAAG,EAAE,KAAK,CAACQ,GAAGC,MAAM,IAAI,KAAKA,EAAE,OAAO,EAAE,YAAY,IAAI,KAAKD,EAAE,OAAO,EAAE,SAAS,GACjHE,IAASP,MAAW,QACpBQ,MAAiBC,IAAAX,EAAM,cAAN,gBAAAW,EAAiB,WAAU;AAElD,SACG,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAQ,SACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,eACrB,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,aACrB,UAAA;AAAA,QAAA,gBAAAD,EAAC,UAAA,EAAO,SAAS,MAAMf,EAAc,SAAS,GAAG,WAAWD,MAAe,YAAYiB,EAAQ,mBAAmB,IAC9G,UAAA;AAAA,UAAAJ,IAAS,eAAe;AAAA,UAAU;AAAA,UAAC,gBAAAK,EAAC,KAAA,EAAG,UAAAR,EAAc,OAAA,CAAO;AAAA,QAAA,GAChE;AAAA,QACA,gBAAAM,EAAC,UAAA,EAAO,SAAS,MAAMf,EAAc,UAAU,GAAG,WAAWD,MAAe,aAAaiB,EAAQ,mBAAmB,IAAI,UAAA;AAAA,UAAA;AAAA,UAC5G,gBAAAC,EAAC,KAAA,EAAG,UAAAb,EAAS,OAAA,CAAO;AAAA,QAAA,EAAA,CAChC;AAAA,MAAA,GACH;AAAA,MACC,CAACQ,KAAUb,MAAe,+BACvB,OAAA,EAAI,WAAWiB,EAAQ,aACpB,UAAA;AAAA,QAAAH;AAAA,QAAe;AAAA,QAAkB,gBAAAI,EAAC,KAAA,EAAE,WAAU,QAAO,UAAA,KAAC;AAAA,QAAI;AAAA,QAAEC,EAAYf,EAAM,IAAI;AAAA,MAAA,EAAA,CACtF;AAAA,IAAA,GAEN;AAAA,IACCJ,MAAe,aACb,gBAAAkB;AAAA,MAACrB;AAAA,MAAA;AAAA,QACE,SAASa;AAAA,QACT,QAAQd,EAAK;AAAA,QACb,QAAAU;AAAA,QACA,UAAAC;AAAA,QACA,YAAAC;AAAA,QACA,WAAWC,EAAS,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAG/BT,MAAe,cAAc,gBAAAkB,EAACE,GAAA,EAAS,UAAAf,GAAoB,QAAQT,EAAK,IAAI,QAAAU,GAAgB,UAAAC,GAAoB,YAAAC,EAAA,CAAwB;AAAA,EAAA,GAC5I;AAEN;"}

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

@@ -0,0 +1,58 @@
+.backups {
+   margin-top: 20px;
+}
+
+.backupsHeader {
+   width: 100%;
+   display: flex;
+   justify-content: space-between;
+   align-items: center;
+   padding-top: 10px;
+   h3 {
+      font-size: 0.75rem;
+      font-weight: 600;
+      color: var(--content-title-color);
+      span {
+         background-color: var(--line-color);
+         color: var(--content-text-color-light);
+         font-size: 0.7rem;
+         padding: 1px 8px;
+         border-radius: 20px;
+      }
+   }
+
+   .historyTabs {
+      display: flex;
+      gap: 10px;
+      button {
+         padding: 12px 18px;
+         border-radius: 6px 6px 0 0;
+         color: var(--content-text-color-light);
+         border: 1px solid transparent;
+         position: relative;
+         top: 1px;
+         i {
+            padding: 2px 7px;
+            border-radius: 20px;
+            font-size: 0.625rem;
+            line-height: 0.625rem;
+            font-style: normal;
+            background-color: var(--light-grey);
+         }
+         &.historyTabActive {
+            color: var(--content-text-color);
+            border-color: var(--line-color);
+            border-bottom-color: var(--content-background-color);
+         }
+      }
+   }
+}
+
+@media only screen and (max-width: 768px) {
+   .backups {
+      overflow-x: auto;
+   }
+   .backupsInfo {
+      display: none;
+   }
+}

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

@@ -0,0 +1,16 @@
+const s = "PlanBackups-module__backups___soQue", a = "PlanBackups-module__backupsHeader___KqV1q", _ = "PlanBackups-module__historyTabs___NLwWF", c = "PlanBackups-module__historyTabActive___IPWAI", o = "PlanBackups-module__backupsInfo___e6Xw1", u = {
+  backups: s,
+  backupsHeader: a,
+  historyTabs: _,
+  historyTabActive: c,
+  backupsInfo: o
+};
+export {
+  s as backups,
+  a as backupsHeader,
+  o as backupsInfo,
+  u as default,
+  c as historyTabActive,
+  _ as historyTabs
+};
+//# sourceMappingURL=PlanBackups.module.scss.js.map

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

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

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

@@ -0,0 +1,15 @@
+import { NewPlanSettings } from '../../../@types/plans';
+type PlanFormProps = {
+    title: string;
+    planSettings: NewPlanSettings;
+    type: 'add' | 'edit';
+    onPlanSettingsChange: (settings: NewPlanSettings) => void;
+    onSubmit: () => void;
+    isSubmitting: boolean;
+    close: () => void;
+    storagePath?: string;
+    storageId?: string;
+};
+declare const PlanForm: ({ title, planSettings, type, onPlanSettingsChange, onSubmit, isSubmitting, close, storagePath, storageId }: PlanFormProps) => import("react/jsx-runtime").JSX.Element;
+export default PlanForm;
+//# sourceMappingURL=PlanForm.d.ts.map

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

@@ -0,0 +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;AAWxD,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;CACrB,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,4GAA4G,aAAa,4CAyN1I,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Plan/PlanForm/PlanForm.js

@@ -0,0 +1,173 @@
+import { jsxs as l, jsx as a, Fragment as U } from "react/jsx-runtime";
+import { useState as F } from "react";
+import m from "../../common/Icon/Icon.js";
+import R from "../../common/SidePanel/SidePanel.js";
+import w from "../../common/form/StoragePicker/StoragePicker.js";
+import z from "../PlanSettings/PlanStrategySettings.js";
+import L from "../PlanSettings/PlanSourceSettings.js";
+import V from "../../common/form/NumberInput/NumberInput.js";
+import t from "../AddPlan/AddPlan.module.scss.js";
+import c from "./PlanForm.module.scss.js";
+import { useGetSettings as q } from "../../../services/settings.js";
+import A from "../PlanSettings/PlanAdvancedSettings.js";
+import { isPlanSettingsValid as d } from "../../../utils/plans.js";
+import E from "../../common/form/IntervalField/IntervalField.js";
+import T from "./PlanFormNav.js";
+import { useGetDevice as j } from "../../../services/devices.js";
+const ae = ({ title: k, planSettings: e, type: o, onPlanSettingsChange: s, onSubmit: f, isSubmitting: h, close: x, storagePath: I, storageId: C }) => {
+  var b, N;
+  const [i, n] = F(1), { data: u } = q(), y = ((b = u == null ? void 0 : u.result) == null ? void 0 : b.settings) || {}, { data: p } = j("main", !0), B = (N = p == null ? void 0 : p.result) == null ? void 0 : N.device, v = {
+    1: {
+      title: "Next: Configure Source/Destination",
+      onClick: () => d(e, i) && n(i + 1)
+    },
+    2: {
+      title: "Next: Setup Schedule",
+      onClick: () => d(e, i) && n(i + 1)
+    },
+    3: { title: "Next: Advanced Settings", onClick: () => d(e, i) && n(i + 1) },
+    4: {
+      title: "Create Plan",
+      onClick: () => d(e, !1) && f()
+    }
+  }, P = (r) => {
+    if (o !== "edit")
+      return;
+    d(e, i) && n(r);
+  };
+  return /* @__PURE__ */ l(
+    R,
+    {
+      title: k,
+      icon: /* @__PURE__ */ a(m, { type: "backup", size: 20 }),
+      close: x,
+      withTabs: !0,
+      footer: /* @__PURE__ */ l(U, { children: [
+        /* @__PURE__ */ a("div", { className: t.footerLeft, children: /* @__PURE__ */ a("div", { className: t.summary, children: o === "add" && i > 1 && /* @__PURE__ */ l("button", { className: c.backButton, onClick: () => i > 0 && n(i - 1), disabled: h, children: [
+          /* @__PURE__ */ a(m, { type: "arrow-left", size: 14 }),
+          " Back"
+        ] }) }) }),
+        /* @__PURE__ */ a("div", { className: t.footerRight, children: o === "add" ? /* @__PURE__ */ l("button", { className: t.createButton, onClick: v[i].onClick, children: [
+          /* @__PURE__ */ a(m, { type: "check", size: 12 }),
+          " ",
+          v[i].title
+        ] }) : /* @__PURE__ */ l("button", { className: t.createButton, onClick: () => d(e, !1) && f(), children: [
+          /* @__PURE__ */ a(m, { type: "check", size: 12 }),
+          " ",
+          "Update Plan"
+        ] }) })
+      ] }),
+      children: [
+        /* @__PURE__ */ a(T, { step: i, type: o, gotoStep: P }),
+        /* @__PURE__ */ l("div", { className: `${c.formContent} styled__scrollbar`, children: [
+          h && /* @__PURE__ */ a("div", { className: t.loader, children: /* @__PURE__ */ a(m, { size: 36, type: "loading" }) }),
+          i === 1 && /* @__PURE__ */ l("div", { className: c.planStep, children: [
+            /* @__PURE__ */ l("div", { className: t.field, children: [
+              /* @__PURE__ */ a("label", { className: t.label, children: "Backup Plan Name*" }),
+              !e.title && /* @__PURE__ */ a("span", { className: t.fieldErrorLabel, children: "Required" }),
+              /* @__PURE__ */ a(
+                "input",
+                {
+                  className: t.titleInput,
+                  type: "text",
+                  placeholder: "Plan Name",
+                  value: e.title || "",
+                  onChange: (r) => s({ ...e, title: r.target.value })
+                }
+              )
+            ] }),
+            e.sourceType === "device" && /* @__PURE__ */ a(
+              z,
+              {
+                plan: e,
+                onUpdate: (r) => s({ ...e, method: r }),
+                disabled: o === "edit",
+                options: [
+                  {
+                    value: "backup",
+                    icon: "backup",
+                    label: "Incremental Backup",
+                    description: "Periodically create Incremental backup snapshots of source"
+                  },
+                  {
+                    value: "sync",
+                    icon: "reload",
+                    label: "Real-time Sync",
+                    description: "Maintain identical source (with revisions)",
+                    disabled: !0
+                  },
+                  {
+                    value: "rescue",
+                    icon: "rescue",
+                    label: "Linux Server Backup",
+                    description: "Full Linux system backups with bootable ISO image",
+                    disabled: !0
+                  }
+                ]
+              }
+            )
+          ] }),
+          i === 2 && /* @__PURE__ */ l("div", { className: c.planStep, children: [
+            /* @__PURE__ */ a(
+              L,
+              {
+                plan: e,
+                onUpdate: (r) => s({ ...r }),
+                isEditing: o === "edit",
+                error: e.sourceConfig.includes.length === 0 ? "Required" : ""
+              }
+            ),
+            /* @__PURE__ */ l("div", { className: t.field, children: [
+              /* @__PURE__ */ a("label", { className: t.label, children: "Backup Destination*" }),
+              !e.storage.name && /* @__PURE__ */ a("span", { className: t.fieldErrorLabel, children: "Required" }),
+              /* @__PURE__ */ a(
+                w,
+                {
+                  storagePath: I,
+                  storageId: C,
+                  deviceId: e.sourceId || "main",
+                  disabled: o === "edit",
+                  onUpdate: (r) => s({
+                    ...e,
+                    storagePath: r.path,
+                    storage: { id: r.storage.id, name: r.storage.name }
+                  })
+                }
+              )
+            ] })
+          ] }),
+          i === 3 && /* @__PURE__ */ l("div", { className: c.planStep, children: [
+            /* @__PURE__ */ a(
+              E,
+              {
+                label: "Backup Interval*",
+                fieldValue: e.settings.interval,
+                onUpdate: (r) => s({ ...e, settings: { ...e.settings, interval: r } })
+              }
+            ),
+            /* @__PURE__ */ a("div", { className: t.field, style: { width: "150px" }, children: /* @__PURE__ */ a(
+              V,
+              {
+                label: "Snapshots to Keep",
+                fieldValue: e.settings.prune.snapCount,
+                onUpdate: (r) => s({
+                  ...e,
+                  settings: { ...e.settings, prune: { ...e.settings.prune, snapCount: r } }
+                }),
+                placeholder: "5",
+                min: 1,
+                inline: !1,
+                hint: "Number of Active Restorable Snapshots to Keep"
+              }
+            ) })
+          ] }),
+          i === 4 && /* @__PURE__ */ a("div", { className: c.planStep, children: /* @__PURE__ */ a(A, { plan: e, appSettings: y, onUpdate: s, device: B }) })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  ae as default
+};
+//# sourceMappingURL=PlanForm.js.map

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

@@ -0,0 +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 NumberInput from '../../common/form/NumberInput/NumberInput';\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\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};\r\n\r\nconst PlanForm = ({ title, planSettings, type, onPlanSettingsChange, onSubmit, isSubmitting, close, storagePath, storageId }: 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',\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         close={close}\r\n         withTabs={true}\r\n         footer={\r\n            <>\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            </>\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                  {/* <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}\r\n                        storageId={storageId}\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               </div>\r\n            )}\r\n            {step === 3 && (\r\n               <div className={PFClasses.planStep}>\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\r\n                  <div className={classes.field} style={{ width: '150px' }}>\r\n                     <NumberInput\r\n                        label=\"Snapshots to Keep\"\r\n                        fieldValue={planSettings.settings.prune.snapCount}\r\n                        onUpdate={(val) =>\r\n                           onPlanSettingsChange({\r\n                              ...planSettings,\r\n                              settings: { ...planSettings.settings, prune: { ...planSettings.settings.prune, snapCount: val } },\r\n                           })\r\n                        }\r\n                        placeholder=\"5\"\r\n                        min={1}\r\n                        inline={false}\r\n                        hint=\"Number of Active Restorable Snapshots to Keep\"\r\n                     />\r\n                  </div>\r\n               </div>\r\n            )}\r\n            {step === 4 && (\r\n               <div className={PFClasses.planStep}>\r\n                  <PlanAdvancedSettings plan={planSettings} appSettings={appSettings} onUpdate={onPlanSettingsChange} device={deviceInstance} />\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","step","setStep","useState","settingsData","useGetSettings","appSettings","_a","deviceData","useGetDevice","deviceInstance","_b","buttonTexts","isPlanSettingsValid","gotoStep","nStep","jsxs","SidePanel","jsx","Icon","Fragment","classes","PFClasses","PlanFormNav","e","PlanStrategySettings","method","PlanSourceSettings","plan","StoragePicker","s","IntervalField","intervalSettings","NumberInput","val","PlanAdvancedSettings"],"mappings":"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"}

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

@@ -0,0 +1,72 @@
+@use '../../../styles/steps.scss';
+
+.steps {
+   @extend %modalSteps;
+
+   &.stepsEdit {
+      & > ul {
+         position: relative;
+         top: 6px;
+         justify-content: flex-start;
+         gap: 12px;
+         &::before {
+            display: none;
+         }
+         li {
+            border-radius: 6px 6px 0 0;
+            border: 1px solid transparent;
+            border-bottom: none;
+            cursor: pointer;
+            i {
+               padding: 4px 18px;
+               position: relative;
+               top: -3px;
+            }
+            &.stepCurrent {
+               background-color: var(--content-background-color);
+               border: 1px solid var(--content-shadow-color);
+               border-bottom: none;
+            }
+            & > span {
+               display: none;
+            }
+         }
+      }
+   }
+}
+
+.formContent {
+   padding: 30px;
+   display: flex;
+   flex-direction: column;
+   padding: 30px;
+   height: calc(100vh - 265px);
+   overflow: auto;
+
+   hr {
+      margin: 30px 0;
+      border: 0;
+      border-top: 1px solid var(--line-color);
+   }
+}
+
+.backButton {
+   color: var(--icon-color);
+   &:hover {
+      color: var(--content-text-color-light);
+   }
+}
+
+@media only screen and (max-width: 768px) {
+   .steps.stepsEdit {
+      > ul {
+         gap: 0;
+         li i {
+            padding: 4px 10px;
+            span {
+               display: none;
+            }
+         }
+      }
+   }
+}

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

@@ -0,0 +1,18 @@
+const t = "PlanForm-module__steps___0962y", s = "PlanForm-module__stepCurrent___nWKR8", e = "PlanForm-module__stepPassed___Bslhj", _ = "PlanForm-module__stepsEdit___dMJhw", o = "PlanForm-module__formContent___hmenm", n = "PlanForm-module__backButton___ILbl0", m = {
+  steps: t,
+  stepCurrent: s,
+  stepPassed: e,
+  stepsEdit: _,
+  formContent: o,
+  backButton: n
+};
+export {
+  n as backButton,
+  m as default,
+  o as formContent,
+  s as stepCurrent,
+  e as stepPassed,
+  t as steps,
+  _ as stepsEdit
+};
+//# sourceMappingURL=PlanForm.module.scss.js.map

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

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

package/dist/components/Plan/PlanForm/PlanFormNav.d.ts

@@ -0,0 +1,8 @@
+interface PlanFProps {
+    step: number;
+    type: 'add' | 'edit';
+    gotoStep: (step: number) => void;
+}
+declare const PlanFormNav: ({ step, type, gotoStep }: PlanFProps) => import("react/jsx-runtime").JSX.Element;
+export default PlanFormNav;
+//# sourceMappingURL=PlanFormNav.d.ts.map

package/dist/components/Plan/PlanForm/PlanFormNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanFormNav.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanForm/PlanFormNav.tsx"],"names":[],"mappings":"AAGA,UAAU,UAAU;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,QAAA,MAAM,WAAW,GAAI,0BAA0B,UAAU,4CAoDxD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/Plan/PlanForm/PlanFormNav.js

@@ -0,0 +1,70 @@
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import s from "../../common/Icon/Icon.js";
+import e from "./PlanForm.module.scss.js";
+const o = ({ step: d, type: c, gotoStep: l }) => /* @__PURE__ */ a("div", { className: `${e.steps} ${c === "edit" ? e.stepsEdit : ""}`, children: /* @__PURE__ */ i("ul", { children: [
+  /* @__PURE__ */ i(
+    "li",
+    {
+      className: ` ${(c === "add" ? d >= 1 : d === 1) ? e.stepCurrent : ""}  ${c === "add" && d > 1 ? e.stepPassed : ""}`,
+      onClick: () => l(1),
+      children: [
+        /* @__PURE__ */ i("span", { children: [
+          c === "add" && d > 1 && /* @__PURE__ */ a(s, { type: "check", size: 11 }),
+          d === 1 ? "●" : ""
+        ] }),
+        /* @__PURE__ */ i("i", { children: [
+          /* @__PURE__ */ a(s, { type: "settings", size: 12 }),
+          " Basic"
+        ] })
+      ]
+    }
+  ),
+  /* @__PURE__ */ i(
+    "li",
+    {
+      className: ` ${(c === "add" ? d >= 2 : d === 2) ? e.stepCurrent : ""} ${c === "add" && d > 2 ? e.stepPassed : ""}`,
+      onClick: () => l(2),
+      children: [
+        /* @__PURE__ */ i("span", { children: [
+          c === "add" && d > 2 && /* @__PURE__ */ a(s, { type: "check", size: 11 }),
+          d === 2 ? "●" : ""
+        ] }),
+        /* @__PURE__ */ i("i", { children: [
+          /* @__PURE__ */ a(s, { type: "folders", size: 12 }),
+          " Source/Destination"
+        ] })
+      ]
+    }
+  ),
+  /* @__PURE__ */ i(
+    "li",
+    {
+      className: ` ${(c === "add" ? d >= 3 : d === 3) ? e.stepCurrent : ""} ${c === "add" && d > 3 ? e.stepPassed : ""}`,
+      onClick: () => l(3),
+      children: [
+        /* @__PURE__ */ i("span", { children: [
+          c === "add" && d > 3 && /* @__PURE__ */ a(s, { type: "check", size: 11 }),
+          d === 3 ? "●" : ""
+        ] }),
+        /* @__PURE__ */ i("i", { children: [
+          /* @__PURE__ */ a(s, { type: "clock", size: 12 }),
+          " Schedule"
+        ] })
+      ]
+    }
+  ),
+  /* @__PURE__ */ i("li", { className: ` ${d === 4 ? e.stepCurrent : ""}`, onClick: () => l(4), children: [
+    /* @__PURE__ */ i("span", { children: [
+      c === "add" && d === 4 ? /* @__PURE__ */ a(s, { type: "check", size: 11 }) : "",
+      c !== "add" && d === 4 ? "●" : ""
+    ] }),
+    /* @__PURE__ */ i("i", { children: [
+      /* @__PURE__ */ a(s, { type: "cog", size: 12 }),
+      " Advanced"
+    ] })
+  ] })
+] }) });
+export {
+  o as default
+};
+//# sourceMappingURL=PlanFormNav.js.map

package/dist/components/Plan/PlanForm/PlanFormNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanFormNav.js","sources":["../../../../src/components/Plan/PlanForm/PlanFormNav.tsx"],"sourcesContent":["import Icon from '../../common/Icon/Icon';\r\nimport PFClasses from './PlanForm.module.scss';\r\n\r\ninterface PlanFProps {\r\n   step: number;\r\n   type: 'add' | 'edit';\r\n   gotoStep: (step: number) => void;\r\n}\r\n\r\nconst PlanFormNav = ({ step, type, gotoStep }: PlanFProps) => {\r\n   return (\r\n      <div className={`${PFClasses.steps} ${type === 'edit' ? PFClasses.stepsEdit : ''}`}>\r\n         <ul>\r\n            <li\r\n               className={` ${(type === 'add' ? step >= 1 : step === 1) ? PFClasses.stepCurrent : ''}  ${type === 'add' && step > 1 ? PFClasses.stepPassed : ''}`}\r\n               onClick={() => gotoStep(1)}\r\n            >\r\n               <span>\r\n                  {type === 'add' && step > 1 && <Icon type=\"check\" size={11} />}\r\n                  {step === 1 ? '●' : ''}\r\n               </span>\r\n               <i>\r\n                  <Icon type=\"settings\" size={12} /> Basic\r\n               </i>\r\n            </li>\r\n            <li\r\n               className={` ${(type === 'add' ? step >= 2 : step === 2) ? PFClasses.stepCurrent : ''} ${type === 'add' && step > 2 ? PFClasses.stepPassed : ''}`}\r\n               onClick={() => gotoStep(2)}\r\n            >\r\n               <span>\r\n                  {type === 'add' && step > 2 && <Icon type=\"check\" size={11} />}\r\n                  {step === 2 ? '●' : ''}\r\n               </span>\r\n               <i>\r\n                  <Icon type=\"folders\" size={12} /> Source/Destination\r\n               </i>\r\n            </li>\r\n            <li\r\n               className={` ${(type === 'add' ? step >= 3 : step === 3) ? PFClasses.stepCurrent : ''} ${type === 'add' && step > 3 ? PFClasses.stepPassed : ''}`}\r\n               onClick={() => gotoStep(3)}\r\n            >\r\n               <span>\r\n                  {type === 'add' && step > 3 && <Icon type=\"check\" size={11} />}\r\n                  {step === 3 ? '●' : ''}\r\n               </span>\r\n               <i>\r\n                  <Icon type=\"clock\" size={12} /> Schedule\r\n               </i>\r\n            </li>\r\n            <li className={` ${step === 4 ? PFClasses.stepCurrent : ''}`} onClick={() => gotoStep(4)}>\r\n               <span>\r\n                  {type === 'add' && step === 4 ? <Icon type=\"check\" size={11} /> : ''}\r\n                  {type !== 'add' && step === 4 ? '●' : ''}\r\n               </span>\r\n               <i>\r\n                  <Icon type=\"cog\" size={12} /> Advanced\r\n               </i>\r\n            </li>\r\n         </ul>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default PlanFormNav;\r\n"],"names":["PlanFormNav","step","type","gotoStep","jsx","PFClasses","jsxs","Icon"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import { Plan } from '../../../@types/plans';
+interface PlanHistoryProps {
+    planId: string;
+    history: Plan['backups'];
+    itemsCount?: number;
+}
+declare const PlanHistory: ({ planId, history, itemsCount }: PlanHistoryProps) => import("react/jsx-runtime").JSX.Element;
+export default PlanHistory;
+//# sourceMappingURL=PlanHistory.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlanHistory.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanHistory/PlanHistory.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAI7C,UAAU,gBAAgB;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,QAAA,MAAM,WAAW,GAAI,iCAAsC,gBAAgB,4CAqD1E,CAAC;AAEF,eAAe,WAAW,CAAC"}