@stokr/components-library 3.0.77 → 3.1.0-alpha.1

package/dist/api/authenticationApi.js

@@ -1,13 +0,0 @@
-import axiosInstance from "../model/axios.js";
-const authenticationApi = {
-  /**
-   * @param {string} pathSegment — appended to `auth/` (e.g. `forgotPass` → `POST auth/forgotPass`)
-   * @param {Record<string, unknown>} body
-   */
-  post(pathSegment, body) {
-    return axiosInstance.post(`auth/${pathSegment}`, body);
-  }
-};
-export {
-  authenticationApi
-};

package/dist/auth/index.js

@@ -1,34 +0,0 @@
-import { configure } from "../config.js";
-import { Auth, DEFAULT_TOKEN_EXPIRY_MS } from "../context/Auth.js";
-import { AuthConsumer, AuthContext, AuthProvider } from "../context/AuthContext.js";
-import { LoadingDots, StokrLoader, StokrLoaderBox } from "../components/StokrLoader/StokrLoader.js";
-import { default as default2 } from "../components/2FA/Connect2FA.js";
-import { default as default3 } from "../components/2FA/enable-2fa-flow.js";
-import { default as default4 } from "../components/2FA/EnterCode.js";
-import { default as default5 } from "../components/2FA/InstallAuthApp.js";
-import { default as default6 } from "../components/2FA/login-with-otp-flow.js";
-import { default as default7 } from "../components/2FA/main-flow.js";
-import { default as default8 } from "../components/2FA/ResetCode.js";
-import { default as default9 } from "../components/2FA/Sucess2FA.js";
-import { getConfig, resetRuntimeConfig } from "../runtime-config.js";
-export {
-  Auth,
-  AuthConsumer,
-  AuthContext,
-  AuthProvider,
-  default2 as Connect2FA,
-  DEFAULT_TOKEN_EXPIRY_MS,
-  default3 as Enable2FAFlow,
-  default4 as EnterCode,
-  default5 as InstallAuthApp,
-  LoadingDots,
-  default6 as LoginWithOTPFlow,
-  default7 as Main2FAFlow,
-  default8 as ResetCode,
-  StokrLoader,
-  StokrLoaderBox,
-  default9 as Sucess2FA,
-  configure,
-  getConfig,
-  resetRuntimeConfig
-};

package/dist/components/2FA/Connect2FA.js

@@ -1,58 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import { sizes } from "../../styles/rwd.js";
-import { Text } from "../Text/Text.styles.js";
-import stdin_default$2 from "../Button/Button.styles.js";
-import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
-import { ModalWrapper, ModalInner } from "../Modal/Modal.styles.js";
-import { QRCodeSVG } from "qrcode.react";
-import { Row, Column } from "../Grid/Grid.styles.js";
-import stdin_default$1 from "../CryptoAddress/CryptoAddress.js";
-import { useMobileView } from "../../utils/customHooks.js";
-const Connect2FA = (props) => {
-  const { changeStep, totpData } = props;
-  const isMobile = useMobileView(sizes.Mobile);
-  return /* @__PURE__ */ jsx(ModalWrapper, { children: /* @__PURE__ */ jsxs(Row, { children: [
-    /* @__PURE__ */ jsxs(Column, { part: 8, children: [
-      /* @__PURE__ */ jsx(ModalInner, { modalTop: true, children: /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsx("h3", { children: "Activate log in 2FA" }),
-        /* @__PURE__ */ jsx("p", { children: "1. Open your authenticator app" }),
-        /* @__PURE__ */ jsx("p", { children: isMobile ? "2. Copy the set up key" : "2. Scan the QR code or copy the set up key" })
-      ] }) }),
-      /* @__PURE__ */ jsx(ModalInner, { modalBot: true })
-    ] }),
-    /* @__PURE__ */ jsx(Column, { part: 8, children: /* @__PURE__ */ jsxs(ModalInner, { children: [
-      totpData && /* @__PURE__ */ jsxs(ComponentWrapper, { center: true, noPaddingHorizontal: true, children: [
-        !isMobile && /* @__PURE__ */ jsx(QRCodeSVG, { size: 180, value: totpData?.totpUri }),
-        /* @__PURE__ */ jsx(
-          stdin_default$1,
-          {
-            data: {
-              value: totpData.totpSecret?.secretKey,
-              tooltip: true
-            },
-            fontSize: 11,
-            wrapperStyle: { paddingRight: 0 },
-            dataBoxStyle: { width: "100%", whiteSpace: "nowrap" }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingTop: true, noPaddingBottom: true, center: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(
-        stdin_default$2,
-        {
-          minWidth: "150px",
-          id: "enable-2fa-connect-continue-btn",
-          "data-cy": "enable-2fa-connect-continue",
-          onClick: changeStep,
-          fluid: true,
-          children: "Continue"
-        }
-      ) })
-    ] }) })
-  ] }) });
-};
-var stdin_default = Connect2FA;
-export {
-  Connect2FA,
-  stdin_default as default
-};

