@stokr/components-library 3.0.48 → 3.0.49

package/dist/components/2FA/enable-2fa-flow.js

@@ -9,10 +9,11 @@ import stdin_default$5 from "./EnterCode.js";
 import { AuthContext } from "../../context/AuthContext.js";
 import stdin_default$1 from "./Sucess2FA.js";
 import fetchData from "../../api/fetchData.js";
+import { getFirebaseAuth } from "../../firebase-config.js";
 import { ModalInner, ModalBack } from "../Modal/Modal.styles.js";
 const stepsNames = ["app", "connect", "enter-code"];
 const Enable2FAFlow = ({ showFlow, setShowFlow, onSuccess, totpData, onRequiresRecentLoginError }) => {
-  const { user, enrollUserToTotp, refreshIdToken } = useContext(AuthContext);
+  const { user, firebaseUser, enrollUserToTotp, refreshIdToken } = useContext(AuthContext);
   const [showSuccess, setshowSuccess] = useState(false);
   const [popupError, setpopupError] = useState({
     popup: void 0,
@@ -31,9 +32,17 @@ const Enable2FAFlow = ({ showFlow, setShowFlow, onSuccess, totpData, onRequiresR
     }
   }, [user]);
   const onSubmit = async (data) => {
-    if (!user || !data) return console.log("not enough data");
+    if (!data) return console.log("not enough data");
+    const mfaUser = firebaseUser || getFirebaseAuth()?.currentUser || user;
+    if (!mfaUser) {
+      setpopupError({
+        popup: "enter2fa",
+        message: "Unable to complete 2FA setup. Please log in again and retry."
+      });
+      return;
+    }
     try {
-      await enrollUserToTotp(user, totpData.totpSecret, data.otpInput, user.displayName);
+      await enrollUserToTotp(mfaUser, totpData.totpSecret, data.otpInput, user?.displayName || mfaUser?.displayName);
       setshowSuccess(true);
       try {
         await fetchData("auth/enable-2fa-email");

package/dist/components/2FA/login-with-otp-flow.js

@@ -102,7 +102,9 @@ const LoginWithOTP = ({ withBackground, useRelativePathForMenu = false }) => {
                 ...prev,
                 login: false
               }));
-              await showAccountLockedModal();
+              await showAccountLockedModal({
+                background: withBackground ? backgroundProp : void 0
+              });
               setIsModalOpen((prev) => ({
                 ...prev,
                 login: true

package/dist/components/2FA/main-flow.js

@@ -89,7 +89,7 @@ const Main2FAFlow = ({
     subtitle: /* @__PURE__ */ jsxs(Fragment, { children: [
       "Under our security policy, two-factor authentication is required on all accounts and cannot be turned off. To reset your method, contact our",
       " ",
-      /* @__PURE__ */ jsx("a", { href: SUPPORT_URL, target: "_blank", rel: "noreferrer", children: "support team" }),
+      /* @__PURE__ */ jsx("a", { href: SUPPORT_URL, target: "_blank", rel: "noreferrer", style: { textDecoration: "underline" }, children: /* @__PURE__ */ jsx("u", { children: "support team" }) }),
       "."
     ] }),
     maxWidth: "820px"

package/dist/utils/show-account-locked-modal.js

@@ -4,15 +4,18 @@ import { showProgress } from "../components/Modal/SuccessModal/SuccessModal.js";
 const SUPPORT_URL = "https://support.stokr.io/";
 const ACCOUNT_LOCKED_CODE = "auth/user-disabled";
 const isAccountLockedError = (error) => error?.code === ACCOUNT_LOCKED_CODE;
-const showAccountLockedModal = () => showProgress({
+const showAccountLockedModal = ({ background } = {}) => showProgress({
   title: "TOO MANY ATTEMPTS",
   subtitle: /* @__PURE__ */ jsxs(Fragment, { children: [
     "For your security, your account has been temporarily locked after multiple failed sign-in attempts. To restore access, contact our",
     " ",
-    /* @__PURE__ */ jsx("a", { href: SUPPORT_URL, target: "_blank", rel: "noreferrer", children: "support team" }),
+    /* @__PURE__ */ jsx("a", { href: SUPPORT_URL, target: "_blank", rel: "noreferrer", style: { textDecoration: "underline" }, children: /* @__PURE__ */ jsx("u", { children: "support team" }) }),
     "."
   ] }),
-  maxWidth: "820px"
+  maxWidth: "820px",
+  modalProps: {
+    background
+  }
 });
 export {
   isAccountLockedError,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "3.0.48",
+  "version": "3.0.49",
   "description": "STOKR - Components Library",
   "author": "Bilal Hodzic <bilal@stokr.io>",
   "license": "MIT",