@stokr/components-library 3.0.16-alpha.7 → 3.0.16-alpha.9

package/dist/analytics/index.js

@@ -0,0 +1,180 @@
+import mixpanel from "mixpanel-browser";
+const BLOCKED_FIELDS = /* @__PURE__ */ new Set([
+  // PII
+  "email",
+  "first_name",
+  "last_name",
+  "full_name",
+  "name",
+  "phone",
+  "date_of_birth",
+  "address",
+  "nationality",
+  "passport_number",
+  // Blockchain
+  "wallet_address",
+  "tx_hash",
+  "transaction_hash",
+  "block_hash",
+  "contract_address",
+  "signing_address",
+  // Financial precision — server sends bucketed values only
+  "amount",
+  "exact_amount",
+  "investment_amount",
+  "token_quantity",
+  "token_price",
+  "token_value",
+  "price",
+  "value",
+  "balance",
+  "nav",
+  "net_asset_value",
+  // Banking
+  "iban",
+  "bic",
+  "swift",
+  "bank_account",
+  "routing_number",
+  // KYC
+  "kyc_data",
+  "kyb_data",
+  "document_id",
+  "tax_id",
+  "ssn"
+]);
+const BLOCKED_PATTERNS = [
+  /address$/i,
+  // wallet_address, contract_address, billing_address
+  /hash$/i,
+  // tx_hash, block_hash
+  /^raw_/i,
+  /password/i,
+  /secret/i,
+  /private.*key/i,
+  /\bprice\b/i,
+  /exact/i
+];
+function sanitize(props) {
+  if (!props || typeof props !== "object" || Array.isArray(props)) {
+    return props ?? {};
+  }
+  const cleaned = {};
+  for (const [key, val] of Object.entries(props)) {
+    const isBlocked = BLOCKED_FIELDS.has(key.toLowerCase()) || BLOCKED_PATTERNS.some((re) => re.test(key));
+    if (isBlocked) {
+      continue;
+    }
+    cleaned[key] = val && typeof val === "object" && !Array.isArray(val) ? sanitize(val) : val;
+  }
+  return cleaned;
+}
+let initialized = false;
+function initAnalytics({
+  token,
+  app,
+  requireConsent = false,
+  scroll = true,
+  apiHost = `https://analytics.${"stokr.info"}`
+} = {}) {
+  if (initialized) return;
+  if (!token) return;
+  mixpanel.init(token, {
+    api_host: apiHost,
+    autocapture: {
+      pageview: "full-url",
+      click: false,
+      dead_click: false,
+      input: false,
+      rage_click: true,
+      scroll,
+      submit: true,
+      capture_text_content: false
+    },
+    record_sessions_percent: 100,
+    record_heatmap_data: true,
+    opt_out_tracking_by_default: requireConsent,
+    persistence: "localStorage",
+    debug: false
+  });
+  if (app) {
+    mixpanel.register({ app });
+  }
+  mixpanel.register({ source: "frontend" });
+  initialized = true;
+}
+function optIn() {
+  if (!initialized) return;
+  mixpanel.opt_in_tracking();
+}
+function optOut() {
+  if (!initialized) return;
+  mixpanel.opt_out_tracking();
+}
+function hasOptedIn() {
+  if (!initialized) return false;
+  return mixpanel.has_opted_in_tracking();
+}
+function track(eventName, props = {}) {
+  if (!initialized) return;
+  mixpanel.track(eventName, sanitize(props));
+}
+function timeEvent(eventName) {
+  if (!initialized) return;
+  mixpanel.time_event(eventName);
+}
+function identify(userId, traits = {}) {
+  if (!initialized) return;
+  mixpanel.identify(userId);
+  const sanitizedTraits = sanitize(traits);
+  if (Object.keys(sanitizedTraits).length > 0) {
+    mixpanel.people.set(sanitizedTraits);
+  }
+}
+function setUserProperties(props = {}) {
+  if (!initialized) return;
+  const sanitized = sanitize(props);
+  if (Object.keys(sanitized).length > 0) {
+    mixpanel.people.set(sanitized);
+  }
+}
+function alias(userId) {
+  if (!initialized) return;
+  mixpanel.alias(userId);
+}
+function reset() {
+  if (!initialized) return;
+  mixpanel.reset();
+}
+function getAmountBucket(amount) {
+  if (amount < 125e3) return "<125k";
+  if (amount < 25e4) return "125k-250k";
+  if (amount < 5e5) return "250k-500k";
+  if (amount < 1e6) return "500k-1M";
+  if (amount < 5e6) return "1M-5M";
+  return "5M+";
+}
+function getTokenBucket(qty) {
+  if (qty <= 1) return "0-1";
+  if (qty <= 10) return "2-10";
+  if (qty <= 100) return "11-100";
+  if (qty <= 1e3) return "101-1k";
+  if (qty <= 1e4) return "1k-10k";
+  if (qty <= 1e5) return "10k-100k";
+  if (qty <= 1e6) return "100k-1M";
+  return "1M+";
+}
+export {
+  alias,
+  getAmountBucket,
+  getTokenBucket,
+  hasOptedIn,
+  identify,
+  initAnalytics,
+  optIn,
+  optOut,
+  reset,
+  setUserProperties,
+  timeEvent,
+  track
+};

