@plutonhq/core-frontend 0.1.13 → 0.1.15

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

@@ -1,47 +1,56 @@
-import { jsxs as g, jsx as t, Fragment as f } from "react/jsx-runtime";
-import { useState as n } from "react";
-import M from "./IntegrationSettings.module.scss.js";
+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 T from "../../common/ActionModal/ActionModal.js";
-import { useValidateIntegration as h } from "../../../services/settings.js";
-import y from "./SMTPSettings.js";
-const j = ({ settingsID: r, settings: e, onUpdate: m }) => {
+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 [i, c] = n(""), [d, o] = n(""), p = (e == null ? void 0 : e.integration) || {}, { smtp: a } = p || {}, s = h();
-  return console.log("smtp :", a), /* @__PURE__ */ g("div", { className: M.integrations, children: [
-    /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(y, { settings: a, onUpdate: m, showTestModal: o }) }),
-    d && /* @__PURE__ */ t(
-      T,
+  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 } });
+  };
+  return /* @__PURE__ */ M("div", { className: h.integrations, children: [
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+      v,
+      {
+        settings: u,
+        onUpdate: (t) => f("smtp", t),
+        showTestModal: (t) => a(t)
+      }
+    ) }),
+    g && /* @__PURE__ */ e(
+      I,
       {
         title: "Test SMTP Integration",
-        message: /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(
+        message: /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(
           S,
           {
             label: "Send Test Email to this email",
             full: !0,
-            fieldValue: i,
-            onUpdate: (u) => c(u),
+            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: () => o(""),
+        closeModal: () => a(""),
         width: "400px",
-        secondaryAction: { title: "Close", action: () => o("") },
+        secondaryAction: { title: "Close", action: () => a("") },
         primaryAction: {
           title: "Send Test Email",
           type: "default",
           icon: "email",
           isPending: s.isPending,
-          action: () => s.mutate({ settingsID: r, type: "smtp", settings: e, test: { email: i } })
+          action: () => s.mutate({ settingsID: c, type: "smtp", settings: o, test: { email: n } })
         }
       }
     )
   ] });
 };
 export {
-  j as default
+  V 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   console.log('smtp :', smtp);\r\n\r\n   return (\r\n      <div className={classes.integrations}>\r\n         <div>\r\n            <SMTPSettings settings={smtp} onUpdate={onUpdate} showTestModal={setShowEmailTestModal} />\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","jsxs","classes","jsx","SMTPSettings","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;AAE3B,iBAAQ,IAAI,UAAUF,CAAI,GAGvB,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAQ,cACrB,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EACE,4BAACC,GAAA,EAAa,UAAUN,GAAM,UAAAP,GAAoB,eAAeK,GAAuB,EAAA,CAC3F;AAAA,IACCD,KACE,gBAAAQ;AAAA,MAACE;AAAA,MAAA;AAAA,QACE,OAAO;AAAA,QACP,SACG,gBAAAF,EAAAG,GAAA,EACG,UAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACE,OAAM;AAAA,YACN,MAAM;AAAA,YACN,YAAYf;AAAA,YACZ,UAAU,CAACgB,MAAQf,EAAae,CAAG;AAAA,YACnC,MAAK;AAAA,YACL,aAAY;AAAA,UAAA;AAAA,QAAA,GAElB;AAAA,QAEH,eAAcC,IAAAV,EAAmB,UAAnB,gBAAAU,EAA0B;AAAA,QACxC,gBAAgBV,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 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;"}

package/dist-lib/components/Settings/TwoFactorSetup/TwoFactorSetup.d.ts

@@ -0,0 +1,7 @@
+interface TwoFactorSetupProps {
+    id: number;
+    close: () => void;
+}
+declare const TwoFactorSetup: ({ close, id }: TwoFactorSetupProps) => import("react/jsx-runtime").JSX.Element;
+export default TwoFactorSetup;
+//# sourceMappingURL=TwoFactorSetup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TwoFactorSetup.d.ts","sourceRoot":"","sources":["../../../../src/components/Settings/TwoFactorSetup/TwoFactorSetup.tsx"],"names":[],"mappings":"AAQA,UAAU,mBAAmB;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,GAAI,eAAmB,mBAAmB,4CAsF7D,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,79 @@
+import { jsxs as o, Fragment as C, jsx as e } from "react/jsx-runtime";
+import { useState as N, useEffect as b } from "react";
+import { useSetupTwoFactorAuth as M, useVerifyTwoFactorAuth as T } from "../../../services/settings.js";
+import k from "../../common/Icon/Icon.js";
+import y from "../../common/Modal/Modal.js";
+import x from "../../common/form/Input/Input.js";
+import E from "../../common/Button/Button.js";
+import t from "./TwoFactorSetup.module.scss.js";
+const D = ({ close: g, id: c = 1 }) => {
+  var l, d, u, h, p, m, f;
+  const [a, v] = N(""), r = M(), i = T(), s = r.isPending || i.isPending, n = ((d = (l = r.data) == null ? void 0 : l.result) == null ? void 0 : d.qrCodeDataUrl) || "", w = ((h = (u = r.data) == null ? void 0 : u.result) == null ? void 0 : h.setupKey) || "", A = ((m = (p = i.data) == null ? void 0 : p.result) == null ? void 0 : m.recoveryCodes) || [];
+  b(() => {
+    r.mutate(c);
+  }, []);
+  const F = () => {
+    i.mutate({ code: a, id: c });
+  };
+  return /* @__PURE__ */ o(C, { children: [
+    !i.isSuccess && /* @__PURE__ */ e(y, { title: "Two-Factor Authentication (2FA) Setup", closeModal: () => !s && g(), width: "500px", disableBackdropClick: !0, children: /* @__PURE__ */ o("div", { className: t.twoFactorSetup, children: [
+      r.isPending && /* @__PURE__ */ o("p", { children: [
+        /* @__PURE__ */ e(k, { type: "loading" }),
+        " Setting up 2FA..."
+      ] }),
+      r.isError && /* @__PURE__ */ e("p", { className: t.error, children: "Error setting up 2FA. Please try again." }),
+      r.isSuccess && /* @__PURE__ */ o("div", { className: t.setupContainer, children: [
+        /* @__PURE__ */ o("div", { className: t.instructions, children: [
+          /* @__PURE__ */ e("h4", { children: "Setup Instructions" }),
+          /* @__PURE__ */ o("ol", { children: [
+            /* @__PURE__ */ e("li", { children: "Download and install an authenticator app on your mobile device (e.g., Google Authenticator, Authy, Microsoft Authenticator)." }),
+            /* @__PURE__ */ e("li", { children: "Open the authenticator app and choose to add a new account." }),
+            /* @__PURE__ */ e("li", { children: "Scan the QR code below using the authenticator app or manually enter the setup key provided." }),
+            /* @__PURE__ */ e("li", { children: "Once added, the app will generate a 6-digit verification code that refreshes every 30 seconds." }),
+            /* @__PURE__ */ e("li", { children: "Enter the current 6-digit code from the authenticator app into the field below to complete the setup." })
+          ] })
+        ] }),
+        /* @__PURE__ */ o("div", { className: t.qrSection, children: [
+          /* @__PURE__ */ e("div", { className: t.qrCode, children: n && /* @__PURE__ */ e("img", { src: n, alt: "2FA QR Code" }) }),
+          /* @__PURE__ */ o("div", { className: t.setupKey, children: [
+            "Setup Key: ",
+            w
+          ] }),
+          i.isError && /* @__PURE__ */ e("p", { className: t.errorMsg, children: (f = i.error) == null ? void 0 : f.message }),
+          /* @__PURE__ */ o("div", { className: t.verifySection, children: [
+            /* @__PURE__ */ e(
+              x,
+              {
+                type: "text",
+                placeholder: "Enter 6-digit code",
+                fieldValue: a,
+                onUpdate: (S) => v(S),
+                full: !0
+              }
+            ),
+            /* @__PURE__ */ e(E, { text: "Verify & Enable 2FA", onClick: () => F(), variant: "primary", size: "sm" })
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    i.isSuccess && /* @__PURE__ */ e(
+      y,
+      {
+        title: "Two-Factor Authentication (2FA) Setup",
+        closeModal: () => !s && location.reload(),
+        width: "500px",
+        disableBackdropClick: !0,
+        children: /* @__PURE__ */ o("div", { className: t.successMessage, children: [
+          /* @__PURE__ */ e("p", { className: t.successMsg, children: "Two-Factor Authentication (2FA) has been successfully enabled." }),
+          /* @__PURE__ */ e("p", { children: /* @__PURE__ */ e("strong", { children: "Save these backup codes in a secure place. They will be required to access your account if you lose your device. They won't be shown again." }) }),
+          /* @__PURE__ */ e("code", { className: t.recoveryCodes, children: A.join(`
+`) })
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  D as default
+};
+//# sourceMappingURL=TwoFactorSetup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TwoFactorSetup.js","sources":["../../../../src/components/Settings/TwoFactorSetup/TwoFactorSetup.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { useSetupTwoFactorAuth, useVerifyTwoFactorAuth } from '../../../services';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport Modal from '../../common/Modal/Modal';\r\nimport Input from '../../common/form/Input/Input';\r\nimport Button from '../../common/Button/Button';\r\nimport classes from './TwoFactorSetup.module.scss';\r\n\r\ninterface TwoFactorSetupProps {\r\n   id: number;\r\n   close: () => void;\r\n}\r\n\r\nconst TwoFactorSetup = ({ close, id = 1 }: TwoFactorSetupProps) => {\r\n   const [verificationCode, setVerificationCode] = useState('');\r\n   const setupMutation = useSetupTwoFactorAuth();\r\n   const verifyMutation = useVerifyTwoFactorAuth();\r\n   const isLoading = setupMutation.isPending || verifyMutation.isPending;\r\n\r\n   const qrCodeUrl: string = setupMutation.data?.result?.qrCodeDataUrl || '';\r\n   const setupKey: string = setupMutation.data?.result?.setupKey || '';\r\n   const recoveryCodes: string[] = verifyMutation.data?.result?.recoveryCodes || [];\r\n\r\n   useEffect(() => {\r\n      setupMutation.mutate(id);\r\n   }, []);\r\n\r\n   const verify2FA = () => {\r\n      verifyMutation.mutate({ code: verificationCode, id });\r\n   };\r\n\r\n   return (\r\n      <>\r\n         {!verifyMutation.isSuccess && (\r\n            <Modal title=\"Two-Factor Authentication (2FA) Setup\" closeModal={() => !isLoading && close()} width=\"500px\" disableBackdropClick={true}>\r\n               <div className={classes.twoFactorSetup}>\r\n                  {setupMutation.isPending && (\r\n                     <p>\r\n                        <Icon type=\"loading\" /> Setting up 2FA...\r\n                     </p>\r\n                  )}\r\n                  {setupMutation.isError && <p className={classes.error}>Error setting up 2FA. Please try again.</p>}\r\n                  {setupMutation.isSuccess && (\r\n                     <div className={classes.setupContainer}>\r\n                        <div className={classes.instructions}>\r\n                           <h4>Setup Instructions</h4>\r\n                           <ol>\r\n                              <li>\r\n                                 Download and install an authenticator app on your mobile device (e.g., Google Authenticator, Authy, Microsoft\r\n                                 Authenticator).\r\n                              </li>\r\n                              <li>Open the authenticator app and choose to add a new account.</li>\r\n                              <li>Scan the QR code below using the authenticator app or manually enter the setup key provided.</li>\r\n                              <li>Once added, the app will generate a 6-digit verification code that refreshes every 30 seconds.</li>\r\n                              <li>Enter the current 6-digit code from the authenticator app into the field below to complete the setup.</li>\r\n                           </ol>\r\n                        </div>\r\n                        <div className={classes.qrSection}>\r\n                           <div className={classes.qrCode}>{qrCodeUrl && <img src={qrCodeUrl} alt=\"2FA QR Code\" />}</div>\r\n                           <div className={classes.setupKey}>Setup Key: {setupKey}</div>\r\n                           {verifyMutation.isError && <p className={classes.errorMsg}>{verifyMutation.error?.message}</p>}\r\n                           <div className={classes.verifySection}>\r\n                              <Input\r\n                                 type=\"text\"\r\n                                 placeholder=\"Enter 6-digit code\"\r\n                                 fieldValue={verificationCode}\r\n                                 onUpdate={(val) => setVerificationCode(val)}\r\n                                 full={true}\r\n                              />\r\n                              <Button text=\"Verify & Enable 2FA\" onClick={() => verify2FA()} variant=\"primary\" size=\"sm\" />\r\n                           </div>\r\n                        </div>\r\n                     </div>\r\n                  )}\r\n               </div>\r\n            </Modal>\r\n         )}\r\n\r\n         {verifyMutation.isSuccess && (\r\n            <Modal\r\n               title=\"Two-Factor Authentication (2FA) Setup\"\r\n               closeModal={() => !isLoading && location.reload()}\r\n               width=\"500px\"\r\n               disableBackdropClick={true}\r\n            >\r\n               <div className={classes.successMessage}>\r\n                  <p className={classes.successMsg}>Two-Factor Authentication (2FA) has been successfully enabled.</p>\r\n                  <p>\r\n                     <strong>\r\n                        Save these backup codes in a secure place. They will be required to access your account if you lose your device. They won't be\r\n                        shown again.\r\n                     </strong>\r\n                  </p>\r\n                  <code className={classes.recoveryCodes}>{recoveryCodes.join('\\n')}</code>\r\n               </div>\r\n            </Modal>\r\n         )}\r\n      </>\r\n   );\r\n};\r\n\r\nexport default TwoFactorSetup;\r\n"],"names":["TwoFactorSetup","close","id","verificationCode","setVerificationCode","useState","setupMutation","useSetupTwoFactorAuth","verifyMutation","useVerifyTwoFactorAuth","isLoading","qrCodeUrl","_b","_a","setupKey","_d","_c","recoveryCodes","_f","_e","useEffect","verify2FA","jsxs","Fragment","jsx","Modal","classes","Icon","_g","Input","val","Button"],"mappings":"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"}

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

@@ -0,0 +1,24 @@
+const s = "_setupContainer_CTnaj", e = "_errorMsg_pzVbT", c = "_instructions_8Faa2", t = "_qrSection_7GMuD", n = "_qrCode_hEdiA", o = "_setupKey_cp2zi", r = "_verifySection_CIpNa", i = "_successMessage_lsWNg", _ = "_successMsg_xQFvz", u = {
+  setupContainer: s,
+  errorMsg: e,
+  instructions: c,
+  qrSection: t,
+  qrCode: n,
+  setupKey: o,
+  verifySection: r,
+  successMessage: i,
+  successMsg: _
+};
+export {
+  u as default,
+  e as errorMsg,
+  c as instructions,
+  n as qrCode,
+  t as qrSection,
+  s as setupContainer,
+  o as setupKey,
+  i as successMessage,
+  _ as successMsg,
+  r as verifySection
+};
+//# sourceMappingURL=TwoFactorSetup.module.scss.js.map

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

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

package/dist-lib/components/common/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/common/Icon/Icon.tsx"],"names":[],"mappings":"AAEA,KAAK,SAAS,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAOF,QAAA,MAAM,IAAI,GAAI,uCAAuE,SAAS,4CA+8C7F,CAAC;AAmBF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/common/Icon/Icon.tsx"],"names":[],"mappings":"AAEA,KAAK,SAAS,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAOF,QAAA,MAAM,IAAI,GAAI,uCAAuE,SAAS,4CAw9C7F,CAAC;AAmBF,eAAe,IAAI,CAAC"}

package/dist-lib/components/common/Icon/Icon.js

@@ -92,6 +92,17 @@ const r = ({ type: c, color: l = "currentColor", size: h = 16, title: d = "", cl
     ),
     /* @__PURE__ */ a("path", { stroke: l, strokeWidth: 4, d: "M20 23h8" })
   ] }) }),
+  c === "mirrors" && /* @__PURE__ */ e(i, { size: h, viewBox: "0 0 24 24", children: [
+    /* @__PURE__ */ a(
+      "path",
+      {
+        fill: l,
+        d: "M21.53 5.15a.99.99 0 0 0-.97-.04l-10 5a1 1 0 0 0-.55.89v10a1 1 0 0 0 1 1c.15 0 .31-.04.45-.11l10-5a1 1 0 0 0 .55-.89V6c0-.35-.18-.67-.47-.85ZM20 15.38l-8 4v-7.76l8-4z"
+      }
+    ),
+    /* @__PURE__ */ a("path", { fill: l, d: "m16.55 3.11l-10 5A1 1 0 0 0 6 9v10h2V9.62l9.45-4.72l-.89-1.79Z" }),
+    /* @__PURE__ */ a("path", { fill: l, d: "m12.55 1.11l-10 5A1 1 0 0 0 2 7v10h2V7.62l9.45-4.73l-.89-1.79Z" })
+  ] }),
   c === "devices" && /* @__PURE__ */ a(i, { size: h, viewBox: "0 0 24 24", children: /* @__PURE__ */ a(
     "path",
     {