package/dist/components/2FA/EnterCode.js

@@ -1,74 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "react";
-import { Formik } from "formik";
-import { Modal } from "../Modal/Modal.js";
-import stdin_default$1 from "../Form/Form.js";
-import { Text } from "../Text/Text.styles.js";
-import stdin_default$3 from "../Button/Button.styles.js";
-import { Row, Column } from "../Grid/Grid.styles.js";
-import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
-import stdin_default$2 from "../Input/OtpInput.js";
-import { ModalInner, ModalLinkWrap, ModalLink } from "../Modal/Modal.styles.js";
-import { FormField, FormError } from "../Form/Form.styles.js";
-const Wrapper = ({ isModal, children, isModalOpen, onModalClose, background }) => isModal ? /* @__PURE__ */ jsx(Modal, { isOpen: isModalOpen, onClose: onModalClose, background, children }) : /* @__PURE__ */ jsx(Fragment, { children });
-const EnterCode = (props) => {
-  const { popupError = {}, onFormSend, onModalSwitch, isModal, isActionLoading } = props;
-  return /* @__PURE__ */ jsx(Wrapper, { isModal, ...props, children: /* @__PURE__ */ jsxs(Row, { children: [
-    /* @__PURE__ */ jsxs(Column, { part: 8, children: [
-      /* @__PURE__ */ jsx(ModalInner, { modalTop: true, children: /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsx("h3", { children: "TWO-FACTOR AUTHENTICATION" }),
-        /* @__PURE__ */ jsx("p", { children: "Enter the verification code from your authenticator application." })
-      ] }) }),
-      /* @__PURE__ */ jsx(ModalInner, { modalBot: true, children: onModalSwitch && /* @__PURE__ */ jsx(ModalLinkWrap, { children: /* @__PURE__ */ jsx(ModalLink, { type: "button", as: "button", "data-cy": "2fa-enter-code-lost-device", onClick: onModalSwitch, children: "Lost access to your device?" }) }) })
-    ] }),
-    /* @__PURE__ */ jsx(Column, { part: 8, children: /* @__PURE__ */ jsx(ModalInner, { children: /* @__PURE__ */ jsx(
-      Formik,
-      {
-        initialValues: { otpInput: "" },
-        onSubmit: (values) => {
-          onFormSend(values);
-        },
-        children: ({ values, errors, touched, setFieldValue, setFieldTouched }) => {
-          const submitDisabled = !touched.otpInput || !values.otpInput || isActionLoading === "enter2fa";
-          return /* @__PURE__ */ jsxs(stdin_default$1, { children: [
-            /* @__PURE__ */ jsx(ComponentWrapper, { noPadding: true, children: /* @__PURE__ */ jsxs(FormField, { children: [
-              /* @__PURE__ */ jsx(
-                stdin_default$2,
-                {
-                  id: "otp-input",
-                  name: "otpInput",
-                  numInputs: 6,
-                  dataCyPrefix: "2fa-enter-code-otp",
-                  value: values.otpInput,
-                  onChange: (e) => {
-                    setFieldValue("otpInput", e);
-                    setFieldTouched("otpInput");
-                  },
-                  label: "2FA code"
-                }
-              ),
-              /* @__PURE__ */ jsx(FormError, { show: errors.otpInput && touched.otpInput, children: errors.otpInput })
-            ] }) }),
-            /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingBottom: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(
-              stdin_default$3,
-              {
-                type: "submit",
-                id: "2fa-enter-code-btn",
-                "data-cy": "2fa-enter-code-submit",
-                fluid: true,
-                disabled: submitDisabled,
-                children: "Continue"
-              }
-            ) }),
-            /* @__PURE__ */ jsx(ComponentWrapper, { paddingVeticalHalf: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(FormError, { show: popupError?.popup === "enter2fa", children: popupError.message }) })
-          ] });
-        }
-      }
-    ) }) })
-  ] }) });
-};
-var stdin_default = EnterCode;
-export {
-  EnterCode,
-  stdin_default as default
-};

