npm - @plutonhq/core-frontend - Versions diffs - 0.1.13 → 0.1.14 - Mend

@plutonhq/core-frontend 0.1.13 → 0.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (186) hide show

package/dist-lib/components/Plan/Mirrors/MirrorStorageSelectorModal.js ADDED Viewed

@@ -0,0 +1,34 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useState as m } from "react";
+import n from "../../common/ActionModal/ActionModal.js";
+import c from "./MirrorStorageSelector.js";
+const g = ({ mirrors: r, primaryStorage: i, onSelect: a, onClose: l, actionLabel: o = "Download" }) => {
+  const [s, d] = m(void 0);
+  return /* @__PURE__ */ t(
+    n,
+    {
+      title: `Choose a Mirror to ${o} From`,
+      message: /* @__PURE__ */ t(
+        c,
+        {
+          mirrors: r,
+          primaryStorage: i,
+          onChange: (e) => e && d(e)
+        }
+      ),
+      closeModal: l,
+      width: "450px",
+      primaryAction: {
+        title: o,
+        type: "default",
+        isPending: !1,
+        icon: "download",
+        action: () => a(s)
+      }
+    }
+  );
+};
+export {
+  g as default
+};
+//# sourceMappingURL=MirrorStorageSelectorModal.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"MirrorStorageSelectorModal.js","sources":["../../../../src/components/Plan/Mirrors/MirrorStorageSelectorModal.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { BackupMirror } from '../../../@types/backups';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\nimport MirrorStorageSelector from './MirrorStorageSelector';\r\n\r\ninterface MirrorStorageSelectorProps {\r\n mirrors: BackupMirror[];\r\n primaryStorage: { id: string; type: string; name: string };\r\n onSelect: (replicationId?: string) => void;\r\n onClose: () => void;\r\n actionLabel?: string;\r\n}\r\n\r\nconst MirrorStorageSelectorModal = ({ mirrors, primaryStorage, onSelect, onClose, actionLabel = 'Download' }: MirrorStorageSelectorProps) => {\r\n const [selected, setSelected] = useState<string | undefined>(undefined);\r\n\r\n return (\r\n <ActionModal\r\n title={`Choose a Mirror to ${actionLabel} From`}\r\n message={\r\n <MirrorStorageSelector\r\n mirrors={mirrors}\r\n primaryStorage={primaryStorage}\r\n onChange={(replicationId) => replicationId && setSelected(replicationId)}\r\n />\r\n }\r\n closeModal={onClose}\r\n width=\"450px\"\r\n primaryAction={{\r\n title: actionLabel,\r\n type: 'default',\r\n isPending: false,\r\n icon: 'download',\r\n action: () => onSelect(selected),\r\n }}\r\n />\r\n );\r\n};\r\n\r\nexport default MirrorStorageSelectorModal;\r\n"],"names":["MirrorStorageSelectorModal","mirrors","primaryStorage","onSelect","onClose","actionLabel","selected","setSelected","useState","jsx","ActionModal","MirrorStorageSelector","replicationId"],"mappings":";;;;AAaA,MAAMA,IAA6B,CAAC,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,UAAAC,GAAU,SAAAC,GAAS,aAAAC,IAAc,iBAA6C;AAC1I,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAA6B,MAAS;AAEtE,SACG,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,OAAO,sBAAsBL,CAAW;AAAA,MACxC,SACG,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,SAAAV;AAAA,UACA,gBAAAC;AAAA,UACA,UAAU,CAACU,MAAkBA,KAAiBL,EAAYK,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7E,YAAYR;AAAA,MACZ,OAAM;AAAA,MACN,eAAe;AAAA,QACZ,OAAOC;AAAA,QACP,MAAM;AAAA,QACN,WAAW;AAAA,QACX,MAAM;AAAA,QACN,QAAQ,MAAMF,EAASG,CAAQ;AAAA,MAAA;AAAA,IAClC;AAAA,EAAA;AAGT;"}

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

	@@ -1 +1 @@
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"}
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,4CA2C9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,20 +1,20 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { useState as v } from "react";
+import { useState as g } 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;
+import B from "../Restores/Restores.js";
+import C from "../Backups/Backups.js";
+import { useComponentOverride as I } from "../../../context/ComponentOverrideContext.js";
+const R = ({ plan: o }) => {
+  var h;
+  const k = I("Backups", C), [t, c] = g("backups"), { backups: b = [], stats: i, restores: n = [], method: a, sourceId: p, sourceType: d, settings: l, storage: y } = o, m = [...b || []].sort((v, T) => new Date(T.started).getTime() - new Date(v.started).getTime()), u = a === "sync", f = ((h = i.snapshots) == null ? void 0 : h.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__ */ r("i", { children: m.length })
         ] }),
         /* @__PURE__ */ s("button", { onClick: () => c("restores"), className: t === "restores" ? e.historyTabActive : "", children: [
           "Restores ",
@@ -22,7 +22,7 @@ const D = ({ plan: a }) => {
         ] })
       ] }),
       !u && t === "backups" && /* @__PURE__ */ s("div", { className: e.backupsInfo, children: [
-        y,
+        f,
         " Active Snapshots ",
         /* @__PURE__ */ r("i", { className: "pipe", children: "|" }),
         " ",
@@ -30,20 +30,23 @@ const D = ({ plan: a }) => {
       ] })
     ] }),
     t === "backups" && /* @__PURE__ */ r(
-      h,
+      k,
       {
-        backups: l,
-        planId: a.id,
-        method: o,
+        backups: m,
+        planId: o.id,
+        method: a,
         sourceId: p,
-        sourceType: m,
-        snapLimit: b.prune.snapCount
+        sourceType: d,
+        deviceId: o.device.id,
+        storage: y,
+        snapLimit: l.prune.snapCount,
+        replicationSettings: l.replication
       }
     ),
