@plutonhq/core-frontend 0.1.22 → 0.1.24

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

@@ -1,62 +1,78 @@
-const t = "_field_p3quV", e = "_fieldErrorLabel_eZfCx", n = "_fieldNotice_55Tri", o = "_label_zW0YW", i = "_forgetByAgeField_eLTS9", c = "_customPolicyOption_94fdS", s = "_advancedTabContent_VNIEn", a = "_advancedTabs_Uhv1Q", r = "_advancedTabActive_Ab8AR", _ = "_advancedSettingsSelect_TJsh8", d = "_eventTabs_exCRP", p = "_eventTab_02VQB", T = "_eventTabHead_jSxQ5", l = "_eventTabHeadTitle_DyzgZ", b = "_eventTabContent_uz0W3", v = "_addScriptButton_RhlLa", u = "_scriptItem_gS3xT", S = "_scriptHeader_FU21B", m = "_scriptTitle_0if6d", g = "_scriptPositionControls_Wvb7h", f = "_scriptPathInput_08ovq", O = "_scriptFooter_JGxlJ", C = "_scriptOptions_R8S2e", h = "_scriptOptionCheckbox_bTY18", B = "_removeScriptButton_dmH7L", x = "_scriptOptionTimeout_AxGIu", H = "_hasTimeOutSettings_8H9x5", P = "_timeoutSettings_3kEBP", A = {
+const t = "_field_mtlh9", i = "_fieldErrorLabel_Ydo80", e = "_fieldNotice_Gi8t0", n = "_label_ZF458", o = "_forgetByAgeField_FPhtE", c = "_customPolicyOption_XnYTh", s = "_advancedTabContent_lZsCo", a = "_advancedTabs_64uJh", _ = "_advancedTabActive_7Gdt2", d = "_advancedSettingsSelect_iG976", r = "_eventTabs_jx9ex", p = "_eventTab_pqCBd", l = "_eventTabHead_WfRJc", T = "_eventTabHeadTitle_Pxkrl", b = "_eventTabContent_5EcLX", f = "_addScriptButton_sngQZ", v = "_scriptItem_uike9", u = "_scriptHeader_Zr6xK", S = "_scriptTitle_je8nA", g = "_scriptPositionControls_wx8qF", O = "_scriptPathInput_FRbYR", m = "_scriptFooter_t9nVP", C = "_scriptOptions_yahN5", h = "_scriptOptionCheckbox_Xqn00", F = "_removeScriptButton_iTup8", B = "_scriptOptionTimeout_jRU1W", N = "_hasTimeOutSettings_7Vr2y", x = "_timeoutSettings_xbX9o", P = "_notificationTestField_7IXSB", H = "_notificationSettingsSection_Hf62u", y = "_notificationToggle_4xt2e", A = "_notificationSettings_X8F8e", I = "_testNotificationContainer_hS6w0", X = "_testNotificationButton_9tOKN", k = "_disabled_k7FZh", Z = "_testNotificationOptions_OX0Zx", E = {
   field: t,
-  fieldErrorLabel: e,
-  fieldNotice: n,
-  label: o,
-  forgetByAgeField: i,
+  fieldErrorLabel: i,
+  fieldNotice: e,
+  label: n,
+  forgetByAgeField: o,
   customPolicyOption: c,
   advancedTabContent: s,
   advancedTabs: a,
-  advancedTabActive: r,
-  advancedSettingsSelect: _,
-  eventTabs: d,
+  advancedTabActive: _,
+  advancedSettingsSelect: d,
+  eventTabs: r,
   eventTab: p,
-  eventTabHead: T,
-  eventTabHeadTitle: l,
+  eventTabHead: l,
+  eventTabHeadTitle: T,
   eventTabContent: b,
-  addScriptButton: v,
-  scriptItem: u,
-  scriptHeader: S,
-  scriptTitle: m,
+  addScriptButton: f,
+  scriptItem: v,
+  scriptHeader: u,
+  scriptTitle: S,
   scriptPositionControls: g,
-  scriptPathInput: f,
-  scriptFooter: O,
+  scriptPathInput: O,
+  scriptFooter: m,
   scriptOptions: C,
   scriptOptionCheckbox: h,
-  removeScriptButton: B,
-  scriptOptionTimeout: x,
-  hasTimeOutSettings: H,
-  timeoutSettings: P
+  removeScriptButton: F,
+  scriptOptionTimeout: B,
+  hasTimeOutSettings: N,
+  timeoutSettings: x,
+  notificationTestField: P,
+  notificationSettingsSection: H,
+  notificationToggle: y,
+  notificationSettings: A,
+  testNotificationContainer: I,
+  testNotificationButton: X,
+  disabled: k,
+  testNotificationOptions: Z
 };
 export {
-  v as addScriptButton,
-  _ as advancedSettingsSelect,
-  r as advancedTabActive,
+  f as addScriptButton,
+  d as advancedSettingsSelect,
+  _ as advancedTabActive,
   s as advancedTabContent,
   a as advancedTabs,
   c as customPolicyOption,
-  A as default,
+  E as default,
+  k as disabled,
   p as eventTab,
   b as eventTabContent,
-  T as eventTabHead,
-  l as eventTabHeadTitle,
-  d as eventTabs,
+  l as eventTabHead,
+  T as eventTabHeadTitle,
+  r as eventTabs,
   t as field,
-  e as fieldErrorLabel,
-  n as fieldNotice,
-  i as forgetByAgeField,
-  H as hasTimeOutSettings,
-  o as label,
-  B as removeScriptButton,
-  O as scriptFooter,
-  S as scriptHeader,
-  u as scriptItem,
+  i as fieldErrorLabel,
+  e as fieldNotice,
+  o as forgetByAgeField,
+  N as hasTimeOutSettings,
+  n as label,
+  A as notificationSettings,
+  H as notificationSettingsSection,
+  P as notificationTestField,
+  y as notificationToggle,
+  F as removeScriptButton,
+  m as scriptFooter,
+  u as scriptHeader,
+  v as scriptItem,
   h as scriptOptionCheckbox,
-  x as scriptOptionTimeout,
+  B as scriptOptionTimeout,
   C as scriptOptions,
-  f as scriptPathInput,
+  O as scriptPathInput,
   g as scriptPositionControls,
-  m as scriptTitle,
-  P as timeoutSettings
+  S as scriptTitle,
+  X as testNotificationButton,
+  I as testNotificationContainer,
+  Z as testNotificationOptions,
+  x as timeoutSettings
 };
 //# sourceMappingURL=PlanSettings.module.scss.js.map

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

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

package/dist-lib/components/Settings/GeneralSettings/GeneralSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GeneralSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Settings/GeneralSettings/GeneralSettings.tsx"],"names":[],"mappings":"AASA,UAAU,oBAAoB;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;CACpD;AAED,QAAA,MAAM,eAAe,GAAI,oCAAoC,oBAAoB,4CAmFhF,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"GeneralSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Settings/GeneralSettings/GeneralSettings.tsx"],"names":[],"mappings":"AASA,UAAU,oBAAoB;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;CACpD;AAED,QAAA,MAAM,eAAe,GAAI,oCAAoC,oBAAoB,4CAwFhF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist-lib/components/Settings/GeneralSettings/GeneralSettings.js