package/dist/components/2FA/InstallAuthApp.js

@@ -1,68 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import { Text } from "../Text/Text.styles.js";
-import stdin_default$1 from "../Button/Button.styles.js";
-import { Row, Column } from "../Grid/Grid.styles.js";
-import { ModalWrapper, ModalInner } from "../Modal/Modal.styles.js";
-import GoogleAuthLogo from "../../static/images/google_auth.png.js";
-import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
-const InstallAuthApp = (props) => {
-  const { changeStep } = props;
-  return /* @__PURE__ */ jsx(ModalWrapper, { children: /* @__PURE__ */ jsxs(Row, { children: [
-    /* @__PURE__ */ jsxs(Column, { part: 8, children: [
-      /* @__PURE__ */ jsx(ModalInner, { modalTop: true, children: /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsx("h3", { children: "Install 2FA APP" }),
-        /* @__PURE__ */ jsx("p", { children: "Download and install a 2FA app on your device. We recommend using Google Authenticator" })
-      ] }) }),
-      /* @__PURE__ */ jsx(ModalInner, { modalBot: true })
-    ] }),
-    /* @__PURE__ */ jsx(Column, { part: 8, children: /* @__PURE__ */ jsxs(ModalInner, { children: [
-      /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingTop: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(Text, { small: true, children: /* @__PURE__ */ jsx("p", { children: "Click 'Continue' if you already have an app installed." }) }) }),
-      /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingHorizontal: true, center: true, children: /* @__PURE__ */ jsxs(
-        stdin_default$1,
-        {
-          minWidth: "150px",
-          id: "enable-2fa-download-app-btn",
-          "data-cy": "enable-2fa-download-auth-app",
-          fluid: true,
-          onClick: () => {
-            window.open("https://onelink.to/ev63j9", "_blank");
-          },
-          secondary: true,
-          children: [
-            "DOWNLOAD THE APP",
-            " ",
-            /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: GoogleAuthLogo,
-                width: 20,
-                style: {
-                  verticalAlign: "middle",
-                  marginLeft: "6px",
-                  marginTop: "-3px"
-                },
-                alt: "google auth logo"
-              }
-            )
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingHorizontal: true, noPaddingTop: true, center: true, children: /* @__PURE__ */ jsx(
-        stdin_default$1,
-        {
-          minWidth: "150px",
-          id: "enable-2fa-install-app-continue-btn",
-          "data-cy": "enable-2fa-install-app-continue",
-          onClick: changeStep,
-          fluid: true,
-          children: "Continue"
-        }
-      ) })
-    ] }) })
-  ] }) });
-};
-var stdin_default = InstallAuthApp;
-export {
-  stdin_default as default
-};

package/dist/components/2FA/ResetCode.js

@@ -1,34 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import { Text } from "../Text/Text.styles.js";
-import { Row, Column } from "../Grid/Grid.styles.js";
-import { Modal } from "../Modal/Modal.js";
-import { ModalInner, ModalLinkWrap, ModalLink } from "../Modal/Modal.styles.js";
-const ResetCode = (props) => {
-  const { onModalSwitch, onModalClose, background, isModalOpen } = props;
-  return /* @__PURE__ */ jsx(Modal, { isOpen: isModalOpen, onClose: onModalClose, background, children: /* @__PURE__ */ jsxs(Row, { children: [
-    /* @__PURE__ */ jsxs(Column, { part: 8, children: [
-      /* @__PURE__ */ jsx(ModalInner, { modalTop: true, children: /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsx("h3", { children: "AUTHENTICATION DEVICE UNAVAILABLE" }),
-        /* @__PURE__ */ jsx("p", { children: "Please contact our support team to reset your two-factor authentication." })
-      ] }) }),
-      /* @__PURE__ */ jsx(ModalInner, { modalBot: true, children: /* @__PURE__ */ jsx(ModalLinkWrap, { children: /* @__PURE__ */ jsx(ModalLink, { type: "button", as: "button", "data-cy": "2fa-reset-code-back-to-enter-code", onClick: onModalSwitch, children: "Return to log in" }) }) })
-    ] }),
-    /* @__PURE__ */ jsx(Column, { part: 8, children: /* @__PURE__ */ jsx(ModalInner, { children: /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
-      "a",
-      {
-        href: "https://stokr.zendesk.com/hc/en-us/requests/new",
-        target: "_blank",
-        rel: "noreferrer",
-        "data-cy": "2fa-reset-code-contact-support",
-        style: { textDecoration: "underline" },
-        children: "Contact us to reset your two-factor authentication."
-      }
-    ) }) }) }) })
-  ] }) });
-};
-var stdin_default = ResetCode;
-export {
-  ResetCode,
-  stdin_default as default
-};

