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

@plutonhq/core-frontend 0.1.29 → 0.1.31

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

Files changed (73) hide show

package/dist-lib/components/Plan/PlanSettings/PlanScriptsSettings.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import a from "./PlanSettings.module.scss.js";
-import { useState as S } from "react";
-import u from "../../common/Icon/Icon.js";
-import f from "../../common/form/Toggle/Toggle.js";
-import { secondsToMinutes as O } from "../../../utils/helpers.js";
-import C from "../../common/form/NumberInput/NumberInput.js";
-const g = {
+import { useState as B } from "react";
+import d from "../../common/Icon/Icon.js";
+import N from "../../common/form/Toggle/Toggle.js";
+import { secondsToMinutes as E } from "../../../utils/helpers.js";
+import g from "../../common/form/NumberInput/NumberInput.js";
+const w = {
   onBackupStart: {
     title: "Before Backup Start",
     description: "Scripts that run before the backup starts."
@@ -26,7 +26,7 @@ const g = {
     title: "On Backup Complete",
     description: "Scripts that run when the backup completes."
   }
-}, H = ({
+}, I = ({
   settings: s = {
     onBackupStart: [],
     onBackupEnd: [],
@@ -34,32 +34,38 @@ const g = {
     onBackupFailure: [],
     onBackupComplete: []
   },
-  platform: N,
-  onUpdate: p
+  platform: T = "",
+  onUpdate: u
 }) => {
-  const [m, v] = S(!1), [d, b] = S({
+  const [k, C] = B(!1), [h, f] = B({
     onBackupStart: !1,
     onBackupEnd: !1,
     onBackupError: !1,
     onBackupFailure: !1,
     onBackupComplete: !1
-  });
-  return console.log("settings :", s), console.log("### platform :", N), /* @__PURE__ */ t("div", { className: a.eventTabs, children: Object.entries(g).map(([r, { title: B, description: T }]) => {
-    const k = r, i = s[k] || [], h = d[k];
+  }), O = T.toLowerCase().includes("linux"), S = (c, m, v, p) => {
+    const i = [...s[c] || []];
+    i[m] = {
+      ...i[m],
+      [v]: p
+    }, u({ ...s, [c]: i });
+  };
+  return /* @__PURE__ */ e("div", { className: a.eventTabs, children: Object.entries(w).map(([c, { title: m, description: v }]) => {
+    const p = c, i = s[p] || [], b = h[p];
     return /* @__PURE__ */ n("div", { className: a.eventTab, children: [
       /* @__PURE__ */ n("div", { className: a.eventTabHead, children: [
         /* @__PURE__ */ n("div", { children: [
-          /* @__PURE__ */ n("span", { className: a.eventTabHeadTitle, onClick: () => b({ ...d, [r]: !h }), children: [
-            B,
+          /* @__PURE__ */ n("span", { className: a.eventTabHeadTitle, onClick: () => f({ ...h, [c]: !b }), children: [
+            m,
             " (",
             i.length || 0,
             ")"
           ] }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             "button",
             {
               onClick: () => {
-                const e = {
+                const t = {
                   id: Math.random().toString(36).substring(2, 15),
                   type: "script",
                   enabled: !0,
@@ -67,7 +73,7 @@ const g = {
                   logOutput: !1,
                   abortOnError: !1
                 };
-                d[k] || b({ ...d, [r]: !0 }), p({ ...s, [r]: [...i || [], e] });
+                h[p] || f({ ...h, [c]: !0 }), u({ ...s, [c]: [...i || [], t] });
               },
               className: a.addScriptButton,
               children: "+"
@@ -75,155 +81,137 @@ const g = {
           )
         ] }),
         /* @__PURE__ */ n("div", { children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             "span",
             {
               className: a.eventTabHeadDescription,
               "data-tooltip-id": "hintTooltip",
               "data-tooltip-place": "top",
-              "data-tooltip-content": T,
-              children: /* @__PURE__ */ t(u, { type: "help", size: 13 })
+              "data-tooltip-content": v,
+              children: /* @__PURE__ */ e(d, { type: "help", size: 13 })
             }
           ),
-          /* @__PURE__ */ t("button", { onClick: () => b({ ...d, [r]: !h }), children: /* @__PURE__ */ t(u, { type: h ? "caret-up" : "caret-down", size: 14 }) })
+          /* @__PURE__ */ e("button", { onClick: () => f({ ...h, [c]: !b }), children: /* @__PURE__ */ e(d, { type: b ? "caret-up" : "caret-down", size: 14 }) })
         ] })
       ] }),
-      h && /* @__PURE__ */ n("div", { className: a.eventTabContent, children: [
-        (i == null ? void 0 : i.length) === 0 && /* @__PURE__ */ t("div", { className: a.noScriptsMessage, children: /* @__PURE__ */ t("span", { children: "No scripts configured for this event." }) }),
-        i == null ? void 0 : i.map((e, c) => /* @__PURE__ */ n("div", { className: a.scriptItem, children: [
+      b && /* @__PURE__ */ n("div", { className: a.eventTabContent, children: [
+        (i == null ? void 0 : i.length) === 0 && /* @__PURE__ */ e("div", { className: a.noScriptsMessage, children: /* @__PURE__ */ e("span", { children: "No scripts configured for this event." }) }),
+        i == null ? void 0 : i.map((t, l) => /* @__PURE__ */ n("div", { className: a.scriptItem, children: [
           /* @__PURE__ */ n("div", { className: a.scriptHeader, children: [
             /* @__PURE__ */ n("span", { className: a.scriptTitle, children: [
-              /* @__PURE__ */ t(u, { type: "cli", size: 13 }),
+              /* @__PURE__ */ e(d, { type: "cli", size: 13 }),
               " Script ",
-              c + 1
+              l + 1
             ] }),
             i.length > 1 && /* @__PURE__ */ n("div", { className: a.scriptPositionControls, children: [
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ e(
                 "button",
                 {
                   title: "Move Up",
-                  disabled: c === 0,
+                  disabled: l === 0,
                   onClick: () => {
-                    const l = [...i || []], [o] = l.splice(c, 1);
-                    l.splice(c - 1, 0, o), p({ ...s, [r]: l });
+                    const o = [...i || []], [r] = o.splice(l, 1);
+                    o.splice(l - 1, 0, r), u({ ...s, [c]: o });
                   },
-                  children: /* @__PURE__ */ t(u, { type: "caret-up", size: 14 })
+                  children: /* @__PURE__ */ e(d, { type: "caret-up", size: 14 })
                 }
               ),
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ e(
                 "button",
                 {
                   title: "Move Down",
-                  disabled: c === i.length - 1,
+                  disabled: l === i.length - 1,
                   onClick: () => {
-                    const l = [...i || []], [o] = l.splice(c, 1);
-                    l.splice(c + 1, 0, o), p({ ...s, [r]: l });
+                    const o = [...i || []], [r] = o.splice(l, 1);
+                    o.splice(l + 1, 0, r), u({ ...s, [c]: o });
                   },
-                  children: /* @__PURE__ */ t(u, { type: "caret-down", size: 14 })
+                  children: /* @__PURE__ */ e(d, { type: "caret-down", size: 14 })
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             "input",
             {
               type: "text",
               className: a.scriptPathInput,
-              value: (e == null ? void 0 : e.scriptPath) || "",
+              value: (t == null ? void 0 : t.scriptPath) || "",
               placeholder: "Enter absolute path to script file (e.g. /opt/scripts/pre-backup.sh)",
-              onChange: (l) => {
-                const o = [...i || []];
-                o[c] = {
-                  ...o[c],
-                  scriptPath: l.target.value
-                }, p({ ...s, [r]: o });
+              onChange: (o) => {
+                const r = [...i || []];
+                r[l] = {
+                  ...r[l],
+                  scriptPath: o.target.value
+                }, u({ ...s, [c]: r });
               }
             }
           ),
           /* @__PURE__ */ n("div", { className: a.scriptFooter, children: [
             /* @__PURE__ */ n("div", { className: a.scriptOptions, children: [
               /* @__PURE__ */ n("div", { className: a.scriptOptionCheckbox, children: [
-                /* @__PURE__ */ t(
-                  f,
+                /* @__PURE__ */ e(
+                  N,
                   {
-                    fieldValue: (e == null ? void 0 : e.enabled) || !1,
+                    fieldValue: (t == null ? void 0 : t.enabled) || !1,
                     inline: !0,
-                    onUpdate: (l) => {
-                      const o = [...i || []];
-                      o[c] = {
-                        ...o[c],
-                        enabled: l
-                      }, p({ ...s, [r]: o });
-                    }
+                    onUpdate: (o) => S(p, l, "enabled", o)
                   }
                 ),
-                /* @__PURE__ */ t("span", { children: "Enabled" })
+                /* @__PURE__ */ e("span", { children: "Enabled" })
               ] }),
               /* @__PURE__ */ n("div", { className: a.scriptOptionCheckbox, children: [
-                /* @__PURE__ */ t(
-                  f,
+                /* @__PURE__ */ e(
+                  N,
                   {
-                    fieldValue: (e == null ? void 0 : e.logOutput) || !1,
+                    fieldValue: (t == null ? void 0 : t.abortOnError) || !1,
                     inline: !0,
-                    onUpdate: (l) => {
-                      const o = [...i || []];
-                      o[c] = {
-                        ...o[c],
-                        logOutput: l
-                      }, p({ ...s, [r]: o });
-                    }
+                    onUpdate: (o) => S(p, l, "abortOnError", o)
                   }
                 ),
-                /* @__PURE__ */ t("span", { children: "Log Output" })
+                /* @__PURE__ */ e("span", { children: "Abort on Error" })
               ] }),
-              /* @__PURE__ */ n("div", { className: a.scriptOptionCheckbox, children: [
-                /* @__PURE__ */ t(
-                  f,
+              O && /* @__PURE__ */ n("div", { className: a.scriptOptionCheckbox, children: [
+                /* @__PURE__ */ e(
+                  N,
                   {
-                    fieldValue: (e == null ? void 0 : e.abortOnError) || !1,
+                    fieldValue: (t == null ? void 0 : t.runAsRoot) || !1,
                     inline: !0,
-                    onUpdate: (l) => {
-                      const o = [...i || []];
-                      o[c] = {
-                        ...o[c],
-                        abortOnError: l
-                      }, p({ ...s, [r]: o });
-                    }
+                    onUpdate: (o) => S(p, l, "runAsRoot", o)
                   }
                 ),
-                /* @__PURE__ */ t("span", { children: "Abort on Error" })
+                /* @__PURE__ */ e("span", { children: "Run as Root" })
               ] }),
-              /* @__PURE__ */ t("i", { className: "pipe", children: "|" }),
+              /* @__PURE__ */ e("i", { className: "pipe", children: "|" }),
               /* @__PURE__ */ n(
                 "div",
                 {
                   title: "Timeout Settings",
-                  className: `${a.scriptOptionTimeout} ${e.id === m ? a.hasTimeOutSettings : ""}`,
+                  className: `${a.scriptOptionTimeout} ${t.id === k ? a.hasTimeOutSettings : ""}`,
                   children: [
                     /* @__PURE__ */ n(
                       "button",
                       {
-                        onClick: () => v(e.id === m ? !1 : e.id),
+                        onClick: () => C(t.id === k ? !1 : t.id),
                         className: a.timeoutButton,
                         children: [
-                          /* @__PURE__ */ t(u, { type: "clock", size: 13 }),
+                          /* @__PURE__ */ e(d, { type: "clock", size: 13 }),
                           " ",
-                          (e == null ? void 0 : e.timeout) && O(e.timeout) || "Off"
+                          (t == null ? void 0 : t.timeout) && E(t.timeout) || "Off"
                         ]
                       }
                     ),
-                    m === e.id && /* @__PURE__ */ t("div", { className: a.timeoutSettings, children: /* @__PURE__ */ t(
-                      C,
+                    k === t.id && /* @__PURE__ */ e("div", { className: a.timeoutSettings, children: /* @__PURE__ */ e(
+                      g,
                       {
                         label: "Timeout (seconds)",
                         inline: !0,
-                        fieldValue: (e == null ? void 0 : e.timeout) || 0,
-                        onUpdate: (l) => {
-                          const o = [...i || []];
-                          o[c] = {
-                            ...o[c],
-                            timeout: l
-                          }, p({ ...s, [r]: o });
+                        fieldValue: (t == null ? void 0 : t.timeout) || 0,
+                        onUpdate: (o) => {
+                          const r = [...i || []];
+                          r[l] = {
+                            ...r[l],
+                            timeout: o
+                          }, u({ ...s, [c]: r });
                         },
                         min: 0,
                         max: 3600
@@ -233,24 +221,24 @@ const g = {
                 }
               )
             ] }),
-            /* @__PURE__ */ t("div", { className: a.scriptRemove, children: /* @__PURE__ */ t(
+            /* @__PURE__ */ e("div", { className: a.scriptRemove, children: /* @__PURE__ */ e(
               "button",
               {
                 className: a.removeScriptButton,
                 onClick: () => {
-                  const l = [...i || []];
-                  l.splice(c, 1), p({ ...s, [r]: l });
+                  const o = [...i || []];
+                  o.splice(l, 1), u({ ...s, [c]: o });
                 },
-                children: /* @__PURE__ */ t(u, { type: "trash", size: 18 })
+                children: /* @__PURE__ */ e(d, { type: "trash", size: 18 })
               }
             ) })
           ] })
-        ] }, e.id))
+        ] }, t.id))
       ] })
-    ] }, r);
+    ] }, c);
   }) });
 };
 export {
-  H as default
+  I as default
 };
 //# sourceMappingURL=PlanScriptsSettings.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanScriptsSettings.js","sources":["../../../../src/components/Plan/PlanSettings/PlanScriptsSettings.tsx"],"sourcesContent":["import classes from './PlanSettings.module.scss';\r\nimport { useState } from 'react';\r\nimport { NewPlanSettings } from '../../../@types/plans';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport Toggle from '../../common/form/Toggle/Toggle';\r\nimport { secondsToMinutes } from '../../../utils/helpers';\r\nimport NumberInput from '../../common/form/NumberInput/NumberInput';\r\n\r\ninterface PlanScriptsSettingsProps {\r\n settings: NewPlanSettings['settings']['scripts'];\r\n onUpdate: (settings: NewPlanSettings['settings']['scripts']) => void;\r\n platform?: string;\r\n}\r\n\r\ntype ScriptEventKey = 'onBackupStart' \| 'onBackupEnd' \| 'onBackupError' \| 'onBackupFailure' \| 'onBackupComplete';\r\n\r\nconst scriptEvents: Record<ScriptEventKey, { title: string; description: string }> = {\r\n onBackupStart: {\r\n title: 'Before Backup Start',\r\n description: 'Scripts that run before the backup starts.',\r\n },\r\n onBackupEnd: {\r\n title: 'After Backup End',\r\n description: 'Scripts that run after the backup ends.',\r\n },\r\n onBackupError: {\r\n title: 'On Backup Error',\r\n description: 'Scripts that run when there is a backup error.',\r\n },\r\n onBackupFailure: {\r\n title: 'On Backup Failure',\r\n description: 'Scripts that run when the backup fails.',\r\n },\r\n onBackupComplete: {\r\n title: 'On Backup Complete',\r\n description: 'Scripts that run when the backup completes.',\r\n },\r\n};\r\n\r\nconst PlanScriptsSettings = ({\r\n settings = {\r\n onBackupStart: [],\r\n onBackupEnd: [],\r\n onBackupError: [],\r\n onBackupFailure: [],\r\n onBackupComplete: [],\r\n },\r\n platform,\r\n onUpdate,\r\n}: PlanScriptsSettingsProps) => {\r\n const [showTimeoutSettings, setShowTimeoutSettings] = useState<string \| false>(false);\r\n const [activeTabs, setActiveTabs] = useState({\r\n onBackupStart: false,\r\n onBackupEnd: false,\r\n onBackupError: false,\r\n onBackupFailure: false,\r\n onBackupComplete: false,\r\n });\r\n console.log('settings :', settings);\r\n console.log('### platform :', platform);\r\n\r\n return (\r\n <div className={classes.eventTabs}>\r\n {Object.entries(scriptEvents).map(([eventKey, { title, description }]) => {\r\n const key = eventKey as ScriptEventKey;\r\n const scripts = settings[key] \|\| [];\r\n const isActive = activeTabs[key];\r\n return (\r\n <div className={classes.eventTab} key={eventKey}>\r\n <div className={classes.eventTabHead}>\r\n <div>\r\n <span className={classes.eventTabHeadTitle} onClick={() => setActiveTabs({ ...activeTabs, [eventKey]: !isActive })}>\r\n {title} ({scripts.length \|\| 0})\r\n </span>\r\n <button\r\n onClick={() => {\r\n const newScript = {\r\n id: Math.random().toString(36).substring(2, 15),\r\n type: 'script',\r\n enabled: true,\r\n scriptPath: '',\r\n logOutput: false,\r\n abortOnError: false,\r\n };\r\n if (!activeTabs[key]) {\r\n setActiveTabs({ ...activeTabs, [eventKey]: true });\r\n }\r\n onUpdate({ ...settings, [eventKey]: [...(scripts \|\| []), newScript] });\r\n }}\r\n className={classes.addScriptButton}\r\n >\r\n +\r\n </button>\r\n </div>\r\n <div>\r\n <span\r\n className={classes.eventTabHeadDescription}\r\n data-tooltip-id=\"hintTooltip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-content={description}\r\n >\r\n <Icon type=\"help\" size={13} />\r\n </span>\r\n\r\n <button onClick={() => setActiveTabs({ ...activeTabs, [eventKey]: !isActive })}>\r\n <Icon type={isActive ? 'caret-up' : 'caret-down'} size={14} />\r\n </button>\r\n </div>\r\n </div>\r\n {isActive && (\r\n <div className={classes.eventTabContent}>\r\n {scripts?.length === 0 && (\r\n <div className={classes.noScriptsMessage}>\r\n <span>No scripts configured for this event.</span>\r\n </div>\r\n )}\r\n {scripts?.map((script, index) => (\r\n <div key={script.id} className={classes.scriptItem}>\r\n <div className={classes.scriptHeader}>\r\n <span className={classes.scriptTitle}>\r\n <Icon type=\"cli\" size={13} /> Script {index + 1}\r\n </span>\r\n {scripts.length > 1 && (\r\n <div className={classes.scriptPositionControls}>\r\n <button\r\n title=\"Move Up\"\r\n disabled={index === 0}\r\n onClick={() => {\r\n const updatedScripts = [...(scripts \|\| [])];\r\n const [movedScript] = updatedScripts.splice(index, 1);\r\n updatedScripts.splice(index - 1, 0, movedScript);\r\n onUpdate({ ...settings, [eventKey]: updatedScripts });\r\n }}\r\n >\r\n <Icon type={'caret-up'} size={14} />\r\n </button>\r\n <button\r\n title=\"Move Down\"\r\n disabled={index === scripts.length - 1}\r\n onClick={() => {\r\n const updatedScripts = [...(scripts \|\| [])];\r\n const [movedScript] = updatedScripts.splice(index, 1);\r\n updatedScripts.splice(index + 1, 0, movedScript);\r\n onUpdate({ ...settings, [eventKey]: updatedScripts });\r\n }}\r\n >\r\n <Icon type={'caret-down'} size={14} />\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n\r\n <input\r\n type=\"text\"\r\n className={classes.scriptPathInput}\r\n value={script?.scriptPath \|\| ''}\r\n placeholder=\"Enter absolute path to script file (e.g. /opt/scripts/pre-backup.sh)\"\r\n onChange={(e) => {\r\n const updatedScripts = [...(scripts \|\| [])];\r\n updatedScripts[index] = {\r\n ...updatedScripts[index],\r\n scriptPath: e.target.value,\r\n };\r\n onUpdate({ ...settings, [eventKey]: updatedScripts });\r\n }}\r\n />\r\n <div className={classes.scriptFooter}>\r\n <div className={classes.scriptOptions}>\r\n <div className={classes.scriptOptionCheckbox}>\r\n <Toggle\r\n // label=\"Enabled\"\r\n fieldValue={script?.enabled \|\| false}\r\n inline={true}\r\n onUpdate={(checked: boolean) => {\r\n const updatedScripts = [...(scripts \|\| [])];\r\n updatedScripts[index] = {\r\n ...updatedScripts[index],\r\n enabled: checked,\r\n };\r\n onUpdate({ ...settings, [eventKey]: updatedScripts });\r\n }}\r\n />\r\n <span>Enabled</span>\r\n </div>\r\n <div className={classes.scriptOptionCheckbox}>\r\n <Toggle\r\n fieldValue={script?.logOutput \|\| false}\r\n inline={true}\r\n onUpdate={(checked: boolean) => {\r\n const updatedScripts = [...(scripts \|\| [])];\r\n updatedScripts[index] = {\r\n ...updatedScripts[index],\r\n logOutput: checked,\r\n };\r\n onUpdate({ ...settings, [eventKey]: updatedScripts });\r\n }}\r\n />\r\n <span>Log Output</span>\r\n </div>\r\n <div className={classes.scriptOptionCheckbox}>\r\n <Toggle\r\n // label=\"Abort On Error\"\r\n fieldValue={script?.abortOnError \|\| false}\r\n inline={true}\r\n onUpdate={(checked: boolean) => {\r\n const updatedScripts = [...(scripts \|\| [])];\r\n updatedScripts[index] = {\r\n ...updatedScripts[index],\r\n abortOnError: checked,\r\n };\r\n onUpdate({ ...settings, [eventKey]: updatedScripts });\r\n }}\r\n />\r\n <span>Abort on Error</span>\r\n </div>\r\n <i className=\"pipe\">\|</i>\r\n <div\r\n title=\"Timeout Settings\"\r\n className={`${classes.scriptOptionTimeout} ${script.id === showTimeoutSettings ? classes.hasTimeOutSettings : ''}`}\r\n >\r\n <button\r\n onClick={() => setShowTimeoutSettings(script.id === showTimeoutSettings ? false : script.id)}\r\n className={classes.timeoutButton}\r\n >\r\n <Icon type=\"clock\" size={13} /> {(script?.timeout && secondsToMinutes(script.timeout)) \|\| 'Off'}\r\n </button>\r\n {showTimeoutSettings === script.id && (\r\n <div className={classes.timeoutSettings}>\r\n <NumberInput\r\n label=\"Timeout (seconds)\"\r\n inline={true}\r\n fieldValue={script?.timeout \|\| 0}\r\n onUpdate={(value) => {\r\n const updatedScripts = [...(scripts \|\| [])];\r\n updatedScripts[index] = {\r\n ...updatedScripts[index],\r\n timeout: value,\r\n };\r\n onUpdate({ ...settings, [eventKey]: updatedScripts });\r\n }}\r\n min={0}\r\n max={3600} // 1 hour\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n <div className={classes.scriptRemove}>\r\n <button\r\n className={classes.removeScriptButton}\r\n onClick={() => {\r\n const updatedScripts = [...(scripts \|\| [])];\r\n updatedScripts.splice(index, 1);\r\n onUpdate({ ...settings, [eventKey]: updatedScripts });\r\n }}\r\n >\r\n <Icon type=\"trash\" size={18} />\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\nexport default PlanScriptsSettings;\r\n"],"names":["scriptEvents","PlanScriptsSettings","settings","platform","onUpdate","showTimeoutSettings","setShowTimeoutSettings","useState","activeTabs","setActiveTabs","classes","eventKey","title","description","key","scripts","isActive","jsxs","jsx","newScript","Icon","script","index","updatedScripts","movedScript","e","Toggle","checked","secondsToMinutes","NumberInput","value"],"mappings":"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"}
1	+ {"version":3,"file":"PlanScriptsSettings.js","sources":["../../../../src/components/Plan/PlanSettings/PlanScriptsSettings.tsx"],"sourcesContent":["import classes from './PlanSettings.module.scss';\r\nimport { useState } from 'react';\r\nimport { NewPlanSettings, PlanScript } from '../../../@types/plans';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport Toggle from '../../common/form/Toggle/Toggle';\r\nimport { secondsToMinutes } from '../../../utils/helpers';\r\nimport NumberInput from '../../common/form/NumberInput/NumberInput';\r\n\r\ninterface PlanScriptsSettingsProps {\r\n settings: NewPlanSettings['settings']['scripts'];\r\n onUpdate: (settings: NewPlanSettings['settings']['scripts']) => void;\r\n platform?: string;\r\n}\r\n\r\ntype ScriptEventKey = 'onBackupStart' \| 'onBackupEnd' \| 'onBackupError' \| 'onBackupFailure' \| 'onBackupComplete';\r\n\r\nconst scriptEvents: Record<ScriptEventKey, { title: string; description: string }> = {\r\n onBackupStart: {\r\n title: 'Before Backup Start',\r\n description: 'Scripts that run before the backup starts.',\r\n },\r\n onBackupEnd: {\r\n title: 'After Backup End',\r\n description: 'Scripts that run after the backup ends.',\r\n },\r\n onBackupError: {\r\n title: 'On Backup Error',\r\n description: 'Scripts that run when there is a backup error.',\r\n },\r\n onBackupFailure: {\r\n title: 'On Backup Failure',\r\n description: 'Scripts that run when the backup fails.',\r\n },\r\n onBackupComplete: {\r\n title: 'On Backup Complete',\r\n description: 'Scripts that run when the backup completes.',\r\n },\r\n};\r\n\r\nconst PlanScriptsSettings = ({\r\n settings = {\r\n onBackupStart: [],\r\n onBackupEnd: [],\r\n onBackupError: [],\r\n onBackupFailure: [],\r\n onBackupComplete: [],\r\n },\r\n platform = '',\r\n onUpdate,\r\n}: PlanScriptsSettingsProps) => {\r\n const [showTimeoutSettings, setShowTimeoutSettings] = useState<string \| false>(false);\r\n const [activeTabs, setActiveTabs] = useState({\r\n onBackupStart: false,\r\n onBackupEnd: false,\r\n onBackupError: false,\r\n onBackupFailure: false,\r\n onBackupComplete: false,\r\n });\r\n\r\n const showRootOption = platform.toLowerCase().includes('linux');\r\n // const showRootOption = true;\r\n\r\n const updateScriptBool = (eventKey: ScriptEventKey, index: number, key: keyof PlanScript, value: boolean) => {\r\n const updatedScripts = [...(settings[eventKey] \|\| [])];\r\n updatedScripts[index] = {\r\n ...updatedScripts[index],\r\n [key]: value,\r\n };\r\n onUpdate({ ...settings, [eventKey]: updatedScripts });\r\n };\r\n\r\n return (\r\n <div className={classes.eventTabs}>\r\n {Object.entries(scriptEvents).map(([eventKey, { title, description }]) => {\r\n const key = eventKey as ScriptEventKey;\r\n const scripts = settings[key] \|\| [];\r\n const isActive = activeTabs[key];\r\n return (\r\n <div className={classes.eventTab} key={eventKey}>\r\n <div className={classes.eventTabHead}>\r\n <div>\r\n <span className={classes.eventTabHeadTitle} onClick={() => setActiveTabs({ ...activeTabs, [eventKey]: !isActive })}>\r\n {title} ({scripts.length \|\| 0})\r\n </span>\r\n <button\r\n onClick={() => {\r\n const newScript = {\r\n id: Math.random().toString(36).substring(2, 15),\r\n type: 'script',\r\n enabled: true,\r\n scriptPath: '',\r\n logOutput: false,\r\n abortOnError: false,\r\n };\r\n if (!activeTabs[key]) {\r\n setActiveTabs({ ...activeTabs, [eventKey]: true });\r\n }\r\n onUpdate({ ...settings, [eventKey]: [...(scripts \|\| []), newScript] });\r\n }}\r\n className={classes.addScriptButton}\r\n >\r\n +\r\n </button>\r\n </div>\r\n <div>\r\n <span\r\n className={classes.eventTabHeadDescription}\r\n data-tooltip-id=\"hintTooltip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-content={description}\r\n >\r\n <Icon type=\"help\" size={13} />\r\n </span>\r\n\r\n <button onClick={() => setActiveTabs({ ...activeTabs, [eventKey]: !isActive })}>\r\n <Icon type={isActive ? 'caret-up' : 'caret-down'} size={14} />\r\n </button>\r\n </div>\r\n </div>\r\n {isActive && (\r\n <div className={classes.eventTabContent}>\r\n {scripts?.length === 0 && (\r\n <div className={classes.noScriptsMessage}>\r\n <span>No scripts configured for this event.</span>\r\n </div>\r\n )}\r\n {scripts?.map((script, index) => (\r\n <div key={script.id} className={classes.scriptItem}>\r\n <div className={classes.scriptHeader}>\r\n <span className={classes.scriptTitle}>\r\n <Icon type=\"cli\" size={13} /> Script {index + 1}\r\n </span>\r\n {scripts.length > 1 && (\r\n <div className={classes.scriptPositionControls}>\r\n <button\r\n title=\"Move Up\"\r\n disabled={index === 0}\r\n onClick={() => {\r\n const updatedScripts = [...(scripts \|\| [])];\r\n const [movedScript] = updatedScripts.splice(index, 1);\r\n updatedScripts.splice(index - 1, 0, movedScript);\r\n onUpdate({ ...settings, [eventKey]: updatedScripts });\r\n }}\r\n >\r\n <Icon type={'caret-up'} size={14} />\r\n </button>\r\n <button\r\n title=\"Move Down\"\r\n disabled={index === scripts.length - 1}\r\n onClick={() => {\r\n const updatedScripts = [...(scripts \|\| [])];\r\n const [movedScript] = updatedScripts.splice(index, 1);\r\n updatedScripts.splice(index + 1, 0, movedScript);\r\n onUpdate({ ...settings, [eventKey]: updatedScripts });\r\n }}\r\n >\r\n <Icon type={'caret-down'} size={14} />\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n\r\n <input\r\n type=\"text\"\r\n className={classes.scriptPathInput}\r\n value={script?.scriptPath \|\| ''}\r\n placeholder=\"Enter absolute path to script file (e.g. /opt/scripts/pre-backup.sh)\"\r\n onChange={(e) => {\r\n const updatedScripts = [...(scripts \|\| [])];\r\n updatedScripts[index] = {\r\n ...updatedScripts[index],\r\n scriptPath: e.target.value,\r\n };\r\n onUpdate({ ...settings, [eventKey]: updatedScripts });\r\n }}\r\n />\r\n <div className={classes.scriptFooter}>\r\n <div className={classes.scriptOptions}>\r\n <div className={classes.scriptOptionCheckbox}>\r\n <Toggle\r\n // label=\"Enabled\"\r\n fieldValue={script?.enabled \|\| false}\r\n inline={true}\r\n onUpdate={(checked: boolean) => updateScriptBool(key, index, 'enabled', checked)}\r\n />\r\n <span>Enabled</span>\r\n </div>\r\n {/* <div className={classes.scriptOptionCheckbox}>\r\n <Toggle\r\n fieldValue={script?.logOutput \|\| false}\r\n inline={true}\r\n onUpdate={(checked: boolean) => updateScriptBool(key, index, 'logOutput', checked)}\r\n />\r\n <span>Log Output</span>\r\n </div> */}\r\n <div className={classes.scriptOptionCheckbox}>\r\n <Toggle\r\n fieldValue={script?.abortOnError \|\| false}\r\n inline={true}\r\n onUpdate={(checked: boolean) => updateScriptBool(key, index, 'abortOnError', checked)}\r\n />\r\n <span>Abort on Error</span>\r\n </div>\r\n {showRootOption && (\r\n <div className={classes.scriptOptionCheckbox}>\r\n <Toggle\r\n fieldValue={script?.runAsRoot \|\| false}\r\n inline={true}\r\n onUpdate={(checked: boolean) => updateScriptBool(key, index, 'runAsRoot', checked)}\r\n />\r\n <span>Run as Root</span>\r\n </div>\r\n )}\r\n <i className=\"pipe\">\|</i>\r\n <div\r\n title=\"Timeout Settings\"\r\n className={`${classes.scriptOptionTimeout} ${script.id === showTimeoutSettings ? classes.hasTimeOutSettings : ''}`}\r\n >\r\n <button\r\n onClick={() => setShowTimeoutSettings(script.id === showTimeoutSettings ? false : script.id)}\r\n className={classes.timeoutButton}\r\n >\r\n <Icon type=\"clock\" size={13} /> {(script?.timeout && secondsToMinutes(script.timeout)) \|\| 'Off'}\r\n </button>\r\n {showTimeoutSettings === script.id && (\r\n <div className={classes.timeoutSettings}>\r\n <NumberInput\r\n label=\"Timeout (seconds)\"\r\n inline={true}\r\n fieldValue={script?.timeout \|\| 0}\r\n onUpdate={(value) => {\r\n const updatedScripts = [...(scripts \|\| [])];\r\n updatedScripts[index] = {\r\n ...updatedScripts[index],\r\n timeout: value,\r\n };\r\n onUpdate({ ...settings, [eventKey]: updatedScripts });\r\n }}\r\n min={0}\r\n max={3600} // 1 hour\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n <div className={classes.scriptRemove}>\r\n <button\r\n className={classes.removeScriptButton}\r\n onClick={() => {\r\n const updatedScripts = [...(scripts \|\| [])];\r\n updatedScripts.splice(index, 1);\r\n onUpdate({ ...settings, [eventKey]: updatedScripts });\r\n }}\r\n >\r\n <Icon type=\"trash\" size={18} />\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\nexport default PlanScriptsSettings;\r\n"],"names":["scriptEvents","PlanScriptsSettings","settings","platform","onUpdate","showTimeoutSettings","setShowTimeoutSettings","useState","activeTabs","setActiveTabs","showRootOption","updateScriptBool","eventKey","index","key","value","updatedScripts","classes","title","description","scripts","isActive","jsxs","jsx","newScript","Icon","script","movedScript","e","Toggle","checked","secondsToMinutes","NumberInput"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanSourceSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanSettings/PlanSourceSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAKxD,UAAU,uBAAuB;IAC9B,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,kBAAkB,GAAI,sCAAsC,uBAAuB,~~4CAqDxF~~,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1	+ {"version":3,"file":"PlanSourceSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanSettings/PlanSourceSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAKxD,UAAU,uBAAuB;IAC9B,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,kBAAkB,GAAI,sCAAsC,uBAAuB,4CA6DxF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist-lib/components/Plan/PlanSettings/PlanSourceSettings.js CHANGED Viewed

@@ -1,57 +1,63 @@
-import { jsxs as m, Fragment as d, jsx as l } from "react/jsx-runtime";
-import { useEffect as n } from "react";
+import { jsxs as n, Fragment as d, jsx as l } from "react/jsx-runtime";
+import { useRef as f, useEffect as h } from "react";
 import o from "./PlanSettings.module.scss.js";
-import f from "../../common/PathPicker/PathPicker.js";
-import { useGetDevices as h } from "../../../services/devices.js";
-import p from "../../common/form/Select/Select.js";
-const v = ({ plan: e, onUpdate: i, error: t, isEditing: r }) => {
-  const { data: c } = h(), a = [], u = e.sourceId || "main";
-  return c != null && c.success && c.result && a.push(
-    ...c.result.map((s) => ({
+import p from "../../common/PathPicker/PathPicker.js";
+import { useGetDevices as b } from "../../../services/devices.js";
+import v from "../../common/form/Select/Select.js";
+const D = ({ plan: e, onUpdate: t, error: m, isEditing: u }) => {
+  const { data: r } = b(), a = [], c = e.sourceId || "main";
+  r != null && r.success && r.result && a.push(
+    ...r.result.map((s) => ({
       label: `${s.name} ${s.id === "main" ? "(Main)" : ""}`,
       value: s.id,
       icon: s.id === "main" ? "computer" : "computer-remote"
       // disabled: device.id === 'main' || device.connected ? false : true,
     }))
-  ), n(() => {
-    r || i({
+  );
+  const i = f(null);
+  return h(() => {
+    if (u) {
+      i.current = c;
+      return;
+    }
+    i.current !== null && i.current !== c && t({
       ...e,
       sourceConfig: {
         includes: [],
         excludes: []
       }
-    });
-  }, [r, u]), /* @__PURE__ */ m(d, { children: [
-    /* @__PURE__ */ m("div", { className: o.field, children: [
+    }), i.current = c;
+  }, [u, c]), /* @__PURE__ */ n(d, { children: [
+    /* @__PURE__ */ n("div", { className: o.field, children: [
       /* @__PURE__ */ l("label", { className: o.label, children: "Select Device*" }),
       /* @__PURE__ */ l(
-        p,
+        v,
         {
           options: a,
-          fieldValue: u,
-          disabled: r,
+          fieldValue: c,
+          disabled: u,
           full: !0,
-          onUpdate: (s) => i({ ...e, sourceId: s })
+          onUpdate: (s) => t({ ...e, sourceId: s })
         }
       )
     ] }),
-    /* @__PURE__ */ m("div", { className: o.field, children: [
+    /* @__PURE__ */ n("div", { className: o.field, children: [
       /* @__PURE__ */ l("label", { className: o.label, children: "Backup Sources*" }),
-      t && /* @__PURE__ */ l("span", { className: o.fieldErrorLabel, children: t }),
+      m && /* @__PURE__ */ l("span", { className: o.fieldErrorLabel, children: m }),
       /* @__PURE__ */ l(
-        f,
+        p,
         {
           paths: { includes: e.sourceConfig.includes, excludes: e.sourceConfig.excludes },
-          onUpdate: (s) => i({ ...e, sourceConfig: { ...s } }),
-          deviceId: u,
+          onUpdate: (s) => t({ ...e, sourceConfig: { ...s } }),
+          deviceId: c,
           single: e.method === "sync",
-          disallowChange: e.method === "sync" && r
+          disallowChange: e.method === "sync" && u
         }
       )
     ] })
   ] });
 };
 export {
-  v as default
+  D as default
 };
 //# sourceMappingURL=PlanSourceSettings.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlanSourceSettings.js","sources":["../../../../src/components/Plan/PlanSettings/PlanSourceSettings.tsx"],"sourcesContent":["import { useEffect } from 'react';\r\nimport classes from './PlanSettings.module.scss';\r\nimport PathPicker from '../../common/PathPicker/PathPicker';\r\nimport { NewPlanSettings } from '../../../@types/plans';\r\nimport { useGetDevices } from '../../../services/devices';\r\nimport Select from '../../common/form/Select/Select';\r\nimport { Device } from '../../../@types/devices';\r\n\r\ninterface PlanSourceSettingsProps {\r\n plan: NewPlanSettings;\r\n isEditing: boolean;\r\n onUpdate: (plan: NewPlanSettings) => void;\r\n error: string;\r\n}\r\n\r\nconst PlanSourceSettings = ({ plan, onUpdate, error, isEditing }: PlanSourceSettingsProps) => {\r\n const { data } = useGetDevices();\r\n const deviceList = [];\r\n const deviceId = plan.sourceId \|\| 'main';\r\n if (data?.success && data.result) {\r\n deviceList.push(\r\n ...data.result.map((device: Device) => ({\r\n label: `${device.name} ${device.id === 'main' ? '(Main)' : ''}`,\r\n value: device.id,\r\n icon: device.id === 'main' ? 'computer' : 'computer-remote',\r\n // disabled: device.id === 'main' \|\| device.connected ? false : true,\r\n })),\r\n );\r\n }\r\n\r\n // When the device changes, reset the sourceConfig paths to prevent invalid paths from being submitted\r\n useEffect(() => {\r\n if (!isEditing) {\r\n onUpdate({\r\n ...plan,\r\n sourceConfig: {\r\n includes: [],\r\n excludes: [],\r\n },\r\n });\r\n }\r\n }, [isEditing, deviceId]);\r\n\r\n return (\r\n <>\r\n <div className={classes.field}>\r\n <label className={classes.label}>Select Device</label>\r\n <Select\r\n options={deviceList}\r\n fieldValue={deviceId}\r\n disabled={isEditing}\r\n full={true}\r\n onUpdate={(val) => onUpdate({ ...plan, sourceId: val })}\r\n />\r\n </div>\r\n <div className={classes.field}>\r\n <label className={classes.label}>Backup Sources</label>\r\n {error && <span className={classes.fieldErrorLabel}>{error}</span>}\r\n <PathPicker\r\n paths={{ includes: plan.sourceConfig.includes, excludes: plan.sourceConfig.excludes }}\r\n onUpdate={(paths) => onUpdate({ ...plan, sourceConfig: { ...paths } })}\r\n deviceId={deviceId}\r\n single={plan.method === 'sync'}\r\n disallowChange={plan.method === 'sync' && isEditing}\r\n />\r\n </div>\r\n </>\r\n );\r\n};\r\n\r\nexport default PlanSourceSettings;\r\n"],"names":["PlanSourceSettings","plan","onUpdate","error","isEditing","data","useGetDevices","deviceList","deviceId","device","useEffect","jsxs","Fragment","classes","jsx","Select","val","PathPicker","paths"],"mappings":";;;;;;AAeA,MAAMA,IAAqB,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,OAAAC,GAAO,WAAAC,QAAyC;AAC3F,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACXC,IAAa,CAAA,GACbC,IAAWP,EAAK,YAAY;AAClC,~~SAAII~~,KAAA,QAAAA,EAAM,WAAWA,EAAK,UACvBE,EAAW;AAAA,IACR,GAAGF,EAAK,OAAO,IAAI,CAACI,OAAoB;AAAA,MACrC,OAAO,GAAGA,EAAO,IAAI,IAAIA,EAAO,OAAO,SAAS,WAAW,EAAE;AAAA,MAC7D,OAAOA,EAAO;AAAA,MACd,MAAMA,EAAO,OAAO,SAAS,aAAa;AAAA;AAAA,IAAA,EAE3C;AAAA,EAAA,~~GAKRC~~,EAAU,MAAM;AACb,~~IAAKN~~,~~KACFF~~,EAAS;AAAA,MACN,GAAGD;AAAA,MACH,cAAc;AAAA,QACX,UAAU,CAAA;AAAA,QACV,UAAU,CAAA;AAAA,MAAC;AAAA,IACd,CACF;AAAA,~~EAEP~~,GAAG,~~CAACG~~,GAAWI,CAAQ,CAAC,GAGrB,~~gBAAAG~~,EAAAC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWE,EAAQ,OACrB,UAAA;AAAA,MAAA,gBAAAC,EAAC,SAAA,EAAM,WAAWD,EAAQ,OAAO,UAAA,kBAAc;AAAA,MAC/C,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,~~SAASR~~;AAAA,UACT,YAAYC;AAAA,UACZ,UAAUJ;AAAA,UACV,MAAM;AAAA,UACN,UAAU,~~CAACY~~,~~MAAQd~~,EAAS,EAAE,GAAGD,GAAM,~~UAAUe~~,EAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACzD,GACH;AAAA,IACA,gBAAAL,EAAC,OAAA,EAAI,WAAWE,EAAQ,OACrB,UAAA;AAAA,MAAA,gBAAAC,EAAC,SAAA,EAAM,WAAWD,EAAQ,OAAO,UAAA,mBAAe;AAAA,MAC/CV,KAAS,~~gBAAAW~~,EAAC,QAAA,EAAK,WAAWD,EAAQ,iBAAkB,~~UAAAV~~,GAAM;AAAA,MAC3D,~~gBAAAW~~;AAAA,QAACG;AAAA,QAAA;AAAA,UACE,OAAO,EAAE,~~UAAUhB~~,EAAK,aAAa,UAAU,UAAUA,EAAK,aAAa,SAAA;AAAA,UAC3E,UAAU,~~CAACiB~~,~~MAAUhB~~,EAAS,EAAE,GAAGD,GAAM,cAAc,EAAE,~~GAAGiB~~,EAAA,GAAS;AAAA,UACrE,~~UAAAV~~;AAAA,UACA,QAAQP,EAAK,WAAW;AAAA,UACxB,gBAAgBA,EAAK,WAAW,UAAUG;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7C,EAAA,CACH;AAAA,EAAA,GACH;AAEN;"}
1	+ {"version":3,"file":"PlanSourceSettings.js","sources":["../../../../src/components/Plan/PlanSettings/PlanSourceSettings.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\r\nimport classes from './PlanSettings.module.scss';\r\nimport PathPicker from '../../common/PathPicker/PathPicker';\r\nimport { NewPlanSettings } from '../../../@types/plans';\r\nimport { useGetDevices } from '../../../services/devices';\r\nimport Select from '../../common/form/Select/Select';\r\nimport { Device } from '../../../@types/devices';\r\n\r\ninterface PlanSourceSettingsProps {\r\n plan: NewPlanSettings;\r\n isEditing: boolean;\r\n onUpdate: (plan: NewPlanSettings) => void;\r\n error: string;\r\n}\r\n\r\nconst PlanSourceSettings = ({ plan, onUpdate, error, isEditing }: PlanSourceSettingsProps) => {\r\n const { data } = useGetDevices();\r\n const deviceList = [];\r\n const deviceId = plan.sourceId \|\| 'main';\r\n if (data?.success && data.result) {\r\n deviceList.push(\r\n ...data.result.map((device: Device) => ({\r\n label: `${device.name} ${device.id === 'main' ? '(Main)' : ''}`,\r\n value: device.id,\r\n icon: device.id === 'main' ? 'computer' : 'computer-remote',\r\n // disabled: device.id === 'main' \|\| device.connected ? false : true,\r\n })),\r\n );\r\n }\r\n\r\n // When the device changes, reset the sourceConfig paths to prevent invalid paths from being submitted.\r\n // Use a ref to track the previous deviceId so we only reset on an actual change (not on mount/remount,\r\n // e.g. when navigating between steps in the Add Plan form).\r\n const prevDeviceIdRef = useRef<string \| null>(null);\r\n useEffect(() => {\r\n if (isEditing) {\r\n prevDeviceIdRef.current = deviceId;\r\n return;\r\n }\r\n if (prevDeviceIdRef.current !== null && prevDeviceIdRef.current !== deviceId) {\r\n onUpdate({\r\n ...plan,\r\n sourceConfig: {\r\n includes: [],\r\n excludes: [],\r\n },\r\n });\r\n }\r\n prevDeviceIdRef.current = deviceId;\r\n }, [isEditing, deviceId]);\r\n\r\n return (\r\n <>\r\n <div className={classes.field}>\r\n <label className={classes.label}>Select Device</label>\r\n <Select\r\n options={deviceList}\r\n fieldValue={deviceId}\r\n disabled={isEditing}\r\n full={true}\r\n onUpdate={(val) => onUpdate({ ...plan, sourceId: val })}\r\n />\r\n </div>\r\n <div className={classes.field}>\r\n <label className={classes.label}>Backup Sources</label>\r\n {error && <span className={classes.fieldErrorLabel}>{error}</span>}\r\n <PathPicker\r\n paths={{ includes: plan.sourceConfig.includes, excludes: plan.sourceConfig.excludes }}\r\n onUpdate={(paths) => onUpdate({ ...plan, sourceConfig: { ...paths } })}\r\n deviceId={deviceId}\r\n single={plan.method === 'sync'}\r\n disallowChange={plan.method === 'sync' && isEditing}\r\n />\r\n </div>\r\n </>\r\n );\r\n};\r\n\r\nexport default PlanSourceSettings;\r\n"],"names":["PlanSourceSettings","plan","onUpdate","error","isEditing","data","useGetDevices","deviceList","deviceId","device","prevDeviceIdRef","useRef","useEffect","jsxs","Fragment","classes","jsx","Select","val","PathPicker","paths"],"mappings":";;;;;;AAeA,MAAMA,IAAqB,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,OAAAC,GAAO,WAAAC,QAAyC;AAC3F,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACXC,IAAa,CAAA,GACbC,IAAWP,EAAK,YAAY;AAClC,EAAII,KAAA,QAAAA,EAAM,WAAWA,EAAK,UACvBE,EAAW;AAAA,IACR,GAAGF,EAAK,OAAO,IAAI,CAACI,OAAoB;AAAA,MACrC,OAAO,GAAGA,EAAO,IAAI,IAAIA,EAAO,OAAO,SAAS,WAAW,EAAE;AAAA,MAC7D,OAAOA,EAAO;AAAA,MACd,MAAMA,EAAO,OAAO,SAAS,aAAa;AAAA;AAAA,IAAA,EAE3C;AAAA,EAAA;AAOR,QAAMC,IAAkBC,EAAsB,IAAI;AAClD,SAAAC,EAAU,MAAM;AACb,QAAIR,GAAW;AACZ,MAAAM,EAAgB,UAAUF;AAC1B;AAAA,IACH;AACA,IAAIE,EAAgB,YAAY,QAAQA,EAAgB,YAAYF,KACjEN,EAAS;AAAA,MACN,GAAGD;AAAA,MACH,cAAc;AAAA,QACX,UAAU,CAAA;AAAA,QACV,UAAU,CAAA;AAAA,MAAC;AAAA,IACd,CACF,GAEJS,EAAgB,UAAUF;AAAA,EAC7B,GAAG,CAACJ,GAAWI,CAAQ,CAAC,GAGrB,gBAAAK,EAAAC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWE,EAAQ,OACrB,UAAA;AAAA,MAAA,gBAAAC,EAAC,SAAA,EAAM,WAAWD,EAAQ,OAAO,UAAA,kBAAc;AAAA,MAC/C,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,SAASV;AAAA,UACT,YAAYC;AAAA,UACZ,UAAUJ;AAAA,UACV,MAAM;AAAA,UACN,UAAU,CAACc,MAAQhB,EAAS,EAAE,GAAGD,GAAM,UAAUiB,EAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACzD,GACH;AAAA,IACA,gBAAAL,EAAC,OAAA,EAAI,WAAWE,EAAQ,OACrB,UAAA;AAAA,MAAA,gBAAAC,EAAC,SAAA,EAAM,WAAWD,EAAQ,OAAO,UAAA,mBAAe;AAAA,MAC/CZ,KAAS,gBAAAa,EAAC,QAAA,EAAK,WAAWD,EAAQ,iBAAkB,UAAAZ,GAAM;AAAA,MAC3D,gBAAAa;AAAA,QAACG;AAAA,QAAA;AAAA,UACE,OAAO,EAAE,UAAUlB,EAAK,aAAa,UAAU,UAAUA,EAAK,aAAa,SAAA;AAAA,UAC3E,UAAU,CAACmB,MAAUlB,EAAS,EAAE,GAAGD,GAAM,cAAc,EAAE,GAAGmB,EAAA,GAAS;AAAA,UACrE,UAAAZ;AAAA,UACA,QAAQP,EAAK,WAAW;AAAA,UACxB,gBAAgBA,EAAK,WAAW,UAAUG;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7C,EAAA,CACH;AAAA,EAAA,GACH;AAEN;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StoragePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/form/StoragePicker/StoragePicker.tsx"],"names":[],"mappings":"AASA,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpF,UAAU,kBAAkB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAClE;AAED,QAAA,MAAM,aAAa,GAAI,0DAAuE,kBAAkB,~~4CAwH~~/G,CAAC;AAEF,eAAe,aAAa,CAAC"}
1	+ {"version":3,"file":"StoragePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/form/StoragePicker/StoragePicker.tsx"],"names":[],"mappings":"AASA,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpF,UAAU,kBAAkB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAClE;AAED,QAAA,MAAM,aAAa,GAAI,0DAAuE,kBAAkB,4CAgI/G,CAAC;AAEF,eAAe,aAAa,CAAC"}