package/dist/api/auth.js

@@ -0,0 +1,15 @@
+import axiosInstance from "../model/axios.js";
+const authAPI = async (url, data) => {
+  try {
+    const result = await axiosInstance.post(`auth/${url}`, data);
+    console.log("Success!");
+    return result;
+  } catch (error) {
+    console.log(`Error: ${error}`);
+    throw error;
+  }
+};
+export {
+  authAPI,
+  authAPI as default
+};

package/dist/api/fetchData.js

@@ -0,0 +1,27 @@
+import Cookies from "js-cookie";
+import axiosInstance from "../model/axios.js";
+const fetchData = async (url, data) => {
+  const accessToken = Cookies.get("STOKR_ACCESS_TOKEN");
+  const parsedData = JSON.stringify(data ?? {});
+  if (!accessToken) {
+    console.log("no access token");
+  }
+  try {
+    const result = await axiosInstance({
+      method: "POST",
+      url,
+      data: parsedData,
+      headers: {
+        Authorization: `Bearer ${accessToken}`
+      }
+    });
+    return result.data;
+  } catch (error) {
+    console.log(`Error: ${error}`);
+    throw error;
+  }
+};
+export {
+  fetchData as default,
+  fetchData
+};

package/dist/api/fetchDataPublic.js

@@ -0,0 +1,19 @@
+import axiosInstance from "../model/axiosPublic.js";
+const fetchDataPublic = async (url, data) => {
+  const parsedData = JSON.stringify(data);
+  try {
+    const result = await axiosInstance({
+      method: "POST",
+      url,
+      data: parsedData
+    });
+    return result.data;
+  } catch (error) {
+    console.log(`Error: ${error}`);
+    throw error;
+  }
+};
+export {
+  fetchDataPublic as default,
+  fetchDataPublic
+};

package/dist/auth/index.js

@@ -1,21 +1,32 @@
-import { A as o, a as e, b as t, c as n, s as A, D as r, d as i, e as u, f as F, L as d, g as h, h as l, i as g, S as C, j as L, k as E, l as S, m as c } from "../main-flow-BRH4NPpH.js";
+import { configure, getConfig } from "../config.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/Sucess2FA.js";
+import { default as default8 } from "../components/2FA/main-flow.js";
+import { default as default9 } from "../components/2FA/ResetCode.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";
 export {
-  o as Auth,
-  e as AuthConsumer,
-  t as AuthContext,
-  n as AuthProvider,
-  A as Connect2FA,
-  r as DEFAULT_TOKEN_EXPIRY_MS,
-  i as Enable2FAFlow,
-  u as EnterCode,
-  F as InstallAuthApp,
-  d as LoadingDots,
-  h as LoginWithOTPFlow,
-  l as Main2FAFlow,
-  g as ResetCode,
-  C as StokrLoader,
-  L as StokrLoaderBox,
-  E as Sucess2FA,
-  S as configure,
-  c as getConfig
+  Auth,
+  AuthConsumer,
+  AuthContext,
+  AuthProvider,
+  default2 as Connect2FA,
+  DEFAULT_TOKEN_EXPIRY_MS,
+  default3 as Enable2FAFlow,
+  default4 as EnterCode,
+  default5 as InstallAuthApp,
+  LoadingDots,
+  default6 as LoginWithOTPFlow,
+  default8 as Main2FAFlow,
+  default9 as ResetCode,
+  StokrLoader,
+  StokrLoaderBox,
+  default7 as Sucess2FA,
+  configure,
+  getConfig
 };

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

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { sizes } from "../../styles/rwd.js";
+import { Text } from "../Text/Text.styles.js";
+import { Button } from "../Button/Button.styles.js";
+import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
+import { ModalWrapper, ModalInner } from "../Modal/Modal.styles.js";
+import QRCode from "react-qr-code";
+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(
+          QRCode,
+          {
+            size: 180,
+            value: totpData?.totpUri,
+            viewBox: `0 0 256 256`
+          }
+        ),
+        /* @__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, center: true, noPaddingHorizontal: true, children: /* @__PURE__ */ jsx(Button, { minWidth: "150px", onClick: changeStep, fluid: true, children: "Continue" }) })
+    ] }) })
+  ] }) });
+};
+var stdin_default = Connect2FA;
+export {
+  Connect2FA,
+  stdin_default as default
+};

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