package/dist/components/2FA/Sucess2FA.js

@@ -1,63 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import PropTypes from "prop-types";
-import { Text } from "../Text/Text.styles.js";
-import stdin_default$1 from "../Button/Button.styles.js";
-import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
-import { Row, Column } from "../Grid/Grid.styles.js";
-import { ModalWrapper, ModalInner } from "../Modal/Modal.styles.js";
-const Sucess2FA = ({
-  onClick = () => {
-  },
-  titleText = "Success!",
-  subTitleLeft = "",
-  textRight = "",
-  buttonText = "Continue",
-  /** DOM id for the primary action button — override per screen (verify email, enable/disable 2FA, etc.) */
-  continueButtonId = "success-flow-continue-btn",
-  /** Playwright / analytics-friendly selector for the primary button */
-  continueButtonDataCy = "success-flow-continue"
-}) => {
-  return /* @__PURE__ */ jsx(ModalWrapper, { children: /* @__PURE__ */ jsxs(Row, { children: [
-    /* @__PURE__ */ jsxs(Column, { part: 8, children: [
-      /* @__PURE__ */ jsx(ModalInner, { modalTop: true, children: /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsxs("h3", { children: [
-          titleText,
-          " "
-        ] }),
-        /* @__PURE__ */ jsx("p", { children: subTitleLeft })
-      ] }) }),
-      /* @__PURE__ */ jsx(ModalInner, { modalBot: true })
-    ] }),
-    /* @__PURE__ */ jsx(Column, { part: 8, children: /* @__PURE__ */ jsxs(ModalInner, { children: [
-      /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingVertical: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx("p", { children: textRight }) }) }),
-      /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(
-        stdin_default$1,
-        {
-          id: continueButtonId,
-          minWidth: "240px",
-          "data-cy": continueButtonDataCy,
-          onClick: () => {
-            onClick();
-          },
-          fluid: true,
-          children: buttonText
-        }
-      ) })
-    ] }) })
-  ] }) });
-};
-Sucess2FA.propTypes = {
-  onClick: PropTypes.func.isRequired,
-  titleText: PropTypes.string,
-  subTitleLeft: PropTypes.string,
-  textRight: PropTypes.string,
-  buttonText: PropTypes.string,
-  continueButtonId: PropTypes.string,
-  continueButtonDataCy: PropTypes.string
-};
-var stdin_default = Sucess2FA;
-export {
-  Sucess2FA,
-  stdin_default as default
-};

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

