@plutonhq/core-frontend 0.1.23 → 0.1.24

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"}

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

@@ -1,73 +1,75 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { useState as E } from "react";
-import c from "../../common/form/Input/Input.js";
-import S from "../../common/Icon/Icon.js";
-import { isValidEmail as h } from "../../../utils/helpers.js";
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { useState as m } from "react";
+import s from "../../common/form/Input/Input.js";
+import T from "../../common/Icon/Icon.js";
+import { isValidEmail as P } from "../../../utils/helpers.js";
 import d from "./IntegrationSettings.module.scss.js";
-const y = ({ settings: r, onUpdate: m, showTestModal: f }) => {
-  const [l, v] = E({
+import M from "./ValidateEmailIntegration.js";
+const q = ({ settingsID: v, settings: n, onUpdate: i }) => {
+  const [u, c] = m(!1), [l, E] = m({
     server: "",
     port: "",
     senderEmail: ""
-  }), u = (a) => {
+  }), e = (n == null ? void 0 : n.smtp) || { server: "", port: 587, senderEmail: "", username: "", password: "", connected: !1 }, p = (a) => {
     a.preventDefault();
     const o = { server: "", port: "", senderEmail: "" };
-    r != null && r.server || (o.server = "Server is required"), r != null && r.port || (o.port = "Port is required"), r != null && r.senderEmail ? h(r.senderEmail) || (o.senderEmail = "Invalid email") : o.senderEmail = "Sender Email is required", v(o), Object.values(o).some((i) => i !== "") || f("smtp");
+    e != null && e.server || (o.server = "Server is required"), e != null && e.port || (o.port = "Port is required"), e != null && e.senderEmail ? P(e.senderEmail) || (o.senderEmail = "Invalid email") : o.senderEmail = "Sender Email is required", E(o), Object.values(o).some((h) => h !== "") || c(!0);
   };
-  return /* @__PURE__ */ p("div", { className: d.integrations, children: [
-    /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
-      c,
+  return /* @__PURE__ */ f("div", { className: d.integrations, children: [
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ r(
+      s,
       {
         label: "SMTP Server*",
-        fieldValue: (r == null ? void 0 : r.server) || "",
-        onUpdate: (a) => m({ ...r, server: a }),
+        fieldValue: (e == null ? void 0 : e.server) || "",
+        onUpdate: (a) => i({ ...e, server: a }),
         error: l == null ? void 0 : l.server
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
-      c,
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ r(
+      s,
       {
         label: "SMTP PORT*",
-        fieldValue: (r == null ? void 0 : r.port) || "",
-        onUpdate: (a) => m({ ...r, port: parseInt(a, 10) }),
+        fieldValue: (e == null ? void 0 : e.port) || "",
+        onUpdate: (a) => i({ ...e, port: parseInt(a, 10) }),
         error: l == null ? void 0 : l.port
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
-      c,
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ r(
+      s,
       {
         label: "Sender Email*",
         type: "email",
-        fieldValue: (r == null ? void 0 : r.senderEmail) || "",
-        onUpdate: (a) => m({ ...r, senderEmail: a }),
+        fieldValue: (e == null ? void 0 : e.senderEmail) || "",
+        onUpdate: (a) => i({ ...e, senderEmail: a }),
         error: l == null ? void 0 : l.senderEmail
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
-      c,
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ r(
+      s,
       {
         label: "SMTP Username",
-        fieldValue: (r == null ? void 0 : r.username) || "",
-        onUpdate: (a) => m({ ...r, username: a })
+        fieldValue: (e == null ? void 0 : e.username) || "",
+        onUpdate: (a) => i({ ...e, username: a })
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
-      c,
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ r(
+      s,
       {
         label: "SMTP Password",
-        fieldValue: (r == null ? void 0 : r.password) || "",
+        fieldValue: (e == null ? void 0 : e.password) || "",
         type: "password",
-        onUpdate: (a) => m({ ...r, password: a })
+        onUpdate: (a) => i({ ...e, password: a })
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ p("button", { className: d.validateBtn, onClick: u, type: "button", children: [
-      /* @__PURE__ */ e(S, { type: "check", size: 10 }),
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ f("button", { className: d.validateBtn, onClick: p, type: "button", children: [
+      /* @__PURE__ */ r(T, { type: "check", size: 10 }),
       " ",
-      r != null && r.connected ? "Re-validate SMTP" : "Validate SMTP"
-    ] }) })
+      e != null && e.connected ? "Re-validate SMTP" : "Validate SMTP"
+    ] }) }),
+    u && /* @__PURE__ */ r(M, { settingsID: v, settings: n, integrationType: "smtp", onClose: () => c(!1) })
   ] });
 };
 export {
-  y as default
+  q as default
 };
 //# sourceMappingURL=SMTPSettings.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SMTPSettings.js","sources":["../../../../src/components/Settings/IntegrationSettings/SMTPSettings.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport Input from '../../common/form/Input/Input';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport { isValidEmail } from '../../../utils/helpers';\r\nimport { SmtpSettingsType } from '../../../@types/settings';\r\nimport classes from './IntegrationSettings.module.scss';\r\n\r\ninterface SMTPSettingsProps {\r\n   settings: SmtpSettingsType;\r\n   onUpdate: (settings: SmtpSettingsType) => void;\r\n   showTestModal: (type: 'smtp') => void;\r\n}\r\n\r\nconst SMTPSettings = ({ settings, onUpdate, showTestModal }: SMTPSettingsProps) => {\r\n   const [errorFields, setErrorFields] = useState<{ server: string; port: string; senderEmail: string }>({\r\n      server: '',\r\n      port: '',\r\n      senderEmail: '',\r\n   });\r\n\r\n   const validateSettings = (e: React.FormEvent) => {\r\n      e.preventDefault();\r\n\r\n      const newErrors = { server: '', port: '', senderEmail: '' };\r\n\r\n      if (!settings?.server) {\r\n         newErrors.server = 'Server is required';\r\n      }\r\n      if (!settings?.port) {\r\n         newErrors.port = 'Port is required';\r\n      }\r\n      if (!settings?.senderEmail) {\r\n         newErrors.senderEmail = 'Sender Email is required';\r\n      } else if (!isValidEmail(settings.senderEmail)) {\r\n         newErrors.senderEmail = 'Invalid email';\r\n      }\r\n\r\n      setErrorFields(newErrors);\r\n      const hasErrors = Object.values(newErrors).some((error) => error !== '');\r\n      if (!hasErrors) {\r\n         showTestModal('smtp');\r\n      }\r\n   };\r\n\r\n   return (\r\n      <div className={classes.integrations}>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"SMTP Server*\"\r\n               fieldValue={(settings?.server || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...settings, server: val })}\r\n               error={errorFields?.server}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"SMTP PORT*\"\r\n               fieldValue={(settings?.port || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...settings, port: parseInt(val, 10) })}\r\n               error={errorFields?.port}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"Sender Email*\"\r\n               type=\"email\"\r\n               fieldValue={(settings?.senderEmail || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...settings, senderEmail: val })}\r\n               error={errorFields?.senderEmail}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"SMTP Username\"\r\n               fieldValue={(settings?.username || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...settings, username: val })}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"SMTP Password\"\r\n               fieldValue={(settings?.password || '') as string}\r\n               type=\"password\"\r\n               onUpdate={(val) => onUpdate({ ...settings, password: val })}\r\n            />\r\n         </div>\r\n\r\n         <div className={classes.field}>\r\n            <button className={classes.validateBtn} onClick={validateSettings} type=\"button\">\r\n               <Icon type=\"check\" size={10} /> {settings?.connected ? 'Re-validate SMTP' : 'Validate SMTP'}\r\n            </button>\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default SMTPSettings;\r\n"],"names":["SMTPSettings","settings","onUpdate","showTestModal","errorFields","setErrorFields","useState","validateSettings","e","newErrors","isValidEmail","error","jsxs","classes","jsx","Input","val","Icon"],"mappings":"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"}
+{"version":3,"file":"SMTPSettings.js","sources":["../../../../src/components/Settings/IntegrationSettings/SMTPSettings.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport Input from '../../common/form/Input/Input';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport { isValidEmail } from '../../../utils/helpers';\r\nimport { SmtpSettingsType } from '../../../@types/settings';\r\nimport { IntegrationSettings } from '../../../@types';\r\nimport classes from './IntegrationSettings.module.scss';\r\nimport ValidateEmailIntegration from './ValidateEmailIntegration';\r\n\r\ninterface SMTPSettingsProps {\r\n   settingsID: number;\r\n   settings: IntegrationSettings;\r\n   onUpdate: (settings: SmtpSettingsType) => void;\r\n}\r\n\r\nconst SMTPSettings = ({ settingsID, settings, onUpdate }: SMTPSettingsProps) => {\r\n   const [showTestModal, setShowTestModal] = useState(false);\r\n   const [errorFields, setErrorFields] = useState<{ server: string; port: string; senderEmail: string }>({\r\n      server: '',\r\n      port: '',\r\n      senderEmail: '',\r\n   });\r\n\r\n   const smtpSettings = settings?.smtp || { server: '', port: 587, senderEmail: '', username: '', password: '', connected: false };\r\n\r\n   const validateSettings = (e: React.FormEvent) => {\r\n      e.preventDefault();\r\n\r\n      const newErrors = { server: '', port: '', senderEmail: '' };\r\n\r\n      if (!smtpSettings?.server) {\r\n         newErrors.server = 'Server is required';\r\n      }\r\n      if (!smtpSettings?.port) {\r\n         newErrors.port = 'Port is required';\r\n      }\r\n      if (!smtpSettings?.senderEmail) {\r\n         newErrors.senderEmail = 'Sender Email is required';\r\n      } else if (!isValidEmail(smtpSettings.senderEmail)) {\r\n         newErrors.senderEmail = 'Invalid email';\r\n      }\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 className={classes.integrations}>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"SMTP Server*\"\r\n               fieldValue={(smtpSettings?.server || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...smtpSettings, server: val })}\r\n               error={errorFields?.server}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"SMTP PORT*\"\r\n               fieldValue={(smtpSettings?.port || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...smtpSettings, port: parseInt(val, 10) })}\r\n               error={errorFields?.port}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"Sender Email*\"\r\n               type=\"email\"\r\n               fieldValue={(smtpSettings?.senderEmail || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...smtpSettings, senderEmail: val })}\r\n               error={errorFields?.senderEmail}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"SMTP Username\"\r\n               fieldValue={(smtpSettings?.username || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...smtpSettings, username: val })}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"SMTP Password\"\r\n               fieldValue={(smtpSettings?.password || '') as string}\r\n               type=\"password\"\r\n               onUpdate={(val) => onUpdate({ ...smtpSettings, password: val })}\r\n            />\r\n         </div>\r\n\r\n         <div className={classes.field}>\r\n            <button className={classes.validateBtn} onClick={validateSettings} type=\"button\">\r\n               <Icon type=\"check\" size={10} /> {smtpSettings?.connected ? 'Re-validate SMTP' : 'Validate SMTP'}\r\n            </button>\r\n         </div>\r\n\r\n         {showTestModal && (\r\n            <ValidateEmailIntegration settingsID={settingsID} settings={settings} integrationType=\"smtp\" onClose={() => setShowTestModal(false)} />\r\n         )}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default SMTPSettings;\r\n"],"names":["SMTPSettings","settingsID","settings","onUpdate","showTestModal","setShowTestModal","useState","errorFields","setErrorFields","smtpSettings","validateSettings","e","newErrors","isValidEmail","error","jsxs","classes","jsx","Input","val","Icon","ValidateEmailIntegration"],"mappings":";;;;;;;AAeA,MAAMA,IAAe,CAAC,EAAE,YAAAC,GAAY,UAAAC,GAAU,UAAAC,QAAkC;AAC7E,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAS,EAAK,GAClD,CAACC,GAAaC,CAAc,IAAIF,EAAgE;AAAA,IACnG,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,aAAa;AAAA,EAAA,CACf,GAEKG,KAAeP,KAAA,gBAAAA,EAAU,SAAQ,EAAE,QAAQ,IAAI,MAAM,KAAK,aAAa,IAAI,UAAU,IAAI,UAAU,IAAI,WAAW,GAAA,GAElHQ,IAAmB,CAACC,MAAuB;AAC9C,IAAAA,EAAE,eAAA;AAEF,UAAMC,IAAY,EAAE,QAAQ,IAAI,MAAM,IAAI,aAAa,GAAA;AAEvD,IAAKH,KAAA,QAAAA,EAAc,WAChBG,EAAU,SAAS,uBAEjBH,KAAA,QAAAA,EAAc,SAChBG,EAAU,OAAO,qBAEfH,KAAA,QAAAA,EAAc,cAEPI,EAAaJ,EAAa,WAAW,MAC9CG,EAAU,cAAc,mBAFxBA,EAAU,cAAc,4BAK3BJ,EAAeI,CAAS,GACN,OAAO,OAAOA,CAAS,EAAE,KAAK,CAACE,MAAUA,MAAU,EAAE,KAEpET,EAAiB,EAAI;AAAA,EAE3B;AAEA,SACG,gBAAAU,EAAC,OAAA,EAAI,WAAWC,EAAQ,cACrB,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,OACrB,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,OAAM;AAAA,QACN,aAAaT,KAAA,gBAAAA,EAAc,WAAU;AAAA,QACrC,UAAU,CAACU,MAAQhB,EAAS,EAAE,GAAGM,GAAc,QAAQU,GAAK;AAAA,QAC5D,OAAOZ,KAAA,gBAAAA,EAAa;AAAA,MAAA;AAAA,IAAA,GAE1B;AAAA,IACA,gBAAAU,EAAC,OAAA,EAAI,WAAWD,EAAQ,OACrB,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,OAAM;AAAA,QACN,aAAaT,KAAA,gBAAAA,EAAc,SAAQ;AAAA,QACnC,UAAU,CAACU,MAAQhB,EAAS,EAAE,GAAGM,GAAc,MAAM,SAASU,GAAK,EAAE,GAAG;AAAA,QACxE,OAAOZ,KAAA,gBAAAA,EAAa;AAAA,MAAA;AAAA,IAAA,GAE1B;AAAA,IACA,gBAAAU,EAAC,OAAA,EAAI,WAAWD,EAAQ,OACrB,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,OAAM;AAAA,QACN,MAAK;AAAA,QACL,aAAaT,KAAA,gBAAAA,EAAc,gBAAe;AAAA,QAC1C,UAAU,CAACU,MAAQhB,EAAS,EAAE,GAAGM,GAAc,aAAaU,GAAK;AAAA,QACjE,OAAOZ,KAAA,gBAAAA,EAAa;AAAA,MAAA;AAAA,IAAA,GAE1B;AAAA,IACA,gBAAAU,EAAC,OAAA,EAAI,WAAWD,EAAQ,OACrB,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,OAAM;AAAA,QACN,aAAaT,KAAA,gBAAAA,EAAc,aAAY;AAAA,QACvC,UAAU,CAACU,MAAQhB,EAAS,EAAE,GAAGM,GAAc,UAAUU,EAAA,CAAK;AAAA,MAAA;AAAA,IAAA,GAEpE;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAWD,EAAQ,OACrB,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,OAAM;AAAA,QACN,aAAaT,KAAA,gBAAAA,EAAc,aAAY;AAAA,QACvC,MAAK;AAAA,QACL,UAAU,CAACU,MAAQhB,EAAS,EAAE,GAAGM,GAAc,UAAUU,EAAA,CAAK;AAAA,MAAA;AAAA,IAAA,GAEpE;AAAA,IAEA,gBAAAF,EAAC,OAAA,EAAI,WAAWD,EAAQ,OACrB,UAAA,gBAAAD,EAAC,UAAA,EAAO,WAAWC,EAAQ,aAAa,SAASN,GAAkB,MAAK,UACrE,UAAA;AAAA,MAAA,gBAAAO,EAACG,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI;AAAA,MAAE;AAAA,MAAEX,KAAA,QAAAA,EAAc,YAAY,qBAAqB;AAAA,IAAA,EAAA,CACnF,EAAA,CACH;AAAA,IAECL,KACE,gBAAAa,EAACI,GAAA,EAAyB,YAAApB,GAAwB,UAAAC,GAAoB,iBAAgB,QAAO,SAAS,MAAMG,EAAiB,EAAK,EAAA,CAAG;AAAA,EAAA,GAE3I;AAEN;"}

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

@@ -0,0 +1,10 @@
+import { IntegrationSettings, IntegrationTypes } from '../../../@types';
+interface ValidateEmailIntegrationProps {
+    settingsID: number;
+    settings: IntegrationSettings;
+    integrationType: IntegrationTypes;
+    onClose: () => void;
+}
+declare const ValidateEmailIntegration: ({ settingsID, settings, integrationType, onClose }: ValidateEmailIntegrationProps) => import("react/jsx-runtime").JSX.Element;
+export default ValidateEmailIntegration;
+//# sourceMappingURL=ValidateEmailIntegration.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ValidateEmailIntegration.d.ts","sourceRoot":"","sources":["../../../../src/components/Settings/IntegrationSettings/ValidateEmailIntegration.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA0B,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEhG,UAAU,6BAA6B;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,eAAe,EAAE,gBAAgB,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,wBAAwB,GAAI,oDAAoD,6BAA6B,4CA0ClH,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

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

@@ -0,0 +1,49 @@
+import { jsx as i, Fragment as d } from "react/jsx-runtime";
+import { useState as u } from "react";
+import p from "../../common/form/Input/Input.js";
+import f from "../../common/ActionModal/ActionModal.js";
+import { useValidateIntegration as g } from "../../../services/settings.js";
+import { INTEGRATIONS_AVAILABLE as A } from "../../../@types/settings.js";
+const h = ({ settingsID: n, settings: r, integrationType: a, onClose: s }) => {
+  var l;
+  const [t, m] = u(""), e = g(), o = A[a].name;
+  return /* @__PURE__ */ i(
+    f,
+    {
+      title: `Test ${o} Integration`,
+      message: /* @__PURE__ */ i(d, { children: /* @__PURE__ */ i(
+        p,
+        {
+          label: "Send Test Email to this email",
+          full: !0,
+          inline: !1,
+          fieldValue: t,
+          onUpdate: (c) => m(c),
+          type: "email",
+          placeholder: "test@test.com"
+        }
+      ) }),
+      errorMessage: (l = e.error) == null ? void 0 : l.message,
+      successMessage: e.isSuccess ? `Test email sent. ${o} validated successfully.` : "",
+      closeModal: s,
+      width: "400px",
+      secondaryAction: { title: "Close", action: s },
+      primaryAction: {
+        title: "Send Test Email",
+        type: "default",
+        icon: "email",
+        isPending: e.isPending,
+        action: () => t && e.mutate({
+          settingsID: n,
+          type: a,
+          settings: { ...r },
+          test: { email: t }
+        })
+      }
+    }
+  );
+};
+export {
+  h as default
+};
+//# sourceMappingURL=ValidateEmailIntegration.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ValidateEmailIntegration.js","sources":["../../../../src/components/Settings/IntegrationSettings/ValidateEmailIntegration.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport Input from '../../common/form/Input/Input';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\nimport { useValidateIntegration } from '../../../services';\r\nimport { INTEGRATIONS_AVAILABLE, IntegrationSettings, IntegrationTypes } from '../../../@types';\r\n\r\ninterface ValidateEmailIntegrationProps {\r\n   settingsID: number;\r\n   settings: IntegrationSettings;\r\n   integrationType: IntegrationTypes;\r\n   onClose: () => void;\r\n}\r\n\r\nconst ValidateEmailIntegration = ({ settingsID, settings, integrationType, onClose }: ValidateEmailIntegrationProps) => {\r\n   const [testEmail, setTestEmail] = useState('');\r\n   const validationMutation = useValidateIntegration();\r\n   const integrationName = INTEGRATIONS_AVAILABLE[integrationType as IntegrationTypes].name;\r\n\r\n   return (\r\n      <ActionModal\r\n         title={`Test ${integrationName} Integration`}\r\n         message={\r\n            <>\r\n               <Input\r\n                  label=\"Send Test Email to this email\"\r\n                  full={true}\r\n                  inline={false}\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. ${integrationName} validated successfully.` : ''}\r\n         closeModal={onClose}\r\n         width=\"400px\"\r\n         secondaryAction={{ title: 'Close', action: onClose }}\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: () =>\r\n               testEmail &&\r\n               validationMutation.mutate({\r\n                  settingsID,\r\n                  type: integrationType,\r\n                  settings: { ...settings },\r\n                  test: { email: testEmail },\r\n               }),\r\n         }}\r\n      />\r\n   );\r\n};\r\n\r\nexport default ValidateEmailIntegration;\r\n"],"names":["ValidateEmailIntegration","settingsID","settings","integrationType","onClose","testEmail","setTestEmail","useState","validationMutation","useValidateIntegration","integrationName","INTEGRATIONS_AVAILABLE","jsx","ActionModal","Fragment","Input","val","_a"],"mappings":";;;;;;AAaA,MAAMA,IAA2B,CAAC,EAAE,YAAAC,GAAY,UAAAC,GAAU,iBAAAC,GAAiB,SAAAC,QAA6C;;AACrH,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAE,GACvCC,IAAqBC,EAAA,GACrBC,IAAkBC,EAAuBR,CAAmC,EAAE;AAEpF,SACG,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,OAAO,QAAQH,CAAe;AAAA,MAC9B,SACG,gBAAAE,EAAAE,GAAA,EACG,UAAA,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACE,OAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,YAAYV;AAAA,UACZ,UAAU,CAACW,MAAQV,EAAaU,CAAG;AAAA,UACnC,MAAK;AAAA,UACL,aAAY;AAAA,QAAA;AAAA,MAAA,GAElB;AAAA,MAEH,eAAcC,IAAAT,EAAmB,UAAnB,gBAAAS,EAA0B;AAAA,MACxC,gBAAgBT,EAAmB,YAAY,oBAAoBE,CAAe,6BAA6B;AAAA,MAC/G,YAAYN;AAAA,MACZ,OAAM;AAAA,MACN,iBAAiB,EAAE,OAAO,SAAS,QAAQA,EAAA;AAAA,MAC3C,eAAe;AAAA,QACZ,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAWI,EAAmB;AAAA,QAC9B,QAAQ,MACLH,KACAG,EAAmB,OAAO;AAAA,UACvB,YAAAP;AAAA,UACA,MAAME;AAAA,UACN,UAAU,EAAE,GAAGD,EAAA;AAAA,UACf,MAAM,EAAE,OAAOG,EAAA;AAAA,QAAU,CAC3B;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AAGT;"}

package/dist-lib/components/Storage/EditStorage/EditStorage.js

@@ -10,28 +10,28 @@ import B from "../StorageSettings/StorageSettings.js";
 import I from "../StorageAuthSettings/StorageAuthSettings.js";
 import { shouldDisplayStorageField as G } from "../../../utils/helpers.js";
 const ee = ({ close: U, storage: s }) => {
-  const [h, F] = d({}), [p, k] = d(!1), [g, q] = d(() => s.authType || ""), [m, y] = d({}), [u, b] = d(() => s.settings), [E, $] = d(() => s.tags || []), S = x(), v = s.type, { data: o } = z(s.id);
+  const [h, N] = d({}), [p, k] = d(!1), [g, q] = d(() => s.authType || ""), [m, y] = d({}), [u, b] = d(() => s.settings), [E, $] = d(() => s.tags || []), S = x(), v = s.type, { data: o } = z(s.id);
   R(() => {
     o && o.success && o.result && o.result.credentials && y(o.result.credentials);
   }, [o]);
   const f = A(() => {
     const a = { required: [], optional: [] };
     return s.storageFields.forEach((r) => {
-      r.required ? a.required.push(r) : a.optional.push(r);
+      r.required ? a.required.push(r) : r.authFieldType || a.optional.push(r);
     }), a;
-  }, [s.storageFields]), N = A(() => {
+  }, [s.storageFields]), T = A(() => {
     var i;
     const a = ((i = o == null ? void 0 : o.result) == null ? void 0 : i.authTypes) || ["client"];
     return { fields: s.storageFields.filter((l) => l.authFieldType), types: a };
   }, [s.storageFields, o]), j = () => {
-    F({});
+    N({});
     const a = {}, r = s.storageFields;
     if (r.forEach((i) => {
       if (!i.required || !G(i, u, r)) return;
       const l = !!i.authFieldType;
       if (!(!l || i.authFieldType === g)) return;
-      const T = l ? m[i.value] : u[i.value];
-      (T == null || T === "") && (a[i.value] = "Required");
+      const F = l ? m[i.value] : u[i.value];
+      (F == null || F === "") && (a[i.value] = "Required");
     }), console.log("errors :", a), Object.keys(a).length === 0) {
       const i = {
         id: s.id,
@@ -54,7 +54,7 @@ Error Detail: ${l.message}`), y(o.result.credentials), b(o.result.settings);
         }
       });
     } else
-      F(a);
+      N(a);
   };
   return /* @__PURE__ */ e(
     P,
@@ -100,12 +100,12 @@ Error Detail: ${l.message}`), y(o.result.credentials), b(o.result.settings);
             s.storageTypeName
           ] })
         ] }),
-        v && N.fields.length > 0 && /* @__PURE__ */ e(
+        v && T.fields.length > 0 && /* @__PURE__ */ e(
           I,
           {
             storageType: v,
-            fields: N.fields,
-            authTypes: N.types,
+            fields: T.fields,
+            authTypes: T.types,
             settings: m,
             onUpdate: (a) => y(a),
             errors: h,