@@ -0,0 +1,63 @@
+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 { Button } 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: "Enter 2FA code" }),
+        /* @__PURE__ */ jsx("p", { children: "Enter the log in 2FA code from your authenticator app" })
+      ] }) }),
+      /* @__PURE__ */ jsx(ModalInner, { modalBot: true, children: onModalSwitch && /* @__PURE__ */ jsx(ModalLinkWrap, { children: /* @__PURE__ */ jsx(ModalLink, { type: "button", as: "button", onClick: onModalSwitch, children: "Lost 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,
+                  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(Button, { type: "submit", id: "2fa-enter-code-btn", 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

@@ -0,0 +1,64 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { Text } from "../Text/Text.styles.js";
+import { Button } 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(
+        Button,
+        {
+          minWidth: "150px",
+          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(
+        Button,
+        {
+          minWidth: "150px",
+          onClick: changeStep,
+          fluid: true,
+          children: "Continue"
+        }
+      ) })
+    ] }) })
+  ] }) });
+};
+var stdin_default = InstallAuthApp;
+export {
+  stdin_default as default
+};

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

@@ -0,0 +1,33 @@
+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: "Lost your device?" }),
+        /* @__PURE__ */ jsx("p", { children: "No problem! We are here to help you..." })
+      ] }) }),
+      /* @__PURE__ */ jsx(ModalInner, { modalBot: true, children: /* @__PURE__ */ jsx(ModalLinkWrap, { children: /* @__PURE__ */ jsx(ModalLink, { type: "button", as: "button", onClick: onModalSwitch, children: "Enter 2FA code" }) }) })
+    ] }),
+    /* @__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",
+        style: { textDecoration: "underline" },
+        children: "Contact us to reset your 2FA."
+      }
+    ) }) }) }) })
+  ] }) });
+};
+var stdin_default = ResetCode;
+export {
+  ResetCode,
+  stdin_default as default
+};

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

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import PropTypes from "prop-types";
+import { Text } from "../Text/Text.styles.js";
+import { Button } 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"
+}) => {
+  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(
+        Button,
+        {
+          minWidth: "240px",
+          onClick: () => {
+            onClick();
+          },
+          fluid: true,
+          children: buttonText
+        }
+      ) })
+    ] }) })
+  ] }) });
+};
+Sucess2FA.propTypes = {
+  onClick: PropTypes.func.isRequired
+};
+var stdin_default = Sucess2FA;
+export {
+  Sucess2FA,
+  stdin_default as default
+};

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

@@ -0,0 +1,91 @@
+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 { Button } 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,
+        {
+          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(Button, { secondary: true, style: { marginRight: 20 }, onClick: () => setShowFlow(false), fluid: true, children: "NO" }) }),
+          /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingHorizontal: true, noPaddingTop: true, children: /* @__PURE__ */ jsx(Button, { onClick: handleDisableClick, fluid: true, children: "Yes" }) })
+        ] }) })
+      ] }) }) })
+    }
+  ) });
+};
+var stdin_default = Disable2FA;
+export {
+  Disable2FA,
+  stdin_default as default
+};