@@ -1,104 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useContext, useState, useEffect } from "react";
-import { AuthContext } from "../../context/AuthContext.js";
-import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
-import { Modal } from "../Modal/Modal.js";
-import { ModalInner, ModalWrapper } from "../Modal/Modal.styles.js";
-import { Text } from "../Text/Text.styles.js";
-import stdin_default$2 from "../Button/Button.styles.js";
-import { Row, Column } from "../Grid/Grid.styles.js";
-import stdin_default$1 from "./Sucess2FA.js";
-import fetchData from "../../api/fetchData.js";
-const Disable2FA = ({ showFlow, setShowFlow, onSuccess, onRequiresRecentLoginError }) => {
-  const { unenrollUser2FA, refreshIdToken } = useContext(AuthContext);
-  const [isModalOpen, setIsModalOpen] = useState({
-    confirmDisable: false,
-    sucess: false
-  });
-  const refreshToken = async () => {
-    try {
-      refreshIdToken();
-    } catch (error) {
-      console.log("🚀 ~ error in refreshToken:", error);
-    }
-  };
-  useEffect(() => {
-    if (showFlow) {
-      refreshToken();
-      setIsModalOpen({
-        ...isModalOpen,
-        confirmDisable: true
-      });
-    }
-  }, [showFlow]);
-  const handleDisableClick = async () => {
-    try {
-      await unenrollUser2FA();
-      setIsModalOpen({
-        ...isModalOpen,
-        sucess: true
-      });
-      try {
-        await fetchData("auth/disable-2fa-email");
-      } catch (error) {
-        console.log("🚀 ~ error while sending email:", error);
-      }
-    } catch (error) {
-      console.log("🚀 ~ file: disable-2fa-flow.js ~ error:", error);
-      if (error.code === "auth/requires-recent-login") {
-        onRequiresRecentLoginError?.();
-      }
-    }
-  };
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    Modal,
-    {
-      isOpen: isModalOpen.confirmDisable,
-      onClose: () => {
-        setShowFlow(false);
-      },
-      children: /* @__PURE__ */ jsx(ModalInner, { noPadding: true, children: isModalOpen.sucess ? /* @__PURE__ */ jsx(
-        stdin_default$1,
-        {
-          continueButtonId: "disable-2fa-success-continue-btn",
-          continueButtonDataCy: "disable-2fa-success-continue",
-          onClick: () => {
-            setShowFlow(false);
-            onSuccess?.();
-          },
-          subTitleLeft: "Your log in 2FA authentication is removed",
-          textRight: "You will not be asked for your 2FA code next time you log in."
-        }
-      ) : /* @__PURE__ */ jsx(ModalWrapper, { children: /* @__PURE__ */ jsxs(Row, { children: [
-        /* @__PURE__ */ jsxs(Column, { part: 8, children: [
-          /* @__PURE__ */ jsx(ModalInner, { modalTop: true, children: /* @__PURE__ */ jsxs(Text, { children: [
-            /* @__PURE__ */ jsx("h3", { children: "Remove your log in 2FA authentication? " }),
-            /* @__PURE__ */ jsx("p", { children: "We recommend you to keep 2FA authentication and protect your account with an additional layer of security" })
-          ] }) }),
-          /* @__PURE__ */ jsx(ModalInner, { modalBot: true })
-        ] }),
-        /* @__PURE__ */ jsx(Column, { part: 8, children: /* @__PURE__ */ jsxs(ModalInner, { children: [
-          /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingVertical: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx("p", { children: "Do you want to remove your log in 2FA authentication?" }) }) }),
-          /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(
-            stdin_default$2,
-            {
-              secondary: true,
-              style: { marginRight: 20 },
-              id: "disable-2fa-confirm-no-btn",
-              "data-cy": "disable-2fa-confirm-no",
-              onClick: () => setShowFlow(false),
-              fluid: true,
-              children: "NO"
-            }
-          ) }),
-          /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingHorizontal: true, noPaddingTop: true, children: /* @__PURE__ */ jsx(stdin_default$2, { id: "disable-2fa-confirm-yes-btn", "data-cy": "disable-2fa-confirm-yes", onClick: handleDisableClick, fluid: true, children: "Yes" }) })
-        ] }) })
-      ] }) }) })
-    }
-  ) });
-};
-var stdin_default = Disable2FA;
-export {
-  Disable2FA,
-  stdin_default as default
-};

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