-    t === "restores" && /* @__PURE__ */ r(g, { restores: n, planId: a.id, method: o, sourceId: p, sourceType: m })
+    t === "restores" && /* @__PURE__ */ r(B, { restores: n, planId: o.id, method: a, sourceId: p, sourceType: d })
   ] });
 };
 export {
-  D as default
+  R as default
 };
 //# sourceMappingURL=PlanBackups.js.map

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

	@@ -1 +1 @@
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;"}
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, storage } = 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 deviceId={plan.device.id}\r\n storage={storage}\r\n snapLimit={settings.prune.snapCount}\r\n replicationSettings={settings.replication}\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","storage","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,CAAA,GAAI,QAAAC,GAAQ,UAAAC,GAAU,YAAAC,GAAY,UAAAC,GAAU,SAAAC,MAAYd,GAE1Fe,IAAgB,CAAC,GAAIR,KAAW,CAAA,CAAG,EAAE,KAAK,CAACS,GAAGC,MAAM,IAAI,KAAKA,EAAE,OAAO,EAAE,YAAY,IAAI,KAAKD,EAAE,OAAO,EAAE,SAAS,GACjHE,IAASR,MAAW,QACpBS,MAAiBC,IAAAZ,EAAM,cAAN,gBAAAY,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,MAAMhB,EAAc,SAAS,GAAG,WAAWD,MAAe,YAAYkB,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,MAAMhB,EAAc,UAAU,GAAG,WAAWD,MAAe,aAAakB,EAAQ,mBAAmB,IAAI,UAAA;AAAA,UAAA;AAAA,UAC5G,gBAAAC,EAAC,KAAA,EAAG,UAAAd,EAAS,OAAA,CAAO;AAAA,QAAA,EAAA,CAChC;AAAA,MAAA,GACH;AAAA,MACC,CAACS,KAAUd,MAAe,+BACvB,OAAA,EAAI,WAAWkB,EAAQ,aACpB,UAAA;AAAA,QAAAH;AAAA,QAAe;AAAA,QAAkB,gBAAAI,EAAC,KAAA,EAAE,WAAU,QAAO,UAAA,KAAC;AAAA,QAAI;AAAA,QAAEC,EAAYhB,EAAM,IAAI;AAAA,MAAA,EAAA,CACtF;AAAA,IAAA,GAEN;AAAA,IACCJ,MAAe,aACb,gBAAAmB;AAAA,MAACtB;AAAA,MAAA;AAAA,QACE,SAASc;AAAA,QACT,QAAQf,EAAK;AAAA,QACb,QAAAU;AAAA,QACA,UAAAC;AAAA,QACA,YAAAC;AAAA,QACA,UAAUZ,EAAK,OAAO;AAAA,QACtB,SAAAc;AAAA,QACA,WAAWD,EAAS,MAAM;AAAA,QAC1B,qBAAqBA,EAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAGnCT,MAAe,cAAc,gBAAAmB,EAACE,GAAA,EAAS,UAAAhB,GAAoB,QAAQT,EAAK,IAAI,QAAAU,GAAgB,UAAAC,GAAoB,YAAAC,EAAA,CAAwB;AAAA,EAAA,GAC5I;AAEN;"}

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

@@ -9,7 +9,8 @@ type PlanFormProps = {
     close: () => void;
     storagePath?: string;
     storageId?: string;
+    planId?: string;
 };