@@ -2,14 +2,14 @@ import { jsxs as F, jsx as a } from "react/jsx-runtime";
 import { useState as d } from "react";
 import S from "../../common/ActionModal/ActionModal.js";
 import t from "../../common/form/Input/Input.js";
-import v from "../../common/form/Toggle/Toggle.js";
-import w from "../../common/form/Tristate/Tristate.js";
+import w from "../../common/form/Toggle/Toggle.js";
+import v from "../../common/form/Tristate/Tristate.js";
 import T from "../TwoFactorSetup/TwoFactorSetup.js";
 import { useTheme as y } from "../../../context/ThemeContext.js";
 import i from "./GeneralSettings.module.scss.js";
 const L = ({ settings: e, settingsID: u, onUpdate: o }) => {
-  var c;
-  const { setTheme: f } = y(), [p, n] = d(!1), [h, m] = d(!1), { totp: r } = e || {}, s = r == null ? void 0 : r.secret, A = (l) => {
+  var m;
+  const { setTheme: f } = y(), [p, n] = d(!1), [h, c] = d(!1), { totp: r } = e || {}, s = r == null ? void 0 : r.secret, A = (l) => {
     if (l === !0 && !s) {
       n(!0);
       return;
@@ -49,7 +49,7 @@ const L = ({ settings: e, settingsID: u, onUpdate: o }) => {
       }
     ) }),
     /* @__PURE__ */ a("div", { className: i.field, children: /* @__PURE__ */ a(
-      w,
+      v,
       {
         label: "Color Scheme",
         fieldValue: e.theme,
@@ -62,7 +62,15 @@ const L = ({ settings: e, settingsID: u, onUpdate: o }) => {
         inline: !1
       }
     ) }),
-    /* @__PURE__ */ a("div", { className: i.field, children: /* @__PURE__ */ a(v, { label: "Enable 2FA", fieldValue: ((c = e == null ? void 0 : e.totp) == null ? void 0 : c.enabled) || !1, onUpdate: (l) => A(l), inline: !0 }) }),
+    /* @__PURE__ */ a("div", { className: i.field, children: /* @__PURE__ */ a(
+      w,
+      {
+        label: "Enable Two-Factor Authentication (2FA)",
+        fieldValue: ((m = e == null ? void 0 : e.totp) == null ? void 0 : m.enabled) || !1,
+        onUpdate: (l) => A(l),
+        inline: !1
+      }
+    ) }),
     p && /* @__PURE__ */ a(
       S,
       {
@@ -74,11 +82,11 @@ const L = ({ settings: e, settingsID: u, onUpdate: o }) => {
           title: "Yes, Enable 2FA",
           type: "default",
           isPending: !1,
-          action: () => m(!0)
+          action: () => c(!0)
         }
       }
     ),
-    h && /* @__PURE__ */ a(T, { id: u, close: () => m(!1) })
+    h && /* @__PURE__ */ a(T, { id: u, close: () => c(!1) })
   ] });
 };
 export {

package/dist-lib/components/Settings/GeneralSettings/GeneralSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeneralSettings.js","sources":["../../../../src/components/Settings/GeneralSettings/GeneralSettings.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { ActionModal } from '../..';\r\nimport { useTheme } from '../../../context/ThemeContext';\r\nimport Input from '../../common/form/Input/Input';\r\nimport Toggle from '../../common/form/Toggle/Toggle';\r\nimport Tristate from '../../common/form/Tristate/Tristate';\r\nimport TwoFactorSetup from '../TwoFactorSetup/TwoFactorSetup';\r\nimport classes from './GeneralSettings.module.scss';\r\n\r\ninterface GeneralSettingsProps {\r\n   settingsID: number;\r\n   settings: Record<string, any>;\r\n   onUpdate: (settings: Record<string, any>) => void;\r\n}\r\n\r\nconst GeneralSettings = ({ settings, settingsID, onUpdate }: GeneralSettingsProps) => {\r\n   const { setTheme } = useTheme();\r\n   const [show2FASetupConfirm, setShow2FASetupConfirm] = useState(false);\r\n   const [show2FASetup, setShow2FASetup] = useState(false);\r\n\r\n   const { totp } = settings || {};\r\n   const is2FASetupComplete = totp?.secret;\r\n\r\n   const update2FASetting = (enabled: boolean) => {\r\n      if (enabled === true && !is2FASetupComplete) {\r\n         setShow2FASetupConfirm(true);\r\n         return;\r\n      } else {\r\n         onUpdate({ ...settings, totp: { ...totp, enabled } });\r\n      }\r\n   };\r\n\r\n   const handleThemeChange = (newThemeValue: 'auto' | 'light' | 'dark') => {\r\n      setTheme(newThemeValue);\r\n      onUpdate({ ...settings, theme: newThemeValue });\r\n   };\r\n\r\n   return (\r\n      <div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"App Instance Title\"\r\n               fieldValue={(settings?.title || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...settings, title: val })}\r\n               inline={false}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"App Instance Description\"\r\n               fieldValue={(settings?.description || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...settings, description: val })}\r\n               inline={false}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"Admin Email\"\r\n               fieldValue={settings.admin_email || ''}\r\n               onUpdate={(val) => onUpdate({ ...settings, admin_email: val })}\r\n               type=\"email\"\r\n               placeholder=\"johndoe@mail.com\"\r\n               inline={false}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Tristate\r\n               label=\"Color Scheme\"\r\n               fieldValue={settings.theme as string}\r\n               options={[\r\n                  { label: 'Auto', value: 'auto' },\r\n                  { label: 'Dark', value: 'dark' },\r\n                  { label: 'Light', value: 'light' },\r\n               ]}\r\n               onUpdate={(val: string) => handleThemeChange(val as 'auto' | 'light' | 'dark')}\r\n               inline={false}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Toggle label=\"Enable 2FA\" fieldValue={settings?.totp?.enabled || false} onUpdate={(val) => update2FASetting(val)} inline={true} />\r\n         </div>\r\n         {show2FASetupConfirm && (\r\n            <ActionModal\r\n               title={`Enable Two-Factor Authentication (2FA)`}\r\n               message={`Are you sure you want to enable Two-Factor Authentication (2FA) to secure Pluton Login? You will be required to use an authenticator app to login if you enable this feature.`}\r\n               closeModal={() => setShow2FASetupConfirm(false)}\r\n               width=\"420px\"\r\n               primaryAction={{\r\n                  title: `Yes, Enable 2FA`,\r\n                  type: 'default',\r\n                  isPending: false,\r\n                  action: () => setShow2FASetup(true),\r\n               }}\r\n            />\r\n         )}\r\n         {show2FASetup && <TwoFactorSetup id={settingsID} close={() => setShow2FASetup(false)} />}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default GeneralSettings;\r\n"],"names":["GeneralSettings","settings","settingsID","onUpdate","setTheme","useTheme","show2FASetupConfirm","setShow2FASetupConfirm","useState","show2FASetup","setShow2FASetup","totp","is2FASetupComplete","update2FASetting","enabled","handleThemeChange","newThemeValue","jsx","classes","Input","val","Tristate","Toggle","_a","ActionModal","TwoFactorSetup"],"mappings":"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"}
+{"version":3,"file":"GeneralSettings.js","sources":["../../../../src/components/Settings/GeneralSettings/GeneralSettings.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { ActionModal } from '../..';\r\nimport { useTheme } from '../../../context/ThemeContext';\r\nimport Input from '../../common/form/Input/Input';\r\nimport Toggle from '../../common/form/Toggle/Toggle';\r\nimport Tristate from '../../common/form/Tristate/Tristate';\r\nimport TwoFactorSetup from '../TwoFactorSetup/TwoFactorSetup';\r\nimport classes from './GeneralSettings.module.scss';\r\n\r\ninterface GeneralSettingsProps {\r\n   settingsID: number;\r\n   settings: Record<string, any>;\r\n   onUpdate: (settings: Record<string, any>) => void;\r\n}\r\n\r\nconst GeneralSettings = ({ settings, settingsID, onUpdate }: GeneralSettingsProps) => {\r\n   const { setTheme } = useTheme();\r\n   const [show2FASetupConfirm, setShow2FASetupConfirm] = useState(false);\r\n   const [show2FASetup, setShow2FASetup] = useState(false);\r\n\r\n   const { totp } = settings || {};\r\n   const is2FASetupComplete = totp?.secret;\r\n\r\n   const update2FASetting = (enabled: boolean) => {\r\n      if (enabled === true && !is2FASetupComplete) {\r\n         setShow2FASetupConfirm(true);\r\n         return;\r\n      } else {\r\n         onUpdate({ ...settings, totp: { ...totp, enabled } });\r\n      }\r\n   };\r\n\r\n   const handleThemeChange = (newThemeValue: 'auto' | 'light' | 'dark') => {\r\n      setTheme(newThemeValue);\r\n      onUpdate({ ...settings, theme: newThemeValue });\r\n   };\r\n\r\n   return (\r\n      <div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"App Instance Title\"\r\n               fieldValue={(settings?.title || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...settings, title: val })}\r\n               inline={false}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"App Instance Description\"\r\n               fieldValue={(settings?.description || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...settings, description: val })}\r\n               inline={false}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"Admin Email\"\r\n               fieldValue={settings.admin_email || ''}\r\n               onUpdate={(val) => onUpdate({ ...settings, admin_email: val })}\r\n               type=\"email\"\r\n               placeholder=\"johndoe@mail.com\"\r\n               inline={false}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Tristate\r\n               label=\"Color Scheme\"\r\n               fieldValue={settings.theme as string}\r\n               options={[\r\n                  { label: 'Auto', value: 'auto' },\r\n                  { label: 'Dark', value: 'dark' },\r\n                  { label: 'Light', value: 'light' },\r\n               ]}\r\n               onUpdate={(val: string) => handleThemeChange(val as 'auto' | 'light' | 'dark')}\r\n               inline={false}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Toggle\r\n               label=\"Enable Two-Factor Authentication (2FA)\"\r\n               fieldValue={settings?.totp?.enabled || false}\r\n               onUpdate={(val) => update2FASetting(val)}\r\n               inline={false}\r\n            />\r\n         </div>\r\n         {show2FASetupConfirm && (\r\n            <ActionModal\r\n               title={`Enable Two-Factor Authentication (2FA)`}\r\n               message={`Are you sure you want to enable Two-Factor Authentication (2FA) to secure Pluton Login? You will be required to use an authenticator app to login if you enable this feature.`}\r\n               closeModal={() => setShow2FASetupConfirm(false)}\r\n               width=\"420px\"\r\n               primaryAction={{\r\n                  title: `Yes, Enable 2FA`,\r\n                  type: 'default',\r\n                  isPending: false,\r\n                  action: () => setShow2FASetup(true),\r\n               }}\r\n            />\r\n         )}\r\n         {show2FASetup && <TwoFactorSetup id={settingsID} close={() => setShow2FASetup(false)} />}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default GeneralSettings;\r\n"],"names":["GeneralSettings","settings","settingsID","onUpdate","setTheme","useTheme","show2FASetupConfirm","setShow2FASetupConfirm","useState","show2FASetup","setShow2FASetup","totp","is2FASetupComplete","update2FASetting","enabled","handleThemeChange","newThemeValue","jsx","classes","Input","val","Tristate","Toggle","_a","ActionModal","TwoFactorSetup"],"mappings":"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"}

package/dist-lib/components/Settings/IntegrationSettings/IntegrationSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IntegrationSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Settings/IntegrationSettings/IntegrationSettings.tsx"],"names":[],"mappings":"AAOA,UAAU,wBAAwB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9B,QAAQ,EAAE,CAAC,QAAQ,EAAE,wBAAwB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACrE;AAED,QAAA,MAAM,mBAAmB,GAAI,oCAAoC,wBAAwB,4CAqDxF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"IntegrationSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Settings/IntegrationSettings/IntegrationSettings.tsx"],"names":[],"mappings":"AAQA,UAAU,wBAAwB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9B,QAAQ,EAAE,CAAC,QAAQ,EAAE,wBAAwB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACrE;AAED,QAAA,MAAM,mBAAmB,GAAI,oCAAoC,wBAAwB,4CAuDxF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist-lib/components/Settings/IntegrationSettings/IntegrationSettings.js

@@ -1,56 +1,61 @@
-import { jsxs as M, jsx as e, Fragment as T } from "react/jsx-runtime";
-import { useState as m } from "react";
-import h from "./IntegrationSettings.module.scss.js";
-import S from "../../common/form/Input/Input.js";
-import I from "../../common/ActionModal/ActionModal.js";
-import { useValidateIntegration as E } from "../../../services/settings.js";
-import v from "./SMTPSettings.js";
-const V = ({ settingsID: c, settings: o, onUpdate: d }) => {
-  var l;
-  const [n, p] = m(""), [g, a] = m(""), i = (o == null ? void 0 : o.integration) || {}, { smtp: u } = i || {}, s = E(), f = (t, r) => {
-    console.log("onIntegrationUpdate :", t, r), d({ ...i, [t]: { ...i[t], ...r } });
+import { jsxs as o, jsx as e, Fragment as u } from "react/jsx-runtime";
+import { useState as g } from "react";
+import l from "./IntegrationSettings.module.scss.js";
+import S from "./SMTPSettings.js";
+import b from "./NtfySettings.js";
+import c from "../../common/Icon/Icon.js";
+import h from "../../common/form/Select/Select.js";
+import { isMobile as N } from "../../../utils/helpers.js";
+const P = ({ settingsID: p, settings: a, onUpdate: y }) => {
+  const [i, s] = g("smtp"), n = (a == null ? void 0 : a.integration) || {}, { smtp: r, ntfy: m } = n || {}, f = (t, d) => {
+    console.log("onIntegrationUpdate :", t, d), y({ ...n, [t]: { ...n[t], ...d } });
   };
-  return /* @__PURE__ */ M("div", { className: h.integrations, children: [
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-      v,
+  return /* @__PURE__ */ o("div", { className: l.integrations, children: [
+    N() ? /* @__PURE__ */ e(
+      h,
       {
-        settings: u,
-        onUpdate: (t) => f("smtp", t),
-        showTestModal: (t) => a(t)
+        customClasses: l.integrationSelect,
+        options: [
+          { label: "SMTP", value: "smtp", icon: "email" },
+          { label: "Ntfy", value: "ntfy", icon: "ntfy" }
+        ],
+        fieldValue: i,
+        full: !0,
+        onUpdate: (t) => s(t)
       }
-    ) }),
-    g && /* @__PURE__ */ e(
-      I,
-      {
-        title: "Test SMTP Integration",
-        message: /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(
-          S,
-          {
-            label: "Send Test Email to this email",
-            full: !0,
-            fieldValue: n,
-            onUpdate: (t) => p(t),
-            type: "email",
-            placeholder: "test@test.com"
-          }
-        ) }),
-        errorMessage: (l = s.error) == null ? void 0 : l.message,
-        successMessage: s.isSuccess ? "Test email sent. Integration validated successfully." : "",
-        closeModal: () => a(""),
-        width: "400px",
-        secondaryAction: { title: "Close", action: () => a("") },
-        primaryAction: {
-          title: "Send Test Email",
-          type: "default",
-          icon: "email",
-          isPending: s.isPending,
-          action: () => s.mutate({ settingsID: c, type: "smtp", settings: o, test: { email: n } })
+    ) : /* @__PURE__ */ e(u, { children: /* @__PURE__ */ o("ul", { className: l.tabs, children: [
+      /* @__PURE__ */ o("li", { className: `${i === "smtp" ? l.tabActive : ""}`, onClick: () => s("smtp"), children: [
+        /* @__PURE__ */ e(c, { type: "email", size: 14 }),
+        " SMTP",
+        (r == null ? void 0 : r.connected) && /* @__PURE__ */ e(c, { type: "check-circle-filled", size: 12 })
+      ] }),
+      /* @__PURE__ */ o("li", { className: `${i === "ntfy" ? l.tabActive : ""}`, onClick: () => s("ntfy"), children: [
+        /* @__PURE__ */ e(c, { type: "ntfy", size: 14 }),
+        " Ntfy",
+        (m == null ? void 0 : m.connected) && /* @__PURE__ */ e(c, { type: "check-circle-filled", size: 12 })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ o("div", { children: [
+      i === "smtp" && /* @__PURE__ */ e(
+        S,
+        {
+          settingsID: p,
+          settings: n,
+          onUpdate: (t) => f("smtp", t)
         }
-      }
-    )
+      ),
+      i === "ntfy" && /* @__PURE__ */ e(
+        b,
+        {
+          settingsID: p,
+          settings: n,
+          onUpdate: (t) => f("ntfy", t)
+        }
+      )
+    ] })
   ] });
 };
 export {
-  V as default
+  P as default
 };
 //# sourceMappingURL=IntegrationSettings.js.map

package/dist-lib/components/Settings/IntegrationSettings/IntegrationSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntegrationSettings.js","sources":["../../../../src/components/Settings/IntegrationSettings/IntegrationSettings.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport classes from './IntegrationSettings.module.scss';\r\nimport Input from '../../common/form/Input/Input';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\nimport { useValidateIntegration } from '../../../services/settings';\r\nimport SMTPSettings from './SMTPSettings';\r\n\r\ninterface IntegrationSettingsProps {\r\n   settingsID: number;\r\n   settings: Record<string, any>;\r\n   onUpdate: (settings: IntegrationSettingsProps['settings']) => void;\r\n}\r\n\r\nconst IntegrationSettings = ({ settingsID, settings, onUpdate }: IntegrationSettingsProps) => {\r\n   const [testEmail, setTestEmail] = useState('');\r\n   const [showEmailTestModal, setShowEmailTestModal] = useState<'' | 'smtp'>('');\r\n   const integrationSettings = settings?.integration || {};\r\n   const { smtp } = integrationSettings || {};\r\n\r\n   const validationMutation = useValidateIntegration();\r\n\r\n   const onIntegrationUpdate = (key: string, intSettings: Record<string, any>) => {\r\n      console.log('onIntegrationUpdate :', key, intSettings);\r\n      onUpdate({ ...integrationSettings, [key]: { ...integrationSettings[key], ...intSettings } });\r\n   };\r\n\r\n   return (\r\n      <div className={classes.integrations}>\r\n         <div>\r\n            <SMTPSettings\r\n               settings={smtp}\r\n               onUpdate={(iSettings) => onIntegrationUpdate('smtp', iSettings)}\r\n               showTestModal={(type) => setShowEmailTestModal(type)}\r\n            />\r\n         </div>\r\n         {showEmailTestModal && (\r\n            <ActionModal\r\n               title={`Test SMTP Integration`}\r\n               message={\r\n                  <>\r\n                     <Input\r\n                        label=\"Send Test Email to this email\"\r\n                        full={true}\r\n                        fieldValue={testEmail}\r\n                        onUpdate={(val) => setTestEmail(val)}\r\n                        type=\"email\"\r\n                        placeholder=\"test@test.com\"\r\n                     />\r\n                  </>\r\n               }\r\n               errorMessage={validationMutation.error?.message}\r\n               successMessage={validationMutation.isSuccess ? 'Test email sent. Integration validated successfully.' : ''}\r\n               closeModal={() => setShowEmailTestModal('')}\r\n               width=\"400px\"\r\n               secondaryAction={{ title: 'Close', action: () => setShowEmailTestModal('') }}\r\n               primaryAction={{\r\n                  title: `Send Test Email`,\r\n                  type: 'default',\r\n                  icon: 'email',\r\n                  isPending: validationMutation.isPending,\r\n                  action: () => validationMutation.mutate({ settingsID, type: 'smtp', settings: settings, test: { email: testEmail } }),\r\n               }}\r\n            />\r\n         )}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default IntegrationSettings;\r\n"],"names":["IntegrationSettings","settingsID","settings","onUpdate","testEmail","setTestEmail","useState","showEmailTestModal","setShowEmailTestModal","integrationSettings","smtp","validationMutation","useValidateIntegration","onIntegrationUpdate","key","intSettings","jsxs","classes","jsx","SMTPSettings","iSettings","type","ActionModal","Fragment","Input","val","_a"],"mappings":";;;;;;;AAaA,MAAMA,IAAsB,CAAC,EAAE,YAAAC,GAAY,UAAAC,GAAU,UAAAC,QAAyC;;AAC3F,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAE,GACvC,CAACC,GAAoBC,CAAqB,IAAIF,EAAsB,EAAE,GACtEG,KAAsBP,KAAA,gBAAAA,EAAU,gBAAe,CAAA,GAC/C,EAAE,MAAAQ,MAASD,KAAuB,CAAA,GAElCE,IAAqBC,EAAA,GAErBC,IAAsB,CAACC,GAAaC,MAAqC;AAC5E,YAAQ,IAAI,yBAAyBD,GAAKC,CAAW,GACrDZ,EAAS,EAAE,GAAGM,GAAqB,CAACK,CAAG,GAAG,EAAE,GAAGL,EAAoBK,CAAG,GAAG,GAAGC,EAAA,GAAe;AAAA,EAC9F;AAEA,SACG,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAQ,cACrB,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EACE,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,UAAUT;AAAA,QACV,UAAU,CAACU,MAAcP,EAAoB,QAAQO,CAAS;AAAA,QAC9D,eAAe,CAACC,MAASb,EAAsBa,CAAI;AAAA,MAAA;AAAA,IAAA,GAEzD;AAAA,IACCd,KACE,gBAAAW;AAAA,MAACI;AAAA,MAAA;AAAA,QACE,OAAO;AAAA,QACP,SACG,gBAAAJ,EAAAK,GAAA,EACG,UAAA,gBAAAL;AAAA,UAACM;AAAA,UAAA;AAAA,YACE,OAAM;AAAA,YACN,MAAM;AAAA,YACN,YAAYpB;AAAA,YACZ,UAAU,CAACqB,MAAQpB,EAAaoB,CAAG;AAAA,YACnC,MAAK;AAAA,YACL,aAAY;AAAA,UAAA;AAAA,QAAA,GAElB;AAAA,QAEH,eAAcC,IAAAf,EAAmB,UAAnB,gBAAAe,EAA0B;AAAA,QACxC,gBAAgBf,EAAmB,YAAY,yDAAyD;AAAA,QACxG,YAAY,MAAMH,EAAsB,EAAE;AAAA,QAC1C,OAAM;AAAA,QACN,iBAAiB,EAAE,OAAO,SAAS,QAAQ,MAAMA,EAAsB,EAAE,EAAA;AAAA,QACzE,eAAe;AAAA,UACZ,OAAO;AAAA,UACP,MAAM;AAAA,UACN,MAAM;AAAA,UACN,WAAWG,EAAmB;AAAA,UAC9B,QAAQ,MAAMA,EAAmB,OAAO,EAAE,YAAAV,GAAY,MAAM,QAAQ,UAAAC,GAAoB,MAAM,EAAE,OAAOE,EAAA,GAAa;AAAA,QAAA;AAAA,MACvH;AAAA,IAAA;AAAA,EACH,GAEN;AAEN;"}
+{"version":3,"file":"IntegrationSettings.js","sources":["../../../../src/components/Settings/IntegrationSettings/IntegrationSettings.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport classes from './IntegrationSettings.module.scss';\r\nimport SMTPSettings from './SMTPSettings';\r\nimport NtfySettings from './NtfySettings';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport Select from '../../common/form/Select/Select';\r\nimport { isMobile } from '../../../utils';\r\n\r\ninterface IntegrationSettingsProps {\r\n   settingsID: number;\r\n   settings: Record<string, any>;\r\n   onUpdate: (settings: IntegrationSettingsProps['settings']) => void;\r\n}\r\n\r\nconst IntegrationSettings = ({ settingsID, settings, onUpdate }: IntegrationSettingsProps) => {\r\n   const [tab, setTab] = useState<'smtp' | 'ntfy'>('smtp');\r\n   const integrationSettings = settings?.integration || {};\r\n   const { smtp, ntfy } = integrationSettings || {};\r\n\r\n   const onIntegrationUpdate = (key: string, intSettings: Record<string, any>) => {\r\n      console.log('onIntegrationUpdate :', key, intSettings);\r\n      onUpdate({ ...integrationSettings, [key]: { ...integrationSettings[key], ...intSettings } });\r\n   };\r\n\r\n   return (\r\n      <div className={classes.integrations}>\r\n         {isMobile() ? (\r\n            <Select\r\n               customClasses={classes.integrationSelect}\r\n               options={[\r\n                  { label: 'SMTP', value: 'smtp', icon: 'email' },\r\n                  { label: 'Ntfy', value: 'ntfy', icon: 'ntfy' },\r\n               ]}\r\n               fieldValue={tab}\r\n               full={true}\r\n               onUpdate={(val) => setTab(val as 'smtp' | 'ntfy')}\r\n            />\r\n         ) : (\r\n            <>\r\n               <ul className={classes.tabs}>\r\n                  <li className={`${tab === 'smtp' ? classes.tabActive : ''}`} onClick={() => setTab('smtp')}>\r\n                     <Icon type=\"email\" size={14} /> SMTP\r\n                     {smtp?.connected && <Icon type=\"check-circle-filled\" size={12} />}\r\n                  </li>\r\n                  <li className={`${tab === 'ntfy' ? classes.tabActive : ''}`} onClick={() => setTab('ntfy')}>\r\n                     <Icon type=\"ntfy\" size={14} /> Ntfy\r\n                     {ntfy?.connected && <Icon type=\"check-circle-filled\" size={12} />}\r\n                  </li>\r\n               </ul>\r\n            </>\r\n         )}\r\n         <div>\r\n            {tab === 'smtp' && (\r\n               <SMTPSettings\r\n                  settingsID={settingsID}\r\n                  settings={integrationSettings}\r\n                  onUpdate={(iSettings) => onIntegrationUpdate('smtp', iSettings)}\r\n               />\r\n            )}\r\n            {tab === 'ntfy' && (\r\n               <NtfySettings\r\n                  settingsID={settingsID}\r\n                  settings={integrationSettings}\r\n                  onUpdate={(iSettings) => onIntegrationUpdate('ntfy', iSettings)}\r\n               />\r\n            )}\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default IntegrationSettings;\r\n"],"names":["IntegrationSettings","settingsID","settings","onUpdate","tab","setTab","useState","integrationSettings","smtp","ntfy","onIntegrationUpdate","key","intSettings","jsxs","classes","isMobile","jsx","Select","val","Fragment","Icon","SMTPSettings","iSettings","NtfySettings"],"mappings":";;;;;;;;AAcA,MAAMA,IAAsB,CAAC,EAAE,YAAAC,GAAY,UAAAC,GAAU,UAAAC,QAAyC;AAC3F,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAA0B,MAAM,GAChDC,KAAsBL,KAAA,gBAAAA,EAAU,gBAAe,CAAA,GAC/C,EAAE,MAAAM,GAAM,MAAAC,EAAA,IAASF,KAAuB,CAAA,GAExCG,IAAsB,CAACC,GAAaC,MAAqC;AAC5E,YAAQ,IAAI,yBAAyBD,GAAKC,CAAW,GACrDT,EAAS,EAAE,GAAGI,GAAqB,CAACI,CAAG,GAAG,EAAE,GAAGJ,EAAoBI,CAAG,GAAG,GAAGC,EAAA,GAAe;AAAA,EAC9F;AAEA,SACG,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAQ,cACpB,UAAA;AAAA,IAAAC,EAAA,IACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,eAAeH,EAAQ;AAAA,QACvB,SAAS;AAAA,UACN,EAAE,OAAO,QAAQ,OAAO,QAAQ,MAAM,QAAA;AAAA,UACtC,EAAE,OAAO,QAAQ,OAAO,QAAQ,MAAM,OAAA;AAAA,QAAO;AAAA,QAEhD,YAAYV;AAAA,QACZ,MAAM;AAAA,QACN,UAAU,CAACc,MAAQb,EAAOa,CAAsB;AAAA,MAAA;AAAA,IAAA,IAGnD,gBAAAF,EAAAG,GAAA,EACG,UAAA,gBAAAN,EAAC,MAAA,EAAG,WAAWC,EAAQ,MACpB,UAAA;AAAA,MAAA,gBAAAD,EAAC,MAAA,EAAG,WAAW,GAAGT,MAAQ,SAASU,EAAQ,YAAY,EAAE,IAAI,SAAS,MAAMT,EAAO,MAAM,GACtF,UAAA;AAAA,QAAA,gBAAAW,EAACI,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI;AAAA,QAAE;AAAA,SAC9BZ,KAAA,gBAAAA,EAAM,cAAa,gBAAAQ,EAACI,KAAK,MAAK,uBAAsB,MAAM,GAAA,CAAI;AAAA,MAAA,GAClE;AAAA,MACA,gBAAAP,EAAC,MAAA,EAAG,WAAW,GAAGT,MAAQ,SAASU,EAAQ,YAAY,EAAE,IAAI,SAAS,MAAMT,EAAO,MAAM,GACtF,UAAA;AAAA,QAAA,gBAAAW,EAACI,GAAA,EAAK,MAAK,QAAO,MAAM,IAAI;AAAA,QAAE;AAAA,SAC7BX,KAAA,gBAAAA,EAAM,cAAa,gBAAAO,EAACI,KAAK,MAAK,uBAAsB,MAAM,GAAA,CAAI;AAAA,MAAA,EAAA,CAClE;AAAA,IAAA,EAAA,CACH,EAAA,CACH;AAAA,sBAEF,OAAA,EACG,UAAA;AAAA,MAAAhB,MAAQ,UACN,gBAAAY;AAAA,QAACK;AAAA,QAAA;AAAA,UACE,YAAApB;AAAA,UACA,UAAUM;AAAA,UACV,UAAU,CAACe,MAAcZ,EAAoB,QAAQY,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,MAGnElB,MAAQ,UACN,gBAAAY;AAAA,QAACO;AAAA,QAAA;AAAA,UACE,YAAAtB;AAAA,UACA,UAAUM;AAAA,UACV,UAAU,CAACe,MAAcZ,EAAoB,QAAQY,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACjE,EAAA,CAEN;AAAA,EAAA,GACH;AAEN;"}

package/dist-lib/components/Settings/IntegrationSettings/IntegrationSettings.module.scss.js

@@ -1,12 +1,18 @@
-const t = "_integrations_gdTNy", a = "_field_8lYva", n = "_validateBtn_xD7dP", e = {
+const t = "_integrations_MpGgI", e = "_tabs_1kVp0", i = "_tabActive_XYBci", n = "_field_8kD7Y", a = "_validateBtn_uVx7f", s = "_integrationSelect_TiT6F", c = {
   integrations: t,
-  field: a,
-  validateBtn: n
+  tabs: e,
+  tabActive: i,
+  field: n,
+  validateBtn: a,
+  integrationSelect: s
 };
 export {
-  e as default,
-  a as field,
+  c as default,
+  n as field,
+  s as integrationSelect,
   t as integrations,
-  n as validateBtn
+  i as tabActive,
+  e as tabs,
+  a as validateBtn
 };
 //# sourceMappingURL=IntegrationSettings.module.scss.js.map

package/dist-lib/components/Settings/IntegrationSettings/IntegrationSettings.module.scss.js.map

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

package/dist-lib/components/Settings/IntegrationSettings/NtfySettings.d.ts

@@ -0,0 +1,9 @@
+import { IntegrationSettings, NtfySettingsType } from '../../../@types';
+interface NtfySettingsProps {
+    settingsID: number;
+    settings: IntegrationSettings;
+    onUpdate: (settings: NtfySettingsType) => void;
+}
+declare const NtfySettings: ({ settingsID, settings, onUpdate }: NtfySettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default NtfySettings;
+//# sourceMappingURL=NtfySettings.d.ts.map

package/dist-lib/components/Settings/IntegrationSettings/NtfySettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NtfySettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Settings/IntegrationSettings/NtfySettings.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAQxE,UAAU,iBAAiB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,QAAQ,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACjD;AAED,QAAA,MAAM,YAAY,GAAI,oCAAoC,iBAAiB,4CAuF1E,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist-lib/components/Settings/IntegrationSettings/NtfySettings.js

@@ -0,0 +1,79 @@
+import { jsxs as p, jsx as o, Fragment as b } from "react/jsx-runtime";
+import { useState as n } from "react";
+import i from "./IntegrationSettings.module.scss.js";
+import M from "../../common/Icon/Icon.js";
+import w from "../../common/form/Select/Select.js";
+import x from "../../common/form/Input/Input.js";
+import A from "../../common/ActionModal/ActionModal.js";
+import { useValidateIntegration as E } from "../../../services/settings.js";
+import I from "../../common/form/PasswordField/PasswordField.js";
+const D = ({ settingsID: h, settings: a, onUpdate: m }) => {
+  var f;
+  const [t, y] = n((a == null ? void 0 : a.ntfy) || { authType: "token", authToken: "", connected: !1 }), [l, T] = n({ authToken: "" }), [k, r] = n(!1), [c, v] = n(""), s = E(), N = t.authType || "token", u = (e) => {
+    y(e), m(e);
+  }, g = (e) => {
+    e.preventDefault();
+    const d = { authToken: "" };
+    t != null && t.authToken || (d.authToken = "Required"), T(d), Object.values(d).some((S) => S !== "") || r(!0);
+  };
+  return /* @__PURE__ */ p("div", { children: [
+    /* @__PURE__ */ o("div", { className: i.field, children: /* @__PURE__ */ o(
+      w,
+      {
+        label: "Auth Type*",
+        fieldValue: N,
+        options: [{ label: "Token", value: "token" }],
+        onUpdate: (e) => u({ ...t, authType: e }),
+        inline: !0
+      }
+    ) }),
+    /* @__PURE__ */ o("div", { className: i.field, children: /* @__PURE__ */ o(
+      I,
+      {
+        label: "Auth Token*",
+        fieldValue: t.authToken,
+        onUpdate: (e) => u({ ...t, authToken: e }),
+        error: l == null ? void 0 : l.authToken
+      }
+    ) }),
+    /* @__PURE__ */ o("div", { className: i.field, children: /* @__PURE__ */ p("button", { className: i.validateBtn, onClick: g, type: "button", children: [
+      /* @__PURE__ */ o(M, { type: "check", size: 10 }),
+      " ",
+      t.connected ? "Re-validate Ntfy" : "Validate Ntfy"
+    ] }) }),
+    k && /* @__PURE__ */ o(
+      A,
+      {
+        title: "Test Ntfy Integration",
+        message: /* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(
+          x,
+          {
+            label: "Send Test Notification to this topic",
+            full: !0,
+            inline: !1,
+            fieldValue: c,
+            onUpdate: (e) => v(e),
+            type: "text",
+            placeholder: "test/topic url. Eg: https://ntfy.sh/testtopic"
+          }
+        ) }),
+        errorMessage: (f = s.error) == null ? void 0 : f.message,
+        successMessage: s.isSuccess ? "Test notification sent. Integration validated successfully." : "",
+        closeModal: () => r(!1),
+        width: "400px",
+        secondaryAction: { title: "Close", action: () => r(!1) },
+        primaryAction: {
+          title: "Send Test Notification",
+          type: "default",
+          icon: "send",
+          isPending: s.isPending,
+          action: () => c && s.mutate({ settingsID: h, type: "ntfy", settings: { ...a, ntfy: t }, test: { url: c } })
+        }
+      }
+    )
+  ] });
+};
+export {
+  D as default
+};
+//# sourceMappingURL=NtfySettings.js.map

package/dist-lib/components/Settings/IntegrationSettings/NtfySettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NtfySettings.js","sources":["../../../../src/components/Settings/IntegrationSettings/NtfySettings.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport classes from './IntegrationSettings.module.scss';\r\nimport { IntegrationSettings, NtfySettingsType } from '../../../@types';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport Select from '../../common/form/Select/Select';\r\nimport Input from '../../common/form/Input/Input';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\nimport { useValidateIntegration } from '../../../services';\r\nimport PasswordField from '../../common/form/PasswordField/PasswordField';\r\n\r\ninterface NtfySettingsProps {\r\n   settingsID: number;\r\n   settings: IntegrationSettings;\r\n   onUpdate: (settings: NtfySettingsType) => void;\r\n}\r\n\r\nconst NtfySettings = ({ settingsID, settings, onUpdate }: NtfySettingsProps) => {\r\n   const [ntfySettings, setNtfySettings] = useState<NtfySettingsType>(settings?.ntfy || { authType: 'token', authToken: '', connected: false });\r\n   const [errorFields, setErrorFields] = useState<{ authToken: string }>({ authToken: '' });\r\n   const [showTestModal, setShowTestModal] = useState(false);\r\n   const [testUrl, setTestUrl] = useState('');\r\n   const validationMutation = useValidateIntegration();\r\n\r\n   const authType = ntfySettings.authType || 'token';\r\n\r\n   const updateNtfySettings = (updated: NtfySettingsType) => {\r\n      setNtfySettings(updated);\r\n      onUpdate(updated);\r\n   };\r\n\r\n   const validateSettings = (e: React.FormEvent) => {\r\n      e.preventDefault();\r\n\r\n      const newErrors = { authToken: '' };\r\n\r\n      if (!ntfySettings?.authToken) {\r\n         newErrors.authToken = 'Required';\r\n      }\r\n      setErrorFields(newErrors);\r\n      const hasErrors = Object.values(newErrors).some((error) => error !== '');\r\n      if (!hasErrors) {\r\n         setShowTestModal(true);\r\n      }\r\n   };\r\n\r\n   return (\r\n      <div>\r\n         <div className={classes.field}>\r\n            <Select\r\n               label=\"Auth Type*\"\r\n               fieldValue={authType}\r\n               options={[{ label: 'Token', value: 'token' }]}\r\n               onUpdate={(val) => updateNtfySettings({ ...ntfySettings, authType: val })}\r\n               inline={true}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <PasswordField\r\n               label=\"Auth Token*\"\r\n               fieldValue={ntfySettings.authToken}\r\n               onUpdate={(val) => updateNtfySettings({ ...ntfySettings, authToken: val })}\r\n               error={errorFields?.authToken}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <button className={classes.validateBtn} onClick={validateSettings} type=\"button\">\r\n               <Icon type=\"check\" size={10} /> {ntfySettings.connected ? 'Re-validate Ntfy' : 'Validate Ntfy'}\r\n            </button>\r\n         </div>\r\n         {showTestModal && (\r\n            <ActionModal\r\n               title={`Test Ntfy Integration`}\r\n               message={\r\n                  <>\r\n                     <Input\r\n                        label=\"Send Test Notification to this topic\"\r\n                        full={true}\r\n                        inline={false}\r\n                        fieldValue={testUrl}\r\n                        onUpdate={(val) => setTestUrl(val)}\r\n                        type=\"text\"\r\n                        placeholder=\"test/topic url. Eg: https://ntfy.sh/testtopic\"\r\n                     />\r\n                  </>\r\n               }\r\n               errorMessage={validationMutation.error?.message}\r\n               successMessage={validationMutation.isSuccess ? 'Test notification sent. Integration validated successfully.' : ''}\r\n               closeModal={() => setShowTestModal(false)}\r\n               width=\"400px\"\r\n               secondaryAction={{ title: 'Close', action: () => setShowTestModal(false) }}\r\n               primaryAction={{\r\n                  title: `Send Test Notification`,\r\n                  type: 'default',\r\n                  icon: 'send',\r\n                  isPending: validationMutation.isPending,\r\n                  action: () =>\r\n                     testUrl &&\r\n                     validationMutation.mutate({ settingsID, type: 'ntfy', settings: { ...settings, ntfy: ntfySettings }, test: { url: testUrl } }),\r\n               }}\r\n            />\r\n         )}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default NtfySettings;\r\n"],"names":["NtfySettings","settingsID","settings","onUpdate","ntfySettings","setNtfySettings","useState","errorFields","setErrorFields","showTestModal","setShowTestModal","testUrl","setTestUrl","validationMutation","useValidateIntegration","authType","updateNtfySettings","updated","validateSettings","newErrors","error","jsx","classes","Select","val","PasswordField","jsxs","Icon","ActionModal","Fragment","Input","_a"],"mappings":"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"}

package/dist-lib/components/Settings/IntegrationSettings/SMTPSettings.d.ts

@@ -1,9 +1,10 @@
 import { SmtpSettingsType } from '../../../@types/settings';
+import { IntegrationSettings } from '../../../@types';
 interface SMTPSettingsProps {
-    settings: SmtpSettingsType;
+    settingsID: number;
+    settings: IntegrationSettings;
     onUpdate: (settings: SmtpSettingsType) => void;
-    showTestModal: (type: 'smtp') => void;
 }
-declare const SMTPSettings: ({ settings, onUpdate, showTestModal }: SMTPSettingsProps) => import("react/jsx-runtime").JSX.Element;
+declare const SMTPSettings: ({ settingsID, settings, onUpdate }: SMTPSettingsProps) => import("react/jsx-runtime").JSX.Element;
 export default SMTPSettings;
 //# sourceMappingURL=SMTPSettings.d.ts.map

package/dist-lib/components/Settings/IntegrationSettings/SMTPSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SMTPSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Settings/IntegrationSettings/SMTPSettings.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,UAAU,iBAAiB;IACxB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,QAAA,MAAM,YAAY,GAAI,uCAAuC,iBAAiB,4CAiF7E,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SMTPSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Settings/IntegrationSettings/SMTPSettings.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAItD,UAAU,iBAAiB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,QAAQ,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACjD;AAED,QAAA,MAAM,YAAY,GAAI,oCAAoC,iBAAiB,4CAwF1E,CAAC;AAEF,eAAe,YAAY,CAAC"}