@@ -1,167 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useContext, useState, useRef, useLayoutEffect, useEffect } from "react";
-import { Modal } from "../Modal/Modal.js";
-import stdin_default$2 from "../StepController/StepController.js";
-import { StepControllerProvider, StepControllerConsumer } from "../StepController/StepControllerContext.js";
-import stdin_default$3 from "./InstallAuthApp.js";
-import stdin_default$4 from "./Connect2FA.js";
-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, firebaseUser, enrollUserToTotp, refreshIdToken } = useContext(AuthContext);
-  const [showSuccess, setshowSuccess] = useState(false);
-  const [flowKey, setFlowKey] = useState(0);
-  const prevShowFlowRef = useRef(showFlow);
-  const isFirstMountRef = useRef(true);
-  const [popupError, setpopupError] = useState({
-    popup: void 0,
-    message: void 0
-  });
-  useLayoutEffect(() => {
-    if (isFirstMountRef.current) {
-      isFirstMountRef.current = false;
-      prevShowFlowRef.current = showFlow;
-      return;
-    }
-    if (showFlow && !prevShowFlowRef.current) {
-      setFlowKey((key) => key + 1);
-      setshowSuccess(false);
-      setpopupError({ popup: void 0, message: void 0 });
-    }
-    prevShowFlowRef.current = showFlow;
-  }, [showFlow]);
-  const refreshToken = async () => {
-    try {
-      refreshIdToken();
-    } catch (error) {
-      console.log("🚀 ~ error in refreshToken:", error);
-    }
-  };
-  useEffect(() => {
-    if (user) {
-      refreshToken();
-    }
-  }, [user]);
-  const onSubmit = async (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(mfaUser, totpData.totpSecret, data.otpInput, user?.displayName || mfaUser?.displayName);
-      setshowSuccess(true);
-      try {
-        await fetchData("auth/enable-2fa-email");
-      } catch (error) {
-        console.log("🚀 ~ error while sending email:", error);
-      }
-    } catch (error) {
-      console.log("🚀 ~ file: enable-2fa-flow.js:60 ~ error:", error);
-      if (error.code === "auth/invalid-verification-code") {
-        setpopupError({
-          popup: "enter2fa",
-          message: "That’s not the right 2FA code. Try again"
-        });
-        return { otpInput: "Invalid code" };
-      } else if (error.code === "auth/requires-recent-login") {
-        onRequiresRecentLoginError?.();
-      } else {
-        setpopupError({
-          popup: "enter2fa",
-          message: `${error?.message ? error?.message : "Something went wrong. Try again?"}`
-        });
-      }
-    }
-  };
-  const onBackButtonClick = (stepController, prevStepIndex) => {
-    stepController.changeStep(stepsNames[prevStepIndex], prevStepIndex);
-  };
-  return /* @__PURE__ */ jsx(Modal, { isOpen: showFlow, onClose: () => setShowFlow(false), children: /* @__PURE__ */ jsx(ModalInner, { noPadding: true, children: showSuccess ? /* @__PURE__ */ jsx(
-    stdin_default$1,
-    {
-      continueButtonId: "enable-2fa-success-continue-btn",
-      continueButtonDataCy: "enable-2fa-success-continue",
-      onClick: () => {
-        if (onSuccess) onSuccess();
-        setshowSuccess(false);
-        setShowFlow(false);
-      },
-      subTitleLeft: "Your log in 2FA authentication is now set",
-      textRight: "You will now be asked for your 2FA code next time you log in."
-    }
-  ) : /* @__PURE__ */ jsx(StepControllerProvider, { initialStep: stepsNames[0], children: /* @__PURE__ */ jsx(StepControllerConsumer, { children: (stepController) => {
-    const prevStepIndex = stepController.activeStepIndex - 1;
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        ModalBack,
-        {
-          onClick: () => onBackButtonClick(stepController, prevStepIndex),
-          hide: stepController.activeStepIndex === 0
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        stdin_default$2,
-        {
-          stepsProgressList: [
-            {
-              id: "app",
-              dataCy: "enable-2fa-progress-app",
-              handleClick: () => {
-                stepController.changeStep("app", 0);
-              }
-            },
-            {
-              id: "connect",
-              dataCy: "enable-2fa-progress-connect",
-              handleClick: () => {
-                stepController.changeStep("connect", 1);
-              }
-            },
-            {
-              id: "enter-code",
-              dataCy: "enable-2fa-progress-enter-code",
-              handleClick: () => stepController.changeStep("enter-code", 2)
-            }
-          ],
-          ...stepController,
-          children: [
-            /* @__PURE__ */ jsx(stdin_default$3, { id: "app", changeStep: () => stepController.changeStep("connect", 1, 0) }),
-            /* @__PURE__ */ jsx(
-              stdin_default$4,
-              {
-                id: "connect",
-                changeStep: () => stepController.changeStep("enter-code", 2, 1),
-                totpData,
-                user
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              stdin_default$5,
-              {
-                id: "enter-code",
-                changeStep: () => {
-                },
-                popupError,
-                onFormSend: onSubmit
-              }
-            )
-          ]
-        }
-      )
-    ] });
-  } }) }, flowKey) }) });
-};
-var stdin_default = Enable2FAFlow;
-export {
-  stdin_default as default
-};