-declare const PlanForm: ({ title, planSettings, type, onPlanSettingsChange, onSubmit, isSubmitting, close, storagePath, storageId }: PlanFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const PlanForm: ({ title, planSettings, type, onPlanSettingsChange, onSubmit, isSubmitting, close, storagePath, storageId, planId, }: PlanFormProps) => import("react/jsx-runtime").JSX.Element;
 export default PlanForm;
 //# sourceMappingURL=PlanForm.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanForm/PlanForm.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;~~AAYxD~~,KAAK,aAAa,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,eAAe,CAAC;IAC9B,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IACrB,oBAAoB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;~~CACrB~~,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,~~4GAA4G~~,aAAa,~~4CAkP1I~~,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1	+ {"version":3,"file":"PlanForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanForm/PlanForm.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAaxD,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,4CAgQf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1,71 +1,83 @@
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import { useState as R } from "react";
-import m from "../../common/Icon/Icon.js";
-import U from "../../common/SidePanel/SidePanel.js";
-import w from "../../common/form/StoragePicker/StoragePicker.js";
-import F from "../PlanSettings/PlanStrategySettings.js";
-import z from "../PlanSettings/PlanSourceSettings.js";
-import L from "../../common/form/NumberInput/NumberInput.js";
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import { useState as w } from "react";
+import n from "../../common/Icon/Icon.js";
+import F from "../../common/SidePanel/SidePanel.js";
+import z from "../../common/form/StoragePicker/StoragePicker.js";
+import L from "../PlanSettings/PlanStrategySettings.js";
+import V from "../PlanSettings/PlanSourceSettings.js";
+import D from "../../common/form/NumberInput/NumberInput.js";
 import r from "../AddPlan/AddPlan.module.scss.js";
 import c from "./PlanForm.module.scss.js";
-import { useGetSettings as V } from "../../../services/settings.js";
+import { useGetSettings as E } from "../../../services/settings.js";
 import q from "../PlanSettings/PlanAdvancedSettings.js";
 import { isPlanSettingsValid as d } from "../../../utils/plans.js";
 import A from "../../common/form/IntervalField/IntervalField.js";
-import D from "./PlanFormNav.js";
-import { useGetDevice as E } from "../../../services/devices.js";
-import T from "../PlanSettings/PlanPruneSettings.js";
-const ae = ({ title: k, planSettings: e, type: o, onPlanSettingsChange: s, onSubmit: f, isSubmitting: h, close: x, storagePath: B, storageId: I }) => {
-  var N, b;
-  const [l, n] = R(1), { data: u } = V(), P = ((N = u == null ? void 0 : u.result) == null ? void 0 : N.settings) || {}, { data: p } = E("main", !0), y = (b = p == null ? void 0 : p.result) == null ? void 0 : b.device, v = {
+import T from "./PlanFormNav.js";
+import { useGetDevice as j } from "../../../services/devices.js";
+import G from "../PlanSettings/PlanPruneSettings.js";
+import K from "../PlanSettings/PlanReplicationSettings.js";
+const le = ({
+  title: I,
+  planSettings: e,
+  type: l,
+  onPlanSettingsChange: s,
+  onSubmit: f,
+  isSubmitting: h,
+  close: P,
+  storagePath: x,
+  storageId: B,
+  planId: y
+}) => {
+  var N, b, k;
+  const [t, m] = w(1), { data: u } = E(), C = ((N = u == null ? void 0 : u.result) == null ? void 0 : N.settings) || {}, { data: p } = j("main", !0), R = (b = p == null ? void 0 : p.result) == null ? void 0 : b.device, v = {
     1: {
       title: "Next: Configure Source & Destination",
-      onClick: () => d(e, l) && n(l + 1)
+      onClick: () => d(e, t) && m(t + 1)
     },
     2: {
       title: "Next: Setup Schedule & Retention",
-      onClick: () => d(e, l) && n(l + 1)
+      onClick: () => d(e, t) && m(t + 1)
     },
-    3: { title: "Next: Advanced Settings", onClick: () => d(e, l) && n(l + 1) },
+    3: { title: "Next: Advanced Settings", onClick: () => d(e, t) && m(t + 1) },
     4: {
       title: "Create Plan",
       onClick: () => d(e, !1) && f()
     }
-  }, C = (a) => {
-    if (o !== "edit")
+  }, U = (a) => {
+    if (l !== "edit")
       return;
-    d(e, l) && n(a);
+    d(e, t) && m(a);
   };
-  return /* @__PURE__ */ t(
-    U,
+  return /* @__PURE__ */ o(
+    F,
     {
-      title: k,
-      icon: /* @__PURE__ */ i(m, { type: "backup", size: 20 }),
-      width: o === "add" ? "100%" : void 0,
-      headerWidth: o === "add" ? "740px" : void 0,
-      close: x,
+      title: I,
+      icon: /* @__PURE__ */ i(n, { type: "backup", size: 20 }),
+      width: l === "add" ? "100%" : void 0,
+      headerWidth: l === "add" ? "740px" : void 0,
+      close: P,
       withTabs: !0,
-      footer: /* @__PURE__ */ i("div", { className: c.planFormFooter, children: /* @__PURE__ */ t("div", { className: c.footerContainer, children: [
-        /* @__PURE__ */ i("div", { className: r.footerLeft, children: /* @__PURE__ */ i("div", { className: r.summary, children: o === "add" && l > 1 && /* @__PURE__ */ t("button", { className: c.backButton, onClick: () => l > 0 && n(l - 1), disabled: h, children: [
-          /* @__PURE__ */ i(m, { type: "arrow-left", size: 14 }),
+      footer: /* @__PURE__ */ i("div", { className: c.planFormFooter, children: /* @__PURE__ */ o("div", { className: c.footerContainer, children: [
+        /* @__PURE__ */ i("div", { className: r.footerLeft, children: /* @__PURE__ */ i("div", { className: r.summary, children: l === "add" && t > 1 && /* @__PURE__ */ o("button", { className: c.backButton, onClick: () => t > 0 && m(t - 1), disabled: h, children: [
+          /* @__PURE__ */ i(n, { type: "arrow-left", size: 14 }),
           " Back"
         ] }) }) }),
-        /* @__PURE__ */ i("div", { className: r.footerRight, children: o === "add" ? /* @__PURE__ */ t("button", { className: r.createButton, onClick: v[l].onClick, children: [
-          /* @__PURE__ */ i(m, { type: "check", size: 12 }),
+        /* @__PURE__ */ i("div", { className: r.footerRight, children: l === "add" ? /* @__PURE__ */ o("button", { className: r.createButton, onClick: v[t].onClick, children: [
+          /* @__PURE__ */ i(n, { type: "check", size: 12 }),
           " ",
-          v[l].title
-        ] }) : /* @__PURE__ */ t("button", { className: r.createButton, onClick: () => d(e, !1) && f(), children: [
-          /* @__PURE__ */ i(m, { type: "check", size: 12 }),
+          v[t].title
+        ] }) : /* @__PURE__ */ o("button", { className: r.createButton, onClick: () => d(e, !1) && f(), children: [
+          /* @__PURE__ */ i(n, { type: "check", size: 12 }),
           " ",
           "Update Plan"
         ] }) })
       ] }) }),
       children: [
-        /* @__PURE__ */ i(D, { step: l, type: o, gotoStep: C }),
-        /* @__PURE__ */ t("div", { className: `${c.formContent} styled__scrollbar`, children: [
-          h && /* @__PURE__ */ i("div", { className: r.loader, children: /* @__PURE__ */ i(m, { size: 36, type: "loading" }) }),
-          l === 1 && /* @__PURE__ */ t("div", { className: c.planStep, children: [
-            /* @__PURE__ */ t("div", { className: r.field, children: [
+        /* @__PURE__ */ i(T, { step: t, type: l, gotoStep: U }),
+        /* @__PURE__ */ o("div", { className: `${c.formContent} styled__scrollbar`, children: [
+          h && /* @__PURE__ */ i("div", { className: r.loader, children: /* @__PURE__ */ i(n, { size: 36, type: "loading" }) }),
+          t === 1 && /* @__PURE__ */ o("div", { className: c.planStep, children: [
+            /* @__PURE__ */ o("div", { className: r.field, children: [
               /* @__PURE__ */ i("label", { className: r.label, children: "Backup Plan Name*" }),
               !e.title && /* @__PURE__ */ i("span", { className: r.fieldErrorLabel, children: "Required" }),
               /* @__PURE__ */ i(
@@ -79,7 +91,7 @@ const ae = ({ title: k, planSettings: e, type: o, onPlanSettingsChange: s, onSub
                 }
               )
             ] }),
-            /* @__PURE__ */ t("div", { className: r.field, children: [
+            /* @__PURE__ */ o("div", { className: r.field, children: [
               /* @__PURE__ */ i("label", { className: r.label, children: "Backup Plan Description" }),
               /* @__PURE__ */ i(
                 "input",
@@ -93,11 +105,11 @@ const ae = ({ title: k, planSettings: e, type: o, onPlanSettingsChange: s, onSub
               )
             ] }),
             e.sourceType === "device" && /* @__PURE__ */ i(
-              F,
+              L,
               {
                 plan: e,
                 onUpdate: (a) => s({ ...e, method: a }),
-                disabled: o === "edit",
+                disabled: l === "edit",
                 options: [
                   {
                     value: "backup",
@@ -123,26 +135,26 @@ const ae = ({ title: k, planSettings: e, type: o, onPlanSettingsChange: s, onSub
               }
             )
           ] }),
-          l === 2 && /* @__PURE__ */ t("div", { className: c.planStep, children: [
+          t === 2 && /* @__PURE__ */ o("div", { className: c.planStep, children: [
             /* @__PURE__ */ i(
-              z,
+              V,
               {
                 plan: e,
                 onUpdate: (a) => s({ ...a }),
-                isEditing: o === "edit",
+                isEditing: l === "edit",
                 error: e.sourceConfig.includes.length === 0 ? "Required" : ""
               }
             ),
-            /* @__PURE__ */ t("div", { className: r.field, children: [
+            /* @__PURE__ */ o("div", { className: r.field, children: [
               /* @__PURE__ */ i("label", { className: r.label, children: "Backup Destination*" }),
               !e.storage.name && /* @__PURE__ */ i("span", { className: r.fieldErrorLabel, children: "Required" }),
               /* @__PURE__ */ i(
-                w,
+                z,
                 {
-                  storagePath: B,
-                  storageId: I,
+                  storagePath: x || e.storagePath,
+                  storageId: B || ((k = e.storage) == null ? void 0 : k.id) || "",
                   deviceId: e.sourceId || "main",
-                  disabled: o === "edit",
+                  disabled: l === "edit",
                   onUpdate: (a) => s({
                     ...e,
                     storagePath: a.path,
@@ -150,9 +162,24 @@ const ae = ({ title: k, planSettings: e, type: o, onPlanSettingsChange: s, onSub
                   })
                 }
               )
-            ] })
+            ] }),
+            /* @__PURE__ */ i(
+              K,
+              {
+                replication: e.settings.replication,
+                primaryStorageId: e.storage.id,
+                primaryStoragePath: e.storagePath,
+                deviceId: e.sourceId || "main",
+                isEditing: l === "edit",
+                planID: y,
+                onUpdate: (a) => s({
+                  ...e,
+                  settings: { ...e.settings, replication: a }
+                })
+              }
+            )
           ] }),
-          l === 3 && /* @__PURE__ */ t("div", { className: c.planStep, children: [
+          t === 3 && /* @__PURE__ */ o("div", { className: c.planStep, children: [
             /* @__PURE__ */ i("div", { className: r.field, style: { width: "150px" }, children: /* @__PURE__ */ i(
               A,
               {
@@ -162,7 +189,7 @@ const ae = ({ title: k, planSettings: e, type: o, onPlanSettingsChange: s, onSub
               }
             ) }),
             /* @__PURE__ */ i("div", { className: r.field, style: { width: "150px" }, children: /* @__PURE__ */ i(
-              L,
+              D,
               {
                 label: "Backups to Keep",
                 fieldValue: e.settings.prune.snapCount,
@@ -177,7 +204,7 @@ const ae = ({ title: k, planSettings: e, type: o, onPlanSettingsChange: s, onSub
               }
             ) }),
             /* @__PURE__ */ i(
-              T,
+              G,
               {
                 plan: e,
                 onUpdate: (a) => s({
@@ -187,13 +214,13 @@ const ae = ({ title: k, planSettings: e, type: o, onPlanSettingsChange: s, onSub
               }
             )
           ] }),
-          l === 4 && /* @__PURE__ */ i("div", { className: c.planStep, children: /* @__PURE__ */ i(q, { plan: e, appSettings: P, onUpdate: s, device: y }) })
+          t === 4 && /* @__PURE__ */ i("div", { className: c.planStep, children: /* @__PURE__ */ i(q, { plan: e, appSettings: C, onUpdate: s, device: R }) })
         ] })
       ]
     }
   );
 };
 export {
-  ae as default
+  le as default
 };
 //# sourceMappingURL=PlanForm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanForm.js","sources":["../../../../src/components/Plan/PlanForm/PlanForm.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport SidePanel from '../../common/SidePanel/SidePanel';\r\nimport StoragePicker from '../../common/form/StoragePicker/StoragePicker';\r\nimport PlanStrategySettings from '../PlanSettings/PlanStrategySettings';\r\nimport PlanSourceSettings from '../PlanSettings/PlanSourceSettings';\r\nimport { NewPlanSettings } from '../../../@types/plans';\r\nimport 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\nimport PlanPruneSettings from '../PlanSettings/PlanPruneSettings';\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 & 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}\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 <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\r\n <div className={classes.field} style={{ width: '150px' }}>\r\n <NumberInput\r\n label=\"Backups 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 Backups/Snapshots to Keep regardless of the Removal Policy\"\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 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","PFClasses","classes","PlanFormNav","e","PlanStrategySettings","method","PlanSourceSettings","plan","StoragePicker","s","IntervalField","intervalSettings","NumberInput","val","PlanPruneSettings","pruneSettings","PlanAdvancedSettings"],"mappings":"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"}
1	+ {"version":3,"file":"PlanForm.js","sources":["../../../../src/components/Plan/PlanForm/PlanForm.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport SidePanel from '../../common/SidePanel/SidePanel';\r\nimport StoragePicker from '../../common/form/StoragePicker/StoragePicker';\r\nimport PlanStrategySettings from '../PlanSettings/PlanStrategySettings';\r\nimport PlanSourceSettings from '../PlanSettings/PlanSourceSettings';\r\nimport { NewPlanSettings } 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\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\r\n <div className={classes.field} style={{ width: '150px' }}>\r\n <NumberInput\r\n label=\"Backups 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 Backups/Snapshots to Keep regardless of the Removal Policy\"\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 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","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","NumberInput","val","PlanPruneSettings","pruneSettings","PlanAdvancedSettings"],"mappings":";;;;;;;;;;;;;;;;;;AAgCA,MAAMA,KAAW,CAAC;AAAA,EACf,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AACH,MAAqB;;AAClB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAiB,CAAC,GAEpC,EAAE,MAAMC,EAAA,IAAiBC,EAAA,GACzBC,MAAcC,IAAAH,KAAA,gBAAAA,EAAc,WAAd,gBAAAG,EAAsB,aAAY,CAAA,GAGhD,EAAE,MAAMC,EAAA,IAAeC,EAAa,QAAQ,EAAI,GAChDC,KAAiBC,IAAAH,KAAA,gBAAAA,EAAY,WAAZ,gBAAAG,EAAoB,QAErCC,IAAsE;AAAA,IACzE,GAAG;AAAA,MACA,OAAO;AAAA,MACP,SAAS,MAAMC,EAAoBrB,GAAcS,CAAI,KAAKC,EAAQD,IAAO,CAAC;AAAA,IAAA;AAAA,IAE7E,GAAG;AAAA,MACA,OAAO;AAAA,MACP,SAAS,MAAMY,EAAoBrB,GAAcS,CAAI,KAAKC,EAAQD,IAAO,CAAC;AAAA,IAAA;AAAA,IAE7E,GAAG,EAAE,OAAO,2BAA2B,SAAS,MAAMY,EAAoBrB,GAAcS,CAAI,KAAKC,EAAQD,IAAO,CAAC,EAAA;AAAA,IACjH,GAAG;AAAA,MACA,OAAO;AAAA,MACP,SAAS,MAAMY,EAAoBrB,GAAc,EAAK,KAAKG,EAAA;AAAA,IAAS;AAAA,EACvE,GAGGmB,IAAW,CAACC,MAAkB;AACjC,QAAItB,MAAS;AACV;AAIH,IADwBoB,EAAoBrB,GAAcS,CAAI,KAE3DC,EAAQa,CAAK;AAAA,EAEnB;AAEA,SACG,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,OAAA1B;AAAA,MACA,MAAM,gBAAA2B,EAACC,GAAA,EAAK,MAAM,UAAU,MAAM,IAAI;AAAA,MACtC,OAAO1B,MAAS,QAAQ,SAAS;AAAA,MACjC,aAAaA,MAAS,QAAQ,UAAU;AAAA,MACxC,OAAAI;AAAA,MACA,UAAU;AAAA,MACV,QACG,gBAAAqB,EAAC,OAAA,EAAI,WAAWE,EAAU,gBACvB,UAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAWI,EAAU,iBACvB,UAAA;AAAA,QAAA,gBAAAF,EAAC,OAAA,EAAI,WAAWG,EAAQ,YACrB,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAQ,SACpB,UAAA5B,MAAS,SAASQ,IAAO,KACvB,gBAAAe,EAAC,UAAA,EAAO,WAAWI,EAAU,YAAY,SAAS,MAAMnB,IAAO,KAAKC,EAAQD,IAAO,CAAC,GAAG,UAAUL,GAC9F,UAAA;AAAA,UAAA,gBAAAsB,EAACC,GAAA,EAAK,MAAK,cAAa,MAAM,IAAI;AAAA,UAAE;AAAA,QAAA,EAAA,CACvC,GAEN,GACH;AAAA,0BACC,OAAA,EAAI,WAAWE,EAAQ,aACpB,gBAAS,QACP,gBAAAL,EAAC,UAAA,EAAO,WAAWK,EAAQ,cAAc,SAAST,EAAYX,CAAI,EAAE,SACjE,UAAA;AAAA,UAAA,gBAAAiB,EAACC,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI;AAAA,UAAE;AAAA,UAAEP,EAAYX,CAAI,EAAE;AAAA,QAAA,EAAA,CACtD,IAEA,gBAAAe,EAAC,UAAA,EAAO,WAAWK,EAAQ,cAAc,SAAS,MAAMR,EAAoBrB,GAAc,EAAK,KAAKG,KACjG,UAAA;AAAA,UAAA,gBAAAuB,EAACC,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI;AAAA,UAAE;AAAA,UAAE;AAAA,QAAA,EAAA,CACpC,EAAA,CAEN;AAAA,MAAA,EAAA,CACH,EAAA,CACH;AAAA,MAGH,UAAA;AAAA,QAAA,gBAAAD,EAACI,GAAA,EAAY,MAAArB,GAAY,MAAAR,GAAY,UAAAqB,EAAA,CAAoB;AAAA,0BAExD,OAAA,EAAI,WAAW,GAAGM,EAAU,WAAW,sBACpC,UAAA;AAAA,UAAAxB,KACE,gBAAAsB,EAAC,OAAA,EAAI,WAAWG,EAAQ,QACrB,UAAA,gBAAAH,EAACC,GAAA,EAAK,MAAM,IAAI,MAAK,UAAA,CAAU,GAClC;AAAA,UAEFlB,MAAS,KACP,gBAAAe,EAAC,OAAA,EAAI,WAAWI,EAAU,UACvB,UAAA;AAAA,YAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAWK,EAAQ,OACrB,UAAA;AAAA,cAAA,gBAAAH,EAAC,SAAA,EAAM,WAAWG,EAAQ,OAAO,UAAA,qBAAiB;AAAA,cACjD,CAAC7B,EAAa,SAAS,gBAAA0B,EAAC,UAAK,WAAWG,EAAQ,iBAAkB,UAAA,YAAW;AAAA,cAC9E,gBAAAH;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACE,WAAWG,EAAQ;AAAA,kBACnB,MAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,OAAO7B,EAAa,SAAS;AAAA,kBAC7B,UAAU,CAAC+B,MAAM7B,EAAqB,EAAE,GAAGF,GAAc,OAAO+B,EAAE,OAAO,MAAA,CAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACnF,GACH;AAAA,YACA,gBAAAP,EAAC,OAAA,EAAI,WAAWK,EAAQ,OACrB,UAAA;AAAA,cAAA,gBAAAH,EAAC,SAAA,EAAM,WAAWG,EAAQ,OAAO,UAAA,2BAAuB;AAAA,cACxD,gBAAAH;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACE,WAAWG,EAAQ;AAAA,kBACnB,MAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,OAAO7B,EAAa,eAAe;AAAA,kBACnC,UAAU,CAAC+B,MAAM7B,EAAqB,EAAE,GAAGF,GAAc,aAAa+B,EAAE,OAAO,MAAA,CAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACzF,GACH;AAAA,YAmCC/B,EAAa,eAAe,YAC1B,gBAAA0B;AAAA,cAACM;AAAA,cAAA;AAAA,gBACE,MAAMhC;AAAA,gBACN,UAAU,CAACiC,MAAW/B,EAAqB,EAAE,GAAGF,GAAc,QAAAiC,GAAQ;AAAA,gBACtE,UAAUhC,MAAS;AAAA,gBACnB,SAAS;AAAA,kBACN;AAAA,oBACG,OAAO;AAAA,oBACP,MAAM;AAAA,oBACN,OAAO;AAAA,oBACP,aAAa;AAAA,kBAAA;AAAA,kBAEhB;AAAA,oBACG,OAAO;AAAA,oBACP,MAAM;AAAA,oBACN,OAAO;AAAA,oBACP,aAAa;AAAA,oBACb,UAAU;AAAA,kBAAA;AAAA,kBAEb;AAAA,oBACG,OAAO;AAAA,oBACP,MAAM;AAAA,oBACN,OAAO;AAAA,oBACP,aAAa;AAAA,oBACb,UAAU;AAAA,kBAAA;AAAA,gBACb;AAAA,cACH;AAAA,YAAA;AAAA,UACH,GAEN;AAAA,UAEFQ,MAAS,KACP,gBAAAe,EAAC,OAAA,EAAI,WAAWI,EAAU,UACvB,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACE,MAAMlC;AAAA,gBACN,UAAU,CAACmC,MAASjC,EAAqB,EAAE,GAAGiC,GAAM;AAAA,gBACpD,WAAWlC,MAAS;AAAA,gBACpB,OAAOD,EAAa,aAAa,SAAS,WAAW,IAAI,aAAa;AAAA,cAAA;AAAA,YAAA;AAAA,YAEzE,gBAAAwB,EAAC,OAAA,EAAI,WAAWK,EAAQ,OACrB,UAAA;AAAA,cAAA,gBAAAH,EAAC,SAAA,EAAM,WAAWG,EAAQ,OAAO,UAAA,uBAAmB;AAAA,cACnD,CAAC7B,EAAa,QAAQ,0BAAS,QAAA,EAAK,WAAW6B,EAAQ,iBAAkB,UAAA,WAAA,CAAW;AAAA,cACrF,gBAAAH;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACE,aAAa9B,KAAeN,EAAa;AAAA,kBACzC,WAAWO,OAAa8B,IAAArC,EAAa,YAAb,gBAAAqC,EAAsB,OAAM;AAAA,kBACpD,UAAUrC,EAAa,YAAY;AAAA,kBACnC,UAAUC,MAAS;AAAA,kBACnB,UAAU,CAACqC,MACRpC,EAAqB;AAAA,oBAClB,GAAGF;AAAA,oBACH,aAAasC,EAAE;AAAA,oBACf,SAAS,EAAE,IAAIA,EAAE,QAAQ,IAAI,MAAMA,EAAE,QAAQ,KAAA;AAAA,kBAAK,CACpD;AAAA,gBAAA;AAAA,cAAA;AAAA,YAEP,GACH;AAAA,YACA,gBAAAZ;AAAA,cAACa;AAAA,cAAA;AAAA,gBACE,aAAavC,EAAa,SAAS;AAAA,gBACnC,kBAAkBA,EAAa,QAAQ;AAAA,gBACvC,oBAAoBA,EAAa;AAAA,gBACjC,UAAUA,EAAa,YAAY;AAAA,gBACnC,WAAWC,MAAS;AAAA,gBACpB,QAAQO;AAAA,gBACR,UAAU,CAACgC,MACRtC,EAAqB;AAAA,kBAClB,GAAGF;AAAA,kBACH,UAAU,EAAE,GAAGA,EAAa,UAAU,aAAAwC,EAAA;AAAA,gBAAyB,CACjE;AAAA,cAAA;AAAA,YAAA;AAAA,UAEP,GACH;AAAA,UAEF/B,MAAS,KACP,gBAAAe,EAAC,OAAA,EAAI,WAAWI,EAAU,UACvB,UAAA;AAAA,YAAA,gBAAAF,EAAC,OAAA,EAAI,WAAWG,EAAQ,OAAO,OAAO,EAAE,OAAO,WAC5C,UAAA,gBAAAH;AAAA,cAACe;AAAA,cAAA;AAAA,gBACE,OAAM;AAAA,gBACN,YAAYzC,EAAa,SAAS;AAAA,gBAClC,UAAU,CAAC0C,MACRxC,EAAqB,EAAE,GAAGF,GAAc,UAAU,EAAE,GAAGA,EAAa,UAAU,UAAU0C,EAAA,GAAoB;AAAA,cAAA;AAAA,YAAA,GAGrH;AAAA,YAEA,gBAAAhB,EAAC,SAAI,WAAWG,EAAQ,OAAO,OAAO,EAAE,OAAO,QAAA,GAC5C,UAAA,gBAAAH;AAAA,cAACiB;AAAA,cAAA;AAAA,gBACE,OAAM;AAAA,gBACN,YAAY3C,EAAa,SAAS,MAAM;AAAA,gBACxC,UAAU,CAAC4C,MACR1C,EAAqB;AAAA,kBAClB,GAAGF;AAAA,kBACH,UAAU,EAAE,GAAGA,EAAa,UAAU,OAAO,EAAE,GAAGA,EAAa,SAAS,OAAO,WAAW4C,IAAI;AAAA,gBAAE,CAClG;AAAA,gBAEJ,aAAY;AAAA,gBACZ,KAAK;AAAA,gBACL,QAAQ;AAAA,gBACR,MAAK;AAAA,cAAA;AAAA,YAAA,GAEX;AAAA,YACA,gBAAAlB;AAAA,cAACmB;AAAA,cAAA;AAAA,gBACE,MAAM7C;AAAA,gBACN,UAAU,CAAC8C,MACR5C,EAAqB;AAAA,kBAClB,GAAGF;AAAA,kBACH,UAAU,EAAE,GAAGA,EAAa,UAAU,OAAO8C,EAAA;AAAA,gBAAc,CAC7D;AAAA,cAAA;AAAA,YAAA;AAAA,UAEP,GACH;AAAA,UAEFrC,MAAS,KACP,gBAAAiB,EAAC,OAAA,EAAI,WAAWE,EAAU,UACvB,UAAA,gBAAAF,EAACqB,GAAA,EAAqB,MAAM/C,GAAc,aAAAc,GAA0B,UAAUZ,GAAsB,QAAQgB,GAAgB,EAAA,CAC/H;AAAA,QAAA,EAAA,CAEN;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGT;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanItems/PlanItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;~~AAQ7C~~,UAAU,aAAa;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,QAAQ,GAAI,kBAA2B,aAAa,~~4CAkMzD~~,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1	+ {"version":3,"file":"PlanItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanItems/PlanItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAS7C,UAAU,aAAa;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,QAAQ,GAAI,kBAA2B,aAAa,4CAiMzD,CAAC;AAEF,eAAe,QAAQ,